html, body
{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.85em;
text-align: center;
margin: 0;
padding: 0px;
color : #000000;
background-color:#ccc;
}

a:link { color: #003368; }
a:visited { color: #002040; }
a:hover, a:active { color: #fff; background-color: #329564;}

h1
{
color: #aaaaaa;
font-weight: bold;
font-size: 160%;
line-height: 125%;
margin: 10px 0 10px 0;
}

h2
{
font-weight: bold;
color: #0a0a0a;
font-size: 130%;
margin: 10px 0 10px 0;
}

h2 a { text-decoration: none; }

h3
{
font-size: 100%;
font-weight: bold;
margin-top: 10px;
}

#container
{
margin:auto;
width: 775px;
text-align: left;
padding: 0 0 0 10px;
background:url(schatten_seite.jpg);
background-repeat: repeat-y;
}

#header
{
height: 100px;
width : 766px;
background-color: #fff;
background-image: url(header.jpg);
background-repeat: no-repeat;
background-position: 0 0;
position: relative;
}

#header h1
{
font-size: 160%;
text-align: right;
margin: 0;
padding: 0;
margin-right: 20px;
color: #fff;
}

#header h2
{
font-size: 130%;
text-align: right;
margin: 0;
padding: 0;
margin-right: 20px;
color: #fff;
}


#menu { float: left; background-position: top; background-repeat: no-repeat; width: 150px;
margin: 20px 3px 0 3px; /* top right bottom left */ overflow:hidden;} 
#menu li a { border-bottom: 1px solid #aaa; /*background-color: #181953;*/ color: #000; line-height: 16px; display: block; 
			 padding: 4px 5px 5px 5px; text-decoration: none; border-right: 4px solid #329564;}
#menu ul { visibility: visible; margin-left: 0; padding-left: 0; list-style-type: none; line-height: 120%; }
#menu ul li a { /*background-color: #181953;*/ list-style-type: none; }
#menu ul ul { list-style-type: none; }
#menu ul ul li a {color: #555555; list-style-type: none; line-height: 13px; padding-left: 20px; margin-right: 1px; 
font-size: 90%; 
border-right: 2px solid #ccc;}
#menu ul ul ul { font-size: 70%; font-weight: normal; padding-left: 20px; list-style-type: disc; font-size: 95%; }	
#menu li a:hover { color: #fff; background-color: #27754E; border-right: 4px solid #329564;}
#menu li .menu_current a, #menu li .menu_current a:link { background-color: #ccc; color: #27754E; }

#contents { 
float: right;
overflow: hidden;
margin: 5px 5px 5px 0px; /* top right bottom left */
width:570px;
padding: 10px 10px 10px 10px;
line-height: 125%;
min-height: 350px;
}

#footer
{
float: left;
text-align: center;
width : 766px; /* 9 px kleiner als container */
/* background-color: #CC3333; rot */
background-color: #EEEEEE;
border-top: 1px solid #CECFFF;
padding: 0px;
font-size: 90%;
height: 15px;
padding: 2px 0 2px 0;
}

#webdesign
{
margin-left: -10px;
width: 785px; /*10 px groe�er als container*/
clear: both;
color: #272900;
text-align: right;
font-size: 75%;
background-repeat:repeat-x;
background-image: url(schatten_unten.jpg);
background-color: #CCCCCC;
}

#box {
z-index:3;
}

#box a {}

#box a:hover {
position:absolute; 
color:#fff;
width:400px;
background-color: transparent;}

#box a span {display:none;}

#box a:hover span {
color:black;
background:#ffffff;
border:1px solid black;
display:block;
padding:5px;
margin-left: 45px;
margin-top: -60px;
width:402px;
z-index:4;
}

.search {
	border: 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 12px;
	color: #aaa;
	width: 125px;
}

input.searchbutton {
	padding: 5px 3px 5px 3px;
	color: #000;
	border: none;
	background: #003368;
	cursor: pointer;
	text-transform: uppercase;
		
}
input.searchbutton:hover {
	padding: 5px 3px 5px 3px;
	color: #FFFFFF;
	border: none;
	background: #003368;
	cursor: pointer;
	text-transform: uppercase;
}