/* ========= WEBFONTS ========= */
/* ======================================================= */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);


/* ========= NAVIGATION ========= */
/* ======================================================= */
@import 'nav_bar_main.css';
@import 'nav_bar_top.css';
@import 'nav_bar_bottom.css';


/* ========= LAYOUT: print ========= */
/* ======================================================= */
#printFooterBox {
	display: none;
}
#printHeaderBox {
	display: none;
}


/* ========= LAYOUT ========= */
/* ======================================================= */
.container {
	width: 940px;
	margin: 0px auto;
}

#topBox {
	background-color: #ffffff;
	position: relative;
}
#topBox .container {
	height: 135px;
	position: relative;
}
#homelinkBox {
	position: absolute;
	top: 40px;
}
#homelinkBox a {
	display: block;
	width: 299px;
	height: 70px;
	background-image: url(../../images/pages/top_logo.png);
	background-repeat: no-repeat;
}
#topnavBox {
	position: absolute;
	right: 0px;
	top: 25px;
}
#socialnavBox  {
	position: absolute;
	right: 0px;
	top: 75px;
}
#socialnavBox li {
	float: left;
}
#socialnavBox a  {
	display: block;
	width: 32px;
	height: 32px;
	padding: 0px;
	margin: 0px 0px 0px 4px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../../images/pages/btn_social.png);
}
#socialnavBox a:hover  {
	opacity: 0.5;
}
#socialnavBox .facebook a  {
	background-position: 0px 0px;
}
#socialnavBox .twitter a  {
	background-position: -32px 0px;
}
#imageBox {
	background-color: #ffffff;
	background-image: url(../../images/pages/sectionImage.png); /* -> sectionImage */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#imageBox .content {
	height: 504px;
	padding: 0px 0px 0px 320px;
	position: relative;
}
#imageBox .content .text {
	position: absolute;
	bottom: 30px;
}
#imageBox .content .imageTitle {
	color: #ffffff;
	text-shadow: -3px 2px 3px #384344;
	font-weight: 700;
}
#imageBox .content .imageBox {
	background-image: url(../../images/effects_slide_bkg_text_bright.png);
	color: #384344;
	padding: 25px 20px 25px 20px;
	margin: 20px 0px 0px -25px;
	font-weight: 700;
}
#imageBox .content .imageSubTitle {
	color: #ffffff;
	text-shadow: -3px 2px 3px #384344;
	padding: 20px 0px 0px 0px;
	font-weight: 700;
	text-align: right;
}


#mainBox {
	background-color: #ffffff;
}
#mainBox .container {
	padding: 25px 0px 100px 0px;
}
#mainnavBox {

}
#subanvBox {

}
#leftBox {
	padding: 40px 0px 0px 0px;
	width: 620px;
	float: left;
}
#counterBox {

}
#contentBox {

}
#rightBox {
	padding: 40px 0px 0px 0px;
	width: 300px;
	float: right;
}
#infortBox {
	padding: 0px 0px 20px 0px;
}
#testimonialsBox {
	background-image: url(../../images/pages/bkg_testimonials_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 15px 10px 48px 15px;
	background-color: #D6D8D8;
	margin: 0px 0px 20px 0px;
}
#testimonialsBox a {
	text-decoration: none;
}
#testimonialsBox a:hover {
	text-decoration: none;
	opacity: 0.5;
	color: #2a3637;
}
#testimonialsBox span {
	display: block;
}
#testimonialsBox .title {
	font-weight: 700;
	padding: 0px 0px 10px 0px;
}
#testimonialsBox .author {
	padding: 0px 0px 20px 0px;
	display: table;
}
#testimonialsBox .author .image {
	display: table-cell;
	padding: 0px 10px 0px 0px;
}
#testimonialsBox .image img {
	width: 100px;
	height: auto;
}
#testimonialsBox .author .name {
	display: table-cell;
	width: 100%;
	vertical-align: bottom;
}
#testimonialsBox .text {
	background-image: url(../../images/pages/icon_arrow_right_dark.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0px 20px 0px 0px;
}
#testimonialsBox #testimonialsContent {
	display: none;
}
.testimonialsWrapper .title {
	font-weight: 700;
	padding: 0px 0px 10px 0px;
}
.testimonialsWrapper .author {
	padding: 0px 0px 20px 0px;
}
.testimonialsWrapper .author .image {
	display: table-cell;
	padding: 0px 10px 0px 0px;
}
.testimonialsWrapper .image img {
	width: 100px;
	height: auto;
}
.testimonialsWrapper .author .name {
	display: table-cell;
	width: 100%;
	vertical-align: bottom;
	font-weight: 700;
}
.testimonialsWrapper .text {}
#facebookBox {
	margin: 0px 0px 20px 0px;
}
#inforbBox {

}
#bottomBox {
	padding: 40px 0px 100px 0px;
}
#footerBox {
	background-image: url(../../images/pages/logo_footer.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 15px 70px;
	margin: 0px 0px 15px 0px;
	position: relative;
	border-bottom: 1px solid #B4B8B8;
}
#footerBox a {
	color: #2a3637;
	text-decoration: none;
}
#footerBox a:hover {
	color: #2a3637;
	text-decoration: underline;
}
#footerBox .imprint {
	padding: 0px 0px 0px 0px;
	position: absolute;
	right: 0px;
	top: -20px;
}
#footerBox .address {
	float: left;
}
#footerBox .donate {
	background-color: #c8d200;
	padding: 7px 7px 7px 7px;
	margin: 33px 0px 0px 0px;
	float: right;
}
#bottomnavBox {
	padding: 0px 0px 0px 70px;
}

