/* CCMX main css */

@import url("ccmx_fce.css");
@import url("ccmx_news.css");
@import url("ccmx_search_logout.css");
@import url("ccmx_contentelementframes.css");
@import url("ccmx_right_menu.css");
@import url("ccmx_sitemap.css");
@import url("ccmx_srfeuserregister.css"); 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
	text-align: left; 
	background: #f6f7f8; 
		/*	background: #7f7f7f;*/
	}

#supercontainer {
	position: relative;
	top: 0px;
   width: 973px;	
	margin-left: auto;
	margin-right: auto;
	margin: auto;
	height: auto;
}

#floatcontainer{
	float: left;	
   width: 973px;
/*	background: url(../images/mainbg_7f7f7f.gif);*/
	background: url(../images/mainbg_f6f7f8.gif);
	min-height: 500px;
   height: auto;	
}

#bottom{
	float: left;	
   width: 973px;
/*	background: url(../images/bottombg_7f7f7f.gif);*/
	background: url(../images/bottombg_f6f7f8.gif);
	background-repeat: no-repeat;
	height: 21px;	
}
/* common */

#headercontainer, #headerimagcontainer {
	margin-left: 31px;	
}

#headercontainer, #logo, #headerimagcontainer, #breadcrumb, #maincontentcontainer {
	float: left;
}



/* --------- HEADER ------------- */

#headercontainer {
width: 911px;
height: 104px;
}

* html #headercontainer {
	display: inline;
}
#logo {
	margin-top: 15px;
	left: 0px;
	width: 251px;
	height: 80px;	
}

#searchpermalinkcontainer {
	float: right;
	margin-top: 20px;
	margin-right: 1px;
	width: 530px;
	height: auto;	
	height: 75px;
}

* html #searchpermalinkcontainer {
	display: inline;
}


/* ------- Permanent Menu */

#permanentmenu {
	float: right;
	height: 21px;
	width: 99%;	
   text-align: right;
	margin-right: 0px;
}

ul.permanentmenu {
float: right;
width: 100%;
margin: 0px;
padding: 0px;
line-height: 2.8em;
margin-right: 0px;
}

li.permanentmenu {
	margin-top: 0px;
	padding-top: 0px;
	display: inline;
	line-height: 3em;
	list-style: none;
	 margin-bottom: 0px;
	padding: 0px;
}

a.permanentmenu, a.permanentmenu_active, li.permanentmenu a:active {
	background-image: url(../images/permanentgray.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	/*color: #9E9E9E;*/
	color: #606060;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 11px;	
}
a:hover.permanentmenu, a.permanentmenu_active {
	background-image: url(../images/permanentred.gif);
}

.paddingright {
	padding-right: 20px;
}


/* --------------------------------- */

#headerimagcontainer {
width: 900px;
height: 202px;
border: 1px solid #E5E5E5;
padding: 8px 0 8px 8px;
}

* html #headerimagcontainer {
	display: inline;
}

#breadcrumb {
margin-top: 12px;
margin-bottom: 10px;
margin-left: 29px;
padding-left: 8px;
font-size: 1em;
color: #E20031;
width: 895px;
height: 15px;
}
* html #breadcrumb {
	display: inline;
}


#breadcrumb a {
	color: #606060;
	text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb a.active {
	color: #959595;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #606060;
}

* html #breadcrumb {
	display: inline;
}
/* -------------------- */

/* Green hover */

.link-block:hover,
.link-block:hover a:link,
.link-block:hover a:visited,
.link-block:active,
.link-block.sfhover,
.link-block.sfhover a:link,
.link-block.sfhover a:visited {

	background-color: #B0CA43;
	color: #fff !important;
	color: #fff !important;
	text-decoration:none;
	
	}

 .news-latest-item .link-block:hover,
 .news-latest-item .link-block:hover a:link,
 .news-latest-item .link-block:hover a:visited,
 .news-latest-item .link-block:active,
 .news-latest-item .link-block.sfhover,
 .news-latest-item .link-block.sfhover a:link,
 .news-latest-item .link-block.sfhover a:visited {

	background-color: #B0CA43;
	color: #fff !important;
	text-decoration:none;
	
	}


