html {font-size: 1.0em}

body {background-color: #FFF; font: 1.0em Verdana, Arial, sans-serif; margin:0px; height:100%}

/*Layerelemnte*/
div {position: absolute; font-family: Verdana, Arial, Helvetica, sans-serif;}

#logo {
	position:static; padding: 30px 10px 10px 10px;
}

#banner {
	width: 81.5%; left: 18%; top:0; background: #008195 url(/images/var/banner.jpg) no-repeat; height: 135px;
	}


div.active {position:relative; display: block; font:12px bold Verdana, Arial, Helvetica, sans-serif; color: white; padding-left: 1.2em; line-height: 14px; margin-top: 1px;}


div.content {top: 170px; left: 19%; width: 80.5%; z-index: 1; scrollbar-base-color: #666666; 
  scrollbar-3dlight-color: #666666;
  scrollbar-arrow-color: #666666;
  scrollbar-darkshadow-color:#666666;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #666666;
  scrollbar-shadow-color:#666666;
  scrollbar-track-color:#FFFFFF;
	}

.framer {scrollbar-base-color: #666666; 
  scrollbar-3dlight-color: #666666;
  scrollbar-arrow-color: #666666;
  scrollbar-darkshadow-color:#666666;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #666666;
  scrollbar-shadow-color:#666666;
  scrollbar-track-color:#FFFFFF;
}

