/* Tags vorformatieren */

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px dotted #757575;
	margin: 30px 0px 20px 0px;
}

h1 {	font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 12px; }

ul { list-style-type: none; padding: 0px; }
li { background: url(../img/arrow.png) no-repeat center left; padding-left: 15px; }

table { width: 100%; border-collapse:collapse; }
table th { text-align: left; padding: 3px 8px; background-color: #B8B8B8; border-bottom: 2px dotted #757575; }
table td { text-align: left; padding: 3px 8px; }
table tr:nth-of-type(even) { background-color: #E0E0E0; }
table tr:nth-of-type(odd) { background-color: #D4D4D4; }

a img { border: 0px; }
a:link, a:visited , a:active { color: #146AA3; text-decoration: none; }
a:hover { color: #9C9C9C; text-decoration: underline; }

/* Layout formatieren */

body { 
	padding: 50px 0px;
	font-family: Helvetica, Arial;
	font-size: 16px;
	background-image: url('../img/background.png');
}

#container {
	width: 1050px;
	margin: 0 auto;
}

#logo {
	float: left;
	width: 250px;
	position: absolute;
	padding: 20px 0px 0px 30px;
}

#logo h1 {
	color: #CFCFCF;
	margin: 0px;
	border: 0px;
	font-size: 28px;
	text-shadow: 1px 1px 0px #000000, -1px -1px 0px #707070;
}

#logo a { color: #E8E8E8; text-decoration: none; }

#navi {
	width: 289px;
	padding: 10px 0px;
	margin: 120px 0px 0px 0px;
	float: left;
	min-height: 300px;
	border: 1px solid #383838;
	border-right: 0;
	background-image: url('../img/navi.png');
	box-shadow: 5px 5px 20px -5px #000;
}

#navi ul { border-top: 1px dotted #292929; }
#navi ul li { background-image: none; padding: 0px; }

#navi ul li a {
	color: #146AA3;
	text-decoration: none;
	display: block;
	padding: 8px 0px 8px 30px;
	border-bottom: 1px dotted #292929;
}

#navi ul li a:hover {
	color: #E3E3E3;
	text-decoration: underline;
	border-left: 1px solid #1C1C1C;
	background-image: url('../img/navi_hover.png');
	padding: 8px 0px 8px 35px;
	margin-left: -5px;
}

#content {
	min-height: 500px;	
	width: 678px;
	float: left;
	padding: 0px 30px 20px 30px;
	background: url('../img/content.png') top right no-repeat #e7e7e7;
	border: 1px solid #F7F7F7;
	box-shadow: 5px 5px 20px -5px #000;
}

#content  p {
	text-align: justify;
}

#footer {
	margin: 0px 20px 0px 290px;
	padding-top: 1px;
	color: #757575;
	clear: both;
	font-size: 10px;
	text-transform: uppercase;
}

#footer a { color: #757575; }