/* CCMX main css */


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

#supercontainer {
	position: relative;
	top: 0px;
   width: 100%;
	background: #fff;	

}

#floatcontainer{
	float: left;	
   width: 100%;
   background: #fff;
	min-height: 500px;
   height: auto;	
	margin-left: 5px;
}

#bottom{
	float: left;	
   width: 100%;
	height: 21px;	
}

#headercontainer, #logo, #headerimagcontainer, #breadcrumb, #maincontentcontainer {
	float: left;
}
/* --------- HEADER ------------- */

#headercontainer {
width: 100%;
height: auto;
}

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

#logo img {
	width: 200px;
}

#searchpermalinkcontainer {
	float: left;
	margin-top: 5px;
	margin-right: 1px;
	width: 100%;
	height: auto;
}

* html #searchpermalinkcontainer {
	display: inline;
}

/* Search */
div#search {
	float: left;
	height: auto;
	width: 98%;
	margin-bottom: 5px;
	text-align: left;
	color: #E20031;
}


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

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

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

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

a.permanentmenu, a.permanentmenu_active {
	/*color: #9E9E9E;*/
	color: #606060;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;

}
a:hover.permanentmenu, a.permanentmenu_active {

}

.paddingright {
	padding-right: 10px;
}


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

#headerimagcontainer {
display: none;
}


#breadcrumb {
float: left;
margin-top: 5px;
margin-bottom: 10px;
font-size: 1em;
color: #E20031;
width: 100%;
height: auto;
}
* 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;
}
/*----------- */

.citation {
	display:none;
}


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

/* 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;
	text-decoration:none;
	
	}



#maincontentcontainer {
float: left;
width: 100%;
line-height: 1.1em;
height: auto;
margin: 0px;
}

* html #maincontentcontainer {
	display: inline;
}

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

#maincontentcontainer ul li, #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;
}

#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;
	width: 98%;
}

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

/* contact header */
#maincontentcontainer h5 {
 font-size: 1em;
 margin-bottom: -5px;	
 padding-bottom: 0px;
}


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

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

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

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

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

* html #downloads {
	display: inline;
}

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

}
#downloads li {
	display: inline;
	padding-left: 10px;
	list-style-image: url(../images/pdfmini.gif);
	list-style: square !important;
	margin-right: 5px;
}
#downloads li a {
	color: #E66A17;
	text-transform: uppercase;
	font-size: 1em;
		list-style: square !important;
	text-decoration: none;
}

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

#footercontainer {
float: left;
width: 100%;
height: 94px;
margin-top: 10px;
}

* html #footercontainer {
	display: inline;
}

#adresse {
	float: left; 
	height: auto;
	width: 20%;
	color: #7d7d7d;
	}

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

#footermenu {
	float: left;
	height: auto;
	width: 75%;	
   text-align: left;

}

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: left;
	height: auto;
	margin-top: 10px;
	width: 75%;	
   text-align: left;
	font-size: small;

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



/* 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;
	color: #606060;
	
}

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

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

textarea {
	border:solid 1px #cbcdcb;
	padding: 2px;
	width:50%;
	height:160px;
}

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;
}



h3.tt_news  {	
   margin-top: 0px;
	margin-bottom: 0px;	
	border: 0px;
	padding-top: 0px;
	display: inline;   
}

h3.tt_news a {
	color: #e20031;
	text-decoration: None;
	display: block;
}

/* ------- NEWS COMMON ----------- */

.news-latest-item, .news-list-item {
	float: left;
	height: auto;
	margin-bottom: 10px;
	width: 100%;
}

.news-latest-container, .news-list-container{
	float: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	
}

.news-latest-container {
	margin-top: 8px;
}

    /* --- Date --- */
	 .news-list-date, .news-single-date, .news-latest-date {
	 	font-size: 0.8em;
		color: #606060;
	 }

    /* --- font style -- */
	 
	.news-latest-item, .news-latest-item p.bodytext, .news-latest-item a, 
	.news-list-item, .news-list-item p.bodytext, .news-list-item a,
	.news-single-item,  .news-single-item p.bodytext, .news-single-item a, .news-single-backlink a
	.news-list-morelink a {
	color: #606060;
	line-height: 1.4em;
	text-decoration: none;
	 }
	 .news-single-item p.bodytext {
	 	font-size: 1em !important;
	 }
	 
	.news-list-item a, .news-list-morelink a, .news-single-item a, .news-single-backlink a  {
	 	color: #3DAEE2;
	 }


/* --------- LATEST NEWS ---------- */
.news-latest-item p.bodytext, .news-latest-item  a{
display: inline;
clear: both;
	margin-top: 0px !important;
	padding-top: 0px !important;
	margin-bottom: 0px;	
}


/*
.news-latest-item p.bodytext:hover{
	color: #fff !important;
}

.news-latest-item:hover {
	background: #B0CA43;
	color: #fff;
}
.news-latest-item:hover a, .news-latest-item:hover a:hover, .news-latest-item:hover p {
	color: #fff !important;
}
*/

.news-latest-img{
display: none;
}

div.news-latest-text{
	float: left;
	width: 98%;
	height: auto;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;	
}

