@charset "utf-8";
@import url("mobile.css") handheld; 
@import url("mobile.css") only screen and
(max-device-width:480px);

/*------------------------ LAYOUT start------------------------------*/
body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;

	letter-spacing: none;
	background: #898989;
	margin: 0; 
	padding: 0;
	text-align: center; 
	
	color: #666;
}
div{
	/* background-color: #FFF; */
	margin: 0;
	padding: 0;
}
#container {
	width: 970px;  
	margin: 33px auto;
	text-align: left; 
	background-color: #FFF;
}
#oben{
	padding-top: 33px;
}
#navigationsBereich{
	width: 202px;
	padding-left: 22px;
	float: left;
	
}
*html #navigationsBereich{
	width: 224px;
}
#logo{
	width: 202px;
	height: 178px;
	margin-bottom: 24px;
	overflow: visible;
}
#hauptNavigation{
	width: 202px;
	margin-bottom: 23px;
}
#nebenNavigation{
	width: 202px;
}
#contentBereich{
	position: relative;
	width: 717px; 
	float: right;
}
#navlang{
	position: absolute;
	top: -20px;
	right: 24px;
}
#headergrafik{
	width: 692px;
	height: 178px;
	margin-bottom: 24px;
}
#contentNavigation{
	width: 692px;
	height: 78px;
}
#buttons{
	width: 700px;
}
#breadcrumb{
	margin-top: 7px;
	width: 684px;
	height: 16px;
}

#content{
margin-top: 20px;

}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {
	margin-right: 5px !important;
}
#mainContent{
	width: 490px;
	padding-right: 22px;
	line-height: 1.6em;
	float: left;
	overflow: hidden;
}
#sidebar{
	width: 180px;
	float: left;
	padding-left: 10px;
	border-left: 1px solid #ccc;
	text-align: center !important;
}
*html #sidebar{
	float: left;
	width: 180px;
	padding-left: 15px;
}
*+html #sidebar{
	float: left;
	width: 180px;
	padding-left: 15px;
}
.clear{
	clear: both;
	height: 1px;
	width: 1px;
}
#footer{
	position: relative;
	clear:both;
	height: 60px;
	padding-top: 20px;
	padding-left: 22px;
	font-size: 10px;
}
*html #footer{
	height: 40px;
}
*+html #footer{
	height: 40px;
}
#footer p{
	border-top: 1px solid #ccc;
	margin-right: 22px;
	padding-top: 8px;
}
/*------------------------ LAYOUT ende ------------------------------*/

/*------------------------ FORMATE start ----------------------------*/
ul, li, dt, dl, p, span, img, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	color: #0d6e8f;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0.9em;
	font: 1.17em/1.29em Verdana, Geneva, sans-serif;
	
}
p{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
h1{
	font: 1.67em/1.2em Verdana, Geneva, sans-serif;
	margin-top: 0.8em;
	margin-bottom: 0.9em;
	text-decoration:underline;
}
h2{
	font: 1.5em/1em Verdana, Geneva, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center !important;
	
}
h3{
	font: 1.33em/1.13em Verdana, Geneva, sans-serif;
	margin-top: 0em;
	margin-bottom: 1.0em;
	text-align: center !important;
	
}
h4{
	font: 1.17em/1.29em Verdana, Geneva, sans-serif;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
	text-align: center;
	
	
	h5{
	font: 1.17em/1.29em Verdana, Geneva, sans-serif;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
	text-align: center;
}
}
ul{
	list-style-type: none;
}
#sidebar li{
	list-style-type: none !important;
	line-height: 18px;
	padding-left:0px;
	width: 150px;
	text-align: center! important;
	

}
*html #sidebar li{
	list-style-type: none !important;
	line-height: 18px;
	padding-left:-10px;

}


a{
	text-decoration: none;
	color: #0D6F92;
}
#content a:hover{
	text-decoration: underline;
}
/*------------------------ FORMATE ende -----------------------------*/

/*------------------------ NAVIGATION start -------------------------*/
#hauptNavigation a{
	display: block;
	background-color: #0d6f92;
	color: #fff;
	padding-left: 17px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
	border-bottom-width:1px;
 	border-bottom-style:solid;
 	border-bottom-color:#ffffff;
}

#hauptNavigation a:hover{
	background-color: #e0c901;
}




#hauptNavigation a:active{
	background-color: #e0c901 !important;
}

.active a{
	background-color: #e0c901 !important;
}



*html #hauptNavigation a:active{
	background-color: #e0c901 !important;
}

*html #hauptNavigation a{
	height: 11px;
}

*html li{
	height: 1px;
}
#hauptNavigation ul ul a{
	display: block;
	font-size: 10px;
	background-color: #239ebd;
	color: #fff;
	padding-left: 31px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
*html #hauptNavigation ul ul a{
	height: 19px;
}
#hauptNavigation ul ul a:hover{
	background-color: #4fb9d3;
}
.act a{
	font-weight: bold;
}

