/* CSS erstellt fuer WBCP von medienlounge.de im Dezember 2008 */

/*
FARBEN
boxen dunkler: #E5CD88;
inhalt bg heller: #EFE0B0;
navi link (normal): #;
navi link (high) dunkelblau: #0f2144;
content h1: #0f2144;
content h2: #0f2144;
content h3: #fff;
content text(p): #3d3524;
*/

html, body {
font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
background: url(../images/bg_seite_blau.jpg);
font-size: 100.01%;
text-align: center; /* fuer IE Zentrierung*/
}

* {
  padding: 0;
  margin: 0;
}

.schlagschatten {
	box-shadow: 3px 3px 7px #575a5d;
	-webkit-box-shadow: 3px 3px 7px #575a5d;
	-moz-box-shadow: 3px 3px 7px #575a5d;
}

/* ##### Definition der div-container ##### */
/* ######################################## */
#rahmen {
position: relative;
z-index: 1;
width: 966px;
margin: 0px auto;
}
#head {
width: 950px;
height: 266px;
background: url(../images/bg_head.png) no-repeat;
padding-top: 16px;
padding-left: 16px;
}
#slider_head {
position: absolute; /* IE */
left: 16px; /* IE */
width: 934px;
height: 266px;
}
#logo {
position: absolute;
top: 85px;
left: 380px;
height: 172px;
width:193px;
z-index: 100;
background: url(../images/logo_wbcp.png) no-repeat;
}
#mainnavi {
height: 39px;
width: 966px;
float: left;
text-align: center;
background: url(../images/bg_mainnavi_norm.jpg) repeat-x;
}
#innerebox {
float:left;
width: 966px;
background: url(../images/bg_rahmen_unten.png) repeat-y;
background-color: #efe0b0;
}
#links {
float: left;
margin-left: 16px;
margin-bottom: 20px;
width: 210px;
}
#subnavi {
margin: 20px 0 20px 20px;
text-align: left;
}
#highlights {
width: 200px;
min-height: 200px;
margin-left: 10px;
background-color: #e5cd88;
}
#inhalt {
float: left;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
width: 470px;
text-align: left;
}
#infozeile {
text-align:center;
margin-top: 25px;	
}
#rechts {
float: right;
margin-right: 16px;
margin-top: 20px;
margin-bottom: 20px;
width: 210px;
}
#suche {
}
#aktuelles {
margin-top: 20px;
width: 200px;
background-color: #e5cd88;
}
#logoklein {
float: left;
width: 60px;
height: 60px;
background: url(../images/logo_wbcp_klein.gif) no-repeat 0 10px;
}
#footer {
float: right;
width: 900px;
height: 60px;
line-height: 30px;
text-align: right;
}
.clearer2011 {
clear: both;
background: transparent;
border:0;
}

/* ##### Definition der IDs und Klassen ##### */
/* ######################################## */

/* ### TITEL (ueber Head) ### */
#warnerbrostitle {
	height: 170px;
}
#warnerbrostitle p {
	padding-top: 40px;
	font-weight: normal;
	font-size: 14px;
	color: #dcbf7e;	
}
#warnerbrostitle a {
	color: #dcbf7e;
	text-decoration: none;	
}

/* ### HIGHLIGHTS ### */
#highlights p {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	color: #3d3524;
	}

/* ### MAINNAVI ### */
div#mainnavi ul  {
	font-size: 15px;
}
div#mainnavi li  {
	list-style-type:none;
	display:inline;
	margin: 0;
}
div#mainnavi ul li a {
	text-transform: uppercase;
	height: 41px;
	line-height: 41px;
	width: 100%;
	color:#fff;
	text-decoration:none;
	padding: 12px 24px 11px 24px;
}
div#mainnavi ul li a:hover {
	background: url(../images/bg_mainnavi_high.jpg) repeat-x;
	padding-top:12px;
	padding-bottom: 10px;
}
.mainnavi_norm a {
	background-image: none;
}
.mainnavi_high a {
	background: url(../images/bg_mainnavi_high.jpg) repeat-x;
}

