  
@charset "utf-8";
@import url("norm.css");

html {margin:0; padding:0;}

body {

	background-color:#eceded;
    

	color:;
    
	margin:0; 
	padding:0;
	
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
    
    
	font-size:13px;
    
    
	text-align:center;   /* vertikal zentrieren im IE6 */
}



/**********************************************************************/
/*           	             Ebenen - Layout			                   

Die in den Content divs eingetragenen Hoehen sollten, wenn inhalt da
ist wieder entfernt werden, damit die divs mitwachsen.
Allerdings kann es bei 2 Spalten zu problemen kommen, z.B. das
die eine Spalte nicht mitwaechst wenn die andere groesser wird...dies
kann z.B. ueber ein hintergrundbild im content_wrapper behoben werden.
                                                                        */
/**********************************************************************/


#wrapper {
	width:1100px;
    padding:0;
	margin:0 auto; /* vertikal zentrieren */
	text-align:left;  /* text wieder links positionieren */
    
	background-color:#eceded;
    

	z-index: 1;	
}

#header {
    padding:0;
    margin:0;
	width:1100px;
	float:left;
	margin-top:0px;   
	margin-bottom:10px; 
	z-index: 2;	
}
#header img{
	margin:0px;
	padding:0px;
	border:none;
}

/*------------------------------------------------------*/
/*          headnav                                     */
/*------------------------------------------------------*/
/* Date: 22.10.2011                                     */
/*------------------------------------------------------*/
#headnav{
	padding-top:10px;
	margin-bottom:15px;   
    padding-right:8px;  
    color: #00f;    
	font-size:17px;    
}

#sociallinks{
	width:20%; 
    float:left; 
    text-align:left;    
	padding-bottom:5px;       
}
#headnav_right .fb-icon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/social_media_mini_icons/facebook.png");
    background-origin: padding-box;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#headnav_right .twitter-icon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/social_media_mini_icons/twitter.png");
    background-origin: padding-box;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#headnav_right .xing-icon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/social_media_mini_icons/xing.png");
    background-origin: padding-box;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#headnav_right .linkedin-icon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/social_media_mini_icons/linkedin.png");
    background-origin: padding-box;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#headnav_right .youtube-icon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/social_media_mini_icons/youtube.png");
    background-origin: padding-box;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#headnav_right .googleplus-icon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/social_media_mini_icons/googleplus.png");
    background-origin: padding-box;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: auto auto;
}

#headnav_right1 a {
    padding-left: 16px;
	text-decoration: none;
	text-underline: none; 
    
}

#headnav_right{
	padding-bottom:5px;                  
	width:80%; 
    float:left; 
    text-align:right;    
    color: #000;    
	font-size:17px;    
}
#headnav_right ul li{
	background-color:#eceded;
	display: inline;            
}
#headnav_right li:first-child::after {
	content: " |";
}
#headnav_right a{
	font-size:17px;    
	text-decoration: none;
	text-underline: none; 
} 
#headnav_right a:link{
	color:#000;
} 
#headnav_right a:active a:visited{
	color:#f8a631;
}
#headnav_right a:hover{
	color: #f8a631;
} 
/*------------------------------------------------------*/
/*------------------------------------------------------*/

ul#projects {
    color: #000;
    margin: 0;
    padding: 0;
    padding-right:8px;    
    margin-top:0px;   
    list-style-type: none;
}
ul#projects li {
    color: #000;
    margin: 0px;
    padding: 0;
    padding-left:10px;
    padding-bottom:5px;
    float: right;
}
ul#projects li a {
    color: #000;
	display: block;
}
ul#projects li a:hover {
	color: #008C66;
} 

#content_wrapper {
   	width:1100px;
   	float:left;
	z-index: 3;		
}

#content_left {

	background-color:#eceded;
    

	margin:0px;
	padding:0px;
	padding-right:30px;
	width:240px;
	float:left;
	z-index: 4;	   
}

#content_left_t ul{
	margin:0;
	padding:0px;
	list-style:none;
}
#content_left_t li{
	font-size:15px;
	font-weight:normal;	    

	background-color:#eceded;
    
    
	margin:0;
    padding:0;
	padding-top:10px;
	padding-bottom:10px;	
	padding-left:10px;		
	line-height:1.3em;
}
#content_right {
	background-color:#eceded;
	width:830px;
	float:right;
	z-index: 5;	   
}
#footer {
	width:1100px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;	
	z-index: 6;
}

