@charset "UTF-8";
/* CSS Document */

/*ALLGEMEINES*/
html{}

body{
	margin: 0px;
	background-image:url(../inc/images/bg_body.jpg) ;
	background-repeat:repeat-x;
	text-align:center;
	height: 100%;
}

/*Schrift*/
p {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:	11px;
	line-height: 180%;
	color:#8f8b80;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 8px;	
}

.einleitung{margin-left: 30px; width:544px;}

h1 {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:	15px;
	font-weight:lighter;
	text-transform:uppercase;
	line-height: 140%;
	color:#2f606b;
	text-align:left;
	margin-top: 0px;
	padding-top: 0px;
}

h2 {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:	14px;
	font-weight:lighter;
	line-height: 140%;
	color:#2f606b;
	text-align:left;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}


.firsthead{padding-top: 48px; margin-left:30px;margin-bottom:3px; padding-bottom: 0px; width:544px;}

#aktuelles {width: 178px;}

#aktuelles h1{
	margin-top: 40px;
	padding-left: 15px;
	color:#FFFFFF;
	letter-spacing: 0.1em;
}

#aktuelles h2{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:	13px;
	font-weight: normal;
	padding-left: 15px;
	margin-bottom: 4px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	color:#FFFFFF;
}

#aktuelles p{
	color:#FFFFFF;
	padding-left: 15px;
	padding-right: 10px;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.datum{
	font-size: 9px;
}

a:link {
	color: #de6100;
	text-decoration: none;
}	

a:visited {
	color: #de6100;
	text-decoration: none;
}

a:hover {
	color: #de6100;
	text-decoration: underline;
}

a:active {
	color: #de6100;
	text-decoration: none;
}



.ladenliste  {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:	11px;
	color:#8f8b80;
	text-align:left;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 8px;	
}

.ladenliste li {
	margin-bottom: 2px;
}


.anzeigen a{
	color: #de6100;
}

.nichtanzeigen a {
	color: #8f8b80;
}

.nichtanzeigen a:hover, .nichtanzeigen a:active, .nichtanzeigen a:visited {
	color: #de6100;
	text-decoration:none;
}

/*CONTAINER*/
#container{width: 939px; margin: 0px auto; background-color:#ffffff; padding: 0px;}
#contentbox{background-color:#f5f4f2; width: 712px; height:100%; margin-left: 6px; position: relative;}
#content{width: 544px; margin-left:30px;}
#spalte{position: absolute; left: 590px; top: 45px; width: 110px;}
.tab_content{margin-left: 20px; margin-right:20px;}
.eintrag{margin-bottom: 15px;}



