@charset "utf-8";
/* CSS Document */

/*********** basics **********/

body,td,th,div,p, input,textarea, button {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #404040;}
	
body {
	background-color: #404040;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;}
	
table{
	border-collapse:collapse;
	border-spacing: 0;}
	
ol, ul {
	list-style: none;}
	
blockquote, q {
	quotes: none;}
	
div.clearboth,span.clearboth {
	clear:both;
	font-size:0em;}
	
.clear  {
	overflow:hidden;
	width:100%;}
	
.clearall{
	float:none;
	line-height:0px;}
	
.floatleft{
	float:left;}
	
/*********** header **********/
	
h1 {
	font-size: 25px;
	padding:10px 0px;
}

h2 {
	font-size: 25px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/h2_hg.gif) no-repeat left top;
	width:612px;
	height:36px;
	display:block;
	text-transform:uppercase;
	line-height:36px;
	padding-left:10px;}

h3 {
	font-size: 25px;
	font-weight:bold;
	padding:10px 0px;
	text-align:left;}

h4 {
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	padding:5px 0px;}
	
h4.toggle{
	background:url(../images/h4_hg_off.gif) no-repeat left top;
	cursor:pointer;
	display:block;
	font-weight:bold;
	font-size:15px;
	color:#7fa802;
	text-transform:uppercase;
	height:36px;
	line-height:34px;
	padding-left:45px;
	margin:5px 0px 5px 0px;}
	
h4.act{
	background:url(../images/h4_hg_on.gif) no-repeat left top;
	color:#404040;}

h5 {
	font-size: 14px;}

h6 {
	font-size: 15px;
}
	
/*********** links **********/
a{
	color:#404040;
	text-decoration:none;}

a:hover, a:hover.button,a:hover.buttonDark, #master a:hover.button{
	color:#7fa802;
	text-decoration:none;}
	
#master a{
	color:#7fa802;}
	
#master a:hover{
	text-decoration:underline;}
	
#master a.button{
	color:#404040;}
	
#sucheLogin .inner p{
	display:block;
	background:url(../images/sucheReiter_hg.png) no-repeat left top;
	width:147px;
	height:34px;
	position:relative;
	left: 730px;
	top:0px;
	color:#FFF;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:8px;
	text-align:center;}
	
#sucheLogin .inner p a{
	color:#FFF;}
	
#sucheLogin .inner a:hover, #footer p a:hover{
	color:#7fa802;}
	
#footer p a {
	color:#FFF;
	text-decoration:underline;}
	
a.button{
	background:url(../images/button_a.gif) no-repeat right top;
	color:#404040;}
	
a.buttonDark{
	background:url(../images/button_dark_a.gif) no-repeat right top;
	color:#FFF;}
	
a.button, a.buttonDark{
	display:block;
	height:29px;
	float:left;
	margin-right:6px;
	padding-right:15px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;}
	
a.button span{
	background:url(../images/button_span.gif) no-repeat;}
	
a.buttonDark span{
	background:url(../images/button_dark_span.gif) no-repeat;}
	
a.button span{
	line-height:17px;
	padding: 5px 0 7px 15px;}	
	
a.buttonDark span{
	line-height:15px;
	padding: 5px 0 9px 15px;}

a.button span, a.buttonDark span{
	display:block;}
	
a.button:active, a.buttonDark:active{
	background-position:bottom right;
	outline:none;}
	
a.button:active span{
	background-position: bottom left;
	padding: 6px 0 6px 15px;}	
	
a.buttonDark:active span{
	background-position: bottom left;
	padding: 6px 0 8px 15px;}
			
/*********** mainNav & communityLinks **********/
	
#nav ul#mainNav{
	border-bottom:solid 4px #f0f0f0;
	padding-bottom:40px;}

#nav ul#mainNav li{
	margin-bottom:10px;}

#nav ul#mainNav li a{
	background:url(../images/subnav_icon.gif) no-repeat left top;
	display:block;
	height:30px;
	font-size:15px;
	line-height:15px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin-left:20px;
	padding-left:50px;}

#nav ul#mainNav li a span{
	font-size:12px;
	color:#b5b5b5;
	text-transform:none;
	line-height:15px;}
	
#nav ul#mainNav li.selected a{
	background-position: bottom left;
	color:#7fa802;
	cursor:default;}
	
