/*


orange: #fda200
braun: #666666
*/


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img { ./:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

a:focus { outline: none; }

div, p, li, a {background-repeat:no-repeat; } x

/* ### reset some basic style ################################################### */

dl		{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol		{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p		{margin-bottom: 10px;}

ul		{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

a:hover { text-decoration:none; }

a:link {
	color: #fda200;
	text-decoration:none;
	}
a:visited {
	color: #fda200;
	text-decoration:none;
	}
a:focus {
	color: #000;
	text-decoration:none;
	}
a:hover {
	color: #000;
	text-decoration:none;
	}
a:active {
 	color: #000;
	text-decoration:none;
}


.floatLeft { float:left; }
.floatRight { float:right; }

.textbild .floatLeft {
	display: block;
	margin-right: 20px;
}

.textbild img {
	margin-top: 10px;
	border: 1px solid #fda200;		
}

.textbild .floatRight {
	display: block;
	margin-left: 20px;
}

.textbild .subline {
	font-size: 10px;
	margin-bottom: 5px;
	color: #fda200;
}



/*	html
*******************************************************************************/
html {
	background-color: #fff;
	background: #dad9d8 url(back.gif) repeat-x;
	height: 100.2%;
	margin-bottom: 1px;

}



/*	body
*******************************************************************************/
body {
	font-family: verdana, Arial, sans-serif;
	color: #000;
	width: 980px;
	font-size: 14px;
	margin:0 auto;
	padding:0;	

}

#wrapper {
	width: 980px;
}

.clear {
	clear:both;
}

.flLeft 	{ float:left;}
.flRight 	{ float:right; }

.clboth {  
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}


.warning, 
#main-block .warning { color:#f00; }

/*	Header
*******************************************************************************/

#header {
	width: 980px;
	border-top: 7px solid #fda200;
	height: 160px;
}


#logo {
	display: block;
	float: left;
	height: 50px;
	width: 340px;
	margin-top: 60px;
	margin-left: 0px;
	background-color: #fff;
	
}

#logo a {
	display:block;
	height: 50px;
	width:  340px;
	text-indent:-1700em;
	text-decoration: none;
	background-image: url(csb-logo.gif);
	}


#maincontent {
	width: 550px;
	min-height: 300px;
  	height:auto !important;
 	height: 300px;
	float: right;
	background-color: #666666;
	padding: 20px 25px 20px 25px;
	color: #fff;
}


/* footer */

#footer {
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
	height: 60px;
	width: 585px;
	padding-right: 15px;
	font-size: 10px;
	color: #999999;
}

#footer a,
#footer a:visited {
	color: #999999;
}


#footer a:hover,
#footer a:active {
	color: #000;
	text-decoration:none;
	}


.footerlinks 	{
	font-weight: normal;
	float:left;
	padding: 8px;
	margin-left: 10px;
	}
	
.footerrechts	{
	float: right;
	padding: 4px;
	width: 160px;
	text-align: right;
	}

/*fonts*/

h1 {
	font-family: verdana, Arial, sans-serif;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
 }


h2 {
	display: block;
	font-family: verdana, Arial, sans-serif;
	color: #fda200;
	font-size: 16px;
	font-weight: normal;
	margin-top: -3px;
	margin-bottom: 20px;
}



#maincontent  table {border:none; padding:0px; margin:0px; border-spacing:0px; width: 100%;}
#maincontent  tr { border:none; padding:0px; margin:0px;}
#maincontent  td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px;}

#maincontent .rowclass {
	width: 280px;
}

#maincontent ul		{list-style: none; margin-bottom: 15px;}
#maincontent ul li		{
	font-weight: normal;
	font-size: 14px;	
	margin-bottom: 10px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 4px 13px;
	background: url(dot.gif) 3px 8px no-repeat;
}
.extern  {
padding-left: 14px;
color: #000;
background: url(extern.gif) 0 5px no-repeat;
}

strong {
	font-size: 10px;	
}

/******/

#hauptnavigation {
	margin-top: 130px;
	float: right;
	margin-right: 20px;
	width: 600px;
}
#hauptnavigation ul {
	float: right;
	list-style:none;
	display:block;
}

#hauptnavigation ul li {
	float:left;
	margin-left: 5px;
	padding: 5px;
}

#hauptnavigation ul li a:link,
#hauptnavigation ul li a:visited {
	color:#9f9ea2;
	font-size: 12px;
	text-decoration:none;
	font-weight: normal;
	}
#hauptnavigation ul li a:hover {
	color: #000;
	}
#hauptnavigation ul li a.rex-current,
#hauptnavigation ul li a.rex-active {
	color: #000
	}


/******/

#subnavigation {
	margin-top: 130px;
	float: left;
	width: 360px;
}
#subnavigation ul {
	float: right;
	list-style:none;
	display:block;
}
#subnavigation ul li {
	padding: 5px;
}
#subnavigation ul li a:link,
#subnavigation ul li a:visited {
	width: 200px;
	display: block;
	color:#9f9ea2;
	font-size: 12px;
	text-align: right;
	text-decoration:none;
	font-weight: normal;

}
#subnavigation ul li a:hover {
	color: #000;
}
#subnavigation ul li a.rex-current,
#subnavigation ul li a.rex-active {
	color: #000
}


