/* CSS Document  url(../images/pixel.gif) top left repeat*/
* {margin:0;padding:0;border:0;}

body {background:#036;color:#3055aa;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;text-align:center;}  /* IE5.x  zentriert div-Container mit text-align! */
img {border:none;}
a:active, a:focus, a:visited {outline: none;}
/* Mittig stellen der blaue Haupt-Flaeche */
#zentriere {width:1px;height:50%;margin-bottom:-280px;float:left;} /* halbe Containerhoehe */
/* \*/html, body {height:100%;}/* versteckt fuer IE5.xMac */
#container {position:relative;width:900px;height:560px;background-color:#ffc;color:#3055aa;margin:0 auto;text-align:left;clear:left;}

h1 {font-size:32px;}
h3 {font-size:18px;font-weight:normal;}
h4 {font-size:13px;font-weight:normal; margin-bottom:7px;}

#links h3 {font-size: 18px;margin-bottom:16px;}
#wege h3 {margin:0px;}
#scrollweg h3 {margin:0;}
#scrollweg h2 {margin: 0px 0px 15px 35px;font-size:18px;font-weight:normal;}
#vita h3 {margin:0px 3px 0px 10px;}
#scrollgesetz h5 {font-size:13px;background:#036;color:#eee;}
#scrollgesetz h6 {font-size:13px;margin:9px 10px 8px 10px;}
#weg h5 {margin:3px 0px 0px 0px;font-size:11px;}
#angebote2 h5 {font-size:13px;font-weight:normal; margin:2px 0px 0px 8px;}
.stile10 {font-size:10px;line-height:16px;}
.stile10gruen {font-size:10px;border: 1px solid #090;}
.stile12 {font-size:12px;}
.stile13 {font-size:13px;}
.stile14fett{font-size:14px;font-weight:bold;}
.stile1it1 {font-size:14px;font-weight:bold; margin-left:25px;}
.stilelit2 {margin-left:50px;font-weight:bold;}
.stilelit3 {margin-left:50px;line-height:13px;}
.stilelit4 {font-size:11px;margin-left:50px;}
.stile14green, .stile14red, .stile14blue {font-size:14px;line-height:23px;border: 1px solid #6c0;}
.stile14red {border: 1px solid #c00;}
.stile14blue {border: 1px solid blue;}
.stile16 {font-size:16px;}
.stile16line{font-size:16px;line-height:35px;font-weight:bold;}
.impress4 {border: 1px solid blue;}
.leftab { margin-left:50px;}
#butt0 p {font-size:14px;margin:19px 0px 0px 20px;line-height:23px;}
#butt0 h3 { margin-bottom:22px;}
#butt0 h6 {margin:22px 0px 0px 153px; font-weight:normal; font-size:10px;}
#fenster p {margin-top:15px;}
#angebote p {margin-top:25px;}
#oles p {margin-top:3px;}
#impressum p {margin: 10px 30px 0px 50px;}
#wasist p, #scroller p, #angebote1 p {margin:8px 3px 0px 8px;}
#fuerwen p {margin:18px 3px 18px 8px;}
#angebote2 p {margin:4px 3px 0px 8px;}
#links p {margin:7px 3px 0px 8px;}
#wasist p {margin:9px 0px 0px 8px;}
#scrollerlit p {margin-top:11px;}
#wege p {margin:9px 0px 0px 8px;}
#weg p {margin:3px 0px 3px 8px;font-size:12px;}
#scrollgesetz p {margin: 3px 10px}

#startsite ul, #startsite p, #startsite h5 {font-family:Arial, Helvetica, sans-serif;font-size:15px;}
#startsite ul {margin:10px 0px;}
#startsite li {margin:4px 0px 3px 60px;}
#startsite p {margin-top:16px;}
#startsite h5 {margin:10px 0px; font-weight:normal;}

#angebote1 ul {margin-top:10px;}
#fuerwen ul {margin-top:10px; margin-left:10px;}

#fuerwen li {margin:5px 0px 0px 20px;}
#angebote1 ul {margin:5px 0px 0px 30px;background-color:#ffc;color:#3055aa;}

/* Symbole */
#zurueck, #zurueck2, #weiter { position:absolute; width:44px; height:18px; left:780px; top:161px; z-index:5; background-color:#fff; border: 1px solid #c00; color:#3055aa; }
#zurueck2 { left:756px; top:500px; }
#weiter { width:40px; left:806px; top:500px; }


/* Hyperlinks */
a:link {color:#c00;text-decoration:none;}
a:visited {color:#c00;text-decoration:none;}
a:hover {color:#3055aa;text-decoration:none;}
#angebote2 a {color:blue;text-decoration:underline;}
#mail1 a, #mail2 a, #links a,#scrollerlit a {color:blue;text-decoration:underline;}
#scroller .stile10 a {border: 1px solid #ffc;}
#scroller .stile10 a:hover {border: 1px solid #c00;}

/* Kopf der Seite logostart*/
#logo {	position:absolute;width:66px;height:52px;z-index:1;left:20px;top:42px;}
#logostart { position:absolute; width:66px; height:80px; z-index:1; left:20px; top:15px; }

#kopf { position:absolute; width:200px; height:25px; z-index:4; left: 170px; top: 20px; border:1px none red; }
#kopf h1 { font-size: 32px; font-style: italic; font-family: Arial, Helvetica, sans-serif; line-height:30px; font-weight:normal; }
#kopf0 { position:absolute; width:380px; height:25px; z-index:4; left: 170px; top: 50px; border:1px none blue; }
#kopf0 h1 { font-size: 24px; font-style: italic; font-family: Arial, Helvetica, sans-serif; line-height:30px; font-weight:normal; }
#logoniba { position:absolute; width:43px; height:40px; z-index:8; left: 612px; top: 10px; }
#logoiiba { position:absolute; width:31px; height:40px; z-index:8; left: 619px; top: 56px; }
#textniba { position:absolute; width:230px; height:32px; z-index:8; left: 662px; top: 17px; }
#textiiba { position:absolute; width:230px; height:32px; z-index:8; left: 662px; top: 62px; }
#textniba p, #textiiba p { font-size:12px; }
#t_text { position:absolute; left:0px; top:0px}

#mail1, #mail2 {position:absolute;width:390px;height:20px;z-index:1;left:165px;top:82px;}
#mail1 {width:38px;left:560px;}
#mail2 {width:110px;left:598px;}
#menufeld {position:absolute;left:0px;top:105px;width:900px;height:20px;background:#3055aa;z-index:7;}
#menufeld1 {position:absolute;left:0px;width:570px;height:20px;}
#menufeld2 { position:absolute; left:570px; width:60px; height:20px;}
#menufeld3 { position:absolute; left:630px; width:270px; height:20px;}
#menufeld1 p, #menufeld2 p, #menufeld3 p { color:#fff; text-align:right; font-weight:bold;  }
#menufeld1 p { margin-top:1px; }
#menufeld3 p { text-align:left; }
#menufeld2 a, #menufeld3 a {color:#fff; text-decoration:underline;}
#menufeld a:hover {color:#fff;}


/*Linke Buttonleiste */
#butt0 { position:absolute; width:225px; height:370px; z-index:1; left:25px; top:160px; }

/* Startseite */
#startsite { position:absolute; width:370px; height:316px; z-index:1; left:90px; top:58px; }

/* Zentrale Dateien fuer den Rahmeninhalt */
#farbrahmen { position:absolute; width:550px; height:380px; z-index:1; left:322px; top:150px; border-style:solid; border-width:thin; background-color:#FFFFCC; color:#3055aa; }
* html #farbrahmen {width:554px;w\idth:550px;}/*Erweiterter vereinfachter Boxmodel Hack*/
* html #farbrahmen {height:384px;heigh\t:380px;}/*Erweiterter vereinfachter Boxmodel Hack*/
*+html #farbrahmen {width:554px;w\idth:550px;}/*Erweiterter vereinfachter Boxmodel Hack*/
*+html #farbrahmen {height:384px;heigh\t:380px;}/*Erweiterter vereinfachter Boxmodel Hack*/
#scrollcontainer { position:absolute; width:535px; height:365px; z-index:2; left:10px; top:12px; background-color:#ffc; color:#3055aa; overflow:auto; }
#scroller, #scrollerlit, #scrollweg, #scrollgesetz { position:absolute; width:510px; z-index:1; left:0px; top:0px; }
#scrollgesetz { background-color:#eee; width:510px; color:#3055aa; }
/* Seite fuerwen , wasist , wiewirkt service Impressum Angebote */
#fuerwen, #wasist, #vita, #impressum, #angebote, #angebote1, #angebote2, #wege, #kontakt,#weg { position:absolute; width:535px; height:360px; z-index:2; left:10px; top:10px; background-color:#ffc; color:#3055aa; }
#vita p  {margin:5px 3px 0px 8px;}
#links {width:510px;}
#angebote2a { position:relative; width:390px; height:55px; z-index:1; left:8px; top:4px; }
#angebote2b { position:absolute; width:428px; height:55px; z-index:1; left: 75px; top:0px; }
#wegwol { position:absolute; width:501px; height:363px; z-index:1; left:350px; top:162px; border:1px solid blue; }
/* Seite wiewirktbild */
#fenster {position:absolute;width:608px;height:359px;z-index:2;left:66px;top:106px;border:3px solid #609;background-color:#ffc;color:#3055aa;}
/* Seite Vita */
#oles { position:absolute; width:190px; height:121px; z-index:1; left:185px; top:50px; }

#email0 { position:absolute; width:484px; height:20px; z-index:2; left: 50px; top:17em; background-color:#ffc; color:#3055aa; }
#email0 p {margin: 0px;}
#email1 {position:absolute;width:45px;height:20px;z-index:1;left:71px;top:0px;background-color:#ffc;color:#3055aa; text-align:right;}
#email2 {position:absolute;width:110px;height:20px;z-index:1;left:115px;top:0px;background-color:#ffc;color:#3055aa;}
#scrollweg p, #wege p { margin: 5px 2px 0px 8px}
#scrollweg h4 { margin-top:8px; font-size:15px; font-weight:bold;}

#bild { visibility:hidden;}
#wegwol2 {  visibility:hidden;}
#starttit { position:absolute; width:170px; height:26px; z-index:1; left: 195px; top: 30px; }
#angebote1 h3, #fuerwen h3, #scroller h3, #wasist h3, #scrollweg h3 { margin-bottom:13px;}

#ort1, #ort2, #ort3, #ort4, #ort5, #ort6, #ort7, #ort8, #ort9, #ort10, #ort11, #ort12 {position:absolute;height:16px; z-index:4;background-color:#99cc66; border: 1px solid #000;}
#rechts { position:absolute; width:100px; height:255px; z-index:11; left: 420px; top: 60px; }
#rechts h5 { margin:3px 0px 0px 0px; font-size:11px; }
