html, body{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin:0;
    padding:0;
    width:100%;
}
   
    html{
    background: #ffffff;
    font-size:95%;
    height:100%;
    overflow:auto;
}
    

h1, h2, h3, h4, h5, h6, p, form {
    margin:0;
    padding:0;
}

img{
    border:none;
    margin:0;
    padding:0;
	
	color:#ffffff;
}

img.left {
    margin-right:10px;
    margin-bottom:10px;
	display:block;
}

a, a:link, a:active {
    text-decoration:none;
    margin:0;
    padding:0;
  
}

a:hover {
    text-decoration:underline;
    margin:0;
    padding:0;       
    }

ul{
    padding:0;
    margin:0;
    list-style-type:square;
    margin-left:15px;
}

li {padding: 0;
	margin:0;
}



td{
	padding-bottom:5px;
	padding-right:15px;
	line-height:16px;
}

.invisible{
    display:none;
}

.floatKiller{
	clear:both; 
	height:0px; 
	font-size:0px; 
	margin: 0px; 
	padding:0px;
}

#wrap{
    width:990px;
	margin:0 auto;
	position:relative;
	height:auto;
        padding:0 60px;
}




#header{
    margin-top:100px;
    width:990px;
	height:25px;
	margin-bottom:20px;
}
/*
#logoarea{
    width:400px;
   border:solid 5px white;
    display:block;
}
*/
#logo{

	float:left;
}

#sprachnavigation{
	width:auto;
	float:right;
	
	font-size:12px;
	
	color:#CFCFCF;
}

#sprachnavigation a{
	color:#8c8c8c;
}

#sprachnavigation a:hover{
	color:#1584A7;
	text-decoration:none;
}

#sonderseiten{
    list-style:none;
    margin:0;
	margin-top:3px;
    padding:0;
    width:auto;
	float:right;
}

#sonderseiten li{
    width:auto;
	display:inline;
	font-size:9px;
    color: black;
    font-weight:normal;
}

#sonderseiten a{
    font-size:9px;
    color: black;
    text-decoration:none;

}

#sonderseiten a:hover{
    color: black;
    text-decoration:none;

}



#main{
	margin:0;
    padding:0;
    height:100%;
}


/*PFADNAIGATION Inhaltsseiten */

#breadcrumbs{
	font-size:10px;
    color: #cecece;
    padding-top:15px;
	width:650px;
    padding-bottom:3px;
}

#breadcrumbs span{
    color: #cecece;
	margin-right:5px;
}

#breadcrumbs a{
    color: #cecece;
    text-decoration:none;
}

#breadcrumbs a:hover{
    color:#cecece;
	text-decoration:none;
    font-weight:lighter;
}

#content{
    width:990px;
	height:385px;
	overflow:hidden;
} 

#content_mitarbeiter{
    width:1000px;
	height:400px;
	overflow:hidden;
} 

#navigation{
	margin-top:35px;
	width:990px;
}

#navigation1{
    list-style:none;
    margin:0;
    padding:0;
	
	width:192px;
	min-height:200px;
	float:left;
	
	font-size:12px;
	line-height:18px;
}
	
#navigation2{
    list-style:none;
    margin:0;
    padding:0;
	
	width:186px;
	min-height:200px;
	float:left;
	
	font-size:12px;
	line-height:18px;
}
	
#navigation3{
    list-style:none;
    margin:0;
    padding:0;
	
	width:264px;
	min-height:200px;
	float:left;
	
	font-size:12px;
	line-height:18px;
}

#navigation3.breit{
		width:400px;
	}
	
#navigation4{
    list-style:none;
    margin:0;
    padding:0;
	
	width:348px;
	min-height:200px;
	float:left;
	
	font-size:12px;
	line-height:18px;
}

#navigation4.breit{
		width:273px;
	}

#navigation a{
		color:#8C8C8C;
	}
	

#navigation.blau a:hover, #navigation.blau a.active{
		color:#4088CF;
		text-decoration:none;
	}

#navigation.pink a:hover, #navigation.pink a.active{
		color:#D50F96;
		text-decoration:none;
	}
	
#navigation.orange a:hover, #navigation.orange a.active{
		color:#E89F2C;
		text-decoration:none;
	}
	
#navigation.gruen a:hover, #navigation.gruen a.active{
		color:#A0C043;
		text-decoration:none;
	}
	
#navigation.rot a:hover, #navigation.rot a.active{
		color:#F73200;
		text-decoration:none;
	}

.mehr a,
.mehr a:link,
.mehr a:active{
    color:rgb(216,38,109)/*#EC1174*/;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    width:80%;/* internet explorer */
    padding:0;
    margin:0;
    text-decoration:none;
}
.mehr a:hover{
    text-decoration:underline;
}

