@charset "UTF-8";

/* allg. Formatierungen */
@import "./main_general.css";

/* Haupnavigation */
@import "./main_mainnav.css";

/* Content-Spalte links */
@import "./main_wrapper_content.css";

/* Marginalspalte + Tagcloud */
@import "./main_marginalSpalte.css";

/* VideoTool */
@import "./cpsVideoTool.css";

/* Vornamen */
@import "./cpsNamePicker.css";

@import "./forumBox1.css";

/* Kalender */
@import "./cpsFertilityCalculator.css";

/* Fotowettbewerb + Ecard */
@import "./fotoWettbewerb.css";

/* Goldenes Schaukelpferd */
@import "./schaukelpferd.css";

/* Newsletter */
@import "./newsletter.css";

/* Freizeitplaner */
@import "./freizeitplaner.css";


@media all
{

/*=
  = Wrapper
  ==================================================*/

div#wrapper {
	position: relative;
	width: 54.45em;
	background: #E8E8E8;
	/* zu Testzwecken: border: 1px solid black; */
	margin: 0;
	padding: 0 0 0.63em 0;
}

div#wrapper_top {
	position: relative;
	width: 100%;
}

div#wrapper_outer {
	position: relative;
	margin-top: 0.56em;
	clear: both;
}

div#wrapper_inner {
	position: relative;
	width: 100%;
}

div#wrapper_article {
	position: relative;
	width: 100%;
}

div#wrapper_iframe {
	position: relative;
	/* width: 51.94em; */
	width: 53.19em;
	margin-top: 0.56em;
	padding: 0 0 0 0.63em;
}

div#wrapper_iframe_inner {
	position: relative;
	width: 100%;
	margin-top: 0.56em;
}

/*=
  = Sprungmarken
  ==================================================*/

div#wrapper_jumps {
  position: absolute;
  width: 100%;
  top: -500px;
  left: -500px;
  z-index: 10;
}

div#wrapper_jumps ul {
  list-style: none;
  font-size: 0.75em;
}

div#wrapper_jumps ul li {
  margin: 0em;
}

div#wrapper_jumps ul li a:link,
div#wrapper_jumps ul li a:visited {
  position: absolute;
  background-color: #3F3F3F;
  top: 0px;


  left: 0px;
  color: #FFFFFF;
}

div#wrapper_jumps ul li a:focus,
div#wrapper_jumps ul li a:active {
  position: absolute;
  background-color: #3F3F3F;
  width: 17em;
  top: 510px;
  left: 510px;
  color: #FFFFFF;
  text-align: left;
}

/*=
  = Header
  ==================================================*/

div#wrapper_header {
	position: relative;
	float: left;
	padding: 0 0.63em;
	background: url('../images/header-bg.jpg') repeat-y left;
}

div#header_left {
	position: relative;
	float: left;
}

div#header_left h1 img {
	width: 22.5em; /* 360px */
	height: 6.24em; /* 100px */
	margin: 0.63em 0 0 0;
}

/*=
  = Servicenavigation
  ==================================================*/

div#wrapper_servicenav {
	float: right;
	position: relative;
	/* width: 36.35em; */
	width: 29.5em; /* 468 Pixel */
}

div#wrapper_servicenav ul#servicenav {
	float: right;
	margin: 0;
	list-style: none;
	font-size: 0.63em;
}

div#wrapper_servicenav ul#servicenav li {
	background: url('../images/bg_servicenav2.gif') no-repeat right 0.4em;
	margin: 0.1em;
	padding: 0.18em 0.46em 0.18em 0.1em;
	display: inline;
	float:left;
	font-weight: bold;
}

div#wrapper_servicenav ul#servicenav li#servicenav_last {
	background: none;
	margin-right: 0em;
}

div#wrapper_servicenav ul#servicenav li a:link,
div#wrapper_servicenav ul#servicenav li a:visited {
	color: #999999;
	text-decoration: none;
}


/*=
  = Rechte Navigation
  ==================================================*/

