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

/* ############################## ABSCHNITT CE IMAGE FORMATIERUNGEN ############################## */

.align-right { text-align:right; }
.align-left { text-align:left; }
.align-center { text-align:center; }

.csc-textpic-clear { clear:both; }
.csc-textpic-imagewrap { padding:0px; }

dl.csc-textpic-image { margin:0px; }
dl.csc-textpic-image dd { margin:0px; margin-top:2px; }
dl.csc-textpic-image dt { display:inline; margin:0px; }

.csc-textpic img { border:medium none; }

html .csc-textpic-intext-left-nowrap .csc-textpic-text { height:1%; }
html .csc-textpic-intext-right-nowrap .csc-textpic-text { height:1%; }

.csc-textpic .csc-textpic-imagecolumn { display:inline; float:left; }
.csc-textpic .csc-textpic-imagerow { clear:both; }

.csc-textpic .csc-textpic-imagewrap .csc-textpic-firstcol { margin-left:5px! important; }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-lastcol { margin-right:5px! important; }

.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { float:left; margin-bottom:5px; }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin:0px; }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img { margin:0px; }

.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image { float:left; }
.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dd { float:none; }
.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dd img { border:medium none; }
.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dt { float:none; }

.csc-textpic .csc-textpic-imagewrap ul { padding:0px; margin:0px; list-style-type:none; }
.csc-textpic .csc-textpic-imagewrap ul li { padding:0px; float:left; margin:0px; }

.csc-textpic-above .csc-textpic-text { clear:both; }

.csc-textpic-border .csc-textpic-imagewrap .csc-textpic-image img { border:#ccccff 1px solid; padding:0px;  }

dl { font-size: 11px; line-height: 14px; font-style: normal; padding: 0px; color: #333333; margin: 0px; }

.csc-textpic-caption-c .csc-textpic-caption { font-size: 11px; line-height: 14px; font-style: normal; padding: 0px; color: #333333; margin: 0px; text-align:center; }
.csc-textpic-caption-l .csc-textpic-caption { font-size: 11px; line-height: 14px; font-style: normal; padding: 0px; color: #333333; margin: 0px; text-align:left; }
.csc-textpic-caption-r .csc-textpic-caption { font-size: 11px; line-height: 14px; font-style: normal; padding: 0px; color: #333333; margin: 0px; text-align:right; }

.csc-textpic-center { text-align:center; }
.csc-textpic-center .csc-textpic-imagewrap { margin:0px auto; }
.csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; text-align:left; }
.csc-textpic-center .csc-textpic-text { text-align:left; }

.csc-textpic-equalheight .csc-textpic-imagerow { display:block; margin-bottom:5px; }

.csc-textpic-intext-left .csc-textpic-imagewrap { float:left; margin-right:0px! important; }
.csc-textpic-intext-left .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:0px; }
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:0px; }
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { clear:both; float:left; margin-right:0px! important; }

.csc-textpic-intext-right .csc-textpic-imagewrap { float:right; margin-left:0px! important; }
.csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:0px; }
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:0px; }
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { clear:both; float:right; margin-left:0px! important; }

.csc-textpic-left .csc-textpic-imagewrap { float:left; }
.csc-textpic-left .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:0px; }
.csc-textpic-left .csc-textpic-text { clear:left; }

.csc-textpic-right .csc-textpic-imagewrap { float:right; }
.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:0px; }
.csc-textpic-right .csc-textpic-text { clear:right; }

/* ############################## ABSCHNITT MAILFORMULAR FORMATIERUNGEN ############################## */

legend {
font: 12px Helvetica, Arial, Verdana, sans-serif;
padding-left:0px;
padding-right:0px;
border: 0px;
color: black;
}

label {
font: 12px Helvetica, Arial, Verdana, sans-serif;
padding:0px;
margin:0px;
border: 0px;
color: black;
}

fieldset {
font: 12px Helvetica, Arial, Verdana, sans-serif;
border:0px;
padding:0px;
border: 0px solid #999999;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width:80%;
padding-top:10px;
padding-bottom:10px;
padding-left:110px;
border: 1px solid #C0C0C0;
}

