/* ------------------------------ */
/* main containers and styles     */
/* ------------------------------ */

body{
 margin:0;
 padding:0;
 font-family: Verdana, sans-serif;
 font-size:100%;
 background: #FFFFFF;
 voice-family: "\"}\"";
 text-align: left;
 color: #000000;
}

#page{
 width:760px;
 text-align:left;
 min-width:500px;
 margin-left:auto;
 margin-right:auto;
 background: url("/images/page_back.gif") repeat-y;
 margin-bottom: 36px;
}

#header {
 height:90px;
 width:760px;
 background-color:#FFFFFF;
}

#spacer{
 width:760px;
 height:20px;
 background-color:#FFFFFF;
}

#leftcol{
 width:160px;
 float:left;
 position:relative;
 background:#DEECED;
}

#rightcol{
 width:160px;
 float:right;
 position:relative;
 background:#DEECED;
}

#threecol{
	width: 760px;
	padding-top: 0px;
}

#footer{
 width:100%;
 background-color:#FFFFFF;
 text-align:center;
 font-size:0.7em;
 padding-bottom:20px;
 padding-top:5px;
}

#maincol{
 float:left;
 width:400px;
 position:relative;
 margin-left:20px;
 margin-right:20px;
 font-size:0.7em;
 color:#58647C; 
}

#maincol li#normal {
 padding:0;
}

#maincol li {
 padding-bottom:10px;
}

h2.subheadline {
	font-size: 1.35em;
	color: #46777E;
	font-weight: bold;
	padding-bottom: 15px;
}

div.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px; 
}

div.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px; 
}

div.kontakt {
 padding-top:5px;
 padding-left:0px;
 font-weight:normal;
}

div.fragebogenMitmachen {
 text-align: center;
 font-weight: bold;
 font-size: 1.2em;	
 color: #000000;
 padding: 20px 0 20px 0;
}

div.fragebogenDanke {
 text-align: center;
}

div.fragebogenErgebnisse {

}

div.kontaktGrau {
	background-color: #EFEFEF;
	padding: 8px 8px 8px 8px;
}

div.kontaktWeiss {
	background-color: #000000;
	padding: 8px 8px 8px 8px;
}



/* ------------------------------ */
/* additional styles              */
/* ------------------------------ */

img.layout {border:0px;}
select.lang {width:73px; height:18px; font-size:10px; border:1px solid #BBBBBB; }
input.langsub {width:25px; border:1px solid #BBBBBB; font-size:10px; height:19px;}
.form, form {padding:0px; margin:0px;}
p {padding-top:0px; margin-top:0px;}

h1{
 font-size:1.2em;
 font-weight:bold;
 padding-top:35px;
 margin:0px;
}

h2{
 font-size:1em;
 font-weight: bold;
 padding-bottom:0px;
 padding-top:0px;
 margin:0px;
}

hr{
	display:block;
 width: 100%;
 border: none;
 height: 1px;
 color: #589BA1;
 background-color: #589BA1;
 margin: 5px 0 5px 0;
 padding: 0;
}

hr.leftcol{
 width:128px;
 text-align:left;
 height:1px;
 background-color:#589BA1;
}

a.toplr:link , a.toplr:visited , a.toplr:hover , a.toplr:active {
 font-size:10px;
 color:#FFFFFF;
 text-decoration: none;
 line-height: 18px;
}

a:link , a:visited {
 text-decoration:none;
 color:#000000;
}

a:hover{
 text-decoration:underline;
 color:#000000;
}

a:active{
 font-weight:bold;
 color:#000000;
}

table.path{
 margin:0 0 20px 0;
 width:400px;
 border-bottom:1px solid #589BA1;
}

td.pathfinder{ width:300px; }

td.printpage{
 width:100px;
 vertical-align:bottom;
 text-align:right;
}

a.path:link , a.path:visited , a.path:active , a.path:hover{
 color:#589BA1;
 text-decoration:none;
 font-weight:normal;
}

img.cms {
 border: 0;
 padding: 0 10px 10px 0;	
}

table.formTable  {
	width:100%;
	height:100%;
	font-weight:normal;
}

table.formTable th {
	width:25%;
}

table.formTable td {
	
}

.formError {
	color: #FF0000;
	font-weight: bold;
}

.formError input, .formError textarea, .formError {
	font-weight: normal;
}

.formErrorText {
	color: #FF0000;
}

.requiredstar {
	width:15px;
	text-align:right;
	font-weight:normal;
}

.required {
	font-weight:normal;
}

div.guestbookentry {
   border: 1px solid #589BA3;
	padding: 5px 5px 5px 5px;
}

/* ------------------------------ */
/* additional containers          */
/* ------------------------------ */


div.topl{
 width:155px;
 background-color:#589BA3;
 padding-left:5px;
 color:#FFFFFF;
 height:20px;
 font-size:11px;
 margin-bottom:0;
}

div.topr{
 width:150px;
 background-color:#589BA3;
 padding-left:7px;
 padding-right:3px;
 color:#FFFFFF;
 height:20px;
 font-size:11px;
 margin-bottom:10px;
}

#leftcolfooter{
 width:141px;
 padding-left:16px;
 padding-right:3px;
 padding-bottom:20px;
 font-size:0.56em;
 color:#7d889a;
}

leftcolfooter img{
  padding: 0;
}

div.rtextflow{
 padding:5px 3px 30px 14px;
 margin:0px;
 width:141px;
 text-align:left;
 font-size:0.6em;
 color:#46777E;
}

div.rtextflow a:active {
	font-weight:normal;
}





/* ------------------------------ */
/* main-navigation leftcol        */
/* ------------------------------ */


#navcontainer{
 padding:0px 0px 0 0px;
 margin:0px;
 width:140px;
 text-align:left;
 font-size:0.56em;
 text-decoration:none;
}


