/* 	ivf-kinderwunsch.de | styles_gen.css
	(c) IVF Centers Prof. Zech, Eric Lechner  */


/*  full width backgrounds  */

body {
	background:#f8f7ff;
	color:#360947;
	font-family:Calibri, Arial, Helvetica, sans-serif;
}


em {
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
}

h1, h2, h4, h5, h6 {
	font-weight:bold;
}


a {
	text-decoration:underline;
}


a.unformatted {
	text-decoration:none;
}

/* important when using IVF Toolbar => 40px are hidden from top */
a.anchor {
	margin: 0;
    position: relative;
    top: -40px;
}
/* ----------------- */

.noformat {
	text-decoration:none;
	font-weight:normal;
}

.smaller {
	font-size:0.8em;
}

sup {
	vertical-align: super;
	font-size: 0.6em;
	margin:0px 2px;
}

div.head_bg,
div.lead_bg,
div.page_bg {
	display:block;
	width:100%;
}

div.head_bg {
	height:80px;
	background:#fff3ff;	
	margin-top:33px;  /*  under IVF-toolbar! */
}

div.lead_bg,
div.lead_bg_v2,
div.lead_bg_v3,
div.lead_bg_v4 {
	height:353px;
	border-bottom:1px solid #ddcbdd;
}