.csc-mailform  {
border-width:0px;
border-left-style:solid;
border-color:#999999;
}

.csc-mailform-field {
font: 12px Helvetica, Arial, Verdana, sans-serif;
margin: 0px;
margin-top: 2px;
padding: 0px;
}

.csc-mailform-field label {
font: bold 12px Helvetica, Arial, Verdana, sans-serif;
float: left;
text-align: left;
padding: 0px;
color: black;
width: 150px;
}

.mf-input {
font: 12px Helvetica, Arial, Verdana, sans-serif;
clear: none;
width: 200px;
padding: 1px;
height: 15px;
}

.mf-pass {
font: 12px Helvetica, Arial, Verdana, sans-serif;
width: 200px;
padding: 1px;
height: 15px;
}

.mf-text {
font: 12px Helvetica, Arial, Verdana, sans-serif;
clear: none;
width: 200px;
height: 100px;
padding: 1px;
}

.mf-radio {
border:0px;
}

.mf-radio {
border:0px;
}

.Radio { background-color:#ddff; border:1px solid #ddd; }
/* eigene Klasse für die Abstände nach oben und unten
bei der vwerwendung von Radio Buttons in Formularen */
.radiolayout {
width:60%;
color: #474747;
padding-top:15px;
padding-bottom:15px;
}

.mf-select {
font: 12px Helvetica, Arial, Verdana, sans-serif;
width: 200px;
padding: 1px;
height: 15px;
text-align: left;
}

.mf-file {
font: 12px Helvetica, Arial, Verdana, sans-serif;
clear: none;
width: 200px;
padding: 1px;
height: 20px;
}

#mailformRadiotest {
}

#mailformRadiotest legend {
}

.mf-reset {
font: bold 12px Helvetica, Arial, Verdana, sans-serif;
text-align: left;
margin-left: 150px;
height: 25px;
}

.mf-submit {
font: bold 12px Helvetica, Arial, Verdana, sans-serif;
text-align: left;
margin-left: 150px;
height: 25px;
}

.mf-submit_single {
font: bold 12px Helvetica, Arial, Verdana, sans-serif;
text-align: center;
width: 150px;
padding-left: 25px;
height: 20px;
}

/* ############################## ABSCHNITT FCE-MASKEN FORMATIERUNGEN ############################## */

.fce_content_box {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	position:relative;
	float:left;
	padding: 0px 5px 5px 0px;
	margin: 0px 5px 20px 0px;
	width:255px;
}
.fce_content_left {
	position:relative;
	float:left;
	width:50%;
}
.fce_content_right {
	position:relative;
	float:left;
	width:50%;
}

.bild {
	width:255px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	padding-bottom:5px;
}

.fce_content_img_left {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	position:relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
}

.bild_left {
	float:left;
	width:150px;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	border:1 #000000;
}

.fce_content_img_right {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	position:relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
}

.bild_right {
	float:right;
	width:150px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	border:1 #000000;
}

/* Textformatierung */
.titel_fce {
      font-size: 14px;
      font-family: Helvetica, Arial, Verdana, sans-serif;
      color: #009900;
      text-align: left;
	  font-weight: bold;
	  padding-top: 0px;
      padding-bottom: 2px;
	  margin-top: 0px;
	  margin-bottom: 0px;
      }
.lead_fce {
      font-size: 12px;
      font-family: Helvetica, Arial, Verdana, sans-serif;
      color: #000000;
      text-align: left;
	  font-weight:bold;
	  padding-top: 0px;
      padding-bottom: 2px;
	  margin-top: 0px;
	  margin-bottom: 0px;
      }
.text_fce {
      font-size: 12px;
      font-family: Helvetica, Arial, Verdana, sans-serif;
      color: #000000;
      text-align: left;
	  padding-top: 0px;
	  padding-bottom: 0px;
	  margin-top: 0px;
	  margin-bottom: 0px;
      }