#navcontainer ul.main{
 list-style-type:none;
 text-align:left;
 padding: 15px 15px 0px 0px;
 margin:0px;
}

#navcontainer ul.main li {
 background:url(/images/nav_square.gif) center left no-repeat;
 padding:0 0 0 11px;
}

#navcontainer li a.main{
 color:#46777E;
 font-weight:bold;
 text-decoration:none;
 margin:0px;
}

#navcontainer li a.main:hover{
 color:#000000;
}

#navcontainer li.active a.main{
 color:#000000;
}


#navcontainer  {
 text-align:left;
 padding-left:15px;
 margin:0px;
}

#navcontainer ul.sub {
	list-style-type:none;
	margin:0;
	padding:0;
}

#navcontainer ul.sub li {
	background:url(/images/nav_arrow.gif) center left no-repeat;
 	text-decoration:none;
 	color:#72949d;
 	margin:0px;
	padding:0 0 0 10px;
}

#navcontainer ul.sub a:link, #navcontainer ul.sub a:visited, #navcontainer ul.sub a:hover, #navcontainer ul.sub a:active {
 	text-decoration:none;
 	color:#72949d;
 	margin:0px;
}

#navcontainer ul.sub li a:hover{
 	color:#000000;
 	text-decoration:underline;
}

#navcontainer  li.active a.sub{
 	color:#000000;
 	text-decoration:underline;
}

#maincol ul.links{
 padding: 0 0 0 15px;
 text-align:left;
 margin:0px;
}

#maincol  li a.links{
 text-decoration:none;
 color:#72949d;
 list-style-type: none;
 display: block;
}

#maincol  li a.links:hover{
 text-decoration:underline;
 color:#000000;
}



/* ------------------------------ */
/* fragebogen                     */
/* ------------------------------ */

div#fragebogen {
 	color:#58647C; 
	font-size: 0.7em;
	font-weight: normal;
	padding: 2px 10px 0 10px;
}

div#fragebogen header {
 height:90px;
 width:760px;
}

div#fragebogen h1 {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 0 0;
}

div#fragebogen h2 {
	font-size: 0.9em;
}

div#fragebogen strong {
	font-weight: bold;
}

div#fragebogen span {
	padding: 0 0 0 0;
}

div#fragebogen span strong {
	font-size: 1.2em;
}

div#fragebogen div.step {
	color:#000000; 
 	text-align: right;
	font-weight: bold;
	padding: 0 10px 5px 0;
}

div#fragebogen span.formError {
	color: Red;
}

div#fragebogen .formError strong {
	color: Red;
}

div#fragebogen td {
   padding: 1px 8px 1px 3px;
	border: 0px solid #000000;
}

div#fragebogen tr {
}

div#fragebogen table {
	border: 1px solid #BDD9DC;
	margin: 15px 50px 10px 20px;
}

div#fragebogen td.rowLabel {
	text-align: left;
	width: 40%;
}

div#fragebogen td.textInput {
	text-align: left;
	border: 0px solid #000000;
}

div#fragebogen td.singleTextInput {
}

div#fragebogen thead {
	text-align: center;
	background-color: #BDD9DC;
}

div#fragebogen tbody {
	text-align: center;
}

div#fragebogen tbody.textInput input {
	text-align: left;
	padding: 0 50px 20px 20px;
}

div#fragebogen td.empty {
	background-color: White;
}

div#fragebogen tr.odd {
   background: White;
}

div#fragebogen tr.even {
	background-color: #BDD9DC;
}

div#fragebogen tr.formError {
	background-color: Red;
	color: White;
}

div#fragebogen .button {
	text-align: right;
	padding: 0 50px 0 0;
}

div.resultHead { background:#DEECED; padding:4px 10px; font-weight:bold; color:#46777E; }
table.results { border-collapse:collapse; }
table.results th { padding:3px 0; text-align:left; border-bottom:1px solid #D6D6D6; }
table.results td { padding:3px 0; }
table.results tr.last td { border-bottom:1px solid #D6D6D6; }
table.results td.percent, table.results th.percent { padding-left:10px; text-align:right; }

a.download:link, a.download:visited { color:#589BA1; text-decoration:underline; font-weight:normal; }
a.download:hover, a.download:active { color:#000000; text-decoration:underline; font-weight:normal; }

div.fragebogenThumb { float:left; width:125px; margin-right:10px; font-size:0.9em; }
div.fragebogenThumb p { margin-top:3px; }
* html div.fragebogenThumb { display:inline; }

img { border:0; }

/* ------------------------------ */
/* printer styles                 */
/* ------------------------------ */


@media print{
 #leftcol{display:none; width:0; border:none;}
 #rightcol{display:none; width:0; border:none;}
 #navcontainer{display:none; border:none;}
 #pagewidth{width:100%; float:none; border:none;}
 #maincol{width:600px; float:none; border:none;}
 #threecol{width:100%; float:none;}
 #header{display:none; border:none;}
 #footer{display:none; border:none;}
 table.path{display:none; border:none;}
}