#nav ul#communityLinks{
	padding:40px 0px 0px 20px;}
	
#nav #fbtag{
	padding: 5px 0px 0px 20px;}
	
#nav ul#communityLinks li{
	padding-bottom:10px;}
	
/* suche */

#loginFeld .clear{
	width:auto;}

ul#login{
	margin-left:480px;}
	
p#loginTxt{
	display:block;
	color:#FFF;
	margin-top:5px;
	text-align:right;
	text-transform:uppercase;}
	
p#loginTxt span{
	color:#a6a6a6;}

ul#login li{
	float:left;
	width:135px;
	padding-right:10px;}
	
ul#login li label{
	font-size:15px;
	color:#FFF;}
	
#login button{
	background-color:#404040;
	padding:29px 0px 0px 0px;}
	
#login button b.button{
	background:url(../images/button_dark_a.gif) no-repeat right top;
	color:#FFF;}
	
#login button b.button span{
	background:url(../images/button_dark_span.gif) no-repeat;
	line-height:17px;
	padding: 5px 0 7px 15px;}
	
#login input{
	background: url(../images/login_input_hg.gif) no-repeat left top;
	width:130px;
	border:none;}
	
/* suchergebnis */
	
p.csc-searchResult{
	border-bottom:4px solid #F0F0F0;
	margin-bottom:10px;
	padding-bottom:10px;}
	
h3.csc-searchResultHeader{
	padding:0px;}
	
.csc-searchResultRange{
	font-weight:bold;}

/*********** forms **********/
input, select{
	line-height:30px;
	height:30px;}

select{
	min-width:150px;}
		
input, textarea{
	width:98%;}
	
input, textarea, select{
	border:solid 1px #c2c2c2;
	font-size:15px;
	color:#7fa802;
	padding-left:5px;
	margin:0px;}
	
button{
	border:medium none;
	background-color:#FFF;
	margin:0px;
	padding:10px 0px;
	cursor:pointer;}
	
button b.button{
	background:url(../images/button_a.gif) no-repeat right top;
	display:block;
	color:#404040;
	display:block;
	height:29px;
	float:left;
	margin-right:6px;
	padding-right:15px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;}
	
button b.button span{
	background:url(../images/button_span.gif) no-repeat;
	line-height:17px;
	display:block;
	padding: 5px 0 7px 15px;}	

	
label{
	display:block;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:10px;}
		
div.csc-mailform-field input.csc-mailform-submit{
	background:url(../images/btn_suchen.gif) left top no-repeat;
	width:84px;
	height:29px;
	font-size:0px;
	border:none;
	margin-top:10px;}
	
.csc-mailform-field{
	width:622px;}
	
/*********** text **********/

.green{
	color:#7fa802;}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{
	font-style: italic;
	font-size:12px;}

/*********** layout **********/
/* header */
#wrapper{
	background-color:#FFF;}
	
#header{
	background:url(../images/header_hg.gif) repeat scroll 50% 0 transparent;
	height:180px;}
	
.inner{
	margin:0 auto;
	width:960px;}
	
h1#logo{
	display:block;
	position:relative;
	left:20px;
	top:20px;
	padding:0px;}
	
#loginFeld{
	overflow:hidden;
	position:relative;
	background-color:#404040;}

#sucheLogin{
	background:url(../images/suche_verlauf_hg.png) repeat-x left top;
	height:77px;}
	
.imgWrapper{
	position:relative;
	margin-bottom:10px}
	
.imgWrapper .lt, .imgWrapper .rt,.imgWrapper .lb, .imgWrapper .rb{
	width:10px;
	height:10px;
	font-size:2px;
	position:absolute;
	z-index:100;
	background-repeat:no-repeat;}
		
.imgWrapper .lt{
	background-image:url(../images/eck_lt.png);
	top:0px;
	left:0px;}
	
.imgWrapper .rt{
	background-image:url(../images/eck_rt.png);
	top:0px;
	right:0px;}

.imgWrapper .lb{
	background-image:url(../images/eck_lb.png);
	bottom:0px;
	left:0px;}
	
.imgWrapper .rb{
	background-image:url(../images/eck_rb.png);
	bottom:0px;
	right:0px;}
	
/* content */

#nav{
	width:285px;
	margin-right:53px;
	float:left;}