div.lead_bg {		background:#ffe6ff;	 	}
div.lead_bg_v2 {	background:#e8d1f1;		}
div.lead_bg_v3 {	background:#e8e5f2;		}
div.lead_bg_v4 {	background:#bed2ff;		}








/*  positioners  */

div.head_wrap,
div.lead_wrap,
div.page_wrap,
div.footer_wrap {
	margin:auto;
	width: 1040px;
}

div.page_wrap {
	width: 1040px;
	margin-top:16px;
}



div#page_wrap_start {
	margin-top:60px;
}



div.lead_postits {
	background:url(../img/kinderwunsch_hintergrund.jpg);
	width:1011px;
	height:438px;
}


/*  lead wraps  */


div.postit,
div.main-button {
	display:inline;
	float:left;
	position:relative;
}



div.postit-1-content {
	top:120px;
	left:40px;
	width:270px;
}


div.postit-2-content {
	top:78px;
	left:100px;
	width:220px;
}


.postit {
	color:#360947;
	font-size:0.9em;
}

.postit h2 {
	margin-bottom:10px;
	font-size:1.3em;
}

.postit ul {
	margin:16px 0px;
}

.postit ul li {
	list-style:disc outside;
	margin-left:15px;
}

ul.gepunktet li {
	list-style:disc outside;
	margin-left:15px;
	line-height: 1.25em;
}

div#blastozysten-entwicklung_spacer {
	height:50px;
	width:200px;
}





div.main-button,
div.main-button-content {
	width:321px;  /* kinderwunsch_button.png */
	height:85px;
}


div.main-button {
	top:315px;
	left:190px;
	color:#FFF;
	text-align:center;
}


.main-button a {
	text-decoration:none;
}

div.main-button-content {
	background:url(../img/kinderwunsch_button.png);
}

div.main-button-content .font-positioner {
	margin-left:-18px;
}


.main-button a .main-button-content .font-positioner h2 {
	font-size:2.6em;
	letter-spacing:-0.05em;
	margin-bottom:3px;
	padding-top:4px;
}

.main-button a .main-button-content .font-positioner h4 {
	display:inline;
	font-size:1.1em;
	border:1px solid #FFF;
	padding:2px 4px;
}







/*  ++++++++  content section  ++++++++  */


/* left pane */

.leftpane,
.rightpane {}

.leftpane {
	width:548px;
	float:left;
}


.ivfnews_article {
	border-top:1px solid #e3d3df;
}

.ivfnews_article {
	margin:12px 0px;
}



/* right pane */

.rightpane {
	width:452px;
	float:right;
}

.rightpane_homepage {
	margin-top:50px;
	padding-top:11px;
}

.subcol3 {
	float:left;
}

.rightpane .subcol3 {
	width:136px;
	margin-left:11px;
}

.rightpane .row_section {
	margin:16px 0px 8px 0px;
	padding:8px 0px 0px 0px;
	border-top:1px solid #DDD;
}

.rightpane .row_section:first-child {
	margin-top:0px;
}

.sub_section {
	margin-top:12px;
}

div.row_section .label {
	margin:16px 0px;
	font-size:0.8em;
	color:#574d5b;
}

.subcol3:first-child {
	margin-left:0px;
}


.pane_hint_for_man,
.pane_hint_for_woman {
	height:196px;
}

.txt_for_question {
	height:177px;
}

.pane_hint_for_man,
.pane_hint_for_woman {
	border-radius:0px 0px 32px 32px;
}

.pane_hint_for_man { 
	background:url(../img/kinderwunsch_mann_frau.jpg) no-repeat 0 0 #daedff;
	color:#3c8eb9;
}

.pane_hint_for_woman { 
	background:url(../img/kinderwunsch_mann_frau.jpg) no-repeat -142px 0 #f7e2f5;
	color:#aa6699;
}

.txt_hint_for_man {}


a.hint_for_man,
a.hint_for_woman {
	text-decoration:none;
}


.txt_hint_for_man,
.txt_hint_for_woman,
.txt_for_question {
	text-align:center;
}

.txt_hint_for_man,
.txt_hint_for_woman {
	padding-top:152px;
}

.txt_for_question {
	border:1px solid #af97d5;
	padding:8px;
}

.txt_for_question p {
	color:#b11eaf;
}

.txt_for_question p.question {
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:8px;
}

.txt_for_question p.copy {
	font-size:0.9em;
	margin-bottom:8px;
}

.txt_for_question p.sub {
	font-size:0.7em;
}



.txt_hint_for_man h5,
.txt_hint_for_woman h5 {
	font-size:1.4em;
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
}

.txt_hint_for_man h6,
.txt_hint_for_woman h6 {
	font-size:0.9em;
}

.txt_hint_for_man h6 {}
.txt_hint_for_man h5 {}
.pane_hint_for_woman {}
.txt_hint_for_woman {}
.txt_hint_for_woman h6 {}
.txt_hint_for_woman h5 {}



.head_wrap .txt {
	position:absolute; 
	margin-top:15px;
}

.head_wrap .txt h1 {
	font-size:2.5em;
	font-style:italic;
	color:#d48ccb;
}

.head_wrap .txt h1 em {
	color:#ab5f98;
}



/*  article  */

article {
	font-size:1.05em;
	line-height:1.15em;
}

.ivfnews_article {
	font-size:0.95em;
	padding:8px 0px;
}

.ivfnews_article h1.title {
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.1em;
	line-height:1.25em;
	color:#545;
}



.ivfnews_article h1.title,
.ivfnews_article div.author,
.ivfnews_article div.publishing,
.ivfnews_article p.lead {
	color: #6F859C;
}

.ivfnews_article h1.title {
	margin-bottom:3px;
}

.ivfnews_article div.author,
.ivfnews_article div.publishing {
	display:inline;
	float:left;
	margin-right:8px;
	font-size:0.8em;
}

.ivfnews_article p.lead {
	margin:8px 0px;
}


div.read_article,
div.copyright {
	display:inline;
}


div.read_article {
	float:left;
}

a.read_article {
	font-weight:bold;
	color:#ab5f98;
}

div.copyright {
	float:right;
	font-size:0.8em;
	color:#AAA;
}


time.datePublished {
	font-weight:bold;
	color:#3C8EB9;
}



article.ivfnews {}
.ivfnews_article {}
h1.title {}
div.author {}
span.publisher {}
span.author {}
div.publishing {}
span.inLanguage {}
p.lead {}
a.read_article {}
span.genre {}
div.copyright {}
span.copyrightYear {}
span.copyrightHolder {}


div.footer_wrap {
	margin-top: 30px;
	padding-bottom: 50px;
	font-size:0.8em;
	color:#928a95;
	border-top:1px solid #DDD;
	padding-top:4px;
}

div.footer_wrap .left{
	float:left;
}

div.footer_wrap .right {
	float:right;
}


/*  Standard Page  */


.lead_3col_1 .row {
	padding:12px 0px;
}

.lead_3col_1 .row .pic,
.lead_3col_1 .row .txt,
.lead_3col_1 .row .nav {
	height: 329px;	
}


.lead_3col_1 .row .pic,
.lead_3col_1 .row .txt {
	float:left;
}


.lead_3col_1 .row .pic {
	width:452px;
}

.lead_3col_1 .row .txt {
	width:294px;
	margin-left: 16px;
	font-size:0.93em;
	line-height:1.23em;
}

.lead_3col_1 .row .nav {
	float:right;
	width:250px

}

.lead_3col_1 .row .txt h2,
.lead_3col_1 .row .txt h3 {
	margin:8px 0px 4px 0px;
}

.lead_3col_1 .row .txt h2 {
	 color: #AB5F98;
	 font-style:italic;
}

.lead_3col_1 .row .txt h2 {
	font-weight:bold;
	font-size:1.7em;
	line-height:0.9em;
}

.lead_3col_1 .row .txt h3 {
	font-weight:bold;
	font-size:1.1em;
}

.lead_3col_1 .row .nav ul,
ul.linklist {
	list-style-image: url(../img/kinderwunsch_arrow.png);
}

ul.linklist {
	margin-top:16px;
}

.lead_3col_1 .row .nav ul li,
ul.linklist li {
	margin:4px 0px 0px 16px;
}

.lead_3col_1 .row .nav ul li.blockend{
	padding-bottom:8px; 
	border-bottom:1px dashed #DDCBDD;
}


.lead_3col_1 .row .nav ul li a,
ul.linklist li a {
	text-decoration:none;
}

ul.linklist li,
ul.linklist li a {
	font-size:17px;
}



.nav_sub {
	font-size:0.8em;
}



a.purple-button {
	text-decoration:none;
}

a.purple-button div.purple-button {
	background:#AB5F98;
	-moz-border-radius:8px;
	border-radius:8px;
	border:1px solid #DDD;
	margin:12px 0px;
	padding:12px;
}

a.purple-button div.purple-button:hover {
	background:#d577bd;
	-moz-border-radius:8px;
	border-radius:8px;
	border:1px solid #DDD;
	margin:12px 0px;
	padding:12px;
}

a.purple-button div.purple-button h1 {
	font-size:1.3em;
	color:#FFF;
	text-align:center;
}



/* content */


div.leftpane_headline,
div.leftpane h3 {
	margin-bottom:16px;
}


div.leftpane_headline h1.top {
	font-size:3em;
	color:#D48CCB;
	margin-top:64px;
}


div.leftpane_headline h2.top {
	font-size:2.6em;
	font-style:italic;
	color:#D48CCB;
	margin-top:64px;
}


div.leftpane h3,
div.leftpane_headline h3.top,
div.leftpane_headline h4.top {
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
	color:#AB5F98;
}

div.callout {
	background:none repeat scroll 0 0 #FFE6FF;
	color:#AB5F98;
	font-size:1.05em;
	line-height:1.1em;
	font-weight:bold;
}

.textleft {
	text-align:left;
}

.textcenter {
	text-align:center;
}

div.borderbox {
	border:1px solid #DDCBDD;
}

 
div.leftpane p {
	margin-bottom:36px;
	line-height:1.25em;
}

div.internal_infobox {
	margin:8px 0px;
	border:1px solid #DDCBDD;
	padding:8px;
	background:#F3EDFB;
	font-size:17px;
}

p.explanation {
	font-size:0.9em;
}

ol.level1,
ol.level2 {
	list-style-position:outside;
	margin-left:24px;
}


ol.level1 {
	list-style-type:decimal;
}

ol.level2 {
	list-style-type:lower-alpha;
}


/* li level 1 */

ol.level1 li h4 {
	font-size:28px;
	color:#AB5F98;
	font-weight:normal;
}

ol.level1 li h4 {
	margin-bottom:8px;
	border-bottom:1px solid #DDCBDD;
}

ol.level1 li p,
div.borderbox {
	font-size:17px;
	letter-spacing:0.01em;
	color:#545;
	margin-bottom: 36px;
}

ol.level1 li p {
	margin-bottom: 36px;
}

div.borderbox {
	color: #878;
}


/* li level 2 */

.level2 li,
.level2 li h5 {
	font-size:20px;
	color:#AB5F98;
	font-weight:normal;
}

.level2 li h5 {
	margin-bottom:8px;
	border-bottom:1px solid #DDCBDD;
}

.level2 li p {
	font-size:17px;
	letter-spacing:0.01em;
	color:#545;
	margin-bottom: 36px;
}







div.quote,
div.image,
div.callout,
div.borderbox {
	padding:16px;
	margin-bottom:32px;
}

#ivfablauf_schritte ol li {
	margin: 12px 16px 12px 52px;
	list-style-type:decimal;
	font-size:2em;
	cursor:pointer;
}

#ivfablauf_schritte ol li .descr {
	display: none;
}