#maincontentcontainer {
width: 970px;
line-height: 1.1em;
min-height: 300px;
height: auto;
margin: 0px;
margin-left: 3px;
}

* html #maincontentcontainer {
	display: inline;
}

#maincontentcontainer ul {	
list-style: none;
	margin-left: 0px;
	padding-left: 15px;
}

#maincontentcontainer ul li, #maincontentcontainer, #maincontentcontainer p, #maincontentcontainer p.bodytext, #maincontentcontainer .csc-textpic-caption {
	color: #606060;
	line-height: 1.4em;
}

#maincontentcontainer ul li {
list-style: url(../images/listimg.gif);	

 	margin-left: 0px;	
}

/* RIGHT MENU listy-style: none!!!!! */


* html #maincontentcontainer div.menurightcontainer ul li {
	list-style: url(../images/spacer.gif);
}

*+ html #maincontentcontainer div.menurightcontainer ul li {
	list-style: url(../images/spacer.gif);
}

/* -------------- */


#maincontentcontainer p.bodytext {
	font-size: 1.1em;
	margin-top: 8px;
}

#maincontentcontainer .csc-textpic-caption {
	float: right;
	text-align: right;
	font-size: .8em;
}

 #maincontentcontainer p.bodytext a, p.bodytext a, #maincontentcontainer li a {
	color: #00a1e0;
	text-decoration: none;
}

.csc-uploads td a, .tx-felogin-pi1 a{
	color: #00a1e0;
	text-decoration: none;
}


#maincontentcontainer a:hover, #maincontentcontainer p.bodytext a:hover, p.bodytext a:hover, #maincontentcontainer li a:hover {
	color: #0180B1;
	text-decoration: none;
}


#maincontentcontainer h1, #maincontentcontainer h1 a, #maincontentcontainer h2, #maincontentcontainer h3, #maincontentcontainer h5, #maincontentcontainer h5 a {
	color: #e20031;
	text-decoration: none;
}

#maincontentcontainer h1, #maincontentcontainer h2 {
	text-transform: uppercase;
}

#maincontentcontainer h1 {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #ccc;
	padding: 8px 0 6px 4px;
	font-size: 1.3em;
	margin-top: 0px;
   margin-bottom: 0px;
}

#maincontentcontainer h2, #maincontentcontainer h3 {
	font-size: 1.1em;
	margin-bottom: 8px;	
	margin-top: 10px;
}

/* contact header */
#maincontentcontainer h5 {
 font-size: 1em;
 margin-bottom: -5px;	
 padding-bottom: 0px;
}
/* --------- CALENDAR (cal)  und FORUM (mm_forum) MAIN CSS  und FE User Registration------------ */


.tx-cal-controller, .tx-cal-controller p,
.tx-mmforum-pi1, .tx-mmforum-pi1 p, .tx-mmforum-pi1 td,
.tx-mmforum-pi3, .tx-mmforum-pi3 p, .tx-mmforum-pi3 td{
color: #606060 !important;
	text-decoration: none !important;
	font-size: 1.1em !important;

}

.tx-cal-controller a,
.tx-mmforum-pi1 a,
.tx-mmforum-pi3 a,
.tx-srfeuserregister-pi1 p a {
	color: #00a1e0 !important;
	text-decoration: none;
	background: none;

}

.tx-cal-controller a:hover,
.tx-mmforum-pi1 a:hover,
.tx-mmforum-pi3 a:hover,
.tx-srfeuserregister-pi1 a:hover {
	color: #0180B1;
	text-decoration: none;
	background: none;

}

/* --------------- CAL ---------------- */

/* CCMX Custom Styles   */

div.tx-cal-controller {
	margin-top: 15px;
}


.tx-cal-controller dl dt a {
	font-size: 19px;
	color: #ff0000;

}
.tx-cal-controller div.weekview h1,
.tx-cal-controller div.dayview h1 {
	border: 0px !important;
	padding: 0px 0 0px 0px;
	margin-top: 0px;
   margin-bottom: 0px;
	font-size: 1.1em !important;
	margin-bottom: 8px;	
	margin-top: 10px;
}