#content{
	width:622px;
	float:left;}
	
#home .colBoarder{
	border-bottom:solid 4px #f0f0f0;
	padding-bottom:25px;
	margin-bottom:25px;}
	
#home .infoBlock .infowrapper{
	height:310px;
	overflow:hidden;
	text-align:justify;
	margin-bottom:20px;}
	
#home .kontaktBlock .infowrapper{
	overflow:hidden;
	text-align:justify;
	margin-bottom:20px;}
	
#home .col1{
	width:285px;
	margin-right:52px;
	float:left;}

#home .col2{
	width:285px;
	float:left;}
	
#home .col1, #home .col2{
	overflow:hidden;}
	
#home .infowrapper h2{
	font-size: 25px;
	color:#fdb813;
	font-weight:bold;
	background:none;
	width:auto;
	height:auto;
	display:inherit;
	text-transform:none;
	line-height:normal;
	padding:0px 0px 15px 0px;}
	

#home .newsBlock h2, #home .kontaktBlock h2{
	font-size: 15px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/h2_small_hg.gif) no-repeat left top;
	width:285px;
	height:29px;
	display:block;
	text-transform:uppercase;
	line-height:28px;
	padding-left:10px;
	margin-bottom:20px;}
	
#home .newsBlock .imgWrapper{
	width:90px;
	margin-right:10px;
	margin-bottom:0px;}

#home .txt {
	width:185px;}
	
#home .txt h3 a{
	font-size:15px;
	color:#7ca502;}
	
#home .txt h3 a:hover, #home .kontaktBlock li a:hover.email, #home .kontaktBlock li a:hover{
	color:#404040;}
	
#home .txt h3 span{
	font-size:11px;
	font-weight:normal;
	display:block;
	padding-bottom:5px;
	color:#404040;}	
	
#home .newsBlock li{
	border-bottom: dotted 3px #d1d1d1;
	margin-bottom:10px;
	padding-bottom:10px;}
	
#home .kontaktBlock li a.email{
	background:url(../images/email_icon.gif) no-repeat left center;}
	
#home .kontaktBlock li a{
	background:url(../images/subnav_icon.gif) no-repeat left top;
	display:block;
	height:30px;
	padding-left:40px;
	font-size:20px;
	color:#7ca502;
	font-weight:bold;
	line-height:30px;}
	
#home .kontaktBlock li{
	padding-bottom:10px;}
	
#master{
	overflow:hidden;
	text-align:justify;}
	
#master td{
	text-align:left;}
	
#master h2{
	margin-bottom:30px;}
	
#master ul{
	list-style: circle;
	padding-left:15px;}
	
#master ul li{
	padding: 5px 0px;}
	
#master .csc-textpic-text p, #master .csc-default p{
	margin-bottom:15px;}
	
#master table.contenttable p.bodytext{
	margin:0px;}
	
#master div.jcarousel-clip ul li, #master div.jcarousel-clip ul{
	padding:0px;}
	
#master .imgWrapper{
	/*float:right;
	margin: 0px 0px 25px 15px;*/}
	
div.csc-textpic-intext-right div.csc-textpic-imagewrap{
	margin: 0px 0px 25px 25px !important;}
	
#master .nest .imgWrapper{
	margin: 0px 0px 25px 0px;}
	
#master .diashow{
	padding-bottom:30px;}
	
#master .diashow .imgWrapper{
	margin: 0px 0px 10px 0px;}
	
#master .diashow p.txt{
	padding-bottom:10px;}
	
div.hrLine {
	border-bottom:4px solid #f0f0f0;
	clear:both;
	height:10px;
	line-height:0;
	margin-bottom:10px;}
	
div.hrLine hr {
	display:none;}

a.top{
	display:block;
	background:url(../images/top_icon.gif) no-repeat left top;
	width:29px;
	height:30px;
	float:right;}
	
a.top span{
	display:none;}

/* footer */	
	
#footer{
	background:url(../images/bottom_verlauf.png) repeat-x left top;
	height:160px;
	text-align:center;}

#footer ul{
	padding-top: 90px;
	display:block;
	margin: 0 auto;
	width:500px;}

#footer li{
	display: inline;
	color:#FFF;}
	
#footer p{
	color:#FFF;
	font-size:12px;
	padding-top:10px;}