/*	Formulare *****************************************************************/
	div#form-module fieldset {
		border: 1px solid #666666;
		padding-bottom: 20px;
		
	}

	div#form-module p {
		clear: both;
		margin-bottom: 1px;
	}
	div#form-module p.formcheckbox, 
	div#form-module p.formmcheckbox {
		float: left;
		width: 100%;
	}

	div#form-module p.formselect, 
	div#form-module p.formtextarea, 
	div#form-module p.formcheckbox, 
	div#form-module p.formmcheckbox {
		font-family: arial, sans-serif;
		font-size: 14px;
		margin-bottom: 1px;
		
	}
	div#form-module p.formhtml, 
	div#form-module p.formcaptcha {
		margin-top: 10px;
		margin-bottom: 1px;
		font-weight: normal;
		width: 400px;
	}
	div#form-module p.formhtml {
		font-weight: bold;
	}


	/******************************	Label */
	div#form-module p label {
		margin-top: 5px;
		display: block;
		float: left;
		width: 100px;
	}
	div#form-module p.formtextarea label {
		font-family: Arial, sans-serif;
		font-size: 12px;
		float: none;
	}
	div#form-module p.formcheckbox label {
		padding-top: 0px;
	}

	div#form-module p.formtextarea label {
		font-family: verdana, arial, sans-serif;
		font-size: 14px;		
		display: block;
		float: left;
		width: 105px;
	}


	/******************************	Captcha */

	div#form-module p.formcaptcha {
		width: 350px;
		margin-left: 108px;
	}

	div#form-module p.formcaptcha label {
		width: 150px;
		height: 30px;
	}


	div#form-module p.formcaptcha img {
	}

	div#form-module p.formcaptcha input {
		float: right;
		font-family: verdana, arial, sans-serif;
		font-size: 14px;
		height: 23px;
		margin-top: 5px;
		padding-top: 5px;
		border: 1px solid #c5bdb5;
		text-align: center;	
		width: 145px;
	
	}

	div#form-module p.formcaptcha span {
		display:block;
		font-family:arial, sans-serif;
		font-size: 10px;
		line-height: 12px;
		margin-bottom: 5px;
	}

	/******************************	Input */
	div#form-module p.formtext input, 
	div#form-module p.formpassword input {
		font-family: verdana, arial, sans-serif;
		font-size: 14px;
		margin: 5px;
		padding: 2px;
		width: 350px;
		color: #000;
	}


	/******************************	TEXTAREA */
	div#form-module p.formtextarea textarea {
		margin-top: 5px;
		padding: 2px;
		width: 354px;
		height: 250px;
		font-family: verdana, arial, sans-serif;
		font-size: 14px;
		border: 1px solid #c5bdb5;
		color: #000;
	}
	div.com-answer div#form-module div.com-content p.formtextarea textarea {
		width: 330px;
	}
	/******************************	Select */
	div#form-module p.formselect select {
		width: 350px;
	}

	/******************************	CHECKBOX */
	div#form-module p.formcheckbox input, 
	div#form-module p.formmcheckbox input {
		float: left;
		margin: 1px;

	}
	div#form-module p.formmcheckbox input {
		margin-left: 0px;
	}
	div#form-module p.formcheckbox label, 
	div#form-module p.formmcheckbox label {
		float: left;
		margin-left: 10px;
		width: 350px;
	}

	/******************************	LINE */
	div#form-module p.formline {
		overflow: hidden;
		height: 1px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 10px;
	}

	/******************************	SUBMIT */
	div#form-module p.formsubmit label {
		display: none;
	}

	div#form-module p.formsubmit input {
		width: 350px;
		border: 1px solid #000;

		margin-left: 108px;
		margin-top: 20px;
		padding: 2px;
		font-family: verdana, arial, sans-serif;
		font-size: 12px;
		background-color: #dad9d8;
		color: #000;
	}

	.form_warning {
		color: #fda200;
	}




	/**
	* @package Zweispalter
	* @name ZS CSS
	* @author ZFeN - sven@zfen.de - http://www.zfen.de
	* @version 1.0
	*/

	.zweispalter {
	  width: 550px; 
	}

	.zweispalter_1 {
	  	width: 270px;
		margin-bottom: 20px;
	}

	.zweispalter_2 {
	  width: 270px;
	  margin-left: 10px;
	  margin-bottom: 20px;
	}

	.zweispalter_1, 
	.zweispalter_2 {
	  float: left;
	}


	/** download **/
	.download {
		display: block;
		clear: both;
		font-size: 12px;
	}

	.list_content {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-decoration:none;
		font-size:14px;
		width: 500px;
		display: block;
		margin-left: 30px;

	}

	.list_content2 {
		padding-top: 2px;
		width: 20px;
		float: left;
	}

	.list_content3 {
		clear: left;
		width: 470px;
		float: left;
	  	font-size:12px;
		text-decoration:none;
		color:#fff;
		margin-left: 30px;
		padding-bottom: 5px;
		}




		.renderhead { display:block; }
		 .renderhead span { display:none; }
		 .renderhead img { border:0; }