/* Body für Positionierung und Hintergrundbild oben */
body { background-color: #FFBB54; background-image: url(images/bg.gif); background-position: top; background-repeat: repeat-x; margin: 0; padding: 0; }

/* Div für die Grafik die über dem Logo sitzt */
div#top { background-image: url(images/top.gif); background-position: top; background-repeat: repeat-x; margin-left: auto; margin-right: auto; margin-top: 0px; height: 95px; width: 724px; }

/* Div für das Logo, welches 4 Pixel Abstand zur Grafik drüber hat */
div#logo { background-image: url(images/logo.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; height: 132px; width: 724px; }

/* Div für die Hauptnavi und das Infofeld // Bestimmung der Größe und der Hintergrundgrafik */
div#navibg { background-image: url(images/navibg.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; height: 136px; width: 724px; }

/* Div für den "Spacer" welcher zwischen Navi und Content sitzt */
div#spacer { background-image: url(images/spacer.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; height: 7px; width: 724px; }

/* Div für den Verlauf über dem Content */
div#content_top { background-image: url(images/content_top.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; height: 30px; width: 724px; }

/* Div für den Hintergrund in dem Content */
div#content_mainbg { background-image: url(images/content_mainbg.gif); background-repeat: repeat-y; margin-left: auto; margin-right: auto; margin-top: 0px; width: 724px; }

/* Div für den Verlauf unter dem Content */
div#content_bottom { background-image: url(images/content_bottom.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; height: 30px; width: 724px; }

/* Div für die Footergrafik */
div#footer { background-image: url(images/footer.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; height: 17px; width: 724px; }

/* Div für Nach oben springen im Footer */
div#totop { float: left; margin-top: 1px; margin-left: 6px; font-family: Tahoma,Verdana; font-size: 10px; color: #595959; text-decoration: none; }

div#totop a:link, div#totop a:visited, div#totop a:active { font-family: Tahoma,Verdana; font-size: 10px; color: #595959; text-decoration: none; }

div#totop a:hover { font-family: Tahoma,Verdana; font-size: 10px; color: #4C4C4C; text-decoration: underline; }

/* Div für das Copyright im Footer */
div#copyright { float: right; margin-top: 3px; margin-right: 4px; font-family: Tahoma,Verdana; font-size: 9px; color: #1C1C1C; text-decoration: none; }

div#copyright a:link, div#copyright a:visited, div#copyright a:active { font-family: Tahoma,Verdana; font-size: 9px; color: #1C1C1C; text-decoration: none; }

div#copyright a:hover { font-family: Tahoma,Verdana; font-size: 9px; color: #1C1C1C; text-decoration: underline; }



/* Div für den Orangen Verlauf ganz unten im Design */ 
div#bgbottom { background-image: url(images/bgbottom.gif); background-repeat: repeat-x; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; height: 26px; width: 724px; }

/* Div für die Navi links im Header */
div#leftnavi { float: left; margin-left: 0px; margin-top: 24px; height: 85px; width: 167px; }

/* ul für die Navi links im Header */
ul#navi { list-style-type: none; margin-left: 0px; margin-top: 0px; height:85px; width: 167px; padding: 0; }

/* Li für die Navi links im Header */
li.naviback { background-image: url(images/navi.gif); background-repeat: no-repeat; margin-left: 0px; margin-top: 3px; height: 14px; width: 167px; color: #3A3A3A; font-family: Tahoma,Verdana; font-size: 11px; }

li.naviback:hover { background-image: url(images/navi_hover.gif); background-repeat: no-repeat; margin-left: 0px; margin-top: 3px; height: 14px; width: 167px; }

li.naviback a:link, li.naviback a:visited, li.naviback a:active { font-family: Tahoma,Verdana; font-size: 13px; color: #3A3A3A; text-decoration: none; }

li.naviback a:hover { font-family: Tahoma,Verdana; font-size: 13px; color: #BE1D09; text-decoration: none; }

li.naviback2 { background-image: url(images/navi.gif); background-repeat: no-repeat; margin-left: 0px; margin-top: 3px; height: 14px; width: 167px; color: #3A3A3A; font-family: Tahoma,Verdana; font-size: 11px; }

li.naviback2:hover { background-image: url(images/navi_hover.gif); background-repeat: no-repeat; margin-left: 0px; margin-top: 3px; height: 14px; width: 167px; }

li.naviback2 a:link, li.naviback2 a:visited, li.naviback2 a:active { font-family: Tahoma,Verdana; font-size: 13px; color: #3A3A3A; text-decoration: none; }

li.naviback2 a:hover { font-family: Tahoma,Verdana; font-size: 13px; color: #BE1D09; text-decoration: none; }

li.naviback3 { background-image: url(images/navi.gif); background-repeat: no-repeat; margin-left: 0px; margin-top: 3px; height: 14px; width: 167px; color: #3A3A3A; font-family: Tahoma,Verdana; font-size: 11px; }

li.naviback3:hover { background-image: url(images/navi_hover.gif); background-repeat: no-repeat; margin-left: 0px; margin-top: 3px; height: 14px; width: 167px; }

li.naviback3 a:link, li.naviback3 a:visited, li.naviback3 a:active { font-family: Tahoma,Verdana; font-size: 13px; color: #3A3A3A; text-decoration: none; }

li.naviback3 a:hover { font-family: Tahoma,Verdana; font-size: 13px; color: #BE1D09; text-decoration: none; }

li.naviback4 { background-image: url(images/navi.gif); background-repeat: no-repeat; margin-left: 0px; margin-top: 3px; height: 14px; width: 167px; color: #3A3A3A; font-family: Tahoma,Verdana; font-size: 11px; }

li.naviback4:hover { background-image: url(images/navi_hover.gif); background-repeat: no-repeat; margin-left: 0px; margin-top: 3px; height: 14px; width: 167px; }

li.naviback4 a:link, li.naviback4 a:visited, li.naviback4 a:active { font-family: Tahoma,Verdana; font-size: 13px; color: #3A3A3A; text-decoration: none; }

li.naviback4 a:hover { font-family: Tahoma,Verdana; font-size: 13px; color: #BE1D09; text-decoration: none; }

li.naviback5 { background-image: url(images/navi.gif); background-repeat: no-repeat; margin-left: 0px; margin-top: 3px; height: 14px; width: 167px; color: #3A3A3A; font-family: Tahoma,Verdana; font-size: 11px; }

li.naviback5:hover { background-image: url(images/navi_hover.gif); background-repeat: no-repeat; margin-left: 0px; margin-top: 3px; height: 14px; width: 167px; }

li.naviback5 a:link, li.naviback5 a:visited, li.naviback5 a:active { font-family: Tahoma,Verdana; font-size: 13px; color: #3A3A3A; text-decoration: none; }

li.naviback5 a:hover { font-family: Tahoma,Verdana; font-size: 13px; color: #BE1D09; text-decoration: none; }

/* Div für die rechte Navi wo der Text drin steht */
div#rightnavi { float: right; margin-right: 22px; margin-top: 27px; width: 220px; color: #132C52; font-family: Tahoma,Verdana; font-size: 10px; text-align: center; }

/* Div für den Abstand des Contents */
div#content_spacer { height: 36px; width: 724px; }
div#content { width: 693px; top: 36px; margin-top: 0px; margin-left: 16px; margin-right: 15px; }


#aboutjpg { margin-left:30px; width: 180px; height: 230px; } 

#line { vertical-align: middle; text-align: center;}

#bild1 { width: 300px; height: 400px; }
#bild2 { width: 300px; height: 400px; }

#karte { margin-left:60px; width: 408px; height: 330px; }