#ivfablauf_schritte ol li .descr p {
	font-size:0.5em;
}

#ivfablauf_schritte ol li ul {
	margin: 0px;
}

#ivfablauf_schritte ol li ul li {
	margin: 0px 20px;
	list-style-type:lower-latin;
	font-size:0.5em;
}

div.image .row h6 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:16px;
}


div.image .row p {
	font-size:15px;
}

div.quote {
	background:#f3edfb;
}

div.quote .txt {
	font-style:italic;
	font-size:17px;
	line-height:20px;
	color:#360947;
}


div.quote .txt a.smaller {
	font-size:0.8em; 
	line-height:1.2em; 
	font-style:normal;
}


div.quote .meta {
	margin-top:8px;
	font-size:14px;
	color:#360947;
}

div.quote .meta .author a {
	text-decoration:none;
}


div.image {
	background:#f0ddf3;
}

div.image div.row {
	display:block;
	margin-top:16px;
}

div.image div.row:first-of-type {
	margin-top:0px;
}


div.col220,
div.col250 {
	display:inline;
	float:left;
	margin-left:16px;
	overflow:hidden;
}

div.col250 {
	width:250px;
}

div.col220 {
	width:220px;
}

div.image div.row div.col250:first-of-type {
	margin-left:0px;
}