/* ### SUBNAVI, erste Ebene ### */
div#subnavi ul {
font-size: 13px;
}
div#subnavi a:hover {
color: #0f2144;
text-decoration:none;
}
div#subnavi li {
list-style-type: none;
background: url(../images/subnavi_listenpunkt_norm.jpg) no-repeat 0px 8px;
padding-left: 12px;
}
div#subnavi li a {
text-decoration: none;
}
div#subnavi ul li a {
line-height: 20px;
text-transform: uppercase;
}
.subnavi1_norm a {
color: #5c4a1f;
}
.subnavi1_high a {
color: #0f2144;
}
/* ### SUBNAVI, zweite Ebene ### */
div#subnavi ul ul a {
margin-top: 2px;
margin-bottom: 2px;
text-transform: none;
font-size: 12px;
}
.subnavi2_norm a {
color: #5c4a1f;
}
.subnavi2_high a {
color: #0f2144;
}

/* ### SUBNAVI, dritte Ebene ### */
div#subnavi ul ul ul a {
margin-top: 2px;
margin-bottom: 2px;
text-transform: none;
font-size: 11px;
}
.subnavi3_norm a {
color: #5c4a1f;
}
.subnavi3_high a {
color: #0f2144;
}

/* ### STOERER LINKS ### */
#stoerer a img {
	border:0;
	margin-left: 7px;
	margin-bottom:15px;
}

/* ### HIGHLIGHTS BOX LINKS ### */
#highlights h2 {
width: 100%;
font-size: 14px;
font-weight: normal;
height: 31px;
line-height: 31px;
color: #fff;
text-transform: uppercase;
background: url(../images/bg_rechts_h2.jpg) repeat-x;
}
#highlights p {
margin-bottom: 2px;
font-size: 13px;
color: #3d3524;
}

#highlights a {
font-size: 13px;
color: #0f2144;
text-decoration: none;
}

#highlights a:hover {
text-decoration: underline;
}

/* ### NEWS TEASER RECHTS ### */
#rechts .suche_h2 {
font-size: 14px;
font-weight: normal;
height: 31px;
line-height: 26px;
color: #fff;
text-transform: uppercase;
}
.box_suche {
	height:31px;
	background: url(../images/bg_rechts_h2.jpg) repeat-x;
	width: 200px;
	border:0;
	}
.feld_suche {
	margin-bottom: 5px;
	border: 0;
	height:16px;
	width:100px;
	font-size:11px;
	background-color: #fff;
	}

.submit_suche {
	width:20px;
	height: 20px;
	margin-bottom: 5px;
	font-size:10px;
	font-weight: bold;
	border: 0;
	background: url(../images/bg_mainnavi_norm.jpg) repeat-x;
	color:#fff;
	}
	
/* ### NEWS TEASER RECHTS ### */
#aktuelles h2 {
width: 100%;
font-size: 14px;
font-weight: normal;
height: 31px;
line-height: 31px;
color: #fff;
text-transform: uppercase;
background: url(../images/bg_rechts_h2.jpg) repeat-x;
}

/* ### INFOZEILE UNTEN ### */
#infozeile p {
font-size: 11px;
color: #3d3524;	
}

