/* -- FARBEN --
Hintergrund dunkel 	#1A354E
Hintergrund hell   	#6699CC 
					#99CCFF
					#b0cce6
					#ffffff
*/

/* -- Allgemeines -- */
body {
  background:  #1A354E; 
  color: black;
  margin: 0;
  padding: 1%; 
  min-width: 640px;
  font-size: 100.01%; 
  font-family: verdana, arial, sans-serif ;
}

a{ 
color: #336699; 
text-decoration: none; 
} 

a.extlink { 
color: #336699; 
text-decoration: none; 
padding-left: 15px;
background: transparent url(../img/link.gif) no-repeat bottom left;
/* CSS3 -> target-new:tab; */
} 

a.download { 
color: #336699; 
text-decoration: none; 
padding-left: 15px;
background: transparent url(../img/download.gif) no-repeat bottom left;
/* CSS3 -> target-new:tab; */
} 

a.intlink { 
color: #336699; 
text-decoration: none; 
padding-left: 15px;
background: transparent url(../img/link.gif) no-repeat bottom left;
} 

a.pagetop { 
color: #336699; 
text-decoration: none; 
padding-left: 15px;
background: transparent url(../img/arrow_up.gif) no-repeat center left;
} 

hr {
color: #336699; 
}

a:visited { color: #336699; } 
.skip { 
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
a:hover { 
text-decoration:underline; 
}

h1 { 
  font-size: 2.0em;
  font-weight: normal;
  line-height: 0.8em;
  padding: 0.6em 0 0.2em 0;
  margin: 0;
}
h2, h3, h4 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { 
  color: #1A354E;
  font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
	line-height: 1.4em ;
}

h3 {
  padding: 0em 0 0em 0;
}

h4 { 
  font-size: 0.8em ;
}

ul {padding:0;margin:0;padding-left:20px;list-style-type:square;}
li {padding-bottom:4px;}

#zentriert {
  position:absolute;
  top:50%;
  left:50%;
  width:30em;
  height:20em;
  margin-left:-15em;
  margin-top:-10em;
}

#imgright {
  float:right;
  margin: 0 0 20px 20px;
  padding: 1px;
}

#imgleft {
  float:left;
  margin: 10px 0 0px 0px;
  padding: 1px;
}


img { 
  border: 0px;
  padding: 0px;
  max-width: 65em; 
  padding-right: 15px;
}
.fleft { 
  float: left;
  margin: 0 1em 0.2em 0; 
}
.fright {
  float: right;
  margin: 0 0 20px 20px;
  padding: 1px;
}
.imglink {
  vertical-align:text-bottom;
  border: 0px;
  width: 13px;
  height: 14px;
  padding: 0px;
}


/* -- Layoutspezifisches -- */
#container { 
  font-size: 0.9em; 
  max-width: 65em; 

  margin: auto; 
  border: 0px ; 
  border-top: 0; 
  background: white;
}



#footer {
  padding: 0 0;
  font-size: 0.6em; 
  background: #1A354E;
  color: #99CCFF;
  text-align:right;
  margin: 0 0 0 0 ;
  z-index: 0;
}

#footer img{
  margin:0;
  padding:0;
  margin-top: 12px;
  margin-left: 10px ;
  border:0;
  width:80px;
  height:15px;
}

#footer p {
  color: #99CCFF;
  text-align:right;
}

#logo a {
  color: white; 
  text-decoration: underline;
}

#date {
  font-size: 0.8em ;
  text-align: right;
}


/* - Logo bzw. Kopf - */
#logo {
  background: #1A354E; 
  height: 1.4em; 
  padding: 0 0px;
  text-align: right;
  /* line-height: 2em; */
  font-size: 2em; 
  overflow: hidden; 
  letter-spacing: 0.12em;
  margin: 0; 
  font-family: Georgia, "Times New Roman", Times, serif;
}
#logo a {
  color: white; 
  text-decoration: none;
}

#logo a span { 
  color: black;
  background: white;
  padding-right: 0.1em; 
  font-weight: bold;
}


/* - Footer - */
#eop {
  background: #1A354E;
  margin: 0;
  text-align: right;
  color: #000040; 
  line-height: 0px;
  font-size: 0px;
  height:45px;
}

#validator  {
  padding: 0 0;
  margin: 0;
  font-size: 0.6em; 
  background: #1A354E;
  color: #99CCFF;
  text-align:right;
}


/* - Der Hauptinhaltsteil - */
#main {
  background: white; 
  padding: 0 20px 0 20px; 
  line-height: 1.5em; 
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {height:30px; position:relative; z-index:1;border-right:0px solid #1A354E;  background:#6699CC ; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:65em; w\idth:65em;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;padding-bottom:0px;}
.menu li#right {float:right;width:149px;position:relative;text-align:right;padding-right:10px;}
.menu li#bright {float:right;width:149px;position:relative;text-align:right;padding-right:10px;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#FFFFFF; width:138px; height:30px; border:0px; background:#6699CC; padding-left:10px; line-height:30px; font-weight:bold;}
.menu a#aright, .menu a#aright:visited {display:block;font-size:12px;text-decoration:none; color:#FFFFFF; width:138px; height:30px; border:0px; background:#6699CC; padding-left:10px; line-height:30px; font-weight:bold;padding-right:11px;}
.menu a#baright, .menu a#baright:visited {display:block;font-size:12px;text-decoration:none; color:#FFFFFF; width:138px; height:30px; border:0px; background:#6699CC; padding-left:10px; line-height:30px; font-weight:bold;padding-right:11px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:149px;border-top:1px solid #FFFFFF;}
/* another hack for IE5.5 */
* html .menu ul ul {top:29px;t\op:30px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d6e4f2; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border:0px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b0cce6;}
.menu a#aright:hover{color:#000; background:#b0cce6;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b0cce6;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}