﻿html,body{margin:0;padding:0}
body
{
	font: arial,sans-serif;
	font-size:100.1%;
	text-align:center;
	background-color: #FFFFEE;
/*   background-color:#FF6D63;*/
	font-size:14px;
}

h2
{
	text-align:center;
	font-style:italic;
	font-size:xx-large;
	text-decoration:underline;
	margin-top:0px;
}
h3{margin-bottom:5px;}
h4{margin-bottom:5px;}
ul{
	margin-top:5px;
}
.bild
{
	float:right;
	width:276px;
	padding:5px;
	text-align:center;
}
.bild p { /* Bildunterschrift */
	margin:5px;
	text-align:center;
}

img { border: 0; }

div#header
{
	margin:0;
	padding-left:0px;
	padding-top:5px;
}
div#container{text-align:left;background-color:#ffc}
div#navigation{}
div#extra{background:#DD4800}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{width:980px;margin:0 auto;}
div#wrapper{float:left;width:100%;margin-top:10px}
div#content{margin: 0 160px 0 200px;font:arial,sans-serif;font-size:16px}
div#navigation{float:left;width:200px;margin-left:-980px}
/*div#navigation{float:left;width:200px;margin-left:-980px;background-image:url('Bilder/WirbelsaeuleL.gif');background-repeat:no-repeat}*/
div#extra{float:left;width:147px;margin-left:-150px;margin-top:10px}

div#footer{clear:left;width:100%;color:#FFFFFF;text-align:center}
#footer a {color:#FFFFFF}

#navigation LI {
   background-repeat: no-repeat;
   background-color: transparent;
   padding: 0;
   margin: 0;
   list-style:none;
   width: 180px;
   text-align:right
   }
#navigation UL {
   background-color: transparent;
   padding: 0;
   margin: 0;
   }
#navigation A {
   background-repeat: no-repeat;
   text-align: right;
   display: block;
   padding: 0px 0;
   border: none;
   margin: 0;
   }
#navigation A:link, #navigation A:visited {
   color:#808080;
   text-decoration: none;
   width: 180px;
   display: block;
   height:24px;
   }
#navigation A:hover, #navigation A:focus {
   color: #000;
   background-repeat: no-repeat;
   background-position: left;
   text-decoration: none;
   width: 175px;
   display: block;
   margin-left:5px;
   height:24px;
}

#extra LI {
   padding: 0;
   margin: 0;
   list-style:none;
   text-align:left;
/*   padding-left:30px*/
   }
#extra UL {
   background-color: transparent;
   padding: 5px;
   margin: 0;
   }
#extra A {
   background-repeat: no-repeat;
   text-align: left;
   display: block;
/*   margin-left:-14px;*/
   border: none;
   }
* html #extra a{height:10px} /* Damit der Abstand stimmt */

#extra A:link, #extra A:visited {
   color:#666666;
   text-decoration: none;
   }
#extra A:hover, #extra A:focus {
   color: #000;
}
#oben {border-top-style:solid;border-top-width:medium;border-top-color:#FFFFCE}
#links {padding-left:2ex}

/* Tooltip */
a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-style: bold;
border-bottom:1px dotted #DD4800;
color:#DD4800}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 200px;
z-index: 100;
color: #000000;
border: 1px solid;
border-left: 4px solid #000000;
padding: 2px 10px 2px 10px;
background: #DD4800;
font-family: Verdana, Arial, Helvetica, Sans-serif;
/*font-size:smaller;*/
font-style: Normal;
text-align: left;
}