.mehr	{
    width:435px;
    float:left;
    border-bottom: solid #999 1px;
}

.mehr_link	{
    float:right;
    font-size:11px;
    width:auto;
      color:#DA0C5F;
    
}


.subtitle_ue_h2{
    width:435px;
    float:left;
    color:#CECECE;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    margin-top:3px;
    line-height:20px;
    border-bottom: solid #999 1px;
     text-transform:uppercase;
   
}

#newsbuttons{
position:absolute;
bottom:-2px;
left:0;
}

.button, .button:link, .button:active{
font-weight:bold;
font-size:12px;
text-decoration:none;

width:auto;
float:left;

margin-right:10px;
}

 .button:hover{
text-decoration:none;
width:auto;
float:left;

margin-right:10px;
}

.news_archiv_button{
	width:17px;
	height:9px;
	background: url(/dna_images/tmpl_wup/images/arrow_down.gif); 
	position:absolute;
	bottom:2px;
	left:0;
}

.news_archiv_button:hover{
	background: url(/dna_images/tmpl_wup/images/arrow_down.gif) 0 -9px; 
}

.eingerueckt{
	position:absolute;
	bottom:2px;
	left:17px;
}

.news_zurueck_button{
	width:17px;
	height:9px;
	background: url(/dna_images/tmpl_wup/images/arrow_up.gif); 
	position:absolute;
	bottom:2px;
	left:0;
}

.news_zurueck_button:hover{
	background: url(/dna_images/tmpl_wup/images/arrow_up.gif) 0 -9px; 
}


.inaktiver_pfeil_hoch{
	width:17px;
	height:9px;
	background: url(/dna_images/tmpl_wup/images/arrow_up.gif); 
	position:absolute;
	bottom:2px;
	left:0;
}

.inaktiver_pfeil_runter{
	width:17px;
	height:9px;
	background: url(/dna_images/tmpl_wup/images/arrow_down.gif); 
	position:absolute;
	bottom:2px;
	left:17px;
}


.active {
    color:#DA0C5F;
}


#querformat{
	width:612px;
}

#hochformat{
	height:380px;
}

#footer{
    width:960px;
    float:left;
    padding-bottom:17px;
    margin:0;
}

.content_header{
    margin-bottom:15px;
}

.headline h1{
    font-size:14px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
    width:80%;/* internet explorer */
    margin:0;
	padding:0;
	margin-bottom:20px;
	color:#8C8C8C;
}

h2 a, h2 a:hover, h2 a:link, h2 a:active{
    color:#3399cc;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    width:80%;/* internet explorer */
    padding:0;
    margin:0;
}

.vorspann{
    color:#AAAAAA;
    font-size:12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:strong;
	margin-top:-15px;
	margin-bottom:10px;
}


.content_absatz{
	background:#8C8C8C;
	font-size:12px;
	padding:0 4px;
	position:relative;
	top:6px;
	left:15px;
}

.content_printbutton{
	background:url(/dna_images/template_opencrm/images/print.gif) no-repeat;
	width:18px;
	height:11px;
	padding:0 4px;
	position:relative;
	right:15px;
	top:-5px;
	float:right;
}

#dritte_spalte{
	width:215px;
	height:100%;
    vertical-align:top;
    background:rgb(63,69,65)/*#454b48*/;
    border-right:solid #DA0C5F 1px;
    border-bottom:solid #DA0C5F 1px;
    
}
#multilingual{
    width:210px;
    height:14px;
	float:right;
}

#multilingual_text{
	float:right;
    color:#CECECE;
    text-decoration:none;
	font-size:12px;
}

.box{
	background:#ebebeb;
	border:solid 1px #cfcfcf;
	font-size:10px;
    width:185px;
}

.box_headline a, .box_headline a:hover{
	background:#cfcfcf;	
	font-size:10px;
	color:#666666;
    width:182px;
    display:block;
	padding:1px 3px;
      text-transform:uppercase;
      text-decoration:none;
}

.box_content{
    padding:3px;
    line-height:20px;
}

.box_content a, .box_content a:hover{
  text-decoration:none;
  }

.externer_link{
    white-space:nowrap;
    }

.platz{
    clear:right;
}

/* hier die Stories, je nachdem wieviele Spalten */
.spalte_1 {
    width:33%;
    float:left;
    padding-right:3px;
}

.spalte_2 {
    float:left;
    width:33%;
    padding-right:3px;
    
}

.spalte_3 {
    width:33%;
    float:left;

    
}

.spalte_4 {
    float:right;
    width:49%;
}

.artikel_1_spalten {
    float:left;
    margin-bottom:10px;
    width:97%;
}

