

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 0px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor: auto;

}



.formgen form
{
    line-height : 120%;
}

.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
}
 .forminfo 
{
	width: 100%;
	margin-bottom: 15px;
	background-color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	border: 0px dashed #333333;
	color: #BF0000
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}

/* ### Formular ################################################################ */

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 50%;
	height: 100px;
	margin-top: 10px;
	border: 1px solid #b4b4b4;
	background-color: #ffffff;
	margin-left: 50px;
}


/* Textfeld */
.formgen .formtext
{
	width: 50%;
	padding-bottom: 12px;
	font-size: 10px;
	background-color: #ffffff;
		border: 1px solid #b4b4b4;
	margin-left: 50px;
	margin-bottom:3px;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border: 1px solid #b4b4b4;
	background-color: #efefef;	
	color: #000000;
}



/* Label */
.formgen label {
	clear: left;
	width: 120px;
	float: left;
	height: 20px;
	font-weight: normal;
	color: #222222;
	padding: 5px 0 0 0;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 98%;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	background-color: #3B6F8A;
	color:#fff;
	margin-top: 10px;
	border: none;
	width: 200px;
}

.submit{
	background-color: #cd5912;
	color:#fff;
	margin-top: 10px;
	border: none;
}


/* Fieldsetbeschriftung */
.formgen legend {
	color: #f1f1f1;
	background-color: #444444;
	padding: 5px;
	margin-top:10px;
}
.formgen .fieldset {
	margin-bottom: 20px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	border-bottom-width: 0px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 0px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
	padding: 0px;
	width:0;
}

.formgen .formreq {
	color: #cd5912;
}

.formgen .formheadline {
	color: #ffffff;
	background-color: #cb5812;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 13px;
	text-transform: uppercase;
	text-align:center;
	width: 100%;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */



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

/* -------------- Bildergalerie 9 Thumbnails --------*/
div.wbbgthumb { padding-right:8px; float:left;}
div.wbbgthumbs { margin-bottom:10px; float:left; }
div.wbbgbigimg { clear:both; float:left; margin-right:10px; }
.wbbgthumb a {display:block; float:left; margin:0; padding:0; border:2px solid white; }
.wbbgthumb a img {float:left; margin:0; padding:0;}
a.wbbgfirst {border:2px solid #007a7f; }


#accordion {
	font-family: Verdana, sans-serif;
	background: silver repeat-y;
	position: relative;
	float: left;
	clear: both;
	display: block;
}

#accordion h3 {
	color: black;
	margin-top: 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: -1px;
	font-size: 13px;
	border-bottom: 1px solid #e5e5e5;
	background: gray repeat-y;
	border-top: 1px solid #e5e5e5;
	font-weight: normal;
	font-style: normal;
}

#accordion div.ui-accordion-content {
	text-align: left;
	padding-bottom: 10px;
	padding-top: 5px;
	padding: 5px;
}

#accordion div.ui-accordion-content img {
	margin-top: 10px;
	float: left;
	padding-bottom: 3px;
	clear: both;
}

p a.more {
	display: inline-block;
	float: right;
}

.content {
	font: 12px/16px Arial, Helvetica, Geneva, sans-serif;
	}

.content .linkespalte {
	width: 165px;
	float: left;
	}

.content .rechtespalte {
	width: 365px;
	margin-left: 40px;
	margin-top: 10px;
	float: left;
	}
	
	.column {
float:left;
padding:0pt 25px 0pt 0pt;
width:29%;
}
.clearfix {
clear:both;
display:block;
}

/* Beispiel CSS von Sven Jansen
im Feld "Block-Name" zweier für die Spaltenart "zweispaltig" und dreier für die Spaltenart "dreispaltig" angegeben */

/* 2+3 */
.zweier, .dreier {
 margin: 15px;
 width: 600px;
}

/* 2 */
.zweier .spalte_1 {
 width: 290px;
 float: left;
 background: red;
}

.zweier .spalte_2 {
 width: 290px;
 float: right;
 background: yellow;
}


/* 3 */
.dreier .spalte_1 {
 width: 15%;
 float: left;
 margin-right: 10px;
}

.dreier .spalte_2 {
 width: 25%;
 float: left;
 text-align: center;
}

.dreier .spalte_3 {
 width: 55%;
 float: right;
}

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

.zweispalter {
  width: 210px; 
}

.zweispalter_1 {
  width: 100px;
}

.zweispalter_2 {
  width: 100px;
  margin-left: 10px;
}

.zweispalter_1, 
.zweispalter_2 {
  float: left;
}

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

.marquee {
   padding-left: 20px;
   padding: 5px;
   width:500px;
   background:none;
   border: 0px solid #CC3300;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
margin-left: 51px;
background: none;
}

.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin:0px; /*margin around each panel*/
    width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

