@charset "utf-8";
html { height:100%; }
body {
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	font-family: Verdana, Geneva, sans-serif;
	height:100%;
	background:url(images/titelbild_bg.jpg) no-repeat fixed;
}

a img { border:0 none; }

#container { 
	position:relative; 
	min-height:100%;
	width:800px; 
	margin:0 auto; 
	text-align:left; }

* html #container {	height: 100%; }

.space { height:30px; }

.headgrafik { margin-left:150px; }

#links { 
	position: relative; 
	float:right; 
	height:30px;
	width:auto;
	padding-right:20px; 
	font-size:11px; 
	color:#fff; 
	text-align:right; 
	line-height:30px; }

#head {
	width:800px; 
	height:60px; 
	margin-bottom:5px; 
	background-color:#9297cf; }

#navi {
	width:150px; 
	height:auto; 
	float:left; }

.nav {
	width:145px; 
	margin-bottom:5px; 
	height:auto; 
	font-size:12px;
	text-align:center;
	line-height:40px;
	text-decoration:none; 
	color:#cc3333; 
	background-color:#9297cf; 
	display:block;}

a.nav { 
	text-decoration:none; 
	font-size:12px;
	text-align:center; 
	background-color:#9297cf; 
	color:#fff; 
	display:block; }

a.nav:hover, a.nav:active, a.nav:focus { text-decoration:none; color:#fff; background-color:#cc3333; display:block; }

a.subnav { 
	text-decoration:none; 
	font-size:12px;
	text-align:center; 
	background-color:#9297cf; 
	color:#fff;}

#maincontent { 
	float:right;
	width:610px;  
	padding:20px; 
	overflow:auto; 
	background:url(images/bg_verlauf.jpg) repeat-x bottom; }

#footer { 
	position:relative; 
	width:650px; 
	height:30px; 
	float:right; 
	color:#fff;
	font-size:11px;
	line-height:30px; 
	text-align:center; }

.zweisp_left {
	clear:left;
	float:left;
	width:265px;
	font-size:11px; 
	line-height:13pt; 
	color:#000;
	padding:20px;
	margin-top:20px;
	background:url(images/bg_verlauf_oben.jpg) repeat-x top; }

.zweisp_right { 
	float:right;
	width:265px;
	font-size:11px; 
	line-height:13pt; 
	color:#000;
	padding:20px;
	margin-top:20px;
	background:url(images/bg_verlauf_oben.jpg) repeat-x top; }

.h1 {font-size:12px; font-weight:bold; }

p, table { 
	font-size:12px; 
	line-height:14pt; 
	color:#000; 
	padding:20px; 
	margin-top:20px; 
	background:url(images/bg_verlauf_oben.jpg) repeat-x top; }

.textkl  {
	font-size:10px;  }
	
.feld { color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px #9297cf solid; width:229px; }
.feldkosten { color:#000; border:1px #fff; text-align:right; font-size:12px; }
.feldsend { 
	width:150px; 
	height:30px; 
	border:0; 
	background: url(images/button_formular_send.jpg) left no-repeat; } 

.feldsend_en { 
	width:150px; 
	height:30px; 
	border:0; 
	background: url(images/button_form_send.jpg) left no-repeat; } 

.feldreset { 
	width:150px;
	height:30px;
	border:0;
	background: url(images/button_formular_reset.jpg) left no-repeat; }

.feldreset_en { 
	width:150px;
	height:30px;
	border:0;
	background: url(images/button_form_reset.jpg) left no-repeat; } 
	
a { 
	text-decoration:underline; 
	color:#6666cc; }
	
a:hover, a:active, a:focus { text-decoration:underline; color:#cc3333; }

.toplink { text-align:right; }

a.links { 
	text-decoration:none; 
	font-size:11px; 
	color:#fff; }
	
a.links:hover, a.links:active, a.links:focus { text-decoration:none; color:#cc3333; }

a.nav_horiz { 
	text-decoration:none; 
	font-size:13px; 
	color:#fff; }
	
a.nav_horiz:hover, a.nav_horiz:active, a.nav_horiz:focus { text-decoration:none; color:#cc3333; }