#tplswitchBox {
	text-align: center;
	padding: 30px 0px 30px 0px;
	color: #000000;
}
#tplswitchBox .header, #tplswitchBox ul, #tplswitchBox li{
	display: inline;
}
#tplswitchBox li {
	padding: 0px 0px 0px 10px;
	font-weight: 700;
}
#tplswitchBox a {
	color: #000000;
	font-weight: 400;
}

/* ========= layout: index ========= */
/* ======================================================= */
.index #topinfoBox {
	margin: 20px 0px 0px 0px;
}
.index #topinfoBox .swTableCell {
	vertical-align: top;
}
.index #topinfoBox .content .contentSection {
	width: 260px;
	padding: 0px 20px 0px 40px;
}
.index #topinfoBox .content .contentSection.firstSection {
	padding-left: 20px;
}
.index #topinfoBox .content .contentSection.islink:hover {
	opacity: 0.5;
}

.index #topinfoBox .arrowLink .contentSection   {
	width: 260px;
	padding: 0px 20px 20px 40px;
	border-bottom: 1px solid #D1D1D1;
	margin: -30px 0px 0px 0px;
	height: 20px;
}
.index #topinfoBox .arrowLink .contentSection.islink {
	background-image: url(../../images/pages/icon_arrow_right_dark.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.index #topinfoBox .arrowLink .contentSection.firstSection {
	padding-left: 20px;
}


/* ========= inline popup ========= */
/* ======================================================= */
body.inlinePopup {
	padding: 20px;
	background-color: #ffffff;
	background-image: none;
	/*background-image: url(../../images/pages/bkg_popup.gif);*/
	background-repeat: repeat-x;
}


/* ========= custom_fh2015 ========= */
/* ======================================================= */
body.custom_fh2015 #imageBox .container {
	width: auto;
}
body.custom_fh2015 #imageBox .content {
	height: 464px;
	padding: 20px;
}
body.custom_fh2015 #imageBox .content .text {
	bottom: auto;
	position: relative;
}
body.custom_fh2015 #imageBox .content .imageBox {
	font-size: 26px;
	line-height: 30px;
	margin: 0px 0px 0px 0px;
	background-image: none;
	background-color: rgba(167,189,0,0.6);
	font-weight: 400;
	font-style: italic;
	position: absolute;
	width: 620px;
}
body.custom_fh2015 #imageBox .content .imageTitle {
	font-size: 42px;
	line-height: 42px;
	padding: 0px 0px 10px 0px;
	font-style: normal;
	text-shadow: 0px 2px 3px #384344;
}
body.custom_fh2015 #imageBox .content .imageButton {
	position: absolute;
	bottom: 50px;
	left: 100px;
	display: block;
}
/* ========= pages:leihmutterschaft ========= */
/* ======================================================= */

.leihmutterschaft #homelinkBox a {
	display: block;
	width: 299px;
	height: 81px;
	background-image: url(../../images/pages/top_logo_leihmutterschaft.png);
	background-repeat: no-repeat;
}
.leihmutterschaft #argumente {
	font-weight: 700;
	padding: 0px 0px 20px 0px;
}
.leihmutterschaft #argumenteBox .modTitle a {
	color: #000000 !important;
}
.leihmutterschaft #argumenteBox .modTitle a:hover {
	color: #000000 !important;
}
.leihmutterschaft #argumenteBox .modTitle a:before {
	content: "\f0da";
	font-family: FontAwesome;
	float: left;
	padding: 0px 10px 0px 0px;
}
.leihmutterschaft #argumenteBox {
	padding: 0px 0px 20px 0px;
}
.leihmutterschaft .modTitle, .leihmutterschaft .modTitle a {
	color: #000000 !important;
}
.leihmutterschaft .linkIconRight a:hover, .leihmutterschaft .linkIconLeft a:hover, .leihmutterschaft a:hover {
	color: #f5574e;
}