@charset "utf-8";

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

* {
	margin: 0;
	padding: 0;	
}

html {
	height:101%;
}

body {
	background-color:#009;
	font-family:Verdana, Geneva, sans-serif;
	font-size:medium;
	text-align:left;
}

/*-------------------------------------------------------------------
                           Typ-Selektoren
---------------------------------------------------------------------*/

a {
	text-decoration:none;
	outline:none;
}

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

#wrapper {
	margin:auto;
	margin-top:10px;
	padding:1px;
	border:2px solid #000;
	width:800px;
	background-color:#FFF;
}

#navi_language {
	font-size:9px;
}

#header {
	margin-top:0px;
	padding-top:0px;
	border-bottom-width:medium;
	border-bottom-style:groove;
	border-bottom-color:#06F;
	background-color:#CFF;
	height:100px;
}

#navi_main {
	float:left;
	margin:5px;
	width:140px;
	border:0px;
	background-color:#FFF;
}

#content {
	float:right;
	padding:10px;
	border-left-width:thin;
	border-left-style:groove;
	border-left-color:#06F;
	width:625px;
	min-height:500px;
	background-color:#FFF;
	color:#003;
	text-align:justify;
	font-size:85%;
	font-style:normal;
	line-height:normal;	
}

#footer {
	border-top-width:thin;
	border-top-style:groove;
	border-top-color:#06F;
	height:50px;
	background-color:#FFF;
	color:#003;
	text-align:center;
	font-size:75%;
	font-style:normal;
	letter-spacing:2px;
	line-height:2em;
}

#logo {
	border: 0px;
	background-color:#FFF;
}

#indexbild {
	padding:5px;
	text-align:center;
}

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

#navi_main ul li {
	list-style-type:none;
	line-height:2em;
}

#navi_main a {
	text-decoration:none;
	outline:none;
	display:block;
}

#navi_main a:link, #navi_main a:visited {
	border-bottom:1px solid #FFF;
}

#navi_main a:hover, #navi_main a:focus {
	border-bottom:1px solid #000;
}

#navi_main a:active {
	color:#FFF;
	background-color:#FFF;
}

#content a {
	text-decoration:none;
	outline:none;
}

#content a:link, a:visited {
	color:#09F;
}

#content table {
	color:#003;
}

#footer a {
	text-decoration:none;
	outline:none;
	color:#09F;
	
}

/*-------------------------------------------------------------------
                           Layout -Kontakt-
---------------------------------------------------------------------*/

form {
	background-color:#eee;
	width:500px;
	padding:20px;
	border:1px solid #8c8c8c;
}

label {
	display:block;
	cursor:pointer;
}

input#absender, textarea {
	width:400px;
	border:1px solid #8c8c8c;
	margin-bottom:1em;
}

textarea {
	height:15em;
}

input#absender:focus, textarea:focus {
	background-color:#d9d9d9;
}

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

.clearfix {
	clear:both;
}