/******** General tags ********/
body {
	font:76% Tahoma,Arial,Verdana,sans-serif;
	background-color:#C1C1C1;
	color:#333333;
	line-height:18px;
	margin:0 auto;
	padding:0;
}

#next { width:750px; margin:0px; font-size:10px; text-align:right; color:#CCCCCC; }

a {
	text-decoration:none;
	color:#023479;
	font-weight:bold;
}

a:hover {text-decoration:underline;}
a img {border:0;}
p {margin:0 0 18px 10px;}
ul,ol,dl { margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}

h1 {
	font-size:16px;
	color:#333333;
	padding:0 2px 0 0;
	margin:0 0 4px 0;
}

h2 {
	font-size:12px;
	color:#333333;
	padding:0 2px 0 5px;
	margin:0 0 2px 0;
}

h3{
	font-size:12px;
	font-weight:bold;
	color:#51729F;
	margin:5px 0 3px 0;
	padding:1px 2px 2px 3px;
}

blockquote{
	font-size:0.9em;
	border:1px solid #dadada;
	margin:20px 10px;
	padding:8px;
}

/******** Main wrap ********/
#wrap {
    background:#eaeaea url(../images/bg.png);
	color:#404040;
	width:1000px;
	margin:0px auto;
	padding:0;
}

#container {
	color:#404040;
	margin:0 30px 30px 30px;
	padding:0 0 0 0;
}

#nav {
    background:#F0AB00;
	color:#404040;
	margin:0 0 0 0;
	padding:0 0 0 0;
    height: 34px;
}

#navright		 { width:125px; padding:8px 10px 0 0 ; float:right; text-align:right; font-size:12px; }

#navright .suche { width:100px; padding:2px; border: 0px; text-align:left; font-size:12px; }


#nav a       { color:#FFFFFF; }
#nav a:hover { color:#03357A; }

#flash {
	padding: 0 0 0 0;
	margin: 8px 0 0 0;
    width:640px;
    height: 260px;
}

#headline {
	background:#eaeaea url(../images/grass.jpg);
	padding: 2px 2px 2px 2px;
	margin: 0 0 30px 0;
}

#line {
	padding: 1px 2px 1px 2px;
	margin: 0 0 0 0;
	border-top:1px solid #006200;
}

#commentary {
	text-align:right;
	font-size:11px;
	color:#808080;
	padding: 0px 9px 0px 5px;
	margin: 0px 0px 10px 0px;
}

#header 			{ padding:0; height:72px; color:#000000; margin:0 auto; }
#headerleft 		{ width:400px; padding:10px 0 0 5px; float:left; text-align:left;  font-size:11px; }
#headerright		{ width:400px; padding:10px 0 0 0 ; float:right; text-align:right; font-size:11px; }

#headerright img  	{ padding:0 0 0 15px; text-align:right; font-size:11px; }

#header a { color:#000000; font-weight: normal; }

#slogan{
	font-size:1.5em;
	color:#808080;
	font-weight:bold;
	letter-spacing:-1px;
	margin:15px 0px 20px 35px;
	line-height:1.2em;
}

/******** sidebar ********/
#sidebar{
	float:left;
	width:180px;
	margin:0 0 5px 0;
	padding:1px 0 0 0;
}

#navigation1 a 			{ color: #006200; padding: 4px 5px 4px 10px;  text-align: left;  border-top:#CCCCCC 1px dotted;  background: #F3F3F3;  text-decoration: none;  display: block; }
#navigation1 a:link 	{ color: #006200; }
#navigation1 a:hover	{ color: #999999; border-top:#CCCCCC 1px dotted; background: #FFFFFF; }

#navigation1x a 		{ color: #102163; padding: 4px 5px 4px 10px;  text-align: left;  border-top:#CCCCCC 1px solid;  padding: 4px 5px 4px 10px; background: #DDDDDD; text-decoration: none; display: block; }
#navigation1x a:link 	{ color: #102163; }
#navigation1x a:hover	{ color: #999999; border-top:#CCCCCC 1px solid; background: #E5E5E5; }

#navigation2 a 			{ color: #006200; padding: 3px 5px 3px 10px;  font-weight:normal;  text-align: right;  background: #F3F3F3; text-decoration: none; display: block; }
#navigation2 a:link 	{ color: #006200; }
#navigation2 a:hover	{ color: #999999; border-color: #FE3; background: #FFFFFF; }

#navigation2x a 		{ color:#102163; padding: 3px 5px 3px 10px;  font-weight:normal;  text-align: right;  background: #EEEEEE; text-decoration: none; display: block; }
#navigation2x a:link 	{ color:#102163; }
#navigation2x a:hover	{ color:#999999; border-color: #FE3; background: #FFFFFF; }

