/*
R: 000
G: 147
B: 221
blau 3D5E81 4F7AA8 6196CF
grau 7D7D7D 828282
Farbschema unter http://www.hlrnet.com/colormatch/de.php
*/
body, h1, h2, h3, h4, h5, h6, p, li, td, a, ul, ol, div {
	color : #777; 
	background-color : transparent;
	font-family : helvetica, arial, sans-serif; 
	font-style :  normal; 
	font-variant :  normal; 
	font-weight :  normal;
	text-align : justify;
	line-height : normal;
}

body {
	background-color : #3D5E81;
	background-attachment : fixed;
    background-image : url(../pics/background.png);
	background-position : bottom right;
	background-repeat : no-repeat;
	width : 980px;
}

img, a {
	border : none;
}

#content a, #foot a {
	text-decoration : underline;
}	

#foot a {
	color : #777;
}




#navigation ul {
	display : block;
	z-index : 1;
	padding-left : 0;
	margin : 0px;
}
#navigation li {
	position : relative;
	display : block;
	float : left;
	margin-left : 10px;
	padding : 0px;
	border : 1px solid #000000;
	font-weight : bold;	
	font-size : small;
	margin-bottom : -1px;
}
#navigation li.active {
	border-bottom : 1px solid #F0F0F0;	
}
#navigation li:hover {
	color : #fff;
	z-index : 0;
}
#navigation li.active a, #navigation li a {
	padding : 1px;
	padding-left : 10px;
	padding-right : 10px;
	background-color : #4F7AA8;
	z-index : 0;
	text-decoration : none;
	display : block;
	font-weight : bold;
	color : #000;
}
#navigation li a {
}
#navigation li a:hover {
	color : #000000;	
	background-color : #F0F0F0;
}
#navigation li.active a {
	color : #000000;
	background-color : #F0F0F0;
	z-index : 5;
}


#subnavigation {
	clear : left;
	z-index : 0;
	float : left;
	background-color : #F0F0F0;
	padding : 5px 15px 0 15px;
	border : 1px solid #000000;
	border-bottom : 0;
	width : 800px;
	margin-top : 0px;
	font-size : small;
	color : #000;
}
#subnavigation ul {
	position : relative;
	display : block;
	z-index : 1;
	padding : 0;
	margin : 0px;
}
#subnavigation li {
	position : relative;
	display : block;
	float : left;
	margin : 0 10px 0 0;
	padding : 0 0 0 0;
	font-weight : bold;	
}
#subnavigation li a {
	font-weight : bold;
	color : #000;
	text-decoration : none;
}
#subnavigation li a:before {
	content : "| ";
}


#main {
	clear : left;
	z-index : 0;
	float : left;
	background-color : #F0F0F0;
	padding : 15px;
	border : 1px solid #000000;
	border-top : 0;
	width : 800px;
	margin-top : 0px;
}


#sidebar {
	float : left;
	border : 0;
	width : 150px;
	padding : 10px;
	margin-left : 22px;
}
#sidebar h1 {
	background-color : #F0F0F0;
	font-size : small;
	font-weight : bold;
	color : #3D5E81;
	padding : 1px 5px 1px 5px;
	border-bottom : 1px solid #3D5E81;
	margin-top : 30px;
	text-align : left;
}
#sidebar h2 {
	padding : 1px 5px 1px 5px;
	font-size : x-small;
	font-weight : bold;
	color : #7D7D7D;
	text-align : left;
}
#sidebar p, li {
	font-size : x-small;
	font-weight : normal;
	color : #7D7D7D;
	text-align : left;
}
#sidebar ol, ul {
	padding-left : 15px;
}


#content {
	float : left;
	width : 550px;
	padding-left : 50px;
}

