/* 
Farben 
rot - cc0066 
hellgrau – e8e8e8 
dunkelgrau – 333333

dunkleres grau - Hintergrund - E6E6E6
helles grau - textfeld - F6F6F6

rahmen hängt um 10xp

*/

html {overflow: scroll}

body {
	background: #e8e8e8 url(../zub/hintergrund.gif) repeat-y top center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12;
	margin: 0 0 0 0; padding: 0 0 0 0;
	line-height: 1.5em;
	color: black;
	scrollbar-base-color:#f6f6f6;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-arrow-color:#cccccc;
	scrollbar-darkshadow-color:#f6f6f6;
	scrollbar-face-color:#f6f6f6;
	scrollbar-highlight-color:#f6f6f6;
	scrollbar-shadow-color:#cccccc;
	scrollbar-track-color: #f6f6f6;
}

/* Eingangsseite */
#dunkelgrauesaeule {position: absolute; left: 50%; top: 50%; height: 50%; width: 180; margin-left: -240; background: #333333;}
#mittelteilweiss {position: absolute; left: 0; top: 50%; width: 100%; height: 240; margin-top: -120; background: white; border-bottom: 2px solid #333333; border-top: 0px solid #333333;}
#menuehintergrund-eg {position: absolute; left: 0; top: 50%; height: 210; width: 50%; margin-top: -105; margin-left: -240; background: #cc0066;}
#untermenue-foto-eg {position: absolute; left: 140; top: 50%; margin-top:-105; width: 180; height: 250;}
#untermenue-foto-eg img.untermenue-fotoweiter-eg {position: absolute; top: 0; left: 180;}
#untermenue-foto-eg img.logo-eg {position: absolute; top: 90; left: 270;}
#menue-eg {position: absolute; left: 7; top: 50%; margin-top: 20;}

/* Aufteilung des Bildschirms */
#kopf {position: absolute; left: 0; top: 0; width: 100%; height: 140; background: white /*url(../zub/kopf-hintergrund.gif) repeat-x bottom left;*/}
#liniegrauunterkopf {position: absolute; left: 50%; top: 130; height: 20; width: 440; margin-left: -55; background: #e8e8e8;}
#menuehintergrund {position: absolute; left: 0; top: 140; height: 210; width: 50%; margin-left: -240; background: #cc0066;}
#untermenuehintergrund {position: absolute; left: 0; top: 350; height: 200; width: 50%; margin-left: -240;}
#untermenuehintergrund img {position: absolute; right: 0; top: 0;}
#graulinks {position: absolute; left: 0; top: 0; width: 50%; height: 100%; margin-left: -240; background: #e8e8e8;}

#anfang-kopf {position: absolute; left: 0; top: 0; width: 100%; height: 140; background: white;}
#anfang-menuehintergrund {position: absolute; left: 0; top: 0; height: 100%; width: 50%; margin-left: -240; background: #cc0066;}