div.default {position: relative; width: 99%; font-size: 0.8em; background-color: #008195; color: white; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid #999999; padding-top: 5px; padding-bottom: 5px; text-indent: 10px}


div.content {/*border: 1px solid #B8B8B8;*/ padding-left: 0px; padding-bottom: 5px; padding-top: 0px; padding-left: -5px}

div.contentline {position: relative; font-size: 0.8em; background-color: #008195; margin: 0px; text-indent: 1.0em; padding-top: 5px; padding-bottom: 5px}

div.contenter{position: relative; width: 99%; margin-top: 5px;}

div.menueItem{ top: 152px; left: 0px; width: 180px; z-index: 1; padding: 5px; padding-top: 15px;  scrollbar-base-color: #666666; 
  scrollbar-3dlight-color: #666666;
  scrollbar-arrow-color: #666666;
  scrollbar-darkshadow-color:#666666;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #666666;
  scrollbar-shadow-color:#666666;
  scrollbar-track-color:#FFFFFF;}
	
/*#menueback {top: 65px; left: 0px; width: 180px; height: 68%; z-index: 0; background-color: #CCCCCC; filter: alpha(opacity=80); -moz-opacity: 0.8; border-right: 1px solid #B8B8B8; border-bottom: 1px solid #B8B8B8; }*/

/*#contentback {top: 75px; left: 23%; width: 74.5%; height: 68%; z-index: 0; background-color: #FFFFFF; -moz-opacity: 0.8;  filter: alpha(opacity=80);}*/

div.menueItems {position: relative; z-index: 1; margin-top: 4px; margin-bottom: 4px; width:168px; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; letter-spacing: 0.1em; background-color: #008195 ; border: 1px solid #B8B8B8; text-indent: 5px; color: #ffffff}
 
div.menueItemsActive { position:relative; display: block; z-index: 1; margin-top: 4px; margin-bottom: 4px; background-color: #666666; width: 188px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; line-height: 16px; letter-spacing: 0.2em; border: 1px solid #B8B8B8; padding: 2px 0}

div.menueline{top: 1px; left:0px; z-index: 1; vertical-align: bottom; height: 63px; width: 100%; border-bottom: 1px solid #B8B8B8; background-color: #D3D3D3; margin:0px}

div.sub {position:relative; display: none; font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: white; padding-left: 0.5em; line-height: 1.1em;}

div.submenue {position: relative; padding-bottom:0.2em; padding-top:0.2em; border-top: 1px dashed #008195; color:#008195; font-weight: bold; margin-top: 1px}

div.submenueActive {position: relative; z-index: 1; margin-top: 4px; margin-bottom: 4px; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; letter-spacing: 0.1em; background-color: #666666; color: #ffffff; padding: 2px; border: 1px solid #B8B8B8; text-indent: 5px;}


/*Tabellenelemente*/
table.default {border-collapse: collapse;}

table.main { border: 1px solid #B8B8B8;}

td {font: 0.8em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.1em; padding-left: 0.5em; padding-right: 0.5em; color: 333333;}

td.adresse {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; line-height: 13px; letter-spacing: 0.1em; padding-left: 0px;}

td.clicked {font-size: 12px; font-weight: bold; padding: 0px;}

td.default {border: 1px solid #B8B8B8;}

td.headline {font-weight: bold; color: white; background-color: 008195; text-indent: 1.0em; border-bottom: 1px solid #AAAAAA; font-size:0.8em; padding: 5px}


td.main {border-left: 1px solid #B8B8B8; font-size: 12px; font-weight: bold; padding:0px; background-color: #008195 ; margin: 0px}

td.subhead {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #white; border: 1px solid #cc3300; padding: 3px; line-height: 15px; letter-spacing: 0.0em; text-align: center;}

td.spacer {font-size: 3px; border-top: 1px solid #666666}

td.nopadding{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; line-height:14px; letter-spacing: 0.0em;}


td.toolcell {padding: 0px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; line-height: 1.3em; letter-spacing: 0.0em;}


td.clicked {font-size: 12px; color: #024938; background-color: transparent; text-align: center; font-weight: bold}





/*Links*/
a {color: #008195; text-decoration: underline; letter-spacing: 0.0em;}

a.active {color: #008195; text-decoration: none; letter-spacing: 0.1em;}

a:hover {text-decoration:none;}



a.clicked:hover {text-decoration:none;}

a.main {color:#FFFFFF; text-decoration: none; display: block; padding: 2px;}

a.main:hover {color:#FFFFFF; background-color: #666666; color: white; display: block; padding: 2px}

a.clicked {color: #FFFFFF; background-color: #008195; text-decoration: none; display: block; padding: 2px}

a.menueitem {color: #FFF; letter-spacing: 0.1em; text-decoration: none; padding: 2px; display: block; width:100%}

a.menueitem:hover {color: #FFFFFF; letter-spacing: 0.1em; text-decoration: none; padding: 2px; background-color: #666666;}

a.mItem {color: #FFFFFF; font-weight: bold; letter-spacing: 0.2em; text-decoration: none}

a.small {font-size: 0.7em;}

a.subActive {color: #FFFFFF;text-decoration: none}

a.subPlus {color: #336E62;text-decoration: none}

a.subhead { text-decoration: none; color: #336E62;}

a.subhead:hover {color: white; background-color: #336E62; text-decoration: none; width: 100%}

a.white {color: #FFFFFF}

/*Textauszeichnungselemente*/
ul {margin-top: 0px; list-style-type: square}
ol {margin-top: 0px; list-style: upper-roman}

b {font-weight: bold;}

p {font: 11px Verdana, Arial, Helvetica, sans-serif; padding-left: 1px}

p.nomargin {margin: 0px; font-size: 1.0em}

span {font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #333333; line-height: 0.9em; letter-spacing: 0.05em;}

span.menuetopper{ font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 14px; letter-spacing: 0.05em; padding-left: 3px; padding-right: 3px; border-left: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; border-bottom: 2px solid #444444; border-right: 2px solid #444444;}

.red {color: #990000}

/*Bildelemente*/
img.addr {border: 1px none #024938;}
img.graph {border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 2px solid #666666; border-bottom: 2px solid #666666;}


/*Formularelemente*/
form {margin: 0px; padding: 0px}

input {border: 1px solid #008195}

input.button{font: 13px Verdana, Arial, Helvetica, sans-serif; color: white; line-height: 15px; letter-spacing: 0.0em; background-color: #008195; width: 166px; border: 1px solid #999999}

input.text{font: 13px Verdana, Arial, Helvetica, sans-serif; color: #333333; line-height: 15px; letter-spacing: 0.0em; width: 166px;}

.checkbox {width: 15px; height: 15px; border: 2px solid #008195;}

input.plz{font: 13px Verdana, Arial, Helvetica, sans-serif; color: #333333; line-height: 15px; letter-spacing: 0.0em; width: 50px}

input.inputort{font: 13px Verdana, Arial, Helvetica, sans-serif; color: #333333; line-height: 15px; letter-spacing: 0.0em; width: 90px}

textarea {border: 1px solid #008195; font: 13px Verdana, Arial, Helvetica, sans-serif; width: 400px; height: 60px; overflow: auto}

select {color: #333333; font: 13px Verdana, Arial, sans-serif; border: 1px solid #008195}

h1 {font-size: 12px; margin: 0px}
h3 {font-size: 12px; margin: 0px; letter-spacing:0.1em; line-height: 16px;}
