@charset "utf-8";

/*===================================================================
                           Allgemein
=====================================================================*/

* {
	margin:0;
	padding:0;	
}

html {
	height:101%;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:small;
	color:#033;
	background-color:#033;
	background-image:url(../images/body_bild.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
}

a {
	text-decoration:none;
	outline:none;
	color:#033;
}

/*===================================================================
                           Layout -Allgemein-
=====================================================================*/

#wrapper {
	margin:auto;
	width:800px;
	background-color:#bfdfcd;
}

#header {
	margin:auto;
	width:800px;
	height:100px;
	background-color:#09F;
}

#navi {
	float:left;
	padding-top:50px;
	width:200px;
	height:400px;
}

#content {
	float:left;
	padding:10px;
	width:380px;
	min-height:550px;
	background-color:#FFF;
	text-align:justify;
}

#sub_content {
	text-align:center;
}

#picture {
	float:right;
	padding:5px;
	width:180px;
}

#footer {
	text-align:center;
	line-height:2em;
}

#logo {
	text-decoration:none;
	outline:none;
	border:0px;
}

/*===================================================================
                           Layout -Detailiert-
=====================================================================*/

#navi ul li {
	list-style-type:none;
}

/*===================================================================
                           Klassen
=====================================================================*/

.clearfix {
	clear:both;
}

#content.text {
	text-align:center;	
}