@charset "utf-8";

/* CSS Document für generation-spurwechsel.de - (c) 03/2009 Janosch Skrobek / Binaryworx / www.bworx.de */



BODY {

	color: #6c6c6c;

	background: #EAEAEA;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	margin: 0px;

	padding: 0px;

}



HTML, BODY {

height: 100%;

}



A {

	color: #6c6c6c;

}



A:hover {

}



IMG {

	border: none;

}



#fakehorizon {

	position: 			absolute;

	top: 				50%;

	left: 				0px;

	width: 				100%;

	height: 			1px;

	overflow: 			visible;

	visibility: 		visible;

	display: 			block;

}

	

#startcontainer {

	position: 			absolute;

	top: 				-200px; 

	margin-left:	 	-290px;  

	left: 				50%;

	width: 				580px;

	height: 			400px;

}  



#container {

	width: 940px;

	margin: auto;

	position: relative;

	background: #FFF url(../img/container-bg.png) repeat-y;

	min-height: 100%;

	height: auto !important;

	height: 100%;

}



#left {

	width: 120px;

	margin: 0px 0px 0px 20px;

	float: left;	

}



* html #left {

	margin-left: 10px;

}



#right { 

	width: 225px;

	margin: 0px 20px 0px 0px;

	float: right;

}



* html #right {

	margin-right: 10px;

}



#middle {

	margin: 20px 250px 0px 145px;

}



* html #middle {

	margin: 20px 247px 0px 142px;

}



#links, #middle {

	padding-bottom: 30px;

}



#footer {

	width: 880px;

	position: absolute;

	padding-top: 5px;

	margin-left: 30px;

	clear: both;

	bottom: 0px;

	text-align: right;

	font-size: 0.6em;

}



#logo {

	float: left;

	width: 336px;

	height: 90px;

	overflow: hidden;

}



#header {

	width: 900px;

	height: 90px;

	overflow: hidden;

	margin-left: 20px;

	background: #fff;

	padding-bottom: 19px;

}



/* navi */

#navi {

	float: right;

	width: 550px;

	overflow: hidden;

	height: 30px;

	margin: 0px 10px 0px 0px;

	padding-top: 61px;

	text-align: right;

}



#navi ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



#navi ul li {

	display: inline;

}



/* navi impressum etc */

#s-navi {

	width: 200px;

	position: absolute;

	top: 10px;

	right: 30px;

	font-size: 0.7em;

	text-align: right;

	z-index: 13;

}



#s-navi ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



#s-navi ul li {

	display: inline;

}



#s-navi ul li a {

	text-decoration: none;

	padding: 0px 5px 0px 5px;

}



#s-navi ul li a:hover {

	text-decoration: underline;

}



/* farbige Balken */



#cbar-left {

	width: 116px;

	height: 40px;

	margin: 20px 0px 15px 0px;

	background: #007E13;

}



#cbar-right {

	width: 221px;

	height: 40px;

	margin: 20px 0px 15px 4px;

	background: #007E13;

}



#cbar-middle {

	width: 545px;

	height: 40px;

	margin-bottom: 15px;

	background: #007E13;

}



/* clearfix zum Aufheben der Floatumgebung */



.clearfix:after {

content: ".";

display: block;

height: 0;

font-size: 0;

clear: both;

visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



/* Standartformatierungen */



#content .bodytext {

	padding: 5px;

	font-size: 0.8em;

	text-align: justify;

	line-height: 1.4em;

}

#content li, #content table {
  font-size: 0.8em;
}



#content-right .bodytext {

	padding: 8px;

	font-size: 0.8em;

	line-height: 1.4em;

}



#content {

	color: #333;

}



#content A:hover {

	color: #007E13;

}



#content .csc-textpic-caption {

	font-size: 0.8em;

	text-align: right;

	font-style: italic;

}



#content .csc-textpic-imagewrap {

	padding: 5px 5px 0px 0px;

}



#content .csc-textpic-image IMG {

	border: 1px solid #c6c6c6;

}



.csc-mailform {

	border: none;

	font-size: 0.8em;

	padding-left: 10px;

}



.csc-mailform label {

	display: block;

	float: left;

	width: 12em;

}



.csc-mailform-field {

	padding-bottom: 7px;

}



.csc-mailform INPUT.csc-mailform-submit {

	border: 1px solid #007E13;

	background-color: #eaeaea;

	color: #333;

	margin-left: 11em;

	cursor: pointer;

}



.csc-mailform INPUT.csc-mailform-submit:hover {

	background-color: #007E13;

	color: #FFF;

}



.contenttable  {

	font-size: 0.8em;

}



td.columnNext {

	width: 20px;

	text-align: center;

}



td.columnFirst {

	width: 220px !important;

	border-bottom: 1px solid #ddd;

}



.tx-pbsurvey-pi1 {

	font-size: 0.8em;

}



.questionSubtext {

	font-size: 1.2em !important;

}



.tx-pbsurvey-pi1 fieldset {

	padding: 5px 0px 20px 0px;

	border: none;

}



.tx-pbsurvey-pi1 colgroup {

	width: 20px;

}



.questionSubtext p {

	margin-top: 0px;

	padding-top: 0px;

}



fieldset .question {

	font-weight: bold;

}



.formbuttons INPUT {

	border: 1px solid #0B4E9D;

	background: none;

	cursor: pointer;

	color: #0B4E9D;

}



.formbuttons INPUT:hover {

	border: 1px solid #0B4E9D;

	background: #0B4E9D;

	color: #fff;

}



div.survey_item p {

	font-size: 1.2em;

	font-weight: bold;

}
