/* CSS Document  - Typ Design - Layout3 */



body{
margin:5px 0px 5px 0px;
padding:0;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
}

html {
scrollbar-face-color:#1B6E6D;
scrollbar-track-color:#FFFF99;
scrollbar-arrow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;}

a {color: #186565; text-decoration:underline;}
a:hover {color: #FF3366;}
a:visited {color: #186565;}


#maincontainer{
width: 745px; /*Breite der gesammten Seite*/
margin: 0 auto; /*Auf Seite zentrieren*/
border:#124343 1px solid;  background-color:#fff;
scrollbar-face-color:#1B6E6D;
scrollbar-track-color:#FFFF99;
scrollbar-arrow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
}

#topsection{
background: #FFFFFF;
height: 130px; /*Höhe des Kopfes*/
}

/*#topsection h1{
margin: 0;
padding-top: 15px;
}*/

#contentbackground{
float: left;
width: 100%; height: 620px; 
background:url(../common/graphic_elements/buttons_nav_oben/layout_dunkel/bg_weiss.jpg) top left no-repeat; 
margin: 0; padding: 0; 
}

#navioben{
height:33px; width:745px; float:left; border-bottom:#996699 1px solid; border-top:#996699 1px solid; 
}

/*navigation oben und Seitentitel*/
.navitube { width:745px; height:33px; text-align:right; margin:0; /*padding-right: 20px;*/ ht: 5px; }



/*--------------------FOOTER-------------------------------------------*/

/*nicht benutzt aber unbedingt nötig fürs Layout!!!!!*/
#footer{clear: both;}


/*===================INHALTE=============================*/

#contentwrapper{ /*umfasst den gesamten Content-Breich*/
float: left;
width: 100%; height: 586px; 
}

/*--------------------------NAVIGATION LINKS ----------------*/

#leftcolumn{
float: left;
width: 150px; 
height: 587px; 
}

