html, body {
height:100%;
width:100%;
}
body {
background:#F2F2F2 url(../images/bgd.gif) repeat-y scroll 0%;
color:#000000;
font-family:Verdana,Arial,sans-serif;
font-size:80%;
margin:0pt;
padding:0pt;
}

#navi{
position:absolute;
left: 0px;
top: 110px;
padding:0px;
width:200px;
height:80%;
background-color:#E3E3E3;
}

#navi ul {
margin:0px;
list-style-type:none;
padding:0px;
margin:0px;
padding-left: 0pt;
}

#navi li {
width:100%;
}

#navi h3 {
background-color:#008832;
color:#F5F5F5;
font-size:1em;
margin:0px;
padding:2px 20px 3px;
text-align:left;
}
#navi a 
{
    text-decoration: none;
    color: #F5F5F5;
}
#navi ul a {
display:block;
width:180px;
font-weight:normal;
margin:1px 0px 1px;
padding:2px 0px 3px 20px ;
text-decoration:none;
color:#008832;
}

#navi ul a:link, #navi ul a:visited {
color:#008832;
}

#navi ul a:hover, #navi ul a:active, #navi ul a:focus {
background-color: gray;
text-decoration:none;
color: #F5F5F5;
}
#navi ul a.active 
{
background-color: gray;
text-decoration:none;
color: #FFFFFF !important;
}

#headerWrap{
position:absolute;
top:14Px;
height:95px;
width:1000px;
display: block;
border-top: 1px solid #F5F5F5;
border-bottom: 1px solid #F5F5F5;
background-color:#E3E3E3;
}

div#logo{
float:left;
width:200px;
height:95px;
overflow:hidden;
background-color:#F5F5F5;
}

div#logo img{
width:100%;
height:100%;
}

div#header{
position:absolute;
top:0px;
left:0px;
background-color:#E0E0E0;
height:100%;
width:800px;
margin-left:200px;
}

#header div#top{
background:url(../images/titlebgd.gif) repeat-y scroll 0%;
height:40px;
width:100%
}



#header div#mid{
background-color:#008832;
width:100%;
height: 13px;
border-top: 1px solid #F5F5F5;
border-bottom: 2px solid #F5F5F5;
}


#header div#tools{
padding-top: 10px;
}

div#tools span{
margin-left:485px;
overflow:hidden;
}

div#tools span img{
margin:0px 5px 0px 5px;
height: 15px;
width: 15px;
}


div#content{
position:absolute;
min-height:100%;
width:595px;
top:110px;
left:200px;
background-color:#F2F2F2;
}

/* LIST */
div#info
{
    position:absolute;
    top:110px;
    left:795px;
    width:190px;
    height:100%;
    background: url(../images/marginal_bg.gif) repeat-y scroll 0%;
}
div#info h3 {
    background-color: white;
    color: gray;
    font-size: 0.9em;
    text-align:left;
    padding: 5px 5px 5px 5px;
    margin: 0 0 8px 0;
    border-bottom: solid 1px #CECECE;
    border-top: solid 1px #CECECE;
    text-transform: uppercase;
}
div#info div.listElement{
    width:100%;
    padding: 0 0 8px 8px;
    font-size: 0.8em;
}
div#info div.listElement a {
    text-decoration: none;
    color: #008833;
    padding-left: 18px;
    height: 18px;
}
div#info div.listElement a.moreLinkDoc {
     background: url(../images/pdfLink.gif) no-repeat;
}
div#info div.listElement a.moreLinkPage {
     background: url(../images/pageLink.gif) no-repeat;
}
 
table.contenttablebig h3 {
    display: none;
}
table.contenttablebig div.listElement 
{
    padding-bottom: 8px;
}
table.contenttablebig div.listElement a {
    text-decoration: none;
    color: #008833;
    padding-left: 18px;
    height: 18px;
}
table.contenttablebig div.listElement a.moreLinkDoc {
     background: url(../images/pdfLink.gif) no-repeat;
}
table.contenttablebig div.listElement a.moreLinkPage {
     background: url(../images/pageLink.gif) no-repeat;
}

 
img#hdImg{
position: absolute;
left: 689px;
top:15px;
height: 57px;
width:195px;
z-index:1;
}
img#card{
position:absolute; 
left:884px;
top:1px; 
z-index:2;
}