/*FORMULAR*/
.fliesstext, .fliesstext input, .fliesstext textarea, .text, .text input, .text textarea, .angabefehlt, .angabefehlt input, .angabefehlt textarea {font-family:Verdana, Helvetica, Arial, sans-serif; font-size: 11px;  color:#8f8b80; text-align:left;}
.angabefehlt input, .angabefehlt textarea, .angabefehlt textarea:hover, .angabefehlt textarea:active, .angabefehlt textarea:focus{border: 1px solid #de6100; width: 325px;}

.text input {border: 1px solid #bcb5a6; width: 325px;}
.text input:active, .text input:focus, .text input:hover { border: 1px solid #2f606b;}

textarea {border: 1px solid #bcb5a6; width: 325px; height: 125px;}
textarea:active, textarea:focus, textarea:hover { border: 1px solid #2f606b;}

.button{border: 1px solid #de6100; background:#de6100; font-family:Verdana, Helvetica, Arial, sans-serif; font-size: 10px; color:#FFFFFF; margin-top:10px;}

/*TERMINE*/
.termine h2{padding-top:0px; margin-top:0px;}
.termine .datumtermin{margin-bottom: 0px; padding-bottom: 0px; margin-top:15px;}
.termine img {margin-right:15px;}

/*DETAILSEITE GESCHÄFTE*/
.detailseite{
	margin-top: 20px;
	margin-left: 25px;
}

.zitat {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:	15px;
	font-weight:lighter;
	line-height: 140%;
	color:#2f606b;
	text-align:left;
	margin-top: 15px;
	padding-top: 0px;
	margin-bottom: 0px;
	float: left;
}


.zitateur {
	color:#2f606b;
	font-weight: normal;
	font-size: 10px;
}

.detailseite img{
	margin-right: 6px;
	font-size: 11px;
}

.logodetail{
	float: right;
	margin-right: 20px;
}

.oeffnungszeitendetail{
	float: left;
	margin-right: 40px;
}

.kontaktdetail{
	float: left;
}

/*NAVIGATION*/
#pflichtnav {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:	10px;
	text-align: right;
	margin-right: 22px;
	margin-bottom: 4px;
	color: #8f8b80;
}

#pflichtnav a, #pflichtnav .inaktiv {margin-left: 4px;}

#pflichtnav a:link, #pflichtnav a:visited, #pflichtnav a:active {
	color: #8f8b80;
	text-decoration: none;
	font-weight: normal;
	text-transform:uppercase;
}

#pflichtnav a:hover {
	color: #de6100;
	text-decoration: none;
	font-weight: normal;
	text-transform:uppercase;
}

#pflichtnav .inaktiv{
	color:#2f606b;
	text-transform:uppercase;
}

#nav{
	position: relative;
	background-color:#bcb5a6;
	height: 24px;
	margin-top: 6px;
	z-index: 20;
	
}

/* Container Hauptnavigation*/
#ulNav {
	position: relative;
	display: block;
	margin-top: 0px;
	}

/* Listeneintrge Hauptnavigation Anordnung*/
#nav ul, #nav li {margin: 0px; padding: 0px; list-style: none; float: left;}
#nav span { display: none }

/* Listeneintrge Hauptnavigation  Aussehen*/
#nav li.on, #nav li.off {float: left; height: 24px;}

/*  Listeneintrge Hauptnavigation Aussehn hervorgehoben*/
#nav li a, #nav li strong {display: block; height: 24px; margin-right: 15px;}

/* Listeneintrge Hauptnavigation  Position erster Eintrag*/
	#nav #Li01 { margin-left: 197px }

/* Bestimmung der Zustnde Link, hover, strong, current */
	#Li01 a, #Li01 strong { background: url(../inc/images/hn_00.jpg); width: 51px; }
	#Li01:hover a, #Li01.over a { background-position: 0 24px; }
	#Li01.current a, #Li01 strong { background-position: 0 24px; }
	#Li01.curroff  a { background-position: 0 0px; }

	#Li02 a, #Li02 strong { background: url(../inc/images/hn_01.jpg); width: 89px; }
	#Li02:hover a, #Li02.over a { background-position: 0 24px }
	#Li02.current a, #Li02 strong { background-position: 0  24px }
	#Li02.curroff a { background-position: 0  0px }
	
	#Li03 a, #Li03 strong { background: url(../inc/images/hn_02.jpg); width: 71px; }
	#Li03:hover a, #Li03.over a { background-position: 0 24px }
	#Li03.current a, #Li03 strong { background-position: 0  24px }
	#Li03.curroff a { background-position: 0  0px }
	
	#Li04 a, #Li04 strong { background: url(../inc/images/hn_03.jpg); width: 67px; }
	#Li04:hover a, #Li04.over a { background-position: 0 24px }
	#Li04.current a, #Li04 strong { background-position: 0  24px }
	#Li04.curroff a { background-position: 0  0px }
	
	#Li05 a, #Li05 strong { background: url(../inc/images/hn_04.jpg); width: 99px; }
	#Li05:hover a, #Li05.over a { background-position: 0 24px }
	#Li05.current a, #Li05 strong { background-position: 0  24px }
	#Li05.curroff a { background-position: 0  0px }
	
	#Li06 a, #Li06 strong { background: url(../inc/images/hn_05.jpg); width: 73px; }
	#Li06:hover a, #Li06.over a { background-position: 0 24px }
	#Li06.current a, #Li06 strong { background-position: 0  24px }
	#Li06.curroff a { background-position: 0  0px }
	
	#Li07 a, #Li07 strong { background: url(../inc/images/hn_06.jpg); width: 71px; }
	#Li07:hover a, #Li07.over a { background-position: 0 24px }
	#Li07.current a, #Li07 strong { background-position: 0  24px }
	#Li07.curroff a { background-position: 0  0px }
	
	


/* Anfangswert der jeweiligen Subnavigation*/
	#Li01 .first a { padding-left: 0px; padding-top: 0px; }
	#Li02 .first a { padding-left: 70px }
	#Li03 .first a { padding-left: 0px }
	#Li04 .first a { padding-left: 260px }
	#Li05 .first a { padding-left: 0px }
	#Li06 .first a { padding-left: 0px }
	#Li07 .first a { padding-left: 0px }

	#nav li ul { display: none }

/* Container Subnav */
	#nav li.off ul,
	#nav li.on ul  {
		position: absolute;
		top:24px;
		left: 197px;
		height: 24px;
		/*hier stand mal die weite*/
		}

/* hover Zustnad */
	#nav li.off:hover ul,
	#nav li.over ul {
		display: block;
		z-index: 6000;
		background: #f5f4f2;
	}
	
	/*aktives Element*/
	#nav li.on ul {
		background: #f5f4f2;
    }

	#nav li li {
		display: inline;
	}

/* Listenelement Subnav */
	#nav li.on ul a,
	#nav li.off ul a {
		float: left;
		width: auto;
		height: auto;
		background: #f5f4f2;
		margin-top: 5px;
		margin-right: 15px;
	}

	#nav li.on ul {
		display: block;
	}