html, body
{
height:100%;
margin:0 auto;
padding:0;
text-align:center;
font-family:verdana;
background:url(bilder/pageback.gif) repeat-x  #868383;
}

#white
{
height:27px;
width:100%;
margin:0;
padding:0;
text-align: center;
background-color:#ffffff
}


#languages
{
width:845px;
margin: 0 auto;
height:15px;
padding:8px 10px 2px 0;
text-align:right;
font-size:11px
}

#languages a
{
color: #000;
text-decoration: none;
}

#languages a:active,a:hover
{
color: #000;
text-decoration: none;
font-style:italic
}

#languages a#selectl
{
color: #000;
text-decoration: none;
font-style:italic;
font-weight: bold
}



#content
{
height:100%;
min-height: 100%;
width:855px;
padding:0;
margin: 0 auto;
background:url(bilder/contentback.gif) repeat-y #dfe0e2;
}


#contentstart
{
height:auto;
min-height:100%;
width:855px;
padding:0;
margin: 0 auto;
background-color: #fff;
}



#navigation
{
width:100%;
padding:0;
margin: 0 auto;
min-height: 20px; /* Mindesthöhe in modernen Browsern */
height: 22px !important; /* !important-Regel für moderne Browser */
}

#navigation ul
{
width:100%;
padding:0;
margin: 0 auto;
height:25px;
background: url(bilder/uldark.gif) repeat-x 25px;
}



#navigation ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url(bilder/ulhell.gif) repeat-x 25px;
font: 10px/20px verdana, sans-serif;
text-align: center;
}

#navigation ul li.dark
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url(bilder/uldark.gif) repeat-x 25px;
font: 10px/20px verdana, sans-serif;
text-align: center;
}

#navigation a
{
color: #000;
text-decoration: none;
display: block;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
font-style:normal;
font-weight:bold
}

#navigation ul li.dark a, #navigation ul li.darkactive a
{
color: #fff;
text-decoration: none;
display: block;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}


#navigation li#active { background: url(bilder/ulhellover.gif) repeat-x 25px; }
#navigation a:hover { background: url(bilder/ulhellover.gif) repeat-x 25px; }
#navigation li.dark#active a:hover, #navigation li.dark a:hover { background: url(bilder/uldarkover.gif) repeat-x 25px; }
#navigation li.dark#active { background: url(bilder/uldarkover.gif) repeat-x 25px; }

#header
{
padding:0;
margin:0;
height:151px;
border:0
}


#start
{
width:100%;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
padding:75px 0 0 0;
margin: 0;
font-size:9px;
text-align:center;
background:url(bilder/startback.gif) no-repeat #ffffff;
}


#start dl
{
float:left;
width:320px;
padding:2px;
margin:20px 0px 50px 80px;
text-align:left;
}


#start dl a
{
text-decoration:underline;
color:#000
}

#start dl h3
{
font-weight:bold;
font-size:10px;
margin:0
}

#start dt
{
height:30px;
width:60px;
float:left;
padding:5px;
margin:5px 0;
font-weight:bold
}

#start dd
{
width:220px;
float:left;
padding: 5px;
margin:5px 0;
}


#small
{
clear:both;
width:100%;
margin:0;
padding:0;
font-size:9px;
text-align:center;
}


#haupt
{
background:url(bilder/contentback.gif)repeat-y #dfe0e2;
padding:0;
margin:0
}


