html, body{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    width:100%;
}

   
    html{
    background: url(/dna_images/tmpl_kundp/images/hintergrund.gif);
    font-size:95%;
    height:100%;
    overflow:auto;
}
    

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

img{
    border:none;
}

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

a, a:link, a:active {
    color:rgb(216,38,109);/*#DA0C5F*/;
    text-decoration:none;
    margin:0;
    padding:0;
  
}

a:hover {
    text-decoration:underline;
    margin:0;
    padding:0;
    color:rgb(216,38,109);/*#DA0C5F*/;
       
    }

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

li {padding: 0;margin:0;}

.invisible{
    display:none;
}

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





#wrap{
    width:962px;
	margin:0 auto;
    overflow:hidden;
}


#header{
    margin-top:30px;
    width:960px;
    
}
/*
#logoarea{
    width:400px;
   border:solid 5px white;
    display:block;
}
*/
#logo{
    width:auto;
    float:right;
    padding-right:2px;
}

#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;

}

#navigation1{
    width:auto;
	clear:both;
    list-style:none;
    margin:0;
    padding:0;
    display:block;
    float:left;
}


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


/*START Startseite  */

#start_erste_spalte{
    width:960px;
    background:rgb(63,69,65)/*#454B48*/; /*#4F5552; #454B48 */
    float:left;
    border-left:solid #DA0C5F 1px;
    border-bottom:solid #DA0C5F 1px;
    margin:0;
    padding:0;
   
}

 #start_multilingual{
    background:#DA0C5F;
    width:955px;
    height:14px;
    padding-top:1px;
    padding-right:5px;
  
}
#start_multilingual_text{
    float:right;
    font-size:10px;
    color:#CECECE;
    /*color:#810738;*/
    text-decoration:none;
    font-weight:lighter;
}
 
 
 #start_content{
     
    width:937px;
    height:auto;
    position:relative;
    margin-left:0;
    padding-left:23px;
    padding-top:23px;
}

#banner{
      z-index:1;
    width:715px;
    height:auto;
    margin-left:0;
}
/*ENDE Startseite*/


/*NEWSBOX Inhaltsseite */
.boxheader{
    background:#cfcfcf;
    width:100%;
}

.boxheader h1,
.boxheader h1 a:link,
.boxheader h1 a:visited,
.boxheader h1 a:active,
.boxheader h1 a:hover {
    color:#666;
    font-weight:bold;
    font-size:10px;
    padding-left:5px;
    text-transform:uppercase;
}

.boxheader h1 a:hover {
text-decoration:underline;
}

.boxmain{
    height:auto;
	margin:0px;
    font-size:11px;
    color:#cecece;
	line-height:20px;
	position:relative;
    background-color:#454b48;
}

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

.box_form{
    height:12px;
    font-size:10px;
    color:#999;
}



/*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;
}


#rahmen{
    width:960px;
    height:100%;
    border:black solid 1px;
    display:table;

} 
#rahmen2{
    width:960px;
    height:100%;
vertical-align:top;
padding:0px;
margin:0px;



} 
#spacer{
    height:100%;
    width:20px;

} 

#content{
    width:716px;
   	height:100%;
    vertical-align:top;
       	min-height:100%;
    border-left:solid #DA0C5F 1px;
    border-bottom:solid #DA0C5F 1px;
    border-top:solid #DA0C5F 15px;
    background:rgb(63,69,65)/*#454b48*/;

} 

#content_eingerueckt{
 
    height:100%;
    padding-left:23px;

} 


/*News-Uebersicht*/

.news_ue_headline {
color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:18px;
font-weight:lighter;
margin:0pt;
text-decoration:none;
text-transform:uppercase;
width:80%;/* internet explorer */
padding-bottom:10px;
}

.mehr a,
.mehr a:link,
.mehr a:active{
    color:rgb(216,38,109)/*#EC1174*/;
    font-family: Verdana, Arial, 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;
}
.news_ue_h1{
 
    font-size:11px;
    width:auto;
    float:left;
    color:#FFFFFF;
    padding-bottom:3px;
     text-transform:uppercase;
}

.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;
   
}

.news_img{
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

.news_ue_text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CECECE;
	font-size:11px;
    width:435px;
    line-height:20px;
    padding-top:3px;
    float:left;
    border-bottom: solid #999 1px;
    
}


.newsbox_ue {
    float:left;
    width:215px;
}

.news_box_headline {
color:#CECECE;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:18px;
font-weight:lighter;
margin:0px;
text-decoration:none;
text-transform:uppercase;
width:80%;/* internet explorer */
padding-bottom:10px;
padding-left:5px;
padding-top:30px;
}
.newsbox_img{
    float:left;
     padding-bottom:3px;
     border:0px;
}