#nebenNavigation a{
	color: #0d6f92;
	display: block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 17px;

}
#nebenNavigation a:hover{
	font-weight: bold;
}
#nebenNavigation ul ul a{
	padding-left: 31px;
}


#buttons{
	font-size: 10px;
}
#buttons a{
	display:inline-block;
	width: 214px !important;
	height: 18px !important;
	padding-left: 8px;
	padding-top: 38px;
	margin-right: 8px;
	background-color: #e0c901;
	color: #fff;
}
*html #buttons a{
	display:inline-block;
	width: 214px !important;
	height: 18px !important;
	padding-left: 8px;
	padding-top: 38px;
	margin-right: 8px;
	background-color: #e0c901;
	color: #fff;
	width: 214px!important;
	height: 18px!important;
		
}
*+html #buttons a{
	width: 214px!important;
	height: 18px!important;
	
	
}
#buttons a:hover{
	color: #444;	
}

#breadcrumb{
	background-color: #f9f5d0;
	color: #666666;
	font-size: 10px;
	padding-left: 8px;
	padding-top: 4px;
}
*html #breadcrumb{
	width: 692px;
	height: 20px;
}
*+html #breadcrumb{
	width: 692px;
	height: 20px;
}

#breadcrumb a{
	color: #444;
}
#breadcrumb a:hover{
	color: #222;
}
#navlang li{
	display: inline;
}
#navlang a{
	color: #444;
}
#navlang a:hover{
	color: #222;
}
#navfoot{
	position: absolute;
	top: 44px;
	left: 253px;
}
*html #navfoot{
	top: 28px;
}
*+html #navfoot{
	top: 28px;
}
#navfoot a{
	color: #444;
}
#navfoot a:hover{
	color: #222;
}
/*------------------------ NAVIGATION ende --------------------------*/

/*----------------------------- BLOG start --------------------------*/
textarea{
	width: 400px;
	line-height: 18px;
	
	

	
}

#submit{
	color: #0d6f92;
	background-color: #fff;
	
	border: 1px solid #bbb;
}



ol li:even{
	background-color: #EEE;
}


h2.news-catmenu {
	padding:0px;
	border:none;
	margin:10px 0 12px 0;
	}

h2 a,
div#sidebar h2{
	display: block;
	color: #fff !important;
	background-color: #0d6f92;
	font-weight: normal !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	font-size: 12px;
	text-transform: none;
	letter-spacing: 1px;
}

*html h2 a,
div#sidebar h2{
	display: block;
	color: #fff !important;
	background-color: #0d6f92;
	font-weight: normal !important;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	font-size: 12px;
	text-transform: none;
	letter-spacing: 1px;
}

.postmetadata, .entry{
	padding-left: 10px;
}

.postmetadata{
	margin-bottom: 20px;
}

h2 a:hover{
	background-color: #239EBD;
	text-decoration: none !important;
}

.post small{
	display: block;
	background-color: #F9F5D0;
	color: #333;
	padding-left: 0px;
	padding-right: -10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: -5px;
}
/*----------------------------- BLOG ende --------------------------*/

/*---------------------- HELFER FORUMLAR start ---------------------*/
.tx-powermail-pi1 fieldset{
	border: none;
	margin: 0;
	padding:0;
}
.tx-powermail-pi1 legend{
	display: none;
}
.tx-powermail-pi1 label{
	display: block;
}
.tx-powermail-pi1 input{
	width: 150px;
	margin-bottom: 5px;
}
.tx-powermail-pi1 textarea{
	height: 120px;	
}
.powermail_mandatory_list b{
	color: red;
}

.tx-powermail-pi1_mandatory_submit, .powermail_submit, .tx-powermail-pi1_confirmation_back,.tx-powermail-pi1_confirmation_submit{
	margin-top: 10px;
	font-size: 11px !important;
	color: #0d6f92;
	background-color: #fff;
	border: none;
	border: 1px solid #bbb;
	width: 120px !important;
}
.powermail_all{
	font-size: 10px !important;
	width: 85%;
}
/*---------------------- HELFER FORUMLAR ende ----------------------*/


div.tx-veguestbook-pi1 .commentlist p {
	margin-top:0px;
}

div.news-list-image,
 div.news-single-image {
	float:left;
}

div.news-list-item {
	clear:both;
}

div.news-content {
	clear:both;
	width:100%;
	overflow:hidden;
}

div.news-single-content p,
 div.news-list-subheader p {
	margin-top:0px;
}

div.post div.news-content {
	margin:10px 0 0 0;
}
fieldset
{
	padding: 1em;
}
label
{
	float: left;
	width: 120px;
	margin-right: 1em;
	padding-top: 0.2em;
	text-align: right;
	font-weight: bold;
}
#mailformAdresse {
        width: 250px !important;	
}
#mailformIch_mchte_dabei_sein_weil {
	 width: 250px !important;
}
.csc-mailform-field {
	clear: both;
	padding: 4px;
}