/* DIOMEDES */

body {
 padding: 0px;
 margin: 0px;
}

/* Typo */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	font-size: 16px;
	margin: 0px;
}

.copy {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}

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

.copy a:hover {
	color: #003366;
	text-decoration: underline;
}

.copy_dl {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}

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

.copy_dl a:hover {
	color: #003366;
	background-color: #F1F9FE;
}

.copy strong {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	font-size: 12px;
}

#content ul {
	list-style: square;
	margin: 15px;
	padding: 0px;
}

.strich {
	list-style-image: url(images/strich.gif);
	margin: 15px;
	padding: 0px;
}

.copybold {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	font-size: 12px;
	margin: 0 0 20px 0;
	padding: 0;
}

.copysmall {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 10px;
	text-decoration: none;
}

.path {
	font-family: Arial, Helvetica, sans-serif;
	color: #A1B1CA;
	font-size: 10px;
	margin: 0 0 20px 0;
}

.tabelle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 3px;
	border-bottom: 1px solid #003366;
	background: #F1F9FE;
}

.tabelle_col {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 3px;
	border-bottom: 1px solid #003366;
	background: #E3F4FE;
}


#footer a {
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 10px;
	text-decoration: none;
}


/* Layout */

#container {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	border: 1px solid #003366;
}

#head {
	width: 950px;
	height: 200px;
	display: block;
}

#contentcontainer {
	width: 950px;
	clear: both;
}

#navileft {
	width: 155px;
	padding-left: 25px;
	padding-top: 55px;
	float: left;
}

#content {
	width: 512px;
	padding-top: 20px;
	padding-bottom: 40px;
	float: left;
}

#right {
	width: 258px;
	padding-top: 55px;
	text-align: center;
	float: left;
}

#right img {
	margin-bottom: 21px;
}

#footer {
	clear:both;
	width: 950px;
	height: 20px;
	padding: 10px 0 0 0;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
}


/* Hauptnavigation */

/* Basiert auf der Navigation von Stu Nicholls */
/* ================================================================ 
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_pullup.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.navi {
	height: 30px;
	padding-left: 25px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* remove all the bullets, borders and padding from the default list styling */
.navi ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-image: url(images/leer.gif);
}

.navi ul ul {
	width: 120px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown navi positon */
.navi li {
	float: left;
	width: 120px;
	margin-right: 10px;
	position:relative;
}

/* style the links for the top level */
.navi a, .navi a:visited {
	display: block;
	font-size: 11px;
	text-decoration: none; 
	color: #000; 
	width: 120px;  
	border: 1px solid #003366;
	background: #FFF;
	padding: 3px 0 3px 0;
	text-align: center;
}

/* IE5.5 box model hack */
* html .navi ul li a, * html .navi ul li a:visited {
	width:120px;
	w\idth:118px;
}

/* style the second level links */
.navi ul ul a, .navi ul ul a:visited {
	text-align: center;
	background: #F1F9FE; 
	color: #000; 
	height: auto; 
	padding: 3px 0 3px 0;
	margin-bottom: 8px; 
	width: 120px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navi ul ul {
	visibility: hidden;
	position: absolute;
	background-image: url(images/leer.gif);
	bottom: 22px;
	left: 0;
	width: 120px;
}

* html .navi ul ul {
	bottom: 21px;
}

/* style the top level hover */
.navi a:hover, .navi ul ul a:hover{
	color: #FFF; 
	background: #003366;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* make the second level visible when hover on first level list OR link */
.navi ul li:hover ul,
.navi ul a:hover ul,
.navi ul li.sfhover ul,
.navi ul a.sfhover ul{
	visibility :visible;
	height :auto;
}


/* Unternavigation */

#navileft ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#navileft li {
	float: left;
	width: 120px;
}

#navileft a, #navileft a:visited {
	display: block;
	font-size: 11px;
	text-decoration: none; 
	color: #000; 
	width: 120px;  
	border-bottom: 1px solid #FFF;
	background: #E3F4FE;
	padding: 3px 0 3px 3px;
}

#navileft ul ul a, #navileft ul ul a:visited {
	background: #F1F9FE;
}

#navileft a:hover, #navileft ul ul a:hover{
	color: #FFF; 
	background: #003366;
}


/* Formular */

form p {
	margin: 0 0 10px 0;
}

form label {
	width: 150px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}

.felder {
	width: 300px;
 	padding: 2px 4px 2px 4px;
 	border: 1px solid #A1B1CA;
}

form textarea {
 	height: 100px;
}

.felder:hover,
.felder:focus,
.felder:active {
 	border-color: #003366;
	background-color: #F1F9FE;
}

.button {
	width: 310px;
 	padding: 2px 4px 2px 4px;
 	border: 1px solid #A1B1CA;
	background-color: #F1F9FE;
}

.button:hover,
.button:focus {
 	border-color: #F1F9FE;
	background-color: #003366;
	color: #FFF;
	font-weight: bold;
}