* html div.news-latest-text {
	width: 249px;
	
}

/* Green Hover */
/*
div.news-latest-text:hover, div.news-latest-text:hover p, div.news-latest-text:hover a {
	background: #B0CA43;
	color: #fff;
	
}



/*
* html div.news-latest-text a:hover {
	background: #B0CA43;
	color: #fff;
}
*/



/* ---------- LIST ----------- */

.news-list-container{
margin-top: 15px;
  
}

.news-list-item img {
	float: left;
	padding: 0px;

	margin-right: 15px;
	width: 10%;
	height: auto;
	padding-bottom: 15px;
}

/* ----------- SINGLE ------------- */


.news-single-item h3{
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;	
}

.news-single-item p.bodytext a, .news-single-item a.download{
	color: #3DAEE2 !important;
	text-decoration: none;
}

.news-single-img {
	float: right;
	padding: 3px;
	padding-left: 15px;
	width: 20%;
	text-align: right;
}



.news-single-additional-info {
	float:left;
	background: none;
	color: #3DAEE2;
	padding: 3px;
}

.news-single-additional-info a {
	color: #3DAEE2;
}

.news-single-additional-info dt, .news-single-additional-info dd{
	display: inline;
}

dl.news-single-related dt, dl.news-single-files dt, dl.news-single-links dt {
	width: 150px !important;
	padding-right: 10px;
}

dl.news-single-related dt, dl.news-single-files dt {
	width: 200px !important;
	margin: 0px !important;
	padding: 0px !important;
	padding-right: 0px;
}

div.news-single-related {

}


/* FCE ------------- */

/* 2rows 2cols */
.fce_2third2col {
   float: left;
	width: 60%;

	height: auto;
	}

/* index */
.fce_1third2col {
   float: left;
	width: 48%;
	height: auto;
	margin-right: 1%;
}
	
	
/* first level */
.fce_1third1col {
	float: left;
	width: 50%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	/*
	background: #9FC23A;
	*/
}

.fce_1third1col img {
	width: 100px;
	height: 37px;
}

/**** RIGHT MENU **** */

.menurightcontainer {
   float: left;
	width: 35%;
	height: auto;
	margin-left: 5px;
}

div.menurightcontainer ul li, div.menurightcontainer ul.rightmenu li, div.menurightcontainer ul.rightmenu li.rightmenu {
	list-style: none !important;
}

ul.rightmenu {
	width: 98%;
	margin: 0px;
	padding: 0px;
	list-style: none !important;	
	padding-left: 0px !important;	
}

ul.rightmenu li.rightmenu {
	list-style: none !important;
	/* list-style: url(../images/spacer.gif);	 */
	
}

li.parent_rightmenu {
list-style: none !important;
  margin-bottom: 5px;
  width: 100%;
  display: none;
}

li.parent_rightmenu a{
		border-top: 1px solid #cccccc;
	border-bottom: 1px solid #ccc;
	padding: 6px 0 4px 4px;
	color: #e20031 !important;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	margin-top: 0px;
	display: block;
 
	list-style: none !important;
}



li.rightmenu {
	list-style: none !important;
	display: block;
	margin-bottom: 5px;	

}
a.rightmenu, a.rightmenu_active, a.downloads {
   display: block;
	background: #79C7EB;
	padding-left: 5px;
	color: #fff !important;
	font-size: 1em;
	text-decoration: none;
	padding: 3px 0 3px 5px;
	}
	
a.rightmenu:hover, a.rightmenu_active, a.downdloads:hover {
	background: #20A1DE;
}

a.downloads {
	
	background-color: #E66A17;
	background-image: url(../images/pdfmini.gif);
	background-repeat: no-repeat;
	background-position: 275px;
}
a.downloads:hover {
	background: #C8611B;
	background-image: url(../images/pdfmini.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-position: 275px;
}







/*** SEARCH ***/

/* SEARCH REULTS */

div.tx-indexedsearch {
	color: #7d7d7d;
	margin-top: 15px;
}

div.tx-indexedsearch-sec ol li, ul.browsebox {
	margin-left: 0px;
	padding-left: 0px;
}

div.tx-indexedsearch-sec ol li, ul.browsebox li {
	list-style: none;
	display: inline;
	padding-right: 15px;
}
div.tx-indexedsearch-sec ol li a, ul.browsebox li a {
	color: #e20031;
	text-decoration: none;
}

h3.searchresults{
	color: #e20031;
	margin-top: 0px;
	margin-bottom: 3px !important;	
	border: 0px;
	text-decoration: None;
	padding-top: 0px !important; 
	display: block;
}

 h3.searchresults a {
 	color: #e20031;
	text-decoration: None;
 	
 }
 span.tx-indexedsearch-percent {
 	color: #7d7d7d;
	font-size: 0.8em;
	font-weight: normal;
 }

 p.tx-indexedsearch-descr {
 	color: #7d7d7d;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 2px;
	padding-bottom: 0px;
 }
 
 div.search-results-path {
 	float: left;
	color: #7d7d7d;
  display: block;
  width: 100%;
  margin-bottom: 3px;
 }
 
 .search-results-path a {
 	color: #1FA1DD;
	text-decoration: none;
 }