.newsbox_titel {
    padding-left:5px;
    padding-right:5px;
    border-bottom: solid #999 1px;
     text-transform:uppercase;

}


.mehr_box	{
    width:215px;
    float:left;
    border-bottom: solid #999 1px;
   
}
.news_box_untertitel{
    width:auto;
    font-size:11px;
    color:#CECECE;
    padding-left:5px;
    float:left;
    padding-top:3px;
     padding-right:5px;
    font-weight:lighter;
     text-transform:uppercase;
}

.mehr_box_link	{
    float:right;
    width:auto;
    padding-right:5px;
   
}


.newsbox_hell{
    /*background:#3C3C3C*/;
    height:23px;
    width:215px;
    clear:both;
}


.news_ue_absatz{
    height:auto;
	margin-bottom:15px;
    overflow:hidden;
    position:relative;
}

.button_details{
    position:absolute;
    right:0;
    bottom:20px;
    font-size:10px;
    white-space:nowrap;
}

/*News-Detailansicht*/

.news_detail_text{
	margin-right:20px;
    width:672px
}

#news_detail_bildauswahl{
	width:465px;
	height:75px;
	margin-top:40px;
	clear:both;
}

#news_detail_bildauswahl img{
	border:solid 1px #cfcfcf;
	margin-right:5px;
}

#news_detail_box1{
    width:300px;
    height:auto;
    display:block;
    padding:0;
    margin:0;
}

#news_detail_subemnue{
    display:imline;
    margin-top:5px;
    margin-bottom:15px;
}
#news_detail_subemnue_bildergalerie{
    margin-right:235px;
}
#news_detail_submenue_zurueck{
    margin-right:40px;
}
#news_detail_subemnue_uebersicht{
    margin-right:40px;
}
#news_detail_submenue_weiter{
    margin:0px;
}
#news_detail_submenue_back{
    margin-right:55px;
}
#news_detail_submenue_overview{
    margin-right:55px;
}
#news_detail_submenue_next{
    margin-right:0px;
}
.button, .button:link, .button:active{
color:rgb(216,38,109)/*#DA0C5F*/;
font-weight:bold;
font-size:10px;
text-decoration:none;
}

 .button:hover{
text-decoration:none;
}

.news_detail_box_absatz{
    height:65px;
    width:100%;
    margin-bottom:10px;
}

.news_detail_box_img{
    width:85px;
    height:65px;
    float:left;
}

.news_detail_box_text a,
.news_detail_box_text h1{
    font-size:10px;
    font-weight:bold;
}

.news_detail_box_text a:hover{
    color:#666;
}
.active {
    color:#DA0C5F;
}
.news_detail_box_text ul{
    padding:0;
    margin:0;
    margin-left:15px;
    list-style-type:square;
}

.news_detail_box_text{
    font-size:10px;
    margin-left:100px;
    height:65px;
}

.news_detail_box_features{
    margin-top:7px;
}


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

.content_header{
    margin-bottom:15px;
}

.headline h1 a, .headline h1 a:hover, .headline h1 a:link, .headline h1 a:active{
    color:#FFFFFF;
    font-size:18px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:lighter;
    text-transform:uppercase;
    text-decoration:none;
    width:80%;/* internet explorer */
    margin:0;

}

#start_erste_spalte .headline h1 a, #start_erste_spalte .headline h1 a:hover, #start_erste_spalte .headline h1 a:link, #start_erste_spalte .headline h1 a:active{
    color:#FFFFFF;
    }

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:#FFFFFF;
    font-size:18px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:lighter;
    text-transform:uppercase;
}


.content_absatz{
	background:#fff;
	font-size:11px;
	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{
    background:#DA0C5F;
    width:210px;
    height:14px;
    padding-top:1px;
    padding-right:5px;
    position:relative;
}
#multilingual_text{
    float:right;
    font-size:10px;
    /*color:#810738;*/
    color:#CECECE;
    text-decoration:none;
    font-weight:lighter;
}
.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:#FFFFFF;
    margin-bottom:1em;
    font-size:11px;
}

.norm{
    font-size:11px;
}

.spezial{
  
  font-style:italic;
  }

.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;
}


/* Tabelle CMS-Vergleich */

.tbl_norm {
	border-bottom: 1px solid #999999;
    width:290px;
    border-collapse:collapse;
    padding:5px;
    font-size:10px;
    color:#CECECE;
    margin-right:10px;
}

.tbl_norm2 {
	border:0;
    border-collapse:collapse;
    padding-right:10px;
    vertical-align:top;
    white-space:nowrap;

}

.tbl_norm a, 
.tbl_norm a:link,
.tbl_norm a:active,
.tbl_norm a:hover{
    font-size:10px;
     text-decoration:none;
    font-weight:normal;
    color:#CECECE;
} 
.tbl_norm a:hover{
     text-decoration:underline;
} 