.anker_ {
	height:0px;
	margin:0;
	padding:0;
	font-size:0px;	
}

.inhalt {
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin:0px;
	padding-top: 8px;
	padding-right: 13px;
	padding-left: 8px;
	padding-bottom:10px;
    
	line-height:130%;
}

.inhalt p {
	font-size:13px;
	margin:0;
	padding:0;
	line-height:120%; 	
}
.inhalt h1 {
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:normal;
}
.inhalt h2 {
	margin:0;
	padding:0;
	padding-top:5px;	
	font-size:18px;
	font-weight:bold;	
}



a:link {
	font-size:13px;
	color:#f8a631;
	text-decoration: none;
	text-underline: none; 
}
a:visited {
	font-size:13px;
	color:#f8a631;
	text-decoration: none;
	text-underline: none; 
}
a:hover {
	font-size:13px;
	color: #008C66;
	text-decoration: none;
	text-underline: none; 
}
a:active {
	font-size:13px;
	color:#fde4c0;
	text-decoration: none;
	text-underline: none; 
}


.a1:link
{
	font-size:17px;
	color:#000;
	text-decoration: none;
	text-underline: none; } 

.a1#current{
	font-size:17px;
	color: #f8a631;
} 

.a1:active
{
	font-size:17px;
	color: #f8a631;
	text-decoration: none;
	text-underline: none; } 

.a1:visited
{
	font-size:17px;
	color:#000;
	color: #000;
	text-decoration: none;
	text-underline: none; 
}

.a1:hover
{
	font-size:17px;
	color: #f8a631;
	text-decoration: none;
	text-underline: none; 
} 

.a12:link
{
	font-size:13px;
	color:#f8a631;
    color: #000;
    text-decoration: none;
    text-underline: none; 
} 

.a12:active{
	font-size:13px;
	color: #f8a631;
    text-decoration: none;
    text-underline: none; 
} 

.a12:visited{
	font-size:13px;
	color:#f8a631;
    text-decoration: none;
    text-underline: none; 
}

.a12:hover{
    color: #008C66;
    text-decoration: none;
    text-underline: none; 
} 


.a2:link{
	font-size:13px;
	color:#f8a631;
    text-decoration: none;
    text-underline: none; 
} 

.a2:active{
	font-size:13px;
	color: #f8a631;
    text-decoration: none;
    text-underline: none; 
} 

.a2:visited{
	font-size:13px;
	color:#f8a631;
    text-decoration: none;
    text-underline: none; 
}

.a2:hover{
	font-size:13px;
	color: #008C66;
    text-decoration: none;
    text-underline: none; 
} 

.a3
{
	font-size:13px;
	color:#f8a631;
	font-weight:bolder;	
	padding-left:0px;
}
.a3:link{
	font-size:13px;
	color:#f8a631;
	text-decoration: none;
	text-underline: none; } 

.a3:active{
	font-size:13px;
	color: #f8a631;
	text-decoration: none;
	text-underline: none; } 

.a3:visited{
	font-size:13px;
	color:#f8a631;
	text-decoration: none;
	text-underline: none; }

.a3:hover{
	font-size:13px;
	color: #008C66;
	text-decoration: none;
	text-underline: none; } 

.a4{
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bolder;	
}
.a4:link{
	font-size:13px;
	color:#f8a631;
	text-decoration: none;
	text-underline: none; } 

.a4:active{
	font-size:13px;
	color: #f8a631;
	text-decoration: none;
	text-underline: none; } 

.a4:visited{
	font-size:13px;
	color:#f8a631;
	text-decoration: none;
	text-underline: none; }

.a4:hover{
	color: #008C66;
	text-decoration: none;
	text-underline: none; } 

.a5
{
	text-decoration:underline;
	font-size:13px;
	color:#f8a631;
}
.a5:link{
	font-size:13px;
	color:#f8a631;
	text-decoration:underline;
}
.a5:active{
	font-size:13px;
	color: #f8a631;
	text-decoration:underline;
}
.a5:visited{
	font-size:13px;
	color:#f8a631;
	text-decoration:underline;
}
.a5:hover{
	font-size:13px;
	color: #008C66;
	text-decoration:underline;
}


