/* HAUPT - Styledefinitionen */
/* Copyright nuun gmbh, samuel müller, nuun.ch */

/* Farbcodes
Vigo dunkel 	= #451d76;
rot				= #E83022;
dunkelgrau		= #383838;
hellgrau		= #E7E7E7;
*/

* { margin: 0; padding: 0; }
img	{ border: 0;}

html {
	background: #FFF url(../grafics/bg_html.gif) repeat-y;
}

body {
	margin: 0px 0px px 0px;
	text-align:left;
	letter-spacing: 0.01em;
	font: normal 100.01% arial, helvetica, sans-serif, geneva;} /* 0.01% fuer Opera 6*/

/*--------------- Überschrift Formate ---------- */
#content h1{
	font-size: 140%;
	color:#383838;
	height: auto;
	margin-bottom: 0.5em;
	font-weight: normal;}
	
#content h2, rte_h2{
	font-size: 100%;
	color:#451d76;
	height: auto;
	margin-bottom: 0.8em;}

#contentContainer p.csc-subheader { font-size: 100%; color:#451d76; height: auto; margin-bottom: 0.8em; font-weight: bold;}
p.bodytext { font-size: 100.01%; line-height: 1.6em;}

.rte_h5 { padding-top: 1em; margin-bottom: 1em; color: #E83022; font-size: 80%; display:block;}
	
h4{
	font-size: 90%;
	color:#E83022;
	height: 15px;
	text-indent: 15px;
	background:url(../grafics/ico_event.gif) no-repeat;}

/*--------------- Bildlegenden ----------------- */
#contentContainer p.csc-caption{ font-size: 70%; color:#451d76; font-style: italic;}


/*--------------- Listen im Content ----------------- */
#contentContainer ul.csc-bulletlist {padding: 0px 70px 0px 30px;}
#contentContainer ul.csc-bulletlist li { margin-top: 0.8em; list-style-image:url(../grafics/ico_list.gif); font-size: 80%; color:#451d76; font-style: normal;}

/*--------------- Header mit Hauptnavigation ----------------- */

#header{
	position:absolute;
	top:0px;
	left:0px;
	height:500px;
	width:958px;
	background: url(../images/bg_homepage.jpg) no-repeat;
	background-position: 12px 0px;}
	
#hnav{
	position:absolute;
	top:42px;
	left:12px;
	height:39px;
	width:946px;
	background: url(../grafics/bg_hnav.png);}

ul#hnavlist {
	position: relative;
	top: 1px; 
	right: 20px;
	float: right;
	margin: 0; 
	padding: 0;
	list-style-type: none;
}

#hnavlist li {
	float: left;
}

/*--------------- Linkformate für hnav ----------------- */
#hnavlist a {
	display: block;
	float: left;
	height: 21px;
	padding: 3px 10px 0px 10px;
	border-left: 1px solid #451d76;
	font-weight: bold;
	font-size: 80%;
	color: #FFF;
	text-decoration: none;
}
	
#hnavlist a:hover{
	color: #451d76;
	background: url("../grafics/bg_hnav_hover.gif") repeat-x;}
	
#hnavlist li.aktiv a {				/* Aktiver Zustand in Hauptnavigation */
	color: #451d76;
	background: url("../grafics/bg_hnav_hover.gif") repeat-x;}
	

/*--------------- Leftpane mit Logo Sekundär- & Service-Navigation----------------- */
#leftpane{
	position:absolute;
	top:0px;
	left:26px;
	width:171px;}

#left01{	/*Layer links oben für Servicenav.	*/
	position:relative;
	top:0px;
	left:0px;
	height:16px;
	width:203px;
	background: #451d76 url(../grafics/sernav_txt.gif) 100px 0px no-repeat;
}

#left02_bottom{
	position:relative;
	top:0px;
	left:0px;
	width:203px;
	background: url(../grafics/bg_leftpane_bottom.png) no-repeat;}

ul#sernav {
	position: relative;
	top: 0px; 
	left: 10px;
	float: left;
	width: 193px;
	margin: 0; 
	padding: 0;
	
	list-style-type: none;}
	
#sernav li {
	float: left;}

/*--------------- Linkformate für Servicenav. ----------------- */
#sernav a {
	display: block;
	float: left;
	height: 16px;
	padding: 0px 2px 0px 2px;
}

/*--------------- Layer für Logo ----------------- */
#logo{
	position:relative;
	top:0px;
	left:0px;
	height:156px;
	width:203px;
	text-align: center;
	background: #FFF;}

#newsimage{
	position:relative;
	top: 0px;
	left:0px;
	height:150px;
	width:240px;
	text-align:left;}

