/* Reset-Stylesheet importieren */
@import url(reset.css);

/* Styles */
html,
body {
	border:					0;
	/* height:					100%; */
	margin:					0;
	padding:					0;
}
body {
	background: 			#C6C6C6;
	color:					#FFF;
	font:						normal
								13px/1.48em
								Arial,Helvetica,sans-serif;
	/* width:					100%; */
}
a {
	color:					#707070;
	text-decoration:		none;
}
a:hover {
	text-decoration:		underline;
}
:focus {
	outline:					0;
}
img {
	border:					0;
	display:					block;
	margin:					0;
	padding:					0;
}
h1 {
	color:					#FFF;
	font:						normal
								18px/1.2em
								Arial,Helvetica,sans-serif;
	margin: 					0 0 10px 0;
}
h2 {
	color:					#707070;
	font:						bold
								18px/1em
								Arial,Helvetica,sans-serif;
	margin: 					10px 0;								
}
h3 {
	color:					#707070;
	font:						bold
								16px/1em
								Arial,Helvetica,sans-serif;
	margin: 					10px 0;
}
h4 {
	color:					#707070;
	font:						bold
								14px/1em
								Arial,Helvetica,sans-serif;
	margin: 					10px 0;
}
h5 {
	color:					#707070;
	font:						normal
								14px/1em
								Arial,Helvetica,sans-serif;
	margin: 					10px 0;
}
h6 {
	color:					#707070;
	font:						bold
								12px/1em
								Arial,Helvetica,sans-serif;
	margin: 					10px 0;
}
p {
	margin: 					10px 0;
}
sup {
	vertical-align:		super;
}
sub {
	vertical-align: 		bottom;
}
sub, sup {
	line-height: 			0px;
	font-size: 				70%;
}

/*----------------------------------------------------------------------------*/

#main {
	background-color: #FFF;
	box-shadow: 0px 0px 10px #666;
	-moz-box-shadow: 0px 0px 10px #666;
	-webkit-box-shadow: 0px 0px 10px #666;
	height: 620px;
	padding: 5px 0;
	width: 960px;
}
#header {
	height: 90px;
	margin: 0 5px;
	width: 950px;
}
#main_navi {
	height: 25px;
	margin: 5px;
	width: 950px;
}
	#main_navi ul li {
		float: left;
		height: 25px;
		list-style-type: none;
		margin-right: 5px;
		width: 131px;
	}
	#main_navi .last {
		margin-right: 0;
		width: 133px; 
	}
	#main_navi .active,
	#main_navi ul li:hover,
	#main_navi ul li a:hover,
	#main_navi ul .active a {
		background-color: #F29400;
		color: #FFF;
		text-decoration: none;
	}
	#main_navi ul li a {
		color: #707070;
		display: block;
		font-size: 12px;
		font-weight: bold;
		height: 25px;
		line-height: 25px;
		text-align: center;
		text-transform: uppercase;
	}

#content {
	background-color: #F29400;
	float: left;
	margin: 0 5px;
	padding: 20px;
	vertical-align: bottom;
	width: 375px;
	overflow:auto;
}
.home #content {
	height: 380px;
}


#content ul {
margin-left:25px;
}

#content a {
color:#f5f5f5;
text-decoration:none;
font-weight:bold;
}

#content a:hover {
color:#f5f5f5;
text-decoration:underline;
font-weight:bold;
}

#content img {
 float:left;
}

	#content_footer {
		clear: both;
		float: left;
		height: 35px;
		margin: 5px;
		padding: 5px 0;
		width: 415px;
	}
	#content_footer .wss_logo {
		float: left;
	}
	#content_footer img {
		float: right;
	}
	#content .tx-flseositemap-pi1 ul li {
		list-style-type: none;
	}
	#content .kontakt_form label {
		display: block;
		float: left;
		width: 125px;
	}
	#content .kontakt_form input,
	#content .kontakt_form select,
	#content .kontakt_form textarea {
		margin-bottom: 1px;
		width: 200px;
	}
	#content .kontakt_form legend {
		margin-bottom: 2px;
	}
	#content .kontakt_form .powermail_submit {
		font-size: 12px;
		margin-left: 125px;
		width: 110px;
	}


#keyvisual {
	background-color: transparent;
	height: 474px;
	margin: 0 5px 0 425px;
	width: 530px;
}
#footer {
	float: right;
	height: 20px;
	margin: 5px 0;
}
	#footer p {
		color: #707070;
		float: left;
		margin: 0;
	}
	#footer #site_navi {
		float: left;
	}
	#footer #site_navi li {
		color: #707070;
		display: block;
		float: left;
		list-style-type: none;
	}
	#footer #site_navi li a {
		color: #707070;
	}

#wrapper {
	height: 550px;
	margin: 50px auto;
	position: relative;
	text-align: left;
	width: 960px;
}

/****************************************/
/*   Hilfsklassen                       */
/****************************************/
.atsym {
	background: 			transparent url(../images/template/atsym.gif) no-repeat 0 1px;
	padding:					0 5px;
}
a:hover .atsym {
	background: 			transparent url(../images/template/atsym_rot.gif) no-repeat 0 1px
}
.clear {
	clear:					both;
	height:					0;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.loading {
	opacity:	0;
}
.no_display {
	display: none;
}



div.background {
background:url(../images/02-1_Funktion.jpg);
background-repeat:no-repeat;
}