﻿/* Dokument */
html { height: 100%; } 

body { background-color: #7d7d7d; height: 100%; margin: 0px auto; padding: 0px 0px; }
body * { font-family: arial, sans-serif; font-size: 9pt; }
form { margin: 0px; height: 100%; padding: 0px; }

/* Layout */
#paper { width: 980px; min-height:100%; margin: 0px auto; background-color: white; }
* html #paper { height:100%; } 
#margintop, #marginbottom { height: 10px; width: 100%; margin-left: auto; margin-right: auto; background-color: #7d7d7d; clear: both; font-size: 1pt }
#footer { margin-top: -40px; height:40px; margin-left: auto; margin-right: auto; width: 980px;  clear: both; background-color: White; }


.clear { clear: both; }
.lcolumn { width: 195px; float: left; }
.rcolumn { margin-left: 195px; }
* html .rcolumn { margin-left: 0px; float: right; width: 830px; }
.line { height: 60px; }
.line2 { height: 70px; }

/* Header */
#header { background-color: #c22309; height: 28px;}
#header #logo { }
#header div { color: White; font-weight: bold; font-size: 10pt; margin-left: 150px; padding-top: 1px; }
#header ul { margin: 0px; padding: 0px;  }
#header li { list-style-type: none; float: right;}
#header a, #header span { height: 26px; display: block; }
#header #home { background-image: url(Images/top_home.gif); width: 43px; }
#header #impressum { background-image: url(Images/top_impressum.gif); width: 57px; }
#header #kontakt { background-image: url(Images/top_kontakt.gif); width: 59px; }
#header #spacer { background-image: url(Images/top_space.gif); width: 13px; }

/* Search */
#search { background-color: #656565; font-weight: bold; width: 185px; height: 40px; padding: 10px 0px 10px 10px; }
#search div { color: White; }
#search .search_box { width: 130px; color: #666666; }
#search .search_btn { margin-left: 4px;}

/* Menu */
#menu { background-color: #c22309; width:auto; }
#menu div { width: 20%; float: left; }
#menu div a { width: 100%; height: 60px; display:block; background-repeat: no-repeat; }
a.menu_map { background: url(Images/tabs_01.gif); background-color: #0b5c25; }
a.menu_themes { background: url(Images/tabs_02.gif); background-color: #689518; }
a.menu_details { background: url(Images/tabs_03.gif); background-color: #eb9307; }
a.menu_search { background: url(Images/tabs_04.gif); background-color: #952401; }
a.menu_print { background: url(Images/tabs_05.gif); background-color: #03408c; }

/* Line */
#master_karte .custombg { background: #0b5c25; }
#master_themen .custombg { background: #689518; }
#master_details .custombg { background: #eb9307; }
#master_suche .custombg { background: #952401; }
#master_print .custombg { background: #03408c; }
#master_impressum .line2, #master_timeout .line2 { display: none; }

/* ShortLinks/Titel */
#shortlinks, #title { height: 35px; }
#shortlinks div { padding: 10px; }
#shortlinks div span { color: White; }
#shortlinks div a { text-decoration: none; padding: 0 0 0 0; font-weight: normal; color: #b6cebe; }
#shortlinks div a:hover { text-decoration: underline; padding: 0 0 0 0; font-weight: normal; }
#title div { padding: 2px 10px; font-size: 15pt; color: White;}

/* Legend */
#legendframe { }
.mb_title { font-family: arial, sans-serif; font-size: 9pt; font-weight: bold; padding: 5px 5px 5px 10px; border-bottom: 1px solid #eaeaea; cursor: pointer; text-decoration: none;}
.mb_title_wait { font-family: arial, sans-serif; font-size: 9pt; font-weight: bold; padding: 0px 5px 0px 10px; border-bottom: 1px solid #eaeaea; text-decoration: none;}
.mb_group { font-family: arial, sans-serif; font-size: 9pt; padding: 5px 0px 5px 10px; border-bottom: 1px solid #eaeaea; }
.mb_layer { font-family: arial, sans-serif; font-size: 9pt; color: #666666; padding: 3px 10px;  border-bottom: 1px solid #eaeaea; }
.mb_layer a { color: #666666; font-size: 9pt; padding-left: 10px; margin-top:3px; display: block; text-decoration: none;}
.mb_layer div a { color: #666666; font-size: 9pt; margin-left: 20px; margin-top:3px; display: block; text-decoration: none;}
.mb_layer a:hover { color: #0b5c25; font-size: 9pt; text-decoration: none; }
.mb_layer a:active { color: #0b5c25; font-size: 9pt; text-decoration: none; }
.mb_img { border: 0px; float:left; }

/* Copyright */
#copyright { height: 29px; border-top: 1px solid White; background-color: #f0f0f0; }
* html #copyright { width:auto; } /* für IE, weil es sonst alle zerhaut */
#copyright * { font-family: Tahoma; font-weight:bold; font-size: 8pt; font-family:Tahoma; }
#copyright #cso { text-align: right; width: 304px; background-color: #e6e6e6; height: 13px; padding: 8px 5px; float: right; }
#copyright #bo { text-align: left; height: 13px; padding: 8px 5px; float: left; }

/* Scalebar */
#scaleframe { height: 34px; width: 550px; margin-top: -34px; position: absolute; z-index: 3; }

/* Details */
#master_themen #mapframe, #master_suche #mapframe,
#master_timeout #mapframe, #master_details #mapframe,
#master_impressum #mapframe { background-image: url(Images/bg_dark.png); background-position: right; background-repeat:repeat-y; background-color: #f0f0f0; min-height: 355px; }
#master_print #mapframe { padding-bottom: 50px;  } 
* html #mapframe { width:auto; } /* für IE, weil es sonst alle zerhaut */
#mapframe #boardframe {  min-height: 100%; float: left; width: 471px; background-color: #f0f0f0;}
* html #mapframe #boardframe {  height: 100%; }
#boardframe { overflow: visible; }
#infopanel { width: 314px; min-height: 100%; float: right; background-color: #e6e6e6; }
#mapframe .content { padding: 5px; }
#mapframe #boardtitle { padding: 6px 5px 6px 10px; background-color: #d4d4d4; font-weight: bold; } 
#mapframe .title2 { font-weight: bold;}
#mapframe .title3 { font-weight: normal; padding-left: 5px; display: block; }
#mapframe hr { height: 1px; background-color: #d4d4d4; color: #d4d4d4; border:0px; margin: 0px; padding: 0px; }

/* Themenauswahl */
#mapframe ul { margin: 0px; padding-left: 2px; padding-top: 2px; }
#mapframe ul li { list-style-type: none; padding-bottom: 5px; line-height: 130%; }
#mapframe li table { margin-left: 10px; }
#mapframe li span { text-decoration: underline; padding: 0px; font-weight: bold; font-size: 9pt; cursor: pointer; }
#mapframe li label { font-size: 9pt; font-weight: normal; color: #666666; }
#mapframe select, #mapframe input, #mapframe option { font-size: 9pt; color: #666666; }
#mapframe .hd, #mapframe th.title2 { padding-bottom: 10px; }
#mapframe .it { color: #666666; }
#mapframe .it a { text-decoration: none; padding: 0px; color: #666666; }
#mapframe .it a:hover { text-decoration: underline; padding: 0px; }
#mapframe .pg a { text-decoration: none; padding: 0px; color: #666666; }
#mapframe .pg a:hover { text-decoration: underline; padding: 0px; }

#help.ol li { list-style-type: disc; margin-left: 20px; padding: 0px 0px 5px 0px; font-family: arial, sans-serif; font-size: 9pt; font-weight: normal; color: #666666; }
.text { color: #666666 }

/* Impressum */
.impressum { font-family: arial, sans-serif; line-height: 150%; color: #484848; font-weight: normal; padding: 15px 5px 5px 10px;}
.impressum label { color: #484848; } 
.impressum ol { padding-left: 7px; margin-left: 15px; padding-top: 5px; margin-top: 5px; } 
.impressum li { color: #484848; padding-bottom: 5px; } 
.impressum strong { color: #484848;  }
.impressum a { text-decoration: underline; color: #484848; }