#hdSpace{
position:absolute;
left:0px;
top:0px;
height:13px;
width:1000px;
background-color:#E3E3E3;
}

div#content table
{
    font-size: 90%;
    color: #333333;
}
.contentareasmall
{
	width: 570px;
	height: 100%;
	padding: 15px 0 15px 0;
}

.contentareabig
{
	width: 720px;
	height: 100%;
	padding: 15px 0 15px 0;
}


/* STRUCTUREELEMENTS */

.floatingtd
{
	padding: 0 15px 0 15px;
}

.image_left
{
	float: left;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
}

.image_right
{
	float: right;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.contenttablesmall 
{
	width: 570px;
}

.contenttablesmall .onecellleft
{
	width: 175px;
	padding: 0 0 0 15px;
}

.contenttablesmall .onecellmiddle
{
	width: 180px;
	padding: 0 0 0 10px;
}

.contenttablesmall .onecellright
{
	width: 165px;
	padding: 0 15px 0 10px;
}

.contenttablesmall .twocellleft
{
	width: 365px;
	padding: 0 0 0 15px;
}

.contenttablesmall .twocellright
{
	width: 355px;
	padding: 0 15px 0 10px;
}

.contenttablesmall .threecell
{
	width: 540px;
	padding: 15px 15px 0 15px;
}

.keytable
{
	width: 190px;
}

.keycell
{
	width: 180px;
	padding: 0 0 0 10px;
}

.contenttablebig 
{
	width: 720px;
}
.contenttablebig td p
{
    /*font-size: 80%;*/
}
.contenttablebig .onecellleft
{
	width: 165px;
	padding: 0 0 0 15px;
}

.contenttablebig .onecellmiddle
{
	width: 170px;
	padding: 0 0 0 10px;
}

.contenttablebig .onecellright
{
	width: 155px;
	padding: 0 15px 0 10px;
}

.contenttablebig .twocellleft
{
	width: 345px;
	padding: 0 0 0 15px;
}

.contenttablebig .twocellright
{
	width: 335px;
	padding: 0 15px 0 10px;
}

.contenttablebig .threecellleft
{
	width: 525px;
	padding: 0 0 0 15px;
}

.contenttablebig .threecellright
{
	width: 515px;
	padding: 0 15px 0 10px;
}

.contenttablebig .fourcell
{
	width: 690px;
	padding: 0 15px 0 15px;
}

span.Ueberschrift1 {
position:absolute;
top:25px;
left: 220px;
z-index:1;
}

.Ueberschrift1Template
{
    padding: 15px 0 0 15px;
    font-size:16px;
    font-weight:bold;
    color:#008832;
}

/* CLASSES */
.Ueberschrift1 
{
    font-size:16px;
    font-weight:bold;
    color:#008832;
}
.Ueberschrift2
{
    font-size:13px;
    font-weight:bold;
    color:#008832;
}

/* STARTSEITE */
map
{
    border: 0;
}
div.boxHeader
{
    margin: 50px 150px 0 20px;
    padding: 5px 10px 5px 10px;
    color: White;
    background: #F2F2F2 url(../images/boxHeaderBg.gif) repeat-x scroll 0%;
    font-size: 1.2em;
    font-weight: bold;
}
div.boxInhalt
{
    margin: 0 150px 0 20px;
    padding: 10px 10px 15px 10px;
    background: #FAFAFA;
    color: #333333;
    border-bottom: solid 1px #CECECE;
}
div#boxInhaltText
{
    width: 250px;
}
div.karte
{
    position:absolute;
    top: 85px;
    left: 190px;
    z-index:1;
}