a6:link
{
	font-size:13px;
	color:#f8a631;
    text-decoration: none;
    text-underline: none; 
} 

a6:active{
	font-size:13px;
	color: #f8a631;
    text-decoration: none;
    text-underline: none; 
} 

a6:visited{
	font-size:13px;
	color:#f8a631;
    text-decoration: none;
    text-underline: none; 
}

a6:hover{
	font-size:13px;
	color: #008C66;
    text-decoration: none;
    text-underline: none; 
} 















/**********************************************************************/
/*           	             Ebenen - Text			                      

Damit der text nicht am Rand klebt, gibt es in jedem div noch ein 
div mit einem margin, und event. Textformatierungen.
Knnte auch in dem div darueber mit padding geloest werden, wird 
aber von verschiedenen Browser unterschiedlich oder nicht 
interpretiert.
                                                                      */
/**********************************************************************/


#header_t {
   margin:20px;
   font-size:1.2em;
   color:#fff;
}

#content_left_t {
   margin:0px;
   padding:0px;      
   color:#eceded;
}

#content_right_t {
   margin:0px;
   padding:0px;   
   color:#000;
}

#footer_t {
   margin:20px;
   font-size:1.2em;
   color:#000;
}


#overlay{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: #000000;
	-moz-opacity: 0.8;
	opacity: .85;
	filter: Alpha(opacity=85, finishopacity=60, style=2);
}

#lightbox{
	position: fixed;
	top: 70px;
	left: 50%;
	z-index: 9999;
	width: 470px;
	margin-left: -230px;
	border: 1px solid #8A744F;
	background: #FFFFFF;
	text-align: left;
}

#inline_impressum{
	background: #fff;
	text-align: left;
    font-size:12px;
}
#inline_kontakt{

	text-align: left;
}
#inline_dateneingegangen{
	background: #fff;
	text-align: left;
}

.copyright p{ 
	padding-top:10px;
    text-align:center;
}

.copyright p{ 
	font-size:12px;
}
.copyright a
{
	font-size:12px;
	color: #000;
	text-decoration: none;
	text-underline: none; 
} 
.copyright a:link{
	color: #000;
} 
.copyright a:active{
	color: #000;
} 
.copyright a:visited{
	color: #000;
}
.copyright a:hover{
	color: #008C66;
} 




.artikel_top {
	background-color: #fff;
	margin:0px;
	padding:0px;
	padding-bottom:10px;		
}

.artikel_top_intro_2 {
	        background-color:#eceded;
        
	margin:0px;
	padding:0px;
	padding-top:1px;			
	padding-bottom:0px;		
	float:right;
}
.artikel_top_intro_2 img{
	margin:0px;
	padding:0px;
	float:right;
}

.artikel_top_l {
/*FG 10.06.2010  	width: 520px; */
    width: 750px;
	margin:0px;
	padding:0px;
	padding-top:10px;    
	padding-bottom:10px;        
	padding-left:26px;            
	float:left;
	text-align:left;
	vertical-align:bottom;
}
.artikel_top_l h2{
	margin:0px;
	padding:0px;
	line-height: 1.3em;
	font-size: 17px;
   	color: #000;
}
.artikel_top_r {
	width: 310px;
    height:18px;
	margin:0px;
	padding:0px;
	padding-top:12px;			
	padding-bottom:10px;				
	margin-right:1px;
	background-color: #feeed6;
	text-align:center;   
	float:right;	
}
.artikel_top_r h1{
	font-size: 17px;
   	color: #000;
}


.artikel_datum h3 {
	margin:0;
	padding:0;
	padding-top:5px;	
    font-weight:normal;
	font-size:14px;
}

.artikel_l {
	margin:0px;
	padding:0px;
	padding-bottom:2px;
}

.artikel_r {
	margin:0px;
	padding:0px;
}


.artikel_1_l {
	margin:0px;
	padding:0px;
}
.artikel_2_1 {
	margin:0px;
	padding:0px;
}

.artikel_navi {
	margin:0px;	
	padding:0px;
}

.artikel_navi_btn  {
	padding-left:0px;    
	padding-right:0px;
    margin:0px;
	padding-left:20px;
}

.artikel_navi_aus {
	background-color: #000;
	margin:0px;	
	padding:0px;
	font-size:18px;    
	text-align:right;
    color: #007086;
}