div#wrapper_rightnav {
	position: relative;
	padding: 0.3em 19.7em 0em 0.75em;
	float: right;
}

div#wrapper_rightnav ul {
	list-style: none;
	font-size: 0.63em;
}

div#wrapper_rightnav ul li {
	margin: 0em;
	padding: 0em;
	display: inline;
	float: left;
}

/*=
  = Brotkrümmelnavigation
  ==================================================*/

div#wrapper_breadcrumb {
	position: relative;
	padding: 1em 0em 0em 0.75em;
	float: left;
}

div#wrapper_breadcrumb p {
	font-size: 0.63em;
}

div#wrapper_breadcrumb a:link,
div#wrapper_breadcrumb a:visited {
	color: #BF0000;
}

/*=
  = Inhalt - oben
  ==================================================*/

div#wrapper_topcontent {
	margin: 0em;
	padding: 0em 0em 0em 0.63em;
}


/*=
  = Inhalt
  ===================================================*/


/**************** Loginformular Plus-Seiten ****************/

form#plus_abo_login {
	width: 16em;
	height: 1.764em; /* 28 px */
	padding: 0.504em 0.6em 0.509em 0.6em;
	background: url(../images/mainnav-1-bg.jpg) repeat-x top;
	/* Font wie ul#mainnav li */
	color: #FDD689;
	font-size: 0.756em;
	font-weight: bold;
	text-align: right;
}

form#plus_abo_login input[type=text] {
	width: 11em;
	padding: 0.1em;
	font-size: 0.7em;
}

form#plus_abo_login label {
	float: left;
}

form#plus_abo_login input.submit,
form#plus_abo_logout input.submit {
	height: 15px;
	font-size: 0.63em;
	background: url(../images/nl-submit-bg.jpg) repeat-x left top;
	padding: 0 0 0.2em 0;
	cursor: pointer;
}

form#plus_abo_logout input.submit {
	height: 16px;
	font-size: 0.63em;
	background: url(../images/nl-submit-bg.jpg) left top;
	padding: 0 0 0.2em 0;
}

/**************** Gewinnspielformular ****************/

div#wrapper_wingame {
	position: relative;
	width: 100%;
	margin: 0em;
	padding: 0em;
}

div#wrapper_wingame h2 {
	background-color: #FFFFFF;
	font-size: 0.75em;
	color: #333333;
	line-height: 1.33em;
}

div#wrapper_wingame p {
	clear: both;
}

div#wrapper_wingame p span.wingame_left {
	width: 12em;
	margin: 0em;
	padding: 0em;
	float: left;
}

/**************** Kontaktformular ****************/

div#wrapper_contactform {
	position: relative;
	width: 100%;
	margin: 0em;
	padding: 0em;
}

div#wrapper_contactform h2 {
	background-color: #FFFFFF;
	font-size: 0.75em;
	color: #333333;
	line-height: 1.33em;
}

div#wrapper_contactform p {
	clear: both;
}

div#wrapper_contactform p span.contactform_left {
	width: 12em;
	margin: 0em;
	padding: 0em;
	float: left;
}


/**************** Newsletteranmeldung ****************

div#wrapper_newsletter {
	position: relative;
	width: 100%;
	margin: 0em;
	padding: 0em;
}

div#wrapper_newsletter input#email {
	width: 30em;
}
*/

div#wrapper_content div.csc-sitemap {

	position: relative;
	width: 100%;
	margin: 0em;
	padding: 0em;
}


div#wrapper_content div.csc-sitemap ul {
	padding: 0em;
	list-style: none;
	font-size: 0.75em;
}

div#wrapper_content div.csc-sitemap ul li {
	padding: 0em;
	line-height: 1em;
}

div#wrapper_content div.csc-sitemap ul li ul {
	margin: 0em;
	padding: 0.5em 0em 0em 0.5em;
	list-style: none;
	font-size: 1em;
}

div#wrapper_content div.csc-sitemap ul li ul li {
	background: url('../images/bg_sitemap.gif') no-repeat;
	margin: 0em;
	padding: 0.4em 0em 0em 1.5em;
}