#sitemap1 a                 { display: block; width:auto;  font-size:12px;  padding: 8px 5px 2px 20px; text-align: left; text-decoration: none;  font-weight: normal; }
#sitemap1 a:link            { display: block; width:auto;  font-size:12px;  padding: 8px 5px 2px 20px; text-align: left; text-decoration: none;  font-weight: normal; }
#sitemap1 a:hover           { display: block; width:auto;  font-size:12px;  padding: 8px 5px 2px 20px; text-align: left; text-decoration: none;  font-weight: normal; }

#sitemap2 a                 { display: block; width:auto;  font-size:12px;  padding: 1px 1px 1px 50px; text-align: left; text-decoration: none;  font-weight: normal; }
#sitemap2 a:link            { display: block; width:auto;  font-size:12px;  padding: 1px 1px 1px 50px; text-align: left; text-decoration: none;  font-weight: normal; }
#sitemap2 a:hover           { display: block; width:auto;  font-size:12px;  padding: 1px 1px 1px 50px; text-align: left; text-decoration: none;  font-weight: normal; }

#sitemap3 a                 { display: block; width:auto;  font-size:12px;  padding: 1px 5px 1px 80px; text-align: left; text-decoration: none;  font-weight: normal; }
#sitemap3 a:link            { display: block; width:auto;  font-size:12px;  padding: 1px 5px 1px 80px; text-align: left; text-decoration: none;  font-weight: normal; }
#sitemap3 a:hover           { display: block; width:auto;  font-size:12px;  padding: 1px 5px 1px 80px; text-align: left; text-decoration: none;  font-weight: normal; }

.clear		{ clear:both; }

.breadcrum		{ padding: 0 5px 0 0; font-weight:bold;  font-size:10px;  }



/******** Content variations ********/
#content{
    background: #FFFFFF;
	width:910px;
	text-align:left;
	margin: 0 0 20px 0;
	padding:15px;
}

#content .text{
	padding:0 15px 15px 15px;
}

#contentalt{
	line-height:1.5em;
	width:750px;
	float:left;
	text-align:left;
	padding:0;
	margin-right:20px;
}

#content h3, #contentalt h3{margin:10px 0 8px;}

/******** Content variations ********/
#glossar{
    background: #FFFFFF;
	width:910px;
	text-align:left;
	margin: 0 0 0 0;
	padding:2px 15px 2px 15px;
}

#glossar .text{
	padding:0 15px 0 15px;
}

#glossar h3, #contentalt h3{margin:10px 0 8px;}

/******** Footer ********/
#footer{
    background:#c1c1c1 url(../images/bg_footer.png) top center no-repeat; 
	clear:both;
	text-align:right;
	color:#FFFFFF;
	font-size:0.9em;
	margin:15px 0 0 0;
	padding:20px 0 40px 0;
	line-height:1.8em;
    width:1000px;
}

#footerleft 		{ width:450px; padding:0 0 0 10px; float:left; text-align:left;  font-size:11px; }
#footerright		{ width:450px; padding:0 10px 0 0 ; float:right; text-align:right; }

#footer p { margin:0; padding:0 }
#footer a { color:#FFFFFF; font-weight: normal; }

/******** Various classes ********/
.box{
	color:#102163;
	font-size:0.9em;
	background-color:#F0F0FA;
	border:1px solid #102163;
	line-height:1.3em;
	padding:8px 8px 8px 10px;
	margin:0 5px 25px 5px;
}