.artikel_titel {
	margin:0px;	
	padding:0px;
}
.artikel_titel_l {
	margin:0px;	
	padding:0px;
	float:left;	
}
.artikel_titel_r {
	margin:0px;	
	padding:0px;
	float:right;
}

.artikel_clr 
{ clear: both;  }




.artikel_intro {
		margin:0px;
	padding:0px;
}
.artikel_intro img{
	padding-left:15px;
	padding-bottom:5px;    
	float:right;
}

.artikel_intro_text{
	padding-left:26px;
	padding-right:21px;
	padding-top:0px;        
	padding-bottom:11px;    
	background-color: #fff;
	color: #000;    
	font-size:13px;
	line-height:130%; 	
}
 

.artikel_langtext_1 {
	color: #000;
	background-color: #fde4c0;
	padding-right:0px;
	padding-left:0px;		
	padding-top:0px;	
	padding-bottom:10px;	    
	line-height:130%;
	font-size:13px;
}

.artikel_dok_1 {
	padding:0px;
	padding-left:26px;		
	padding-bottom:10px;	    
	color: #006f85;
	line-height:130%;
}

.artikel_downloads {
margin:0;
padding:0;
    padding-left:0px;
    padding-top:22px;    
}

.artikel_link_1 {
	padding:0px;
	padding-left:26px;		
	padding-top:0px;	
	padding-bottom:10px;	    
	color: #006f85;
	line-height:130%;
}


.artikel_bild_1 {
    text-align:left;
	vertical-align:middle;  
    margin-bottom:20px;      
    padding-right:15px;          
}
.artikel_bild_1 img{
}

/* hier beginnt das für die Box relevante CSS  */


.ro {
	background:url(../img/frame_ro.jpg) top right no-repeat;
}

.lo {
	background:url(../img/frame_lo.jpg) top left no-repeat;
}

.ru {
	background:url(../img/frame_ru.jpg) bottom right no-repeat;
}

.lu {
	background:url(../img/frame_lu.jpg) bottom left no-repeat;
}



.link a	{
	margin:0px;
	padding:0px;
	color: #007086;
}

.link img{
	margin:0px;
	padding:0px;
	border:none;
}

.link_X{
	margin:0px;
	padding:0px;
	color: #007086;
	font-weight:bold;
	font-size:1.8em;
}
.lbtab{
	width: 440px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.lbtab p{
	font-size:12px;
}


.weitere_Infos {
	background-color:#fde4c0;
    
margin:0;
padding:0;
margin-right:1px;

}
.weitere_Infos_S1 {
	font-size:13px;
	width: 474px;
    float:left;
    margin:0;
    padding:0;
    padding-left:26px;
    padding-top:22px;
}
.weitere_Infos_S2 {
	font-size:13px;
	margin:0;
	padding:0;
	border:none:
	width: 310px;
    padding-top:22px;    
    float:right;      
}
.weitere_Infos_S3 {
	font-size:13px;
	width: 760px;
    float:left;
    margin:0;
    padding:0;
    padding-left:26px;
    padding-top:22px;
}

div.clear {
   clear:both;
}


ul#cp_liste1 {
list-style: circle;
margin: 0;
font-size:13px;
padding-top: 20px;
padding-left: 15px;
padding-bottom: 20px;
}
ul#cp_liste1 li {
margin: 0; padding: 0;
padding-bottom:5px;
}
ul#cp_liste2 {
list-style: disk;
font-size:13px;
margin: 0;
padding-left: 15px;
}
ul#cp_liste2 li {
line-height: 1.5em;
margin: 0; padding: 0;
padding-bottom:5px;
}
ul#cp_liste3 {
list-style:url(../img/icon_latest_reply.jpg) inside;
font-size:14px;
margin: 0;
padding-left: 0px;
}
ul#cp_liste3 li {
line-height: 1.5em;
margin: 0; padding: 0;
padding-bottom:5px;
}
ul#cp_liste4 {
list-style-type: decimal;
font-size:14px;
margin: 0;
padding-left: 20px;
}
ul#cp_liste4 li {
line-height: 1.5em;
margin: 0; padding: 0;
padding-bottom:5px;
}
ul#cp_liste5 {
list-style: disk;
font-size:14px;
margin: 0;
padding-left: 15px;
}
ul#cp_liste5 li {
line-height: 1.5em;
margin: 0; padding: 0;
padding-bottom:5px;
}