.monthToday, 
td.eventbg2,
div.default_catheader_allday {
	background: #79C7EB !important;
}

.monthToday div,
.monthToday a,
td.eventbg2 a,
div.default_catheader_allday a {
	color: #fff !important;
}

/* Legend in Month view  and WEEK View ausblenden */

table.weekviewlegend {
	display: none;

}
div.tx-cal-controller td#legend {
	display: none;
}



/* Cal. EVENT Single View */

/* Cal List view */


div#calendar-event {

 font-size: 0.9em !important;

}

.ccmx_cal_listview {
	width: 100%;
	margin-top: 10px;
	padding: 5px;

}

.ccmx_cal_listview_even, .ccmx_cal_listview_odd {
	float: left; 
	width: 100%;
	height: auto;
	white-space: normal;

}

.ccmx_cal_listview_even {
	background: none;
	margin-top: 10px;
}

.ccmx_cal_listview_odd {

	background: #fafafa;
}

.ccmx_cal_listview_date {

}
.ccmx_cal_listview h2 {
	display: inline;
	text-transform: lowercase;
}

.ccmx_cal_listview_content {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;

}

.ccmx_cal_listview_description {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
} 
.ccmx_cal_listview_image {
	float: left;
	padding-left: 0;

}


.default_catheader {
	background: none !important;
}

/* --------------- LOGOS ---------------- */

#partnerlogos {
	float: left;
	width: 911px;
	height: 22px;
	padding: 6px 0px 10px 0px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	margin-left: 31px;
}
* html #partnerlogos {
	display: inline;
}

#partnerlogos img.logo{
	float: left;
	margin-right: 10px;
	border: 0px;
}

/* --------------- Downloads ---------------- */

#downloads {
	float: left;
	width: 911px;
	height: 22px;
	padding: 12px 0px 4px 5px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	margin-left: 31px;
	/*background-image: url(../images/pdfmini.gif);*/
	background-repeat: no-repeat;
	background-position: left;
}

* html #downloads {
display: inline;
}

#downloads ul{
display: inline;
margin: 0px;
padding: 0px;

}
div#downloads ul li {
 	display: inline;
	padding-left: 15px;
	/*list-style-image: url(../images/pdfmini.gif);*/
	/*list-style: circle !important;*/
	background-image: url(../images/pdfmini.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	/* list-style: square !important;*/
	margin-right: 8px;
}
#downloads li a {
	display: inline;
	color: #E66A17;
	text-transform: uppercase;
	font-size: 1em;
		/* list-style: square !important;*/
	text-decoration: none;
}

/* ----------- FOOTER ----------- */

#footercontainer {
float: left;
width: 911px;
height: 104px;
margin-top: 10px;
margin-left: 31px;
}

#footercontainer a {
		color: #00a1e0;
	text-decoration: none;

}

* html #footercontainer {
	display: inline;
}

#adresse {
	float: left; 
	height: auto;
	width: 150px;	
	color: #7d7d7d;
	}

#adresse p.red{
	color: #E20031;
	display: inline;
}

#footermenu {
	
	float: right;
	height: 20px;
	width: 613px;	
   text-align: right;

}

ul.footermenu {
width: 100%;
margin: 0px;
padding: 0px;
}

li.footermenu {
	display: inline;
	line-height: 2em;
	list-style: none;
	margin: -3px;
	padding: 0px;
	color: #606060;
}

.paddingfooter {
	padding-right: 10px;
}

a.footermenu, a.footermenu_active {
	color: #606060;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
}
a:hover.footermenu, a.footermenu_active{
	color: #ff0000 !important;
}

#vitamine{
	float: right;
	height: 20px;
	margin-top: 50px;
	width: 596px;	
   text-align: right;
	font-size: 10px;

	}
	
#vitamine a, #vitamine a:hover {
	text-decoration: none;
	color: #9E9E9E;
}


/* UPLOAD */