.artikel_2_spalten {
    float:left;
    margin-bottom:10px;
    width:96%;
}

.artikel_1_spalten div.spalte_1 {
    width:98%;
}




.fliesstext{
    color:#8C8C8C;
    margin-bottom:1em;
    font-size:12px;
}


.fliesstext li{
margin-bottom:5px;
} 

.norm{
    font-size:12px;
}



.test{
    border:solid 5px red;
}


.formular{
 float:left;
 width:600px;
 }

.formular table{
font-size:11px;
}

.formular textarea{
width:600px;
}
span.subline {
	font-weight:normal;
	font-size:8pt;
}
#box0 li.active a{
color:#666;
}


.tbl_norm{
		vertical-align:top;
                min-width:70px;
	}

.tbl_kontakt{
		margin-top:-20px;
	}

/* Tabelle CMS-Vergleich */
.tbl_projekte{
        float:right;
        border-collapse:collapse;
        width:326px;
        margin-left:20px;
        margin-bottom:20px;
         padding:3px;
        }

.erste_spalte{
	border-bottom: 1px solid #999;
	vertical-align:top;
        text-align:left;
        font-size:10px;
        color:#CECECE;
        text-transform:uppercase;
         padding:3px;
        }
      
.zweite_spalte{
	border-bottom: 1px solid #999;
        text-align:right;
        color:#FFF;
        font-size:10px;
         padding:3px;
        }
      
      
#print_footer{
display:none;
}





.zweispaltig_bild{
	display:block;
}


.bild_links{
	width:612px;
	float:left;
	margin-right:30px;
}

.bild_rechts{
	width:612px;
	float:right;
	margin-left:30px;
}

.zweispaltig_content{
	width:348px;
	height:380px;
	float:left;
	position:relative;
}

#projektdaten{
	margin:0;
	padding:0;
	list-style:none;
	
	font-size:12px;
	color: #8C8C8C;	
	
	margin-top:20px;
	
	position:absolute;
	bottom:25px;
	left:0px;
}

#projektdaten_unterkante {
	margin:0;
	padding:0;
	list-style:none;
	
	font-size:12px;
	color: #8C8C8C;	
	
	margin-top:20px;
	
	position:absolute;
	bottom:0px;
	left:0px;
}

#projektdaten li{
		margin-bottom:3px;
	}
	
#fotograf{
	position:absolute;
	bottom:-1px;
	left:0px;
	
	color: #CFCFCF;	
	font-size:9px;
}
	


#projektnavigation{
	position:absolute;
	bottom:0px;
	left:0;

	width:348px;
	
	font-size:12px;
	font-weight:bold;
}

#projektnavigation #numbers{
	width: 150px;
	text-align:right;
	float:right;
	position:absolute;
	bottom:0;
	right:39px;
}

#projektnavigation #sprachnavi_content{
	width: 100px;
	text-align:left;
	float:left;
}

#projektnavigation #numbers span{
	color: #4088CF;
	text-decoration:none;
	font-weight: bold;
	margin-left:3px;
}

#projektnavigation #numbers a span{
	color:#8C8C8C;
}

#projektnavigation #numbers a:hover{
	color:#4088CF;
	text-decoration:none;
	font-weight: bold;
}

.number_link{
		color:#8C8C8C;
}

.number_link:hover{
	color:#4088CF;
}

.numbers_arrow_up{
	width:17px;
	height:9px;
	background: url(/dna_images/tmpl_wup/images/arrow_up.gif); 
	position:absolute;
	bottom:3px;
	right:17px;
}

.numbers_arrow_up:hover{
		background: url(/dna_images/tmpl_wup/images/arrow_up.gif) 0 -9px; 
		text-decoration:none;
	}

.numbers_arrow_down{
	width:17px;
	height:9px;
	background: url(/dna_images/tmpl_wup/images/arrow_down.gif); 
	position:absolute;
	bottom:3px;
	right:0;
	}
	
.numbers_arrow_down:hover{
		background: url(/dna_images/tmpl_wup/images/arrow_down.gif) 0 -9px; 
		text-decoration:none;
	}

#projekt_headline{
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}

/* Bei Spezial & headlines werden Farbwerte mit beruecksichtigt */
.spezial{
	font-weight:bold;
  }

.blau{
		color:#4088CF;
	}
	
.pink{
		color:#D50F96;
	}
	
.orange{
		color:#E89F2C;
	}
	
.gruen{
		color:#A0C043;
	}

.rot{
		color:#F73200;
	}
	
.adresszeile_1{
	position:relative;
	left:38px;
}

.adresszeile_2{
	position:relative;
	left:92px;
}

