@charset "utf-8";
@import url(reset.css);

/* Standard Tags */
html, body { height: 100% }
body { color: #1a1a1a; font: 1em/1.3em Arial, Helvetica, sans-serif; background: url(images/body_bg.jpg) repeat-x 0 0 }
h1, h2, h3, h4, h5 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 1.2em }
h1 { font-size: 2.2em; margin: 0.75em 0; color: #004d94 }
h2 { font-size: 1.8em; margin: 0.75em 0 }
h3 { font-size: 1.4em; margin: 0.75em 0 }
h4 { font-size: 1.2em; margin: 0.75em 0 }
h5 { font-size: 1.1em; margin: 0.75em 0 }

em { font-style: italic }
strong { font-weight: bold }
p { margin-bottom: 0.5em }
blockquote { padding: 0.5em 1em 1em; letter-spacing: 0.05em; font-style: italic } 

#midcolumn ul, #rightcolumn ul { margin: 0 0 0.25em 0 }
#midcolumn li, #rightcolumn li { margin: 0.25em 0; padding: 0 0 0 1em; background: transparent url(images/arrow.gif) 0 9px no-repeat }

/* Wrapper */
#wrapper { min-height: 100%; position: relative; width: 100%; padding-bottom: 22px; min-width: 1000px }

/* Layout */
#header { background: transparent url(images/header.jpg) no-repeat center top; height: 229px; width: 100%; text-align: center }
#header p { position: relative; top: 155px; color: #004D94; font-size: 1.1em }
#header a { position: absolute; top: 0; width: 100%; height: 192px; display: block } 
#content { margin: 10px auto 0; width: auto }
#footer { background: #fff url(images/content_footer.png) no-repeat left top; font-size: 0.7em; clear: both; margin: 0 auto; padding: 0; text-align: center; height: 35px; width: 100%; line-height: 60px }
#footer p { margin-bottom: 0; background: transparent url(images/content_footer_inner.png) no-repeat right top }

/* Columns */
#columns { position: relative; width: 60%; margin: 25px auto 0 }
#leftcolumn { margin-left: -100%; padding: 0; width: 236px; float: left; display: inline; position: relative; top: 25px; zoom: 1 }
#rightcolumn, #rightmapcolumn { background: transparent url(images/content_bg.png) repeat-y left top; margin: 0 0 0 251px; padding: 0; width: auto; float: left; display: inline; position: relative }
#rightcolumntop { background: transparent url(images/content_menu.png) no-repeat left top; position: relative; height: 35px }
#rightmapcolumn #rightcolumntop { margin-right: 0 }
#rightcolumninner { display: inline; float: left; padding: 0; position: relative; background: transparent url(images/content_bg_inner.png) repeat-y right top }
#rightmapcolumn #rightcolumninner { margin-right: 0; padding-right: 15px }
#sidebar { display: inline; float: left; overflow: hidden; padding-top: 21px; position: relative; top: -35px; margin-left: -251px; width: 251px; background: transparent url(images/content_menu.png) no-repeat left top }
#text { float: left; margin-right: 251px; padding: 0 25px }

/* Menu */
#menu { background: transparent url(images/kasten.jpg) no-repeat center top; padding: 20px 40px 0 }
#menu ul li { border-bottom: 1px solid #E1E1E1 }
#menu ul li a { padding: 4px 0 4px 22px; display: block; background: transparent url(images/main_bullet.png) no-repeat 0 50% }
#menu ul li a:hover { background-position: -180px 50% }
#menu ul ul { padding: 0 0 4px 0 }
#menu ul ul li { border-bottom: none }
#menu ul ul li a { padding: 0 0 2px 22px; font-size: 0.9em; background-position: 180px 50% }
#menu ul ul li a:hover { background-position: -180px 50% }
#menu a { color: #1a1a1a; text-decoration: none }
#menu .last { border-bottom: none }
#menu li.active > a { color: #004d94; background-position: -360px 50% }
#menu li.active > a:hover { color: #004d94; background-position: -360px 50% }
#menu_after { background: transparent url(images/kasten.jpg) no-repeat center bottom; height: 45px }

/* Contentmenu */
#contentmenu { background: transparent url(images/content_menu.png) no-repeat left top; position: absolute; left: 0; top: 0; height: 35px; margin-right: 251px }
#contentmenu .scrollable { overflow: hidden; height: 35px; float: left; position: relative }
#contentmenu ul { list-style-type: none; margin: 0; padding: 0 }
#contentmenu li { display: block; float: left; margin: 0; padding: 0 }
#contentmenu a { text-decoration: none; color: #1a1a1a }
#contentmenu a:hover { color: #004d94 }
#contentmenu .items a { float: left; display: block; background: url(images/content_menu_item.png) no-repeat left top; margin: 0; padding: 0 0 0 4px }
#contentmenu .items a span { display: block; background: url(images/content_menu_item.png) no-repeat right top; margin: 0; padding: 10px 4px 4px 5px }
#contentmenu .items a:hover span {  }
#contentmenu .active a { background: url(images/content_menu_active.png) no-repeat left top; padding-left: 7px }
#contentmenu .active a span { background: url(images/content_menu_active.png) no-repeat right top; padding: 10px 13px 4px 6px }
#contentmenu .active a:hover span {  }
#contentmenu .prev { float: left; background: url(images/content_menu_first.png) no-repeat left top; padding: 10px 4px 4px 13px; width: 9px; height: 21px }
#contentmenu .next { float: left; background: url(images/content_menu_last.png) no-repeat left top; padding: 10px 16px 4px 11px; width: 9px; height: 21px }

/* Content */
.bildleft, .bild { float: left; margin: 0 0.5em 1em 0; position: relative; left: -8px }
.slideshow { float: left; margin: 0 0.5em 0em 0; position: relative; left: -8px; top: -8px } 
.bildright { float: right; margin: 0 0 1em 0.5em; position: relative; right: -8px }
.bildleft p, .bildright p, .bild p { font-style: italic; font-size: 0.8em; margin: 0 8px; position: relative; top: -5px }
#content a { color: #004d94; text-decoration: none }
#content a:hover { color: #004d94; text-decoration: underline }

/* GoogleAds */
#adcontainer { background: url(images/kasten_klammer.png) no-repeat left bottom; padding-bottom: 34px }
#adcontainer .inner { background: url(images/kasten_klammer.png) no-repeat left top; padding: 30px 28px 20px 18px }

/* Map */
#mapouter { position: relative; width: 714px; height: 388px; background: url(images/kasten_karte.png) no-repeat left top; left: -5px }
#map { position: relative; width: 696px; height: 370px; overflow: hidden; left: 9px; top: 9px; font-size: 0.8em; line-height: 1.1em }
#map img:hover { border: 1px solid #ccc }
#map #returnlink { display: block; position: absolute; bottom: 0; right: 0; color: #1a1a1a; background: #fff; padding: 1px 3px; border: 1px solid #ccc }
#map a.bullet { display: block; position: absolute; background: transparent url(images/bullet.png) no-repeat left 6px; color: #fff; padding-left: 8px; font-weight: bold; font-style: italic }
#map a.bullet:hover { text-decoration: none }
#map img.zoomable { }
#map div.popup { display: none; position: absolute; width: 200px; padding: 5px 5px 18px; border: 1px solid #ccc; background: #fff }
#map div.popup a.close { display: block; position: absolute; bottom: 0; right: 0 }