/* ### CONTENT ### */
#inhalt h1 {
font-size: 15px;
font-weight: normal;
color: #0f2144;
text-transform: uppercase;
letter-spacing: 1px;
}
#inhalt h2 {
font-size: 12px;
color: #0f2144;
margin-top: 5px;
margin-bottom: 10px;
}
/* # h3 nur fuer rg_accordion (aktueller Monat) # */
#inhalt h3 {
font-size: 12px;
color: #0f2144;
margin-top: 10px;
margin-bottom: 10px;
}
/* nur fuer Produkte und Aktionen Ueberschrift auf Startseite */
#inhalt h4 {
width: 100%;
font-size: 14px;
font-weight: normal;
height: 31px;
line-height: 31px;
color: #fff;
text-transform: uppercase;
background: url(../images/bg_rechts_h2.jpg) repeat-x;
text-align: center;
margin-bottom: 0;
}
#inhalt p {
margin-bottom: 10px;
font-size: 13px;
color: #3d3524;
}
p.align-center {
text-align: center !important;
width: 438px;
padding: 15px;
background-color: #E5CD88;
border: 1px solid #fff;
font-weight: bold;
}
.divider hr {
height: 1px;
background-color: #e5cd88;
border: none;
width: 100%;
margin: 25px 0 25px 0;
}
#inhalt ul {
margin-bottom: 10px;
font-size: 13px;
color: #3d3524;
}
#inhalt li {
margin-left: 14px;
padding-bottom: 4px;
list-style-type: disc;
list-style-position: outside;
}
#inhalt a {
color: #0f2144;
text-decoration: underline;
}
#inhalt a:hover {
color: #0f2144;
text-decoration: none;
}
.csc-textpic-caption {
font-size: 11px;
color: #3d3524;
text-align: center;
}
.csc-textpic-imagewrap {
margin-top: 4px;	
}
/* Tabelle (fuer Termine) im Content */
.contenttable {
border: 1px solid silver;
}
.contenttable th {
width: 90px;
}
 
/* ### LOGIN ### */
.tx-felogin-pi1{
font-size: 13px;
color: #3d3524;
}
.tx-felogin-pi1 h3 {
display: none;
}
.tx-felogin-pi1 fieldset legend {
display: none;
}
.tx-felogin-pi1 fieldset{
margin-top: 10px;
border: 0;
}
.tx-felogin-pi1 fieldset input{
margin-bottom: 2px;
}
/* ##### SITEMAP ##### */
.csc-sitemap ul {
list-style-type: none;
}
.csc-sitemap ul li {
font-size: 100%;
background-image: none !important;
}

/* zweite Ebene */
.csc-sitemap ul li ul li a{
font-size: 110%;
}

/* ### FOOTER ### */
#footer ul {
list-style-type: none;
display: inline;
font-size: 11px;
}
#footer li {
display: inline;
}
#footer li a {
padding-left: 15px;
text-transform: uppercase;
}
#footer a {
  color: #efe0b0;;
  text-decoration: none;
}
#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

/* KONTAKTFORMULAR */
/* ACHTUNG: TS im setup (unten) beachten!! dort clearer inline und br */
.csc-mailform {
border: 0;
padding-left: 0;
margin-left: 0;
}
.csc-mailform-field {
font-size: 70%;
color: #3d3524;
}
DIV.csc-mailform-field label{
float: left;
padding-top: 6px;
}
DIV.csc-mailform-field input{
margin-bottom: 3px;
float: right;
}
DIV.csc-mailform-field textarea{
margin-top: 3px;
margin-bottom: 10px;
float: right;
}
DIV.csc-mailform-field select{
margin-top: 3px;
margin-bottom: 10px;
float: right;
width: 250px;
}
.csc-mailform-check {
margin-top: 0;
margin-bottom: 3px;
float: right;
}
.csc-mailform-submit {
margin-top: 20px;
font-size: 12px;
background-color: #E5CD88;
color: #3d3524;
}


/* SUCHE - styles for extension "tx_indexedsearch" */
.tx-indexedsearch { font-family: Verdana, Helvetica, Arial, Lucida, sans-serif; font-size: 80%; color: #3d3524;}
.tx-indexedsearch-form {float:left; margin-top: 10px;}
.tx-indexedsearch-search-submit {margin-top: 8px;}
.tx-indexedsearch .tx-indexedsearch-browsebox { margin-bottom:10px; }
.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#F9B105; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch fieldset {border:0;}
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
.tx-indexedsearch h3 {font-size: 90%!important;}
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }


/* ##### DOWNLOAD HANDEL PRESSE (Layout2) ##### */
.csc-uploads-icon {
padding: 1px;
border: 1px solid #E5CD88;
}
.csc-uploads-fileName a {
font-size: 11px;
}
.csc-uploads-fileSize {
padding-left: 10px;
font-size: 11px;
color: #3d3524;
}