/* Projekt Headline testweise grau: */
#projekt_headline{
	color:#8C8C8C;
}

/* News Modul */
/* Uebersicht*/

.news_ue_absatz{
	padding-bottom:12px;
	height:auto;
}

.news_headline h1,.news_headline h1 a{
    font-size:14px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
    width:80%;/* internet explorer */
    margin:0;
	padding:0;
	margin-bottom:5px;
	    color:#8C8C8C;
	width:auto;
	float:left;
}

.news_ue_h1, .news_ue_h1 h2{
	font-size: 12px;
    color:#8C8C8C;
	font-weight:bold;
	margin-bottom:3px;
}

.news_ue_h1 a, .news_ue_h1 h2 a{
	font-size: 12px;
    color:#8C8C8C;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:3px;
}

.news_ue_h1 a:hover , .news_ue_h1 h2 a:hover{
	    color:#4088CF;
}



.news_ue_text{
	font-size: 12px;
    color:#8C8C8C;
}

.news_detail_zurueck{
	width:17px;
	height:9px;
	background: url(/dna_images/tmpl_wup/images/arrow_up.gif); 
	position:absolute;
	bottom:0;
	left:0;
}

.news_detail_zurueck:hover{
	width:17px;
	height:9px;
	background: url(/dna_images/tmpl_wup/images/arrow_up.gif) 0 -9px; 
	position:absolute;
	bottom:0;
	left:0;
}

.newsbox{
	padding-bottom:23px;
	height:auto;
}

.box_subtitle{
	font-size: 12px;
    color:#8C8C8C;
	font-weight:normal;
	}

a.news_more_link{
	font-size:10px;
    color:#8C8C8C;
}

a.news_more_link:hover{
		color:#4088CF;
		text-decoration:none;
}

a.news_verlinkt_link{
	font-size:12px;
    color:#8C8C8C;
	position:absolute;
	bottom:0;
	left:0;
}

a.news_verlinkt_link:hover{
	color:#4088CF;
	text-decoration:none;
}

.image_active{

}

.news_ue_h1 a.blau, .news_ue_h1 h2 a.blau{
		color:#4088CF;
	}

.news_einrueckung{
	display:block;
	width:20px;
	float:left;
	height:35px;
}

/* Mitarbeiter Farbwechsel bei Mouseover */

.mitarbeiter_foto{
	width:76px;
	height:79px;
	
	float:left;
	
	
	position:relative;
	
	overflow:hidden;
}

.mitarbeiter_foto a{
	width:76px;
	height:79px;
	
	background-position:0 0;
	
	display:block;
}

.mitarbeiter_foto a:hover{
	width:76px;
	height:79px;
	
	background-position:0 -79px;
	
	display:block;
}
/*
.grid_horizontal{
	background: red url(/dna_images/tmpl_wup/images/team_grid_horizontal.gif); 
	width:2px;
	height:400px;

	margin-top:44px;
	margin-left:76px;
}
*/

#blende{
	background: url(/dna_images/tmpl_wup/images/white_trans.png); 
	width:990px;
	height:400px;
		
	position:absolute;
	left:0px;
	top:44px;
}

*+html #blende{
	background: url(/dna_images/tmpl_wup/images/white_trans.png); 
	width:990px;
	height:400px;
		
	position:absolute;
	left:0px;
	top:144px;
}

#blende a{
	display:block;
	width:100%;
	height:100%;
}

#visitenkarte{
	height:316px;
	width:256px;
	background:#666;
	
	position:absolute;
	left:228px;
	top:45px;
}

*+html #visitenkarte{
	height:316px;
	width:256px;
	background:#666;
	
	position:absolute;
	left:228px;
	top:145px;
}

#visitenkarte_x{
	background: url(/dna_images/tmpl_wup/images/x.png) 0 0; 
	height:9px;
	width:11px;
	
	display:block;
	
	position:absolute;
	right:5px;
	top:5px;
}

#visitenkarte_x:hover{
	background: url(/dna_images/tmpl_wup/images/x.png) 0 -9px; 
	height:9px;
	width:11px;
	
	display:block;
	
	position:absolute;
	right:5px;
	top:5px;
}

#visitenkarte img{
	height:316px;
	width:256px;
}
/* 
alte originalgroesse:
height:305px;
width:248px;
*/

#visitenkarte .titel{
	color:#fff;
	font-size:10px;
}
	
#visitenkarte .aufgabengebiet{
	color:#fff;
	font-size:10px;
	font-weight:bold;
}


#visitenkarte_text{
	background: url(/dna_images/tmpl_wup/images/black_trans.png); 
	height:29px;
	width:224px;
	
	padding:8px 12px;
	
	position:absolute;
	left:0;
	bottom:0;
}