@import url(navigation.css);

* { 
	margin:0;
	padding:0; }

body {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2em;
	color:#333;
	background-color:#33332D; }

a:link, a:visited, a:active { text-decoration:underline; color:#25327b; }
a:hover, a:focus { text-decoration:underline; color:#d2691e; }

img { border:0; }

#container {
	width:80em;
	margin-left:auto;
	margin-right:auto; }

#headlinkarea { 
	width:80em;
	height:1.5em;
	text-align:left; }
	
#header {
	width:80em;
	margin-top:1em; 
	text-align:left; }
	
	#header img { width:67%; }

#navigation {
	width:80em;
	height:2.5em;
	background-color:#0d0d0d; }

#main { 
	width:77em;
	height:100%;
	text-align:left;
	float:left;
	background-color:#fff;
	padding:1em 1.5em 1em 1.5em; }
	
#footer {
	width:80em;
	float:left;
	text-align:left;
	margin-top: 1.5em;
	background-color: #f5f5f5;
	color:#666; }  
	
/* ################################################################################################################### */

#footer div { 
 	width:100%;  
 	float:left; } 	

#footer ul {
 	width:auto;
 	float:left; 
 	font-size:.8em;
	margin: 0 1.5em .5em 1.5em;}

#footer li {
 	list-style-position:inside;
	list-style-image: url("daten/li.png");
	line-height: 1.3em; }

#footer ul.standartlinks li {
 	list-style-type:none; }

#footer li.first_li {
	list-style-type:none;
	list-style-image:none;
	font-weight:bold;
	letter-spacing:0.1em;
	list-style-type:none;  }
 	
#footer p { 
 	width:75em; 	
 	text-align:center;
	float:left;
	display:inline; }
	
	#footer p font {font-size:.85em;}

#footer img { width:2em; border:0; display:inline;}
	#footer img.ol { margin-left:0; margin-top:0; float:left; }
	#footer img.or { margin-right:0; margin-top:0; float:right; }
	#footer img.ul { margin-left:0; margin-bottom:0; float:left; }
	#footer img.ur { margin-right:0; margin-bottom:0; float:right; }

#textspalte {
 	line-height:1.35em;
	width:31%;	
	float:left;
	margin: 1.5em 1% 1.5em 1%; } 

#textspalte span {
 	display:block;
	width:92%;
	font-size: 0.85em;
	border: .1em solid #e0e0e0;
	padding: .85em 4% .85em 4%;
	margin-bottom: 1em; }

#textspalte p {
 	margin-bottom: 0.75em;
	text-align:left; }
	

#textspalte span h1, h1 {
 	display:block;
 	line-height:1em;
 	font-size:2.5em;
 	color:#d2691e;
 	text-align:left;
 	font-weight:normal;
	margin-bottom: 0.3em; }

#textspalte span h2, h2 {
 	display:block;
 	font-size:1.5em;
 	line-height: 1.25em;
 	color:#25327b;
 	text-align:left;
 	font-weight:normal;
	margin-bottom: 0.5em; }

#textspalte span h3 {
 	display:block; 
 	font-size:1em;
 	text-align:left;
 	font-weight: bold;
	margin-bottom: 1em; }

#textspalte span ul li {
 	margin-left: 1em;
	list-style-image: url("daten/li.png"); 
	color: #333; }

#textspalte sup {
 	font-size:0.5em; }
 	
#main img.banner 	{ width:100%; }

#textspalte .kontaktbox div { width:100%; }

#textspalte .kontaktbox_link { text-align:right; margin-top:0.8em; }

#textspalte .kontaktbox a { font-size:1.5em; }

#textspalte .kontaktbox p { width:35%; float:left; }

#textspalte .kontaktbox img { width: 65%;} 	
 	
#promotion {
	width:77em;
	height:27.72em;
	z-index:2;
	position:absolute;
	top:14.25em; }

a.kontakt { margin-top:1em; font-size:1.2em; font-weight:bold; }