div.tx-fileupload-pi1 input {
	margin-top: 5px;
}


/* Form -------------- */

/* ################################################## formular */


div.form_row {
	display:block;
	clear: both;
	margin-bottom: 10px;
}

div.form_row span.form_label {
	display:block;
	margin-bottom:5px;
	float:left;
	width:160px;
	color: #606060;
	}

fieldset div.form_row span.form_label { width:150px; }

div.form_row span.form_field { display:block; }



div.form_clear { clear:both; }

input[type=text],input[type=file],input[type=password], select {
	border:solid 1px #cbcdcb;
	padding: 2px;
	background: none !important;
	color: #606060;
	
}

input[type=radio],input[type=checkbox] {
	margin-right: 5px;
}

input[type=hidden] { display:none; }

textarea {
	border:solid 1px #cbcdcb;
	padding: 2px;
	width:580px;
	height:160px;
	background: aqua;
}

fieldset {
	display:block;
	clear: both;
	margin-bottom: 10px;
	padding:10px 10px 0px 10px;
	border:solid 1px #cbcdcb;
}

fieldset legend { padding: 0px 5px 0px 5px; margin-left: -5px;}

fieldset div.form_row { margin-top:10px; }

button {
	border:solid 1px #cbcdcb;
	padding: 2px;
	background-color:#ffffff;
	cursor:pointer;
}

span.form_comment { margin-left:5px; }



/* Typo3 Form */

fieldset {
	border: 0px;
	padding: 0px;
}



div.csc-mailform-field {
   float: left;
	margin-bottom: 5px;
	width: 98%;
 /*	background: aqua;	 */
	clear: both;
}

div.csc-mailform-field label {
	float: left;
	/*background: blue; */
	width: 250px;
	color: #606060;
}

div.csc-mailform-field input, div.csc-mailform-field textarea {
	float: left;
	background: none;
}

* html input.csc-mailform-field  {
	border: 1px solid #CBCDCB;
	background: none;
	color: #606060;
}

div.csc-mailform-field textarea {
	width: 200px;
	height: 50px;
	color: #606060;
	}
	
.csc-mailform-submit {
	float: left;
	background: none;
	color: #606060;
	border: 1px #606060 solid;
}

/* felogin */

div.tx-felogin-pi1 input#pass,
div.tx-felogin-pi1 input#user {
	display: inline;
	width: 150px;
}
div.tx-felogin-pi1 label {
float: left;
display: inline;
width: 150px;

}
div.tx-felogin-pi1 fieldset {
	margin-top: 5px;

}


div.tx-felogin-pi1 fieldset div {
margin-bottom: 5px;

}


div.tx-felogin-pi1 legend {

display: none;

}


/* ------------- POWEERMAIL FE Register FORM ----------------- */





.tx-srfeuserregister-pi1 {
color: #606060;

}


div.tx-powermail-pi1 {
	margin-top: 10px;
}


fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select,
textarea, input[type=text],
tx-srfeuserregister-pi1-text,
tx-srfeuserregister-pi1-uploader {
	/* Input and textarea */
	border: 1px solid #CBCDCB;
	background: none;
	color: #606060;
	width: 160px;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
input[type=text],
tx-srfeuserregister-pi1-text,
tx-srfeuserregister-pi1-uploader,
select {
	padding: 2px;
	width: 160px;
}

select {
	padding: 2px;
	width: 165px;
}

option {
	padding: 2px;
	background: #fff !important;
}

fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
textarea {
	padding: 2px;
	width: 250px;
	height: 100px;
}

div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 5px 0;
}


fieldset.tx-powermail-pi1_fieldset label,
label {
		/*float: left;*/
	/*background: blue; */
	width: 150px;
	color: #606060;
}


fieldset.tx-powermail-pi1_fieldset input.powermail_submit, 
input[type=submit], 
input[type=reset] {
	/* submit button */
		/* float: left; */
	background: none;
	color: #606060;
	border: 1px #606060 solid;
}

fieldset.tx-powermail-pi1_fieldset legend{
	display: none;
}