#content h1{
	margin-top : 0px;
	color : #3D5E81;
	border-bottom : 1px solid #3D5E81;
	margin-left : -50px;
}
#content h2{
	font-weight : bold;
	color : #3D5E81;
}
#content h3{
	font-weight : bold;
}
#content p, #content li, #content td, #content label{
	color : #000;
	font-size : small;
}
#content img.left {
	border : 1px dotted #000;
	float : left;
	margin : 15px;
	margin-left : 0px;
	margin-top : 0px;
}

#content table.download td, #content table.download td a {
	font-family : monospace;
}

#content table.guestbook td {
	vertical-align : top;
}

#content table.guestbook {
	clear : left
}

#content li {
	font-size : small;
	padding-top : 3px;
}
#content li.features {
	font-weight : bold;
}
#content ul li {
	list-style-image : url(../pics/bullet_1.png);
}
#content ul ul li {
	list-style-image : url(../pics/bullet_2.png);
}

div.logo {
	position : relative;
	background-attachment:scroll;
	background-image: url(../pics/logo_64px.png);
	background-position : 3px;
	background-repeat:no-repeat;
	background-color : #F0F0F0;
	margin : 0;
	border : 1px solid #000000;
	height : 15px;
	width : 740px;
	font-size : x-small;
	z-index : 1;
	color : #000000;
	font-size : large;
	padding : 45px 10px 10px 80px;
	
}

#foot {
	margin-top : 10px;
	background-color : #F0F0F0;
	color : #777;
	border : 1px solid #000000;
	padding : 15px;
	padding-top : 5px;
	padding-bottom : 5px;
	margin-bottom : 10px;
	width : 800px;
	font-size : x-small;
	clear : left;
	float : left;
}

#random {
	float : right;
	border : 1px dotted #000;
	padding : 0px;
	background-color : #fff;
	margin-bottom : 15px;
	margin-left : 15px;
	width : 240px;
	height : 160px;
}

#content label {
	font-weight : normal;
	font-size : small;
	float : left;
	clear : left;
	display : block;
	margin-top : 5px;
	width : 150px;
}
#content textarea, input {
	border : 1px dotted #000000;
	font-family : arial, sans-serif;
	padding : 1px;
	background-image : url(../pics/edge.png);
	background-repeat : no-repeat;
	background-color : #FFFFFF;
	color : #000000;
	font-weight : bold;
	font-size : small;
	margin-top : 5px;
}
#content textarea {
	width : 546px;
}
#content input {
	width : 340px;
}
#content input.button {
	text-align : center;
	margin-top : 5px;
	width : 150px;
	color : #000000;
}
#okay, #okay a {
	font-weight : bold;
	font-size : small;
}
#error, #error a {
	font-weight : bold;
	font-size : small;
	color : #f00;
}

#error, #okay {
	clear : left;
	z-index : 3;
	float : left;
	background-color : #F0F0F0;
	padding : 15px;
	border-bottom : 0;
	width : 600px;
}

#content p.small {
	font-size : x-small;
}
#content p a:hover {
	color : #000000;
}
#content td.data, #content td.data_marked, #content tr.data, #content tr.data_marked{
	border-top : 1px dotted #000000;
}


#content div.imgright a, #content div.imgright h6 {
	font-size : x-small;
	font-weight : normal;
	color : #000000;
}
#content div.imgright h6 {
	background-color : #000000;
	color : #FFEEAA;
	width : 236px;
	margin : 0px;
	border : 0px solid #000000;
	border-top : 0px;
	padding : 2px;
}

#content div.imgright {
	float : right;
	margin : 10px;
	margin-right : 0px;
	padding-right : 2px;
	width : 240px;
	border : 1px solid #000000;
	padding : 0px;
	clear : right;
}

#content div.imgright img {
	width : 240px;
/*	height : 180px;*/
	border : 0px;
}

#content img.imgleft {
	float : left;
	margin-right : 10px;
}

#content img.imgright {
	float : right;
	margin-left : 10px;
}

#content input#security {
	background-image : url(../pics/security_01.png);
	background-position : left;
	padding-left : 48px;
}