ul.zwcad_list li:first-letter { color:#25327b; text-decoration:underline; }

table.zwcad td { padding-bottom: 0.3em; }
table.zwcad input { width:80%; }
td.first { width:30%; }

span.error { 
 	display:block;
 	width:50%;
 	line-height:3em;
 	margin-left:25%;
 	margin-right:25%;
 	margin-bottom:2em;
 	text-align:center;
	background-color:#de3232;
 	color:#f6bfbf;
 	font-weight:bold; }
 	
span.confirmation {
 	display:block;
 	width:50%;
 	line-height:3em;
 	margin-left:25%;
 	margin-right:25%;
 	margin-bottom:2em;
 	text-align:center;
	background-color:#84cf02;
 	color:#e5ffb7;
 	font-weight:bold; }

#main img.hidden {
 	width:0px;
 	height:0px;
 	display:none; }
 	
#module { width:77em; }
 	
	#module div.spalte1 { 
 		width:18.5em;
		float:left;
		text-align:right; }
	#module div.spalte2 { 
 		width:40em;
		float:left; }
	#module div.spalte3 {
 		width:18.5em;
		float:right; 
		text-align:left; }
	#module img.switch_module {
	 	height:4em;
	 	margin: 17.5em 2em 17.5em 2em; }
	#module div.quader {
	 	width:11em;
	 	height:11em;
	 	float:left;
		margin:1em;
		border: 1px solid #cdcdcd; }
	#module div.quader:hover {
	 	border: 1px solid #d2691e; }
	#module h1 {
	 	display:block;
 		line-height:1em;
 		font-size:2.5em;
 		margin:0.5em 0 0.3em 0;
 		color:#d2691e;
 		text-align:center;
 		font-weight:normal;}
	#module h2 {
	 	display:block;
 		font-size:1em;
 		line-height: 1.25em;
 		margin:0 0.25em 0 0.25em;
 		color:#25327b;
 		text-align:center;
 		font-weight:normal; }
 	#module h3 {
 		display:block; 
 		font-size:1em;
 		line-height:1.5em;
 		text-align:center;
 		font-weight: bold;
		margin: 1em 0.25em 0.25em 0.25em; }
	#module span{
	 	font-size:0.85em;
	 	display:block;
	 	text-align:center;
	 	margin: 0.5em 0.25em 0.25em 0.25em; }
	#module div.quader img {
	 	width:100%; }
	 	
#news { 
 	width:80%;
 	margin: 0.5em 1% 1.5em 3%; 
	float:left;}
	#news li {
 		width:100%;
 		padding-bottom: 1em;
 		padding-top: 1em; 
 		list-style:none;
		border-bottom: 1px solid #d7d7d7; }
	#news span {
 		float:left;
		display:inline;
		line-height: 1.5em;
		font-size: 0.85em;}
	#news h2, #news p {
 		margin-left: 15%; } 	
	h1.news { /* Überschrift News-Sektor */
 		display:block;
 		line-height:1em;
 		font-size:2.125em;
 		color:#d2691e;
 		text-align:left;
 		font-weight:normal;
		margin-bottom: 0; }
	#news h2 {
 		line-height: 1em;
		font-size: 1.4em;
		margin-bottom: 0.5em;
		font-weight: normal;
		color:#25327b; }
	#news p {
 		line-height: 1.35em;
		font-size:0.85em;
		color:#333;
		font-style: normal; }

#kontakt {
 	width:80%;
 	padding:1%;
 	margin-bottom: 2em;
 	background-color:#f0f3fa;
	border-top: .1em solid #e0e0e0;
	border-bottom: .1em solid #e0e0e0; }
	#kontakt tr {
	 	height:4em; }
 	#kontakt td {
 	 	width: 33%;
 	 	padding: 0.3em 0 0.3em 0; }
 	#kontakt .offset {
 	 	height:1.5em; }
 	#kontakt input.text {
 	 	width: 90%;
 	 	height:1.55em;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:1em;
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		color:#333;
		border: 1px solid #b3b3b3;  }
	#kontakt input.checkbox {
	 	margin-right:0.5em;
		vertical-align:-12%; }
	#kontakt textarea {
	 	width: 63%;
	 	height: 6em;
	 	margin-bottom:.5em;
	 	border: 1px solid #b3b3b3;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:1em;
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:1.2em; }
 	#kontakt select{
 		width: 90%;
 		height:1.5em;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:1em;
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		color:#333; }
	#kontakt option{
	 	padding-left:1em;
		height:1.4em; }
	#kontakt ul.material li {
		display:inline;
		float:left;
		list-style-image: none;
		list-style:none; }
	#kontakt ul.material li ul li {
		display:block;
		float:none; }
	#kontakt input.submit {
	 	width:10em; }