.box a 		{ color:#f0f0f0; }
.left 		{ float:left; margin:0 15px 4px 0; }
.right 		{ float:right; margin:0 0 4px 15px; }
.textright 	{ text-align:right; }
.readmore 	{ text-align:right; margin:-2px 0px 12px 0; }
.readback 	{ text-align:left; margin:4px 0px 12px 0; }

.center		{ text-align:center; }
.blue		{ color:#006200; }
.big		{ font-size:1.3em; }
.small		{ font-size:0.8em; }
.bold		{ font-weight:bold; }

.clear		{ clear:both; }
.hide		{ display:none; }
.fade		{ color:#c8c8c8; }
.gray		{ color:#808080; }

.photo {
	border:1px solid #bababa;
	padding:3px;
	background-color:#ffffff;
	margin:16px 18px 2px 5px;
}


.bildleft { 
    width: 200px;
	border:1px solid #bababa;
	background-color:#F3F3F3;
	padding: 3px 3px 0px 3px;
	margin:2px 10px 10px 15px;
}

.bildright { 
    width: 200px;
	border:1px solid #bababa;
	background-color:#F3F3F3;
	padding: 3px 3px 0px 3px;
	margin:2px 15px 10px 15px;
}

.bildtext  { 
	background-color:#F3F3F3;
	font-size:10px;
	padding: 1px 3px 6px 3px;
	line-height:10px 
}



#punkta
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 12px 2px 2px 2px;
    width:100%;
	padding-left: 12px;
}

#punkta a       { text-decoration: none;
                  padding-left: 0px;
                  font-weight: bold; 
                  color: #006200 }
                  
#punkta a:hover { text-decoration: underline;
                  padding-left: 0px;
                  font-weight: bold; 
                  color: #006200 }
                  



#punktb
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 2px 2px 2px 2px;
    width:100%;
	padding-left: 32px;
}

#punktb a       { text-decoration: none;
                  padding-left: 0px;
                  font-weight: bold; 
                  color: #006200 }
                  
#punktb a:hover { text-decoration: underline;
                  padding-left: 0px;
                  font-weight: bold; 
                  color: #006200 }
                  
                  
#punktc
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 2px 2px 2px 2px;
    width:100%;
	padding-left: 62px;
}

#punktc a       { text-decoration: none;
                  padding-left: 0px;
                  font-weight: bold; 
                  color: #006200 }
                  
#punktc a:hover { text-decoration: underline;
                  padding-left: 0px;
                  font-weight: bold; 
                  color: #006200 }


#errorbox     		{ width: 585px; margin: 10px 0px 0px 0px;  font-size: 12px;  padding: 0px 0px 0px 15px;  background: #FCE0E1;  border: 1px solid #9B0000; }
#errorbox .error  	{ cursor:pointer; font-size: 12px; color: #B41217;  font-weight: bold; }
.error  	        { cursor:pointer; font-size: 12px; color: #B41217;  font-weight: bold; }



/******** Box ********/
#box              { background: #D2D2D2; 
                    padding: 4px;  
                    margin: 6px 0 16px 10px; 
                    width: 222px; }
#box     .section { background: #FFFFFF; 
                    padding: 0px;  
                    margin: -8px 0 0 -8px; 
                    border: 1px solid #808080; }
#box      .header { padding: 4px 4px 0px 4px; 
                    color:#FE7318; 
                    font-weight:bold; }
#box    .bildtext { background: #FFFFFF; 
                    padding: 1px 4px 4px 4px; 
                    color:#706E6C; 
                    font-size:10px; 
                    line-height:12px; }
#box        .line { padding: 0px;
                    height: 2px; 
                    border-top: 1px solid #D4D4D4; }
#box      .footer { height: 15px; }
/*********************/

#search        { background: #EDF9ED; border: 1px solid #006200; margin-bottom: 10px; width: 700px;}
#searchHeader  { background: #EDF9ED; padding: 5px; color: #404040; }
#searchContent { background: #FFFFFF; padding: 5px; color: #404040; }

.wordmark      { color: #000000; background: #FFFF00; padding: 0 0 0 0;}


.acronym  {  
    border-bottom: 1px dotted #006200;
    cursor: help;
}

#acronym  {  
    width: 250px;
    padding: 5px;
    border: 1px solid #006200;
    background: #F6F6F6;
}

#acronym .header {  
    color:#000000;
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
}

#acronym  .content {  
    color:333333;
}

#registerbox {
	width:940px;
	text-align:left;
	margin: 0 0 20px 0;
	padding:0px;
}



.co2Tabs  {
    /* border-bottom: 1px solid #ccc; */
    margin: 0;
    padding: 3px 5px 4px 0px !important;
}
.co2Tabs li{
    display:inline;
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.co2Tabs a{
    background: #dddddd;
    color:#000000;
    padding: 5px 15px 6px 15px !important;
    margin: 2px 0 0 1px !important;
    /* border: 1px solid #ccc; */
    text-decoration: none;
    line-height: 16px;
    font-weight: bold;
}
ul.co2Tabs:after { 
    content: "*"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
li.co2TabAktiv a{
    background: #fff;
    border-bottom: 1px solid #fff;
}

.co2Content {
    background: #ffffff;
    padding:15px;
}
.TeaserNews {
    width: 940px; 
    background-color: #F3F3F3;
    margin-bottom: 20px;
}

.TeaserNewsBoxFirst {
    float: left;
    width: 198px; 
    height: 148px;
    background-color: white; 
    padding:15px 15px 7px 15px;
    margin-right: 10px;
}
.TeaserNewsBoxCenter {
    float: left;
    width: 197px; 
    height: 148px;
    background-color: white; 
    padding:15px 15px 7px 15px;
    margin-right: 10px;
}
.TeaserNewsBoxLast {
    float:left;
    width: 198px; 
    height: 148px;
    background-color: white; 
    padding:15px 15px 7px 15px;
}
.TeaserNewsBoxMoreButton {
    float: right;
    margin-right: -15px; 
    margin-top: 5px;
}