table.tbl_news td {
    border-bottom: 1px solid #999999;
    padding:5px;
    margin:0px;
}


/* 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;
}



/* 
	pure layout properties are not indent. you can edit them for your needs.
	pure technical properties are indent 3 tabs. Generally there is no need to edit them. // important for functionality
	some properties are indent 1 tab, they are important for functionality but have to be adapted to your layout

	Reine Designangaben für das Menue sind nicht eingerückt!
	Rein technische Angaben sind  dreimal eingerückt. Diese müssen in der Regel nicht geändert werden.
	Eine "Zwischenstellung" nimmt beispielsweise die Menuebreite Breite ein. Sie ist sowohl für Design als auch Funktionstüchtigkeit wichtig. Derartige Angaben sind zweimal eingerückt.
*/


/* 
	original code @ http://www.htmldog.com/articles/suckerfish/dropdowns/example/
*/
/* nav3-container zur Anordnung der navi */
#nav3 {
    position:relative; /* um sfnav unten ausrichten zu kšnnen*/
    height:25px; /* siehe logo */
    width:715px;
     padding-top:15px;
}

#sfnav {
		width: 715px;
list-style: none;
padding: 0;
margin:0;
position: absolute;
z-index:50; /* sonst unter keyvisual */
font-size:12px;
bottom:0px; /* nach unten ausrichten */
font-weight:bold;
}

#sfnav ul {
		
list-style: none;
/*background-color: #CECECE; Hintergrundfarbe Untermenuepunkte*/
padding: 0;
/*margin: 1em 0 1em 0;*/
position: absolute;

}

#sfnav a {
display: block;
color: #CECECE; /*Farbe Hauptebene*/
text-decoration: none;
padding: 0.1em 0.5em ; /* gršsse der einzelnen navi-links */
}
/*Farbe Unterebenen*/
#sfnav li li a {
    color:#333;
font-weight:normal;
}


#sfnav li {
			float: left;
		/*width: 10em;*/
		/*margin: 0 2px 2px 2px;*/
padding: 0.2em 0.9em 0em 0.1em;
}

#sfnav li ul {font-size:11px;
			position: absolute;
			left: -999em;
		width: 13.9em;
height: auto;
margin: 0;

}

#sfnav li li {	line-height:1.2em;
		font-size:11px;
		margin:0;
		padding:0;
		width:13.9em;  /*breite erste Unterebene */
		background-color:#CECECE;
		filter:alpha(opacity=85);
		-moz-opacity:0.85;
                opacity:0.85;
}

#sfnav li ul ul {
		margin: 0 0 0 14em ; /*versatz  zweite Unterebene nach rechts */
		top:0px; /*ausrichtung mit Ÿbergeordnetem MenŸpunkt */
}


#sfnav li:hover ul ul, #sfnav li:hover ul ul ul,
#nav3 .navfxenabled li:hover ul, #nav3 .navfxenabled li:hover ul ul, #nav3 .navfxenabled li:hover ul ul ul,
#nav3 .navfxenabled li.over ul ul,#nav3 .navfxenabled li.over ul ul ul
{
			left: -999em;
}
#sfnav li:hover ul, 
#nav3 .navfxenabled li.over ul
 {
			left: auto;
}
#sfnav li li:hover ul, #sfnav li li li:hover ul,
#nav3 .navfxenabled li li.over ul, #nav3 .navfxenabled li li li.over ul
 {
			left: -2px;
}
#nav3 li li.over ul.leftover, #nav3 .navfxenabled li li li.over ul.leftover, #nav3 .navfxenabled li li li li.over ul.leftover
 {
			left: -28.44em;
}
/* Hintergrund Hauptebene hover */
#nav3 #sfnav li.over,#sfnav li:hover {
background:transparent;
}
/*Hintergrund Unterebenen hover/over*/
#nav3 #sfnav li li.over,#sfnav li li:hover {
    background: #DA0C5F;	
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;

}
/*linkfarbe hover hauptebene */
#nav3 #sfnav li.over a,
#nav3 #sfnav li:hover a{
    color:#DA0C5F;
}

/*linkfarbe hover ab zweiter ebene*/
#nav3 #sfnav li li.over a,
#nav3 #sfnav li li a:hover,
#nav3 #sfnav li:hover li:hover a,
#nav3 #sfnav li:hover li:hover li:hover a
{
    color:#FFFFFF;
}
/*linkfarbe menue zweite unterebene nicht hover */
#nav3 #sfnav li li.over li a,
#nav3 #sfnav li:hover li a,
#nav3 #sfnav li:hover li:hover li a
{
    color:#333333;
}