div.col250 p,
div.col220 p {
	font-size:0.85em;
	letter-spacing:0.02em;
	color:#545;
	margin:0px 0px 8px 0px;
}



div.content_footer {
	border-top: 1px solid #DDDDDD;
	font-size:0.9em;
	margin-top:16px;
}


div.advertising_box {
	border:1px solid #999;
	background:#FFF;
	margin-bottom:32px;
	font-size:15px;
}

div.advertising_box .label {
	font-size:0.7em;
	background:#999;
	color:#FFF;
	padding:1px 8px;
}

div.advertising_box .ad {
	margin:8px;
}


div.advertising_box .ad .head h5,
div.advertising_box .ad .text p,
div.advertising_box .ad .link,
div.advertising_box .ad .link a {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

div.advertising_box .ad .head h5 {
	font-weight:bold;
	font-size:0.85em;
}

div.advertising_box .ad .text p,
div.advertising_box .ad .link {
	font-size:0.8em;
}

div.advertising_box .ad .text p {
	margin-bottom:18px;
}

div.advertising_box .ad .link a {
	text-decoration:underline;
}


#ivfablauf_schritte ol {}


table.matrix  tr td,
table.matrix  tr th {
	padding:3px;
	border:1px solid #E3D3DF;
}

table.matrix  tr th {
	text-align:center;
}


td div.yes,
td div.no,
td div.n_a {
	width:16px;
	height:16px;
	color:#FFF;
	text-align:center;
}

td div.yes {
	background:#3C0;
}

td div.no {
	background:#F00;
}

td div.n_a {
	background:#AAA;
}


/* sidebar */

.blog_feed {
	background:#FFF;
	padding:16px;
}

.blog_feed h5 {
	color: #80BCDB;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: -0.03em;
}

p.nomargin {
	margin:0px;
}