/* Oberkampf Hörsysteme  **************************/


body {
	height: 100%;
	width: 100%;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
	background-color: #787878;
	background-image:url(img/design/verlauf_im-hg.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

/************************** Kopf **************************/

#kopf {
	width: 944px;
	height: 140px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
	background-image:url(img/design/kopf.jpg);
	background-repeat:no-repeat;	
}


#kopf_inhalt {
	padding: 5px 20px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*font-weight:bold;*/
	text-align:right;
	color: #666666;
}

#kopf_text {
	padding: 20px 0px 0px 424px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color: #FFFFFF;
	line-height: 35px;
}

/**********************************************************/

#kopf_2 {
	width: 944px;
	height: 304px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;	
}

#hauptbild {
	width: 690px;
	height: 294px;
	float:left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	border-right:  solid 8px #2861B2 ;
	display:inline;
	/**/ background-image:url(img/design/hauptbild_3.jpg);
	background-repeat:no-repeat;  
}

#oeffnungszeiten {
	height:152px;
	width:200px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	background-image: url(img/design/hg_oeffnungszeiten.gif);
	background-repeat: no-repeat;
	/*z-index: 1;
	position:absolute;
	left: 50%;*/
}

#zeiten {
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	font-size: 15px;
	color: #333333;
	line-height: 20px;
	font-weight: bold;
}

.zeiten_titel {
	margin: 0px 0px 5px 25px;
	font-size: 16px;
	color: #000a59;
	font-weight: bold;
}

#adressdaten {
	width: 200px;
	height: 294px;
	margin: 0px 0px 0px 708px;
	padding: 0px 0px 0px 14px;
	border: 0px;
}

.adresse {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#000a59; 
	text-align:left; 
	line-height:20px;
	font-weight:bold; 
	margin: -10px 0px 12px 20px;
}

/************************** Main **************************/

#main {
	width: 944px;
	min-height: 350px;
	height: auto;
	/*height: auto !important;*/
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
}

/**********************************************************/

#navi {
	width: 116px;
	float:left;	
	margin: 0px 24px 0px 22px;
	padding: 20px 0px 0px 0px;
	border: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#1a498c;
	display:inline;	
}
#navi a {text-decoration: none;}
#navi a:hover{
	color:#f00011;
}

.navi_strich { border-bottom: 1px solid #1a498c; margin: 6px 0px 6px 0px;}
.navi_strich_rot { border-bottom: 1px solid #f00011; margin: 6px 0px 6px 0px;}

/*.navi_kinder { color: #f00011; }*/


/**********************************************************/

#inhalt {
	width: 760px;
	height: 450px;
	height: auto !important;
	margin: 0px 0px 0px 162px;
	padding: 0px;
	border: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2e2e2e;
	text-align:left;
	line-height: 23px;
}

#balken	{
	width: 760px;
	height: 34px;
	background-image:url(img/design/balken.png);
	background-repeat:no-repeat;	
}

#inhalt_text {
	width: 760px;
	height: 350px;
	height: auto !important;
	/*background-image:url(img/design/verlauf_im_text.jpg);
	background-repeat: repeat-x;
	background-position: bottom;*/
}	

#text {
	width: 720px;
	margin: 0px 0px 0px 20px;
}

#footer {
	width: 760px;
	height: 44px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	background-color:#FFFFFF;
	background-image:url(img/design/balken.png);
	background-repeat:no-repeat;	
}

/************************** Sonstiges **************************/

h1{ }
h2{ }
h3{ }
h4{ }

.s{	font-size: 10px;}
.m{	font-size: 12px;}
.l{ font-size: 14px;line-height: 18px;}
.xl{ font-size: 16px;}
.xxl{
	font-size: 18px;
	
}


.blau {color:#1a498c;}
.bxxl_lau {font-size: 18px; color:#1a498c;}

a { color:#1a498c;  }
a:hover { text-decoration:none; color: #f00011;}
a#aktiv { text-decoration:none; color: #f00011;}

/*.navi_kinder a { text-decoration:none; color:#f00011;  }
.navi_kinder a:hover { text-decoration:none; color: #1a498c;}
.navi_kinder a#aktiv { text-decoration:none; color: #1a498c;}
*/

#kopf_inhalt a { text-decoration:none; color:#666666;  }
#kopf_inhalt a:hover { text-decoration:none; color: #f00011;}
#kopf_inhalt a#aktiv { text-decoration:none; color: #f00011;}


.balken_text { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF; padding: 6px 0px 0px 30px;}
.footer_text { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF; padding: 6px 0px 0px 38px;}

/************************** nach oben und zurück Button **************************/


.zurueck_nachoben a {
	text-decoration:none;
	color: #666666;
	font-size: 10px;
}

.zurueck_nachoben a:hover { text-decoration:none; color: #e2001a;}

/************************** Bildschow **************************/

#bildshow   {
	width: 690px;
	height: 294px;

}

#bildshow img {border:0; width:690px; height:294px;}