div#wrapper_content div.csc-sitemap ul li ul li a:link,
div#wrapper_content div.csc-sitemap ul li ul li a:visited {
	background-color: #FFFFFF;
	color: #000000;
}


/**************** Umfrage ****************/

div.nb-quiz {
	background: #ffe1d0;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	width: 583px;
}

div.nb-quiz-hd {
	background: transparent url(../images/header.gif) no-repeat;
	color: #bf0000;
	font-size: 1px;
	height: 13px;
	line-height: 1px;
}

div.nb-quiz-bd h2 {
	background: transparent url(../images/arrow.gif) no-repeat;
	color: #bf0000;
	height: 25px;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	padding: 0 20px 0 30px;
	text-transform: none;
}

div.nb-quiz-bd p {
	color: #bf0000;
	font-size: 13px;
	padding: 0 20px 0 30px;
}

div.nb-quiz-answers {
	background: #fff;
	border-bottom: 1px solid #ff9b65;
	margin: 0 20px 0 30px;
	padding: 10px;
}

div.nb-quiz-answer {
	color: #bf0000;
	font-size: 13px;
	margin: 3px 0;
}


.nb-quiz-results td {
	color: #bf0000;
}

div.nb-quiz-ft {
	margin: 5px 20px 0 30px;
}

.nb-quiz-show-results {
	margin-left: 10px;
}

a.nb-quiz-show-results, a.nb-quiz-show-results:link, a.nb-quiz-show-results:active {
    background: #FFE1D0;
}

div#wrapper_content table.nb-quiz-show-results, div#wrapper_content table.nb-quiz-results {
  border: 0px none;
}

.nb-quiz-show-results img {
	background: #FFE1D0;
  position: relative;
	top: -3px;
}

.nb-quiz-results {
	width: 100%;
}

.nb-quiz-results td {
	font-size: 13px;
	padding: 7px 3px !important;
}

.nb-quiz-progress-bar {

	background: #ffe1d0;
	height: 22px;
	line-height: 0;
	font-size: 1px;
}

.nb-quiz-progress-bar div {
	background: #ff7e38;
	height: 22px;
	line-height: 0;
	font-size: 1px;
}

.nb-quiz-ft a, .nb-quiz-ft a:hover, .nb-quiz-ft a:link, .nb-quiz-ft a:active, .nb-quiz-ft a:visited {
    background: none !important;
}

#sub {
	display: none !important;
}

/**************** Most read articles ****************/

/* *************************************
div.teaser_small_left_most_read {
	border:0.07em solid #FF8544;
	float:left;
	margin:0em;
	padding:0;
	position:relative;
	width:100%;
}

div.teaser_small_left_most_read_header {
	background-color:#FF8544;
	color:#FFFFFF;
	font-size:0.625em;
	font-weight:bold;
	line-height:2em;
	padding-left:10px;
	text-transform:uppercase;
}

div.teaser_small_inner_most_read {
	margin:0.5em 0;

	padding:0em;
	position:relative;

	width:100%;
}

div.teaser_image_small_most_read {
	float:left;
	margin:0em;
	padding:0 0 0 10px;
	position:relative;
	width: 4em;
}


div.teaser_text_small_most_read {
	float:left;
	margin:0em;
	padding:0em;
	position:relative;
	width:16em;
}


div#wrapper_content div.wrapper_box_left div.teaser_text_small_most_read h1.kicker {
	background-color:#FFFFFF;
	color:#999999;
	font-size:0.63em;
	line-height:1.2em;
	margin:0em;
	padding:0em 0em 0.5em;
}

div#wrapper_content div.wrapper_box_left div.teaser_text_small_most_read h1 {
	background-color: #FFFFFF;
	margin: 0em;
	color: #BF0000;
	font-size: 0.69em;
	line-height: 1.3em;
}
************************************* */

/*=
  = Werbung
  ==================================================*/