/* ##### NEWS ##### */

/* ### LATEST ### */
.news-latest-container {
	border:0;
	background-color:transparent;
	width: 180px;
	padding: 0 10px 10px 10px;
	text-align: left;
}
.news-latest-container h3 {
font-size: 11px;
padding-top: 10px;
margin-bottom:5px;
color:#0f2144;
}
.news-latest-container a {
color: #0f2144;
text-decoration: underline;
}
.news-latest-container a:hover {
color: #0f2144;
text-decoration: none;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
font-size:10px;
display:block;
text-align: right;
padding-bottom: 5px;
}
.news-latest-date {
color: #3d3524;
}
.news-latest-morelink {
margin-top:5px;
}
.news-latest-morelink a {
color: #0f2144;
text-decoration: underline;
}
.news-latest-morelink a:hover {
color: #0f2144;
text-decoration: none;
}
.news-latest-item p {
	margin-top:5px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #3d3524;
}
* html .news-latest-item p {
	font-size: 10px;
}
.news-latest-item .clearer {
clear: both;
height: 1px;
background-color:#efe0b0;
border:0;
width: 100%;
}
	
/* ### LIST ### */
.news-list-date {
	color: #3d3524;
	font-size: 70%;
	float: right;
	}
.news-list-item p {
	margin-top:5px;
	margin-bottom: 5px;
	font-size: 13px;
	color: #3d3524;;
	}
.news-list-item h2 a {
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
}	
.news-list-container IMG {
	float: right;
	border:0 !important;
	margin-bottom:10px;
	margin-right:2px;
	margin-left:5px;
}
.news-list-morelink a {
	display: block;
	text-decoration: none;
	color:#045AA5;
	margin-top: 5px;
	margin-bottom: 5px;
}
.news-list-item .clearer {
clear: both;
height: 1px;
background-color: #e5cd88;
border:0;
width: 100%;
margin: 25px 0 25px 0;
}

/* ### SINGLE ### */
.news-single-date {
	color: #3d3524;
	font-size: 80%;
	}
.news-single-item p {
	margin-top:5px;
	margin-bottom: 5px;
	font-size: 13px;
	color: #3d3524;
	}
.news-single-img {
	float: right;
	margin-left:5px;
}
.news-single-imgcaption {
	font-size: 10px !important;
	padding-top: 3px;
	text-align: center;
	}
.news-single-links {
	color: #515056;
	font-size: 13px;
	}
.news-single-backlink {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 13px;
	}
.news-single-item .cl-right {
clear: both;
height: 1px;
background-color: #e5cd88;
border:0;
width: 100%;
margin: 20px 0 20px 0;
}
	
/* ### NEWSLETTER DOUBLE-OPT-IN ### */
div.mailformplus_contactform label {
	color: #3d3524;
    display: block;
    font-size: 13px;
    margin-top: 5px;
}
div.mailformplus_contactform p {
	color: #3d3524;
    font-size: 13px !important;
}

/* ### HEADER SLIDESHOW ### */
.rgslideshow {
  border:0;
  background:transparent;
}

/* ### Accordion ### */
/* Toggle default */
h3.rgaccord1-toggle {
  font-weight:normal !important;
  color:#3D3524 !important;
  line-height: 26px;
  height: 25px;
  background: url(../images/plus.png) 5px center no-repeat;
  border-top: 1px solid #ffffff;
  padding:0 0 3px 30px;
  margin-bottom:5px !important;
  margin-top:0 !important;
  cursor:pointer;
  background-color: #E5CD88;
}

/* Toggle act item */
h3.act {
  color:#0f2144 !important;
  background: url(../images/minus.png) 5px center no-repeat;
  background-color: #E5CD88;
  font-weight: bold !important;
}

/* the content */
div.rgaccord1-content {
  width:468px;
  background-color: transparent;
}

/* remove margin of a CE */
div.rgaccord1-content .ce {
  margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord1-content h3 {
  display:none;
}

/* STYLED CONTENT */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right: 10px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}