/* 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:34px; text-align:right; margin:0; padding: 0; 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; 

}

/* ============= 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; }
.titelbild_3 {  margin-top:25px; margin-left:100px; border:#124343 1px solid; }
.titelbild_4 {  margin-top:25px; margin-left:55px; border:#124343 1px solid; }

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

/*Layout-Typ "Wolfgang"*/
	
	#innertube{ margin: 0; text-align:left; heath:583px; width:535px; overflow:auto;}
	
	.fototube{ margin-left:0px; margin-top:25px; float:left; width:230px; }
	
	.bild{ margin-left:0px; margin-bottom:20px; 
	width:200px; height:auto; 
	border:#124343 1px solid; 
	}
	
	.text_tube{
	margin-top:25px; margin-right:10px; margin-bottom:18px; float:right; 
	width:290px; height:auto; 
	border:#124343 1px solid;
	}
	

.hl {
	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 {
	margin-top:5px; margin-left:15px; margin-right:10px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:20px;
	font-size: 12px;
	font-weight: bold; 
	color:#186565;
	}
	
	
	.copy{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:15px; margin-right:10px; 
	text-align:left;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
    color: #186565;
	}
	
	.list{
	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;}
	
/*Text unter Fotos zu Layouttyp Wolfgang (Otto Schmuck)*/

.text_tube_links{
	margin: 0;  float:left; width:200px; float:left; 
	height:auto; /*border:#124343 1px solid;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*margin-left:15px; margin-right:10px; */
	text-align:left;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
    color: #186565;
	
	}

	
	/*====================STYLES fuer Kontakt ==========================*/

/*Layout-Typ "Wolfgang"*/

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