img {border: 0; margin: 0; padding: 0;}
a {text-decoration: none;}
span.weiter {letter-spacing: 2;}
span.telefon {float: left; margin-right: 5; width: 50;}
h1 {
	position: absolute; right: 8; top: 97;
	width: 400; 
	font-size: 20; font-weight: normal; 
	color: #cc0066;
	line-height: 1.8em; 
	text-transform: lowercase; 
	padding: 0; margin: 0;
	text-align: right;
}
h2 {font-size: 14; font-weight: normal; margin: 0 10 15 25; color: black; line-height: 1.6em; border-bottom: 0px solid #e8e8e8;}  
h2.h2next {position: relative; top: 15; margin-bottom: 30;}
h2.emailformular {position: relative; top: 10; margin-bottom: 30; marin-right: 20; border-top: 1px solid #cccccc; padding-top: 10;}
h3 {font-size: 14; font-weight: normal; margin: 20 10 10 25; color: black; line-height: 1.6em; border-bottom: 0px solid #e8e8e8;}
p+h2 {margin-top: 20px;}
h2+h3 {margin-top: 5px;}
p, li {margin: 0 10 8 25; padding: 0;}

a:focus, a:active {border: none; outline: 0;}
font.gb {text-transform: uppercase;}

ul.aufzaehlung {margin: 10 0 15 0; padding: 0; list-style-position: inside;}
ul.aufzaehlung-kurz {margin: -3 0 15 15; padding: 0; list-style-position: outside;}
ul.aufzaehlung-kurz li {padding: 0; margin-bottom: 3; margin-top: 0;}

ol.agb {list-style-type: decimal; list-style-type: outside; margin: 0 0 15 20; padding: 0 0 0 25;}
ol.agb li {padding: 0; margin: 0 0 3 0;}
span.agbnummer, span.stern {margin: 0 5 10 0; padding: 0; border: 0; float: left;}

#rahmen {
	position: absolute; left: 50%; top: 0;
	width: 760; height: 100%;
	margin: 0 0 0 -380;
	border: 0px solid red;
	padding: 0;
}

#logo {position: absolute; left: 0; top: 10;}

#textanfang {position: absolute; left: 310; top: 140;}

/* construction */
#text-construction {position: absolute; left: 175; top: 40; width: 410; font-size: 12; line-height: 1.7em;}
#text-construction a.kontakt {color: #cc0066; text-decoration: underline; border: none;}
#text-construction a:hover.kontakt {color: black;}
#back {position: absolute; left: 50; top: 40; line-height: 1.6em;}
#back a {color: #cc0066; font-size: 14;}
#back a:hover {color: black;}
input.emailfeld {height: 25px; float: left; border: 1px solid #cccccc; width: 270; margin: 5 20 0 0; font-family: verdana, sans-serif; padding: 3; font-size: 11;}
input.emailfeldbutton {height: 25px; margin: 5 0 20 0; float: left; font-size: 12; padding: 0 20 0 20; border: 1px solid #cccccc; background: #f0f0f0;}
input.emailfeldbutton:hover {border: 1px solid #333333; background: #cccccc;}
/* Ende construction*/

#text {
	position: absolute; left: 335; top: 180;
	width: 410;
	border: 0px solid white; 
	font-size: 11;
}
#text a {border-bottom: 1px solid #b0b0b0; color: black;}
#text a:hover {color: #cc0066; border-bottom: 1px solid #cc0066;}
#text a.kontakt {color: #cc0066; text-decoration: underline; border: none;}
#text a:hover.kontakt {color: black;}

#text-ecke-links {position: absolute; left: 335; top: 150; width: 21; height: 20; background: #e8e8e8 url(../zub/ecke-links.gif) no-repeat right top;}
#text-ecke-rechts {position: absolute; left: 740; top: 150; width: 21; height: 20; background: #e8e8e8 url(../zub/ecke-rechts.gif) no-repeat left top;}

p.letztezeile {margin-top: 40; padding-bottom: 20px; color: #b0b0b0;}
p.letztezeile img.top {float: right; margin: -3 0 0 10;}

/* emailformular */
form {margin-top: 20; font-size: 11; line-height: 1.5em;}
input.emailfelder, input.zusatzfelder, textarea {border: 1px solid #cccccc; float: right; width: 270; margin: 0 10 10 0; font-family: verdana, sans-serif; padding: 3; font-size: 11;}
input.emailfelder {height: 20px;}
input.zusatzfelder {margin-bottom: 5;}
textarea {height: 120px; line-height: 1.5em;}
p.fehlermeldung {color: #cc0066;}
p.checkbox, p.sternangabe {margin-right: 20; border-top: 1px solid #cccccc; padding-top: 20; margin-top: 20; margin-bottom: 20;}
p.sternangabe {padding-top: 5;}
p.checkboxwebmaster {margin-right: 20; margin-top: 20; margin-bottom: 20;}
input.checkbox {margin: 0 10 0 0; padding: 0; float: left; height: 15; widht: 15; border: 1px solid #cccccc;}
input.button {margin: 0 20 15 0; float: left; font-size: 12; padding: 3 15 3 15; border: 1px solid #cccccc; background: #f0f0f0;}
input.button:hover {border: 1px solid #333333; background: #cccccc;}

/* Menue */
#menue {position: absolute; left: 7; top: 180;}

#menue a, #menue-eg a {
	display: block;
	width: 128;
	color: white;
	text-transform: uppercase;
	line-height: 20px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 3 0;
}
#menue a:hover, #menue a:hover.aktiv, #menue-eg a:hover {color: #FF9999;}
#menue a.aktiv {border-bottom: 1px solid white; font-weight: bold;}


/* untermenue */
#untermenue-foto {
   position: absolute; left: 140; top: 140;
   width: 180; height: 250;
}

#untermenuekasten {
   position: absolute; left: 140; top: 350;
   width: 180; 
   background: #333333;
   height: 78;
}

#untermenue {
   position: absolute; left: 140; top: 365;
   width: 180; 
   line-height: 21px;
   text-align: right;
}

#untermenue a {
   color: white; 
   display: block; 
   padding: 0 20 0 0; 
   margin: 0;
   text-transform: lowercase; 
   font-weight: normal;
}
#untermenue a:hover, #untermenue a:hover.aktiv  {color: /*#c0c0c0*/#999999;}
#untermenue a.aktiv {font-weight: bold; background: url(../zub/untermenue-aktiv.jpg) no-repeat right 13px;} 
#untermenue a.menueunten /* unter Foto */ {margin: -5 0 -5 0; font-weight: bold;}
#untermenue a:hover.menueunten {color: white;}

/* Menue unten */
#menueuntenfoto {
   position: absolute; left: 140; top: 365;
   width: 180; 
   background: #333333;
   height: 36;
}
#menueuntenfoto p {
	line-height: 21px;
	text-align: right;
	padding: 0 20 0 0;
	margin: 0 0 0 0;
	color: white;
	font-weight: bold;
	font-size: 12;
	text-transform: lowercase;
	background: url(../zub/untermenue-aktiv.jpg) no-repeat right 13px;
}

#menueuntenlinie {
	position: absolute; left: 0; top: 50%; 
	margin-top: 210; 
	width: 100%; height: 27; 
	background: white url(../zub/liniemenueunten.gif) repeat-x left top;
}

#menueunten {
	position: absolute; left: 0; top: 10;
	height: 26; width: 760;
	text-align: right;
}

#menueunten a {
	position: relative; top: 8;
	color: #b0b0b0;
	font-size: 11px;
	border-left: 1px solid #cccccc;
	padding: 0 8 0 10;
	display: block;
	line-height: 1.1em;
	float: right;
	text-transform: lowercase;
}

#menueunten a:hover, #menueunten a:hover.aktiv {color: #cc0066;}
#menueunten a.aktiv {font-weight: bold;}