@charset "UTF-8";
@media all{
*{margin:0;padding:0}option{padding-left:0.4em}html{height:100%;margin-bottom:1px}body{height:100%;font-size:100.01%}img{border:0}.clear{clear:both}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}

body{
	text-align: center;
	background-color: #5591ac;
	background-image: url('../img/hg_body.jpg'); 
	background-repeat: repeat-x;
	background-position: center 0;
	font-family: Arial, sans-serif;
    color: #31484e;
}


#nav .first {
	text-align:left;
	}

h1{
	margin-bottom: 20px;
	font-size: 19px;
}

#logo{
	text-align: center;
	margin-bottom: 31px;
}

#main{
	position: absolute;
	left: 50%;
	margin-left: -420px;
	text-align: left;
	width: 900px;
}

#nav{
	position: absolute;
	z-index: 89;
	top: 194px;
	left: 50%;
	margin-left: -420px;
	padding: 4px 0 6px 0;
	background-color: #027AAF;
	font-size: 13px;
	width: 900px;
}

#nav li{
	list-style-type: none;
	float: left;
	display: block;
	color: #b8e1f3;
}

#nav a{
	color: #b8e1f3;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 0 30px;
}

#nav ul li:hover{
	background-color: #099fcF;
}

#nav li.act,
#nav li.act a,
#nav li a:hover{
	color: #fff;
}

#nav ul{
	background-color: #027AAF;
	display: none;
	position: absolute;
	width: 190px;
	margin-left: 5px;
	opacity: 0.93;
	-moz-opacity: 0.93;
	font-size: 12px;
	padding: 10px 0;
	line-height: 1.4em;
	z-index: 999;
	overflow: visible;
}

#nav ul li{
	display: block;
	width: 190px;
	float: none;
	list-style-type: disc;
	list-style-position: outside;
}

#nav li:hover ul{
	display: block;
}

#nav li:hover ul ul{
	display: none;
}

#nav li li:hover ul{
	display: block;
}

#nav ul ul{
	opacity: 1;
	-moz-opacity: 1;
	margin-left: 190px;
	margin-top: -26px;
}

#contentwrap{
	padding-left: 175px;
	background-color: #DEEDF4;
	min-height: 400px;
}

#content{
	float: left;
	width: 480px;
	padding-top: 25px;
}

#content a{
	color: #027AAF;
}

#content p,
#content ul,
#content ol{
	line-height: 1.4em;
	font-size: 13px;
	margin-bottom: 15px;
}

#content ul,
#content ol,
#subcontent ul,
#subcontent ol{
	padding-left: 20px;
}

#content li,
#subcontent li{
	list-style-image: url('../gfx/blue_dot.gif'); 
}

td{
	font-size: 13px;
	vertical-align: top;
}

#content .csc-textpic-imagewrap ul,
#content .csc-textpic-imagewrap ol,
#subcontent .csc-textpic-imagewrap ul,
#subcontent .csc-textpic-imagewrap ol {
	margin:0;
	padding:0;
}

#contentwrap div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img{
	border:2px solid #fff;
}

#content .ce{
	border-bottom: 1px dotted #31484e;
	margin-bottom: 10px; 
}

#subcontent{
	float: right;
	width: 185px;
	background-color: #bde2f2;
	padding: 10px;
}

#subcontent p{
	line-height: 1.3em;
	font-size: 13px;
}

#registerlink{
	position: absolute;
	top: 130px;
	left: 50%;
	margin-left: -490px;
}

#teasernav{
	position: absolute;
	top: 345px;
	left: 50%;
	margin-left: -503px;
}

#metanav{
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -420px;
	background-color: #027AAF;
	padding: 4px 0 6px 0;
}

#metanav li{
	list-style-type: none;
	float: left;
	display: inline-block;
	padding: 0 10px;
}

#metanav li a{
	color: #b8e1f3;
	text-decoration: none;
	font-size: 13px;
}

#metanav li.act a,
#metanav li a:hover{
	color: #fff;
}

#footer{
	padding: 5px 0;
	color: #fff;
	font-size: 10px;
}

#supportfooter {
	clear: both; 
	background:#bde2f2; 
	padding: 10px; 
	color: #31484e; 
	margin-bottom: 10px;
}


#supportfooter p {
	text-align: center;	
	padding: 3px 63px 0 63px; 
	}
	
#footer a{
	color: #fff;
	text-decoration: none;
}

#footer .provider{
	display: block;
	float: right;
	width: 250px;
	text-align: right;
	margin-top: -3px;
}

#footer .provider-text{
	display: block;
	float: left;
	height: 18px;
	padding-top:3px;
}

.accordion{
	margin-bottom: 5px;
}

.accordion .ka-handler{
	background-color: #008dbd;
	color: #fff;
	padding: 4px 5px 5px 5px;
	font-weight: normal;
	cursor: pointer;
}

.accordion .ka-handler *{
	font-size: 13px;
	margin-bottom: 0;
}

.accordion .ka-content{
	background-color: #C1E0EE;
	padding: 10px 5px;
}

#content .ka-content p{
	margin-bottom: 0;
}

  /* #############################
** ### Mail-Formular ###########
** #############################
*/

form#mailform fieldset {
	border:none; 
	background: transparent;
	width: 480px;
	}
	
.csc-mailform-header-error{
	color: red;
}
	
div.csc-mailform-header{
	font-weight: bold;
	margin-bottom: 1.5em;	
}


	
div.csc-mailform-field div.label {
	display: block;
	width:140px; 
	text-align:left; 
	float: left;
	font-size: 0.75em;
	color: #31484f;
	}
	
fieldset.csc-mailform div.beschriftung {
	font-weight: bold;
	font-size: 0.75em;
	margin-bottom: 0.8em;
	margin-top: 3.5em;
}

div.csc-mailform-field {margin-bottom: 0.8em;}

div.csc-mailform-field input, 
div.csc-mailform-field textarea {
	border: none;
	background: #bde2f2;
}

div.csc-mailform-field select {}

div.csc-mailform-field textarea{
	padding: 0.3em; 
	font-size: 1.0em; 	
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
}

div.csc-mailform-field input.text {	
	padding: 0.2em;
	
}
input.csc-mailform-text {
}
	
div.csc-mailform-field input.csc-mailform-radio {
	background: transparent;
	}

div.csc-mailform-field input.csc-mailform-check {
	width:auto; 
	border:0; 
	margin-top:0.2em;
	background: transparent;
	}
	
div.csc-mailform-field span,
label span {font-weight: bold;}

div.csc-mailform-field input.csc-mailform-submit {
	cursor:pointer;
	float: right;
	padding: 0.2em;
	height: 2em;
	font-weight: bold;
	line-height: 1.6em;
	background: #027aaf;
	color: #fff;
	}
	

div.csc-mailform-field input.csc-mailform-submit:hover {
	border: 1px solid white;
}

div.csc-mailform-field input.csc-mailform-submit:active{ 
	margin: 1px 1px 0 0;
	
	}
	
span.csc-mailform-field-error-message {
	color: red;
	font-size: 0.7em;
	margin-left: 140px;
}

  /* #############################
** ### CSS Styled Content #######
** #############################
*/

.csc-textpic-caption {font-size: 78%; padding-top:3px}

}