div#wrapper_leaderboard {
	position: relative;
	width: 100%;
	margin: 0em;
	padding: 0em 0em 0.2em 0em;
	z-index: 20001;
	background-color: #FFFFFF;
}

div#wrapper_fullbanner {
	position: relative;
	margin: 0.5em 0em 0em 0em;
	padding: 0em;
	float: right;
	z-index: 20002;
}

div#wrapper_layer {
	position: absolute;
	top: 12.5em;
	left: 15em;
	margin: 0em;
	padding: 0em;
	z-index: 20003;
}

div#wrapper_contentAdCenter {
	clear: left;
	/* position: relative; */
	border-top: 1px dotted #BF0000;
	border-bottom: 1px dotted #BF0000;
	/* width: 37.5em; */
	width: 34.76em;
	padding: 1em 0em 1em 0em;
	float: none;
}

div#wrapper_contentAdCenter_right {
	position: relative;
	width: 18.75em;
	margin: 0em 0em 0.63em 0em;
	padding: 0em;
	float: right;
}

div#wrapper_contentAdCenter_left {
	position: relative;
	width: 18.75em;
	margin: 0em 0em 0.63em 0em;
	padding: 0em;
	float: left;
}

div#wrapper_pagepeel {
	position: absolute;
	top: 0em;
	right: 0em;
	width: 5em;
	height: 5em;
	margin: 0em;
	padding: 0em;
	z-index: 20005;
}

div#wrapper_skyscraper {
	position: absolute;
	top: 11.5em;
	left: 55em;
	margin: 0em;
	padding: 0em;
	z-index: 20004;
}


/*=
  = Seitenfunktionen
  ==================================================*/

div#wrapper_functions {
	/* position: relative;
	width: 100%; */
	float: left;
	margin: 0em;
	padding: 1em 0em 0em 0em;
}

div#wrapper_functions p {
	font-size: 0.63em;
}

div#wrapper_functions p a:link,
div#wrapper_functions p a:visited {
	padding: 0em 3em 0em 0em;
}

div#wrapper_bookmarks {
	/* position: relative;
	width: 100%;
	margin: 1em 0em 1em 0em;
	padding: 0em; */
	margin: 0em;
	padding: 1em 0em 0em 0em;
}

div#wrapper_print {
	float:right;
	margin-left:1em;
	font-size: 0.63em;
}

/*=
  = Fusszeile
  ==================================================*/

div#wrapper_footer {
	clear:both;
	float:none;
	position: relative;
	width: 100%;
	margin: 1em 0em 1em 0em;
	padding: 0em 0.63em;
}

div#wrapper_footernav {

	position: relative;
	width: 100%;
	margin: 1em 0em 1em 0em;
	padding: 0em;
	text-align: center;
}

div#wrapper_footernav ul {
	width: 71em;
	margin: 0em auto 0em auto;
	padding: 0em;
	list-style: none;
	font-size: 0.63em;
}

div#wrapper_footernav ul li {
	margin: 0em 0.3em 0em 0em;
	padding: 0em;
	display: inline;
	color: #999999;
}

div#wrapper_footernav ul li a:link {
	color: #999999;
}

div#wrapper_footernav ul li a:visited {
	color: #AAAAAA;
}

/*=
  = Contact Form
  ==================================================*/

div.contactForm {
	font-size:0.75em;
}

div.contactForm .tmail_formfield {
	clear:left;
	padding:5px 0px;
}
div.contactForm .tmail_formfield label {
	float:left;
	font-weight:normal;
	margin-right:15px;
	text-align:right;
	width:15em;
}

div.contactForm #contactButton {
	background-color:#BF0000;
	border:medium none;
	color:#FFFFFF;
	font-weight:bold;
	margin:10px 0pt 0pt;
	width:10.5em;
}

div.wrapper_horoskop {
	position: relative;
	width: 100%;
	margin: 0em;
	padding: 0em;
	text-align: center;
}

div.wrapper_horoskop p {
	padding: 1em 1em 0em 1em;
}

div.tx-cpsvideotool-pi2 {display:block;}



} /* @media all Ende */