#contentleft
{
float:left;
width:625px;
/* min-height: 100%;  Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
padding:15px 0 0 0;
margin: 0;
background:url(bilder/contentleftback.gif) repeat-x  #ffffff;
}


#text
{
padding:15px;
margin:0;
font-size:14px;
line-height:18px;
text-align:left;
}

#text img
{
padding:0;
margin:5px 10px 0px -15px;
float:left
}

#text img.icon
{
padding:0;
margin:0px 10px 14px 0px;
float:left
}

#text img.buch
{
padding:0;
margin:0px 10px 5px 5px;
float:left
}


#text ul
{
padding:0;
margin:0 0 0 15px;
}

#text ul li
{
padding:0;
margin:0;
line-height:18px;
text-align:left;
}


#text h3
{
padding:0;
margin:20px 0px 10px 0px;
font-size:14px;
line-height:18px;
font-weight:bold
}

#text p.klein
{
font-size:12px;
line-height:13px;
}

ul#nations
{
width:550px;
padding:0;
margin: 10px 0 0 40px;
list-style-type: none
}


ul#nations li
{
padding: 5px;
margin: 5px;
float: left;
font: 12px/16px "verdana", verdana, sans-serif;
text-align: center;
}

#nations li img
{
padding:0;
margin:0 0 0 39px;
height:32px;
width:32px;
border:0
}

ul#nations li p
{
clear:both;
width:110px;
text-align: center;
margin:2px 0;
}

ul#nations li a
{
text-decoration:none;
color:#243954
}

ul#nations li a:hover,a:active,a:visited
{
font-style:normal;
font-weight:bold
}

#vorstand
{
padding:15px;
margin:0;
font-size:12px;
line-height:16px;
text-align:left;
}


#vorstand div.first
{
list-style-type: none;
float:left;
width:600px;
height:165px;
padding:0px;
margin:0 0 10px 0;
border-bottom: 1px solid #c4c4c4;
vertical-align:top
}

#vorstand div.first img
{
float:left;
margin:2px 10px 5px 0;
}

#vorstand div.left
{
float:left;
vertical-align:top;
width:290px;
height:160px;
padding:0;
margin:0 5px 10px 0;
line-height:14px
}

#vorstand div.right
{
float:right;
vertical-align:top;
width:290px;
height:160px;
padding:0;
margin:0 6px 10px 0;
line-height:14px
}


#vorstand img
{
float:left;
margin:2px 8px 0 0;
padding:0
}


#vorstand h2
{
padding: 0;
margin: 2px 0 5px 0;
color: #0f4096;
font-size:12px;
line-height:16px;
border:0
}


#contentright
{
float:right;
width:230px;
height: auto !important;
padding:25px 0 0 0;
margin:0;
background:url(bilder/contentrightback.gif) repeat-x #dfe0e2;
}

#rubrik
{
position:relative;
top:75px;
left:10px;
width:210px;
padding:5px 0 5px 0;
margin:0;
font-size:11px;
line-height:13px;
white-space:normal;
text-align:center;
/*border-top: 1px  #606060 solid;*/
}


#rubrik img.rand
{
padding 0;
margin:0 0 20px 0;
border: 1px  #606060 solid;
}


#compass
{
position:relative;
top:75px;
right:0;
width:230px;
height:470px;
padding:0;
margin:0;
font-size:11px;
line-height:13px;
white-space:normal;
text-align:right;
background:url(bilder/compass.jpg) no-repeat right #dfe0e2;
}



#hint
{
position:relative;
top:80px;
left:0px;
width:220px;
padding:5px;
margin:0;
font-size:11px;
line-height:13px;
white-space:normal;
text-align:left;
float:right;
background-color:#c7cacd;
}

#hint h3, #rubrik h3
{
padding:0;
margin:2px 0px 8px 0px;
font-size:14px;
line-height:18px
}

#ad
{
float:left;
width:214px;
padding:8px;
margin:80px 0 0 0;
font-size:11px;
line-height:14px;
white-space:normal;
text-align:left;
background-color:#c7cacd;
}



#ad h1
{
padding:0;
margin:0 0 8px 0;
font-size:16px;
line-height:18px;
color:#233750
}

#ad h2
{
padding:0;
margin:0 0 3px 0;
font-size:13px;
line-height:14px;
color:#485A7B
}

#ad strong
{
display:block;
height:12px;
padding:0;
margin:4px 0 1px 0;
font-weight:bold;
color:#424242
}

#ad a
{
font-weight:normal
}

#intranet
{
width:100%;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
padding:50px 0 0 0;
margin: 0;
font-size:9px;
text-align:center;
background:url(bilder/startback.gif) no-repeat #ffffff;
}


#form
{
padding:0;
margin:0;
font-size:12px;
font-weight:bold;
line-height:14px;
color:#233750
}

.input
{
width:400px;
margin:5px;
background-color:#fff;
border:1px solid #dfe0e2
}

.formmain
{
background-color:#eaedf2;
border:none;
padding:5px
}

.formbt
{
background-color:#dfe0e2;
border:none;
padding:5px
}

table
{
width:595px;
border:0;
padding: 0;
margin:5px 0
}

td
{
border:0;
padding:3px;
margin:0;
background-color:#eaedf2;
}

th
{
border:0;
padding:3px;
margin:0;
font-weight:bold;
background-color:#dfe0e2;
}


h1
{
padding:0;
margin:20px 0;
font-size:16px;
line-height:21px;
color:#233750
}

h2
{
padding:0;
margin:8px 0;
font-size:14px;
line-height:16px;
color:#233750
}


a
{
text-decoration:underline;
color:#243954;
font-style:normal
}

a:active, a:visited, a:hover
{
text-decoration:none;
color:#516589;
font-style:normal
}


#footer
{
  width: 855px;
  height: 10px;
  clear: both;
  font-size:10px;
  margin: 0;
  padding: 0 0 3px 0;
  background:url(bilder/contentback.gif) #ffffff repeat-y;
}