/* 
www.zentralmarkt.de
Start: 16.08.2006
Letzte Aenderung: 03.02.2007

Steffen, 20.02.2007 - Glossar von Euma uebernommen 
Caro, 19.02.2007 - neues Layout eingebaut
Caro, 20.06.2007 - neues Layout eingebaut
*/

@import url(poll.css);

/* Reset all */
*{
	padding: 0;
	margin: 0;
	/*border: 0;*/
}

/* Allgemeines */

body {
  background-color: #FFF;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  text-align: center;
}

a:link {
	color: #003475;
	text-decoration: none;
}

a:visited {
	color: #003475;
	text-decoration: none;
}

a:hover {
	color: #d5007b;
	text-decoration: underline;
}

h1 {display: none;}

p, ul {line-height: 17px;margin: 5px 0;}

.mark {color: #d5007b;}

#leftCol h3, #rightCol h3 {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	display: block !important;
	padding: 3px 3px 3px 5px;
	height: 15px;
	margin: 0;
	text-transform: uppercase;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	background-color: #f5f5f5;
}

/* STRUKTUR */

#wrapper {
	width: 950px; /* ohne Skyscraper */
	/*width: 1130px;  mit Skyscraper */
	text-align: left;
	margin: auto;
}

/*#skyscraper {
	padding-top: 100px; Neue Definition s.u. bei den Anzeigendetails.
}*/

#pagewidth {
	width: 950px;
	/*float: left; mit Skyscraper */
}

#header {
	width: 950px;
}

#content {
	margin-top: 20px;
	width: 950px;
}

#leftCol {
 	width: 195px; 
 	float: left; 
 	position: relative; 
 	background-color: #FFF; 
}
 
#twoCols {
 	width: 725px; 
 	float: right; 
 	position: relative; 
}
 
#rightCol {
	width: 220px; 
	float: right; 
	position: relative; 
	background-color: transparent;
	/*padding-left: 25px;*/ 
	padding-right: 5px; 		
}
 
#mainCol {
	float: left; 
	display: inline; 
	position: relative; 
	width: 475px; 
	padding: 0 0px 10px 0px;
}
 
#footer {
	margin-bottom: 25px;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 2px solid #DDD;
	background-color: #f5f5f5;
	min-height: 150px;
	line-height: 18px;
	width: 951px;
}

/* /STRUKTUR */

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

/* Logo/Head-Bereich */

#logo {
	padding: 35px 0 18px 0;
	background:	url(../images/bgHead.jpg) right top no-repeat;
	margin-right: 10px;
}

#headTrenner {
	background-color: #EC008D;
	border-bottom: 1px solid #C80078;
	height: 11px;
	margin-bottom: 2px;
}

/* /Logo/Head-Bereich */

/* Suchbox */

#suchBox {
	float: left;
	width: 400px;
	padding: 5px 0 0 5px;
}

#suchBoxInnen {
	background: url(../images/bgSuche.png) left top #fefad3;
	padding: 6px;
	border: 1px solid #fff;
}

#suchBox h3 {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 0 0 0;
	width: 100px;
	float:left;
}

#suche {
	
}

#suche .field {
	width: 180px;
	border: 1px solid #D0BC00;
	font-size: 11px;
	padding: 3px 2px;
	margin-right: 3px;
	margin-left: 4px;
}

/* /Suchbox */


/* horizontale Navigation */

#headNav {
	background-color: #FFE702;
	border-bottom: 1px solid #EFD800;
	height: 33px;
	margin-bottom: 18px;
}

#navcontainer {
	float: right;
	margin-top: 3px;
}

#navcontainer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer li {
	border-right: 1px solid #333;
}

#navcontainer li.none {
	border-right: none;
}

#navcontainer ul li a {
	font-weight: bold;
	color: #333;
	padding: 0 8px;
}

#navcontainer ul li a:hover {
   color: #D5007B;
}

#navcontainer a.active {
   color: #D5007B;
}


/* /Navigation horizontal */

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

/* leftcol-Details */

#themen {
	width: 100%;
	margin-bottom: 25px;
}

#themen ul li a {
	display: block;
	text-indent: 1.6em;
	margin: 0;
	padding: 0;
   border-bottom: 1px solid #ddd;
   background-color: transparent;
   color: #000;
   text-decoration: none;
   width: 100%;
	line-height: 25px;
	text-transform: uppercase;
	background: url(../images/li.gif) 6px 9px no-repeat transparent;
}