.left_menu { text-align:right; font-size:11px; font-weight: bold; 
padding-top: 22px; padding-right: 15px;}
.headline { text-align:right; font-size:13px; font-weight: bold; margin-top:25px; margin-top:78px; color: #124C4C;}
.left_menu a { color: #124C4C; display:block; font-weight: bold; text-decoration:none; margin-bottom:15px;}
.left_menu a:visited { color: #124C4C;}
.left_menu a:hover {color: #FFFFFF;}
#active{color: #FFFFFF;}

/*------------------Contentbereich --------------*/

#contentcolumn{
margin-left: 32px; 
width: 563px; 
height: 586px; float:left;
overflow:auto; 

}

/*---Überschriften und Texte fuer alle Spalten/Seiten ---*/	
	.hl{
	margin-top:0px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 18px;
	font-weight: bold; 
	line-height:20px;
    color:  #186565;
	}
	
	.zhl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
    color: #186565;
	}
	
	
	.copy{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
    color: #186565;
	}



/* ============= Styles für "TITELSEITE" ==============*/

#innertube{margin: 0; text-align:left; }
.titelbild_1 {  margin-top:20px; margin-left:32px;  border:#124343 1px solid;  }
.titelbild_2 {  margin-top:15px; margin-left:32px; border:#124343 1px solid; }


/*==============Styles für SERVICE"====================*/

/*Layout-Typ "Romana"*/
	
	.innertube_service_romana{ margin: 0; text-align:left; heath:583px; width:535px; }
	
	.bild_links{ margin-left:0px; margin-top:20px; float:left; 
	width:256px; height:317px; 
	border:#124343 1px solid;
	}
	
	.text_tube_oben{
	margin-top:20px; margin-right:10px; margin-bottom:18px; float:right; 
	width:256px; height:317px; 
	border:#124343 1px solid;
	}

	#text_tube_unten{
	clear:left; clear:right; 
	text-align:left; width:524px;
	border:#124343 1px solid;
	margin-bottom:10px;
	
	}

/*--> Texte in Tubes >---*/


.hl_tube1_ro_service {
	margin-top:5px; margin-left:15px; margin-right:10px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:20px;
	font-size: 18px;
	font-weight: bold; 
	color:#186565;
	}
	
	.hl_tube2_ro_service {
	margin-top:5px; margin-left:15px; margin-right:10px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 16px;
	font-weight: bold; 
	line-height:20px;
    color:  #186565;
	}
	
	.copy_tube_ro_service{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:15px; margin-right:10px; 
	text-align:left;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
    color: #186565;
	}
	
	.list_tube{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*margin-left:30px;*/ margin-right:10px; 
	text-align:left;
	font-size: 12px;
	font-weight: normal; list-style:disc; list-style-position:outside; 
	line-height: 16px;
    color: #186565;}
	


	/*====================STYLES fuer WER ==========================*/

/*Layout-Typ "Romana"*/
	
	.innertube_wer_romana{ margin: 0; text-align:left; heath:583px; width:535px; }
	
	.bild_links{ margin-left:0px; margin-top:20px; margin-bottom:10px; float:left; 
	width:256px; height:317px; 
	border:#124343 1px solid;
	}
	
	.text_tube_wer_oben{
	margin-top:13px; margin-right:0px; margin-left:0px; margin-bottom:10px; float:right; 
	width:275px; 
	/*border:#124343 1px solid; */overflow:auto;
	}

	#text_tube_wer_unten{
	/*clear:left; clear:right;*/ float:left;
	text-align:left; width:256px;
	border:#124343 1px solid;
	margin-bottom:10px;
	
	}

/*--> Texte in Tubes >---*/


.hl_tube1_ro_wer {
	margin-top:5px; margin-left:15px; margin-right:10px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:20px;
	font-size: 18px;
	font-weight: bold; 
	color:#186565;
	}
	
.zhl_tube1_ro_wer {
	margin-top:5px; margin-left:15px; margin-right:10px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:20px;
	font-size: 14px;
	font-weight: bold; 
	color:#186565;
	}
	
	.copy_tube_ro_wer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:15px; margin-right:10px; 
	text-align:left;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
    color: #186565;
	}
	
	.list_tube_wer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*margin-left:30px;*/ margin-right:10px; 
	text-align:left;
	font-size: 11px;
	font-weight: normal; list-style:disc; list-style-position:outside; 
	line-height: 16px;
    color: #186565;}
	
	/*====================STYLES fuer REFERENZEN ==========================*/

/*Layout-Typ "Romana"*/
	
	#innertube_ref_romana{ margin: 0; text-align:left; heath:583px; width:535px; overflow:auto;  }
	
	.hl_tube1_ro_ref {
	margin-top:23px; margin-right:10px; /*margin-bottom:10px; */
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	/*line-height:10px;*/
	font-size: 18px;
	font-weight: bold; 
	color:#186565;
	}
	
	/*fuer TUBES Referenzen */
	
	.tabtube_ref_romana{ /*margin-top:15px;*/ margin-bottom:15px; text-align:left; width:535px; clear:both; 
	 }
	 
	 .strich{ width:535px; border-bottom:#124343 1px solid;}
	 
	
		
	.bild_tube_ref { width:300px; margin:0px; margin-top:20px;  float:left; }
	.text_tube_ref { width:200px; margin-top:17px; margin-right:20px; float:right; }
	
	
	.bild_links_tab{ margin-right:0px; margin-left:0px; margin-bottom:10px; 
	border:#124343 1px solid;
	}
	
	.zhl_projekt { margin-top:0px; margin-bottom:10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
    color: #186565;
	}
	
	.copy_ref{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
    color: #186565; 
	}
	
	
	/*====================STYLES fuer Kontakt ==========================*/

/*Layout-Typ "Romana"*/

#adresse_romana{  
margin-top:15px; margin-left:33px; width:350px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
    color: #186565; 
	
	 }