/*--------------- Adress Layer unten links und Formate ---------- */
div#left02_bottom address{
	position:relative;
	top: -35px;
	left: 0px;
	height: auto;
	font-size:70%;
	font-style:normal;
	line-height: 1.4em;
	color: #383838;}

div#left02_bottom address a{
	font-size: 100%;
	text-decoration: none;
	text-indent: 15px;
	background:url(../grafics/ico_link.gif) no-repeat;
	display:block;
	color:#E83022;}
	
div#left02_bottom address a:hover, div#left02_bottom address a:active {background:url(../grafics/ico_link_hover.gif) no-repeat; color:#451d76;}
div.tx-indexedsearch-browsebox ul {list-style-type: none; margin-bottom: 1em; padding-left: 2em; font-size: 80%;}
input.tx-indexedsearch-searchbox-button{border: 1px solid #451d76; width: 100px; height: 20px; color: #451d76; background: #FFF; font-size: 80%;}
#tx-indexedsearch tr.tx-indexedsearch-title {width: 450px;}
#content ul {margin-top:0px};
#content ul li {color: #383838; font-size: 80%; margin-left: 15px; }
#contentContainer div.csi-imagewrap dl.csi-image dt a, #contentContainer div.csi-imagewrap dl.csi-image dt a:hover {background: none; padding-left:0px;}
td.tx-indexedsearch-info a { white-space: normal}
td.csc-form-fieldcell input{color: #451d76; font-size: 80%;}
p.csc-form-label{margin-right:20px; vertical-align:top;}

/* mailform */
.csc-mailform {
border:medium none;
display:block;
padding:0pt;
position:relative;
}
div.csc-mailform-field label {
display:block;
float:left;
position:relative;
text-align:left;
width:140px;
font-size: 0.8em;
}

div.csc-mailform-label{
	font-size: 0.8em;
	padding-bottom: 10px;
}

div.csc-mailform-field input, div.csc-mailform-field textarea {
background-color:#E4E4E4;
border:1px solid #451d76;
color:#451d76;
font-family:Arial,Verdana,Helvetica,sans-serif;
height:1.4em;
left:20px;
margin:4px;
padding:2px;
position:relative;
width:220px;
font-size:0.8em;
letter-spacing:0.02em;
}


div.csc-mailform-field textarea {
height:90px;
}

div.csc-mailform-field input:focus, div.csc-mailform-field textarea:focus {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #383838;
color:#383838;
}

div.csc-mailform-field input.csc-mailform-check {
border:1px solid #451d76;
display:block;
height:25px;
left:20px;
margin:10px 0pt;
padding:2px;
position:relative;
width:25px;
letter-spacing:0.02em;
}
html > body div.csc-mailform-field input.csc-mailform-check {
left:140px;
}
div.csc-mailform-field input.csc-mailform-submit {
background:#E7E7E7 none repeat scroll 0%;
border:1px solid #451d76;
clear:left;
color:#451d76;
cursor:pointer;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:0.8em;
font-weight:normal;
height:22px;
left:142px;
margin:20px 0pt;
position:relative;
width:195px;
letter-spacing:0.02em;
}
html > body div.csc-mailform-field input.csc-mailform-submit {
left:145px;
position:relative;
width:225px;
}
div.csc-mailform-field input.csc-mailform-submit-profil {
background:#9E9E9E none repeat scroll 0%;
border:1px solid #451d76;
color:#451d76;
cursor:pointer;
font-size:0.8em;
font-weight:normal;
left:22px;
margin:20px 0pt;
position:relative;
width:120px;
}
div.csc-mailform-field input.csc-mailform-submit-anmelde {
background:#9E9E9E none repeat scroll 0%;
border:1px solid #451d76;
color:#451d76;
cursor:pointer;
font-size:0.8em;
font-weight:normal;
left:22px;
margin:20px 0pt;
position:relative;
width:120px;
}
#mailformAnrede {
background-color:#E4E4E4;
border:1px solid #451d76;
color:#451d76;
font-size:0.8em;
font-weight:normal;
left:24px;
letter-spacing:0.02em;
margin:0pt 0pt 0.5em;
padding:2px;
position:relative;
width:225px;
}

#mailformAnrede:focus {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #383838;
color:#C61F1B;
}

.csc-mailform fieldset {
	border:none;
	margin:0px;
	padding:0px;
}
.csc-mailform fieldset legend {
	display:none;
}
span.csc-mailform-radio input {
	width:auto;
	background:none;
	border:0px;
	margin-right:40px;
	float:left;}
	
span.csc-mailform-radio label {
	float:none;
	width:250px;
	height:20px;}