#themen ul li a:hover {
   color: #d5007b;
	background: url(../images/li2.gif) 6px 9px no-repeat transparent;
}

#themen a.active {
   color: #d5007b;
	background: url(../images/li2.gif) 6px 9px no-repeat;
}

#themen ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#rss {
	width: 100%;
	margin-bottom: 25px;
}

#rss ul li a {
	display: block;
	text-indent: 2.0em;
	margin: 0;
	padding: 0;
   border-bottom: 1px solid #ddd;
   background-color: transparent;
   color: #000;
   text-decoration: none;
   width: 100%;
	line-height: 25px;
	text-transform: uppercase;
	background: url(../images/rss.gif) 6px 7px no-repeat transparent;	
}

#rss ul li a:hover {
   color: #d5007b;
	background: url(../images/rss.gif) 6px 7px no-repeat transparent;
}

#rss a.active {
   color: #d5007b;
	background: url(../images/rss.gif) 6px 7px no-repeat;
}

#rss ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#glossar h2 {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
	padding-bottom:5px;
}

#glossarNav {
	width: 100%;
	margin-bottom: 25px;
}

#glossarNav li {
	border-bottom: 1px solid #ddd;
	list-style-type: none;
}

#glossarNav a:link, #glossarNav a:visited {
	display: block;
	vertical-align: middle;
	font-size: 11px;
	color: #000;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 18px;
	background-color: transparent;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/li.gif) 6px 10px no-repeat transparent;
}

#glossarNav a:hover {
	text-decoration: none;
	color: #E3007A;
	background: url(../images/li2.gif) 6px 10px no-repeat #fff;
}

#glossarNav a#active_menu {
	color:#5F7FBC;
	font-weight: bold;
	background-color: #E6EFFF;
	background: url(../images/li.gif) 6px 10px no-repeat transparent;
}

#glossarNav#active_menu a:hover {
	color: #5F7FBC;
	background-color: #E6EFFF;
	background: url(../images/li.gif) 6px 10px no-repeat transparent;
}

#glossarNav a.active {
   color: #d5007b;
	background: url(../images/li2.gif) 6px 9px no-repeat;
}

#glossarSuche {
	margin-top: 15px;
	margin-bottom: 25px;
	border: 1px solid #DDD;
	padding: 5px;
	background-color: #f5f5f5;
}

#glossarSuche h3 {
	background-color: transparent;
	border: 0;	
}

#zmTitel {
	margin-left: 8px;
	margin-top: 15px;
	border: 1px solid #CCC;
	width: 140px;
}

#buttonProbeabo {
	margin: 5px 0 0 10px;
}

/* mainCol-Details */

.anzeigenMarker {
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 3px;
	font-size: 8px;
	letter-spacing: 0.3em;
}

.topMeldungPic {
	float: left;
	width: 165px;
	margin: 10px 0 5px 0;
	padding: 0 0 0 10px;
}

.topMeldungBeitrag {
	padding: 6px 0 0 10px;
}

.newsPic {
	width: 150px;
	padding:3px;
	margin: 6px 7px 0 0; 
	position: relative;
}

.newsPicText {
	font-style: italic;
}

/* mainCol: Styles fuer staticContent */
#staticContent p {
	margin: 15px 0;
}

#staticContent h2 {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
	padding-bottom:5px;
	border-bottom: 1px dotted #000;
}

#staticContent h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
}

#staticContent ul {
	margin: 15px 0 15px 30px;
	list-style-image: url(../images/li2.gif);
}

.areaHead {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
}


/* mainCol: Styles fuer dynamicContent */

#dynamicContent {
 background-color: transparent;
}

#dynamicContent p {
	margin: 10px 0;
}

#dynamicContent h2 {
	color: #d5007b;
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 14px;
}

#dynamicContent ol {
	margin: 15px 0 15px 30px;
}

#dynamicContent .catLine {
	color: #003475;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom:5px;
	border-bottom: 1px dotted #CCC;
}

.eintrag .beitragDetail {
	font-weight: bold;
	margin: 3px 0;
}

#dynamicContent .aktuelleNewsStart {
	margin: 5px 0px 5px 0;
	text-transform: uppercase;
	font-weight: bold;
}

#eintragMainfeature {
	border: 1px solid #FFE702;
	margin-bottom: 25px;
	position: relative;
}

#eintragMainfeature .topMeldung {
	background-color: #FFE702;
	border-bottom: 1px solid #EFD800;
	padding: 5px 0px 5px 10px;
	text-transform: uppercase;
	font-weight: bold;
}

#eintragMainfeature h2 {
	font-size: 14px;
	margin-top: 10px;
	padding-top: 0;
	color: #d5007b;
}

#eintragMainfeature .beitragDetail {
	margin: 0 15px 5px 15px;
	margin: 0 15px 5px 0;
	font-weight: bold;
}

#eintragMainfeature p {
	padding: 0 15px 10px 15px;
	padding: 0 15px 10px 0;
}

/* Styles fuer Drucken & Empfehlen */

#NewsTools p {text-align: right;}
#NewsTools a {margin-left: 15px;}

/* rightCol-Details */

#services {
	width: 215px
	/*padding-left: 25px;*/
}

#services .servicesLogo {
	margin: 10px 0;
}

#services .servicesText {
	margin: 0 0 20px 0;
	line-height: 17px;
}

#services .servicesText a {
	color: #000;
	text-decoration: underline;
}

#services .servicesText a:hover {
	color: #d5007b;
}

.servicesDetail {
	border-bottom: 1px solid #DDD;
	padding-top: 10px;
}

/* Footer-Details */

#footerContent {
	margin-left: 15px;
	text-align: center;
} 

#footerContent p {
	margin: 10px 0;
	width: 880px;
}

#footerContentLeft {
	margin-top: 5px;
	margin-left: 190px;
	width: 280px;
	float: left;
	vertical-align: top;
	text-align: left;
}

#footerContentRight {
	margin-top: 5px;
	width: 280px;
	float:left;
	vertical-align: top;	
	text-align: left;
}

#footerContent ul {
	list-style-image: url(../images/li.gif);
	padding-left: 18px;
} 

/* FORM-Styles */

.submit {
	background: url(../images/bgButton.png) bottom left repeat-x #FFF;
	border: 3px double #999;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	padding: 0 1px 1px 1px;	
}

form 	
{
	margin: 0;
	padding: 0;
	font-size: 11px;
}

legend 
{
	font-weight: bold;
	color: #999;
	margin: 0;
	padding: 0.5em;
	letter-spacing: 0.2em;
}

label
{
	margin-bottom: 2px;
}

.checkbox
{
	margin-right: 5px;
	margin-bottom : -0.001em;
	vertical-align: text-bottom;
}

div.checkbox
{
	line-height: 20px;
	display: block;
}

fieldset 
{
	margin : 10px 30px 20px 0;
	padding : 15px;
	border : 1px solid #ddd;
	/*background-color: #F7F7F7;*/
}

textarea
{
	width: 400px;
	height: 80px;
	padding: 2px;	
	font-size: 11px;
	border: 1px solid #CCC;
}

input.text
{
	width: 300px;
	padding: 2px;
	font-size: 12px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
}


fieldset div br 
{
	display : none;
}

label 
{
	display : block;
}*/


/*.formSubmit
{
	border: 1px solid #666;
	background-color: #CCC ;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 8px 2px 8px;
	color: #666;
	font-family: verdana;
	margin-top: 15px;
}*/


/* TABLE-Styles */
#tblMediadaten {padding-top:15px;}
#tblMediadaten table {width: 460px;border-bottom:2px solid #fcf28e;}
#tblMediadaten td {padding: 3px 0 3px 3px;}
#tblMediadaten td.tdAnzeige {background-color: #FEFAD3;border-top: 2px solid #fcf28e;}

/* Styles fuer Werbung */
.werbung {margin-bottom: 25px;}
#zentradaBox {border: 1px solid #FCF28E;background-color:#FEFAD3;padding: 8px;}
#skyscraper  {margin-top: 15px;margin-bottom: 15px;}


/* Pagination */

.pagination {color:#666;padding: 4px 1px 4px 0px;margin: 0 0 .5em;}
.pagination p {position:relative; text-align:left}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#FFF;padding:1px 3px;border: 1px solid #CCC}
.pagination p a:hover, .pagination p a:active {background:#003475;color:#fff;border: 1px solid #003475}
.pagination a.active {color:#003475;}
.pagination span.active {color:#003475;}
.pagination * {margin:0}


/* WICHTIG */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
/*.clearfix{display: inline-block;}*/

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


/* Glossar */

#glossar {width: 470px;}
#glossar ul {margin: 15px 0 10px 15px;line-height: 17px;}
#glossar li {list-style-image: url(../images/li.gif);margin-bottom:4px;}