/**
 * dunkelblau: 116c86
 * gruen: c8d215
 * grau: 58585a 
 * orange: FCAC62 
 *
 */ 
 
@font-face {
    font-family: 'station';
    src: url('../fonts/station-webfont.eot');
    src: url('../fonts/station-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/station-webfont.woff') format('woff'),
         url('../fonts/station-webfont.ttf') format('truetype'),
         url('../fonts/station-webfont.svg#StationMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}   

* {margin:0px; padding:0px;}

html {}


body {
  /*background: url(../img/grass.png) center bottom repeat-x, 
  url(../img/clouds.png) center top no-repeat, url(../img/sky.png) center top repeat;
    
  background: url(../img/sunflowers.jpg) center top no-repeat; */	
  height:100%;
	border:none;
	font-family:arial,verdana,sans-serif;
	background-color:#fff;
}

#main-container {margin:0 auto; width:960px; background:#fff; padding:30px 0 0 0; position:relative; border:2px solid #ECECED; border-top:none; /*box-shadow: 0 1px 10px #fff;*/ box-shadow: 0 1px 10px rgba(0,0,0,.2);	}


#header {margin-bottom:20px; width:100%;}
  #logo {margin:0 auto 30px auto; width:300px;}
  #cellpic {position:absolute; top:0px; left:0px; margin-left:-170px; z-index:50;}
    
  #mainnav-container {background:#116c86; border-radius:0 10px 10px 0; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; width:970px; padding:20px 0; margin-right:-10px; position:relative;}  
    #testimonial{width:278px; height:146px; position:absolute; right:30px; top:-126px; z-index:10;}
    #mainnav{z-index:100;}
    #mainnav .mainnav {list-style:none; height:70px;}
    #mainnav li {width:305px; height:70px; float:left; margin:0 12px 0 0;}
     
    #mainnav li a {
      font-family: station, sans-serif;
      color: #116c86;
      display:block; 
      height:50px; 
      padding:14px 10px 6px 10px; 
      text-decoration:none;
    	border: none;
    	background: #dde473;
    	background: -webkit-gradient(linear, left top, left bottom, from(#f3f6ce), to(#dde473));
    	background: -moz-linear-gradient(top,  #f3f6ce,  #dde473);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f6ce', endColorstr='#dde473');
    	border-radius:10px;
    	-webkit-border-radius:10px;
    }
    
    #mainnav li a:hover, #mainnav li.active a {
      /*orange*/
      background: #FEEA7C;
    	background: -webkit-gradient(linear, left top, left bottom, from(#FCB57B), to(#FEEA7C));
    	background: -moz-linear-gradient(top,  #FCB57B,  #FEEA7C);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB57B', endColorstr='#FEEA7C');   	
    	/*violett
    	background: #f5adfb;
    	background: -webkit-gradient(linear, left top, left bottom, from(#f5adfb), to(#ffffff));
    	background: -moz-linear-gradient(top,  #f5adfb,  #ffffff);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5adfb', endColorstr='#ffffff');
    	*/
    }
    
    #mainnav li a .title {display:block; font-weight:bold; font-size:15px; margin-bottom:5px; white-space:nowrap;}
    #mainnav li a .subtext {display:block; font-size:12px;}
    #mainnav li.first {margin-left:10px;}
    #mainnav li.first a .title {text-align:right;}
    #mainnav li.first a .subtext {text-align:right;}
    
/*---------------------------------------- language --------------------------*/
    #language {float:left; height:30px; margin-left:200px;}
    #language #language_switch {list-style:none; list-style:none;}
    #language #language_switch li {float:left; margin-right:5px; width:35px; height:30px; background:#116C86; border-radius:0 0 5px 5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
    #language #language_switch li.active {background:#C8D215;}
/*---------------------------------------- social ----------------------------*/
    #social {float:right; margin-right:10px; position:relative;}  
    #social ul {float:left;}
    #social ul li {list-style:none; background:#116C86; float:left; height:30px; width:35px; overflow:hidden; margin-right:5px; border-radius:0 0 5px 5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
    #social ul li:hover, #social ul li.active {background:#C8D215;}
    #social ul li a {text-decoration:none; color:#fff; text-indent:-9999px; display:block; overflow:hidden; height:35px; background-image:url(../img/recall-orange.png); background-repeat:no-repeat; background-position: center 4px;}
   
    /*#social ul li.first a {background-image:url(../img/recall-orange.png); }
    #social ul li.last a {background-image:url(../img/recommend.png); background-position: center 5px;} 
      */
    #recommend {float:left; margin-right:5px;}
    #recommend a {border-radius 0 0 5px 5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; text-decoration:none; border-radius:0 0 5px 5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; color:#fff; text-indent:-9999px; display:block; overflow:hidden; height:30px; width:35px; background-image:url(../img/recommend.png); background-repeat:no-repeat; background-color:#116C86; background-position: center 5px;}
    #recommend a:hover, .body-25 #recommend a {background-color:#C8D215;}
    
    #share {float:right; background:#116C86; height:30px; padding:0 5px 0 0; border-radius:0 0 5px 5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
    #share a {display:block; margin-top:5px;}
    #share:hover {background:#C8D215;}
    
/*---------------------------------------- content-container -----------------*/
    #content-container {margin-bottom:20px; font-size:12px;}  
    
    
/*---------------------------------------- left-col --------------------------*/    
  #left-col {float:left; width:315px; }
  #left-col #left-container #search-part {margin:0 0 20px 0; background:#fff; border-radius:0 10px 10px 0; height:30px; position:relative; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px;}
    #search-part .searchbox_button {position:absolute; top:2px; right:10px; background:#116c86; border-radius:3px; -webkit-border-radius:3px;}
    #search-part .searchbox_button:hover {background:#C8D215;}
    #search-part .searchbox_input {position:absolute; font-size:12px; font-family:arial,sans-serif; border:1px solid white; left:1px; top:0px; height:28px; line-height:28px; padding:0 5px 0 10px; width:240px;}
    #search-part .searchbox_input:focus {background:#f3f6ce;}
  #left-col #left-container {background:#ececed; border-radius:0 10px 10px 0; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; padding:20px 20px 20px 0;}
  #left-col #left-container ul {list-style:none;}
  #left-col #left-container ul li {margin-bottom:20px; background:#fff; border-radius:0 10px 10px 0; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; padding:10px;}
  #left-col #left-container ul li.last {margin-bottom:0px;}

  #left-col #left-container ul.subnav {}
  #left-col #left-container ul li a {font-size:18px; font-family:station, arial, sans-serif; color:#c8d215; text-decoration:none;}  
  #left-col #left-container ul li.active a, #left-col #left-container ul li a:hover {color:#FCAC62;}
  #left-col #left-container ul li.active ul li a {color:#58585a;}
  #left-col #left-container ul li.active ul li a:hover {color:#FCAC62;}
  #left-col #left-container ul ul li a {color:#58585a; font-weight:bold; font-family:arial, sans-serif; padding-left:15px; font-size:14px; line-height:20px; background-image:url(../img/subnav.gif); background-repeat:no-repeat; background-position:0px 2px;}
  #left-col #left-container ul li.active ul li.active a , #left-col #left-container ul ul li.active a, #left-col #left-container ul ul li a:hover {color:#FCAC62; background-image:url(../img/subnav-active.gif);}
  #left-col #left-container ul ul {padding:0px; margin:5px 0 0 0;}
  #left-col #left-container ul ul li {margin-bottom:0px; border:none; padding:0px; background:none;}
  
  #left-col #left-container ul.subsubnav {margin:3px 0 0 0;}
  
  #left-col #newsletter {border:1px solid #DEE57A; border-radius:0 10px 10px 0; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; padding:10px; background:#fff; }
  
  
/*---------------------------------------- content ---------------------------*/ 
  #content-col {float:right; width:617px; padding:20px 15px 15px 0; color:#58585a; line-height:18px; font-family:arial,verdana, sans-serif;}
  #content-col p {margin-bottom:10px;}
  #content-col ul, #content-col ol {margin:0 0 10px 0px; padding-left:20px;}
  #content-col img {border-radius:10px; -webkit-border-radius:10px;}
  
  #social-content {float:none; clear:both; margin-top:20px;}
  
/*---------------------------------------- startpage only --------------------*/
  .body-1 #content-col {background-image:url(../img/pregnant-new.jpg); padding:20px 15px 15px 15px; width:603px; height:445px; position:relative; background-repeat:no-repeat; background-position:0 0; border-radius:10px 0 0 10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px;}  
  .body-1 #content-col #social-content {position:absolute; left:10px; bottom:10px;}
  
   div.anythingSlider {margin:0px; background:url(../img/white-trans.png);  border-radius:10px; -webkit-border-raidus:10px;}
   .anythingBase .panel {margin-left:0px;}
   .anythingBase .cloned.panel {}
   .anythingBase .panel div {padding-top:10px; height:100%; width:100%;}
   div.anythingSlider-minimalist-round .anythingWindow {border:none; position:relative;}
   div.anythingSlider-minimalist-round .back {left:-12px;}
   div.anythingSlider-minimalist-round .forward {right:-12px;}
  
   div.anythingSlider-minimalist-round.activeSlider .start-stop {border:none; background:url(../img/play.png) no-repeat 0 0;  border-radius:0; height:22px; width:22px;}
   div.anythingSlider-minimalist-round.activeSlider .start-stop.playing { background:url(../img/pause.png) no-repeat 0 0;}
   div.anythingSlider-minimalist-round .arrow a {background: url("../img/arrows.png") no-repeat scroll 0 0 transparent;}
   div.anythingSlider-minimalist-round .back a {background-position:left bottom;}
   div.anythingSlider-minimalist-round .forward a {background-position:right bottom;}
   div.anythingSlider-minimalist-round .back a:hover {background-position:left top;}
   div.anythingSlider-minimalist-round .forward a:hover {background-position:right top;}
   #content-col div.anythingSlider-minimalist-round .panel p{width:300px; margin:0;}
  
/*---------------------------------------- content --------------------------*/  
  .tx-indexedsearch .tx-indexedsearch-form{width:307px; float:left; margin-right:8px;}
  #content-col #tx-indexedsearch-searchbox-sword {width:295px;}
  .tx-indexedsearch .tx-indexedsearch-search-submit{width:100px; float:left;}
  .tx-indexedsearch .res-tmpl-css{margin-top:10px; border-bottom:1px solid #ECECED;}
  
  #content-col .tx-indexedsearch ul.browsebox{list-style:none;clear:both;float:none; margin:0; padding-left:0px;}
  #content-col .tx-indexedsearch ul.browsebox li{float:left;margin-right:5px;}
  #content-col .tx-indexedsearch-res {float:none; clear:both; border-top:1px solid #ECECED;}
  
/*---------------------------------------- schriften -------------------------*/
  h1 {font-size:30px; margin-bottom:20px; color:#116c86; font-family:station, arial,sans-serif; line-height:30px;}
  h2 {font-size:18px; margin-bottom:10px; color:#116c86; font-family:station, arial,sans-serif;}
  h3 {font-size:16px; margin-bottom:5px; color:#116c86; font-family:arial,sans-serif; font-weight:bold;}
  a {color:#116C86; }
  a:hover {text-decoration:none;}


/*---------------------------------------- footer ----------------------------*/
  #footer {background-color:#ECECED; width:100%; font-size:12px; color:#58585A; position:relative; padding:10px 0;} 
  #footer h2, #footer h3 {font-size:18px; color:#58585a; margin-bottom:5px;}
  #footer h3 {font-size:12px;} 
  #footer p {margin-bottom:10px;}
  #footer .tx-jfmulticontent-pi1 h2 {font-family:arial,sans-serif; font-size:14px; font-weight:bold;}
  
  #footer .footer-address {margin-bottom:20px;}
  #footer .footer-nav-container {/*position:absolute; left:10px; bottom:15px;*/}
  #footer div.anythingSlider-minimalist-round {padding:10px 20px 5px 20px;}
  
  .footer-nav-container .footer-nav {list-style:none;}
  .footer-nav-container .footer-nav li {float:left; margin-right:5px; height:30px;}
  .footer-nav-container .footer-nav li a {
      background: #58585a;
    	background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#58585a));
    	background: -moz-linear-gradient(top,  #aaaaaa,  #58585a);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#58585a');
    	border-radius:3px;
    	-webkit-border-radius:3px;
      display:block;   
      padding:5px;	
    	cursor:pointer;
    	font-weight:bold;
    	text-decoration:none;
    	color:#fff;
  }
  
  .footer-nav-container .footer-nav li.active a, .footer-nav-container .footer-nav li a:hover {
      background: #58585a;
    	background: -webkit-gradient(linear, left top, left bottom, from(#58585a), to(#aaaaaa));
    	background: -moz-linear-gradient(top,  #58585a,  #aaaaaa);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#58585a', endColorstr='#aaaaaa');
    	border-radius:3px;
    	-webkit-border-radius:3px;
    	border:none;
    	padding:5px;
    	cursor:pointer;
    	font-weight:bold;
    	text-decoration:none;
    	color:#fff;
  }
  
  
  #left-footer {float:left; width:295px; padding:10px; }
  #right-footer {float:right; width:620px; padding:10px; border-left:1px solid #ddd; } 
  
  #footer #tx-powermail-pi1_fieldset_1, #footer #tx-powermail-pi1_fieldset_4, #footer #tx-powermail-pi1_fieldset_7, #footer #tx-powermail-pi1_fieldset_12, #footer #tx-powermail-pi1_fieldset_27 {float:left; width:200px; margin-bottom:10px;}
  #footer #tx-powermail-pi1_fieldset_2, #footer #tx-powermail-pi1_fieldset_5, #footer #tx-powermail-pi1_fieldset_8, #footer #tx-powermail-pi1_fieldset_13, #footer #tx-powermail-pi1_fieldset_28 {float:right; width:420px;}
  #footer #tx-powermail-pi1_fieldset_3, #footer #tx-powermail-pi1_fieldset_6, #footer #tx-powermail-pi1_fieldset_9, #footer #tx-powermail-pi1_fieldset_14, #footer #tx-powermail-pi1_fieldset_29 {float:none; clear:both;}
    
  #footer .tx_powermail_pi1_fieldwrap_html_text input {border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; width:175px; margin-bottom:5px; height:22px; line-height:22px; padding:0 2px; font-family:arial,verdana,sans-serif; font-size:12px;}
  #footer .tx_powermail_pi1_fieldwrap_html_text label, #footer .tx_powermail_pi1_fieldwrap_html_textarea label {display:block; font-size:11px; margin-bottom:2px;}
  #footer .tx_powermail_pi1_fieldwrap_html_textarea textarea{border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; width:400px; margin-bottom:5px; height:67px; line-height:22px; padding:0 2px; font-family:arial,verdana,sans-serif; font-size:12px;}
  
  #footer .tx_powermail_pi1_fieldwrap_html_date label {display:block; font-size:11px; margin-bottom:2px;}
  #footer .tx_powermail_pi1_fieldwrap_html_date input {border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; width:175px; margin-bottom:5px; height:22px; line-height:22px; padding:0 2px; font-family:arial,verdana,sans-serif; font-size:12px;}

  
  
  #footer textarea {width:200px; height:50px; font-family:arial,verdana,sans-serif;}
  
  #footer .tx_powermail_pi1_fieldwrap_html_check {float:left; width:450px; }
  #footer .tx_powermail_pi1_fieldwrap_html_submit {float:right; margin:-10px 15px 0 0;}

  
/*-------------------------- border der a-tags ausblenden --------------------*/
  a:active, a:focus {outline: none;}  
  
  .clear {float:none; clear:both;}   
  
/*---------------------------- weiterempfehlen -------------------------------*/
  .tx-fluidrecommendation-pi1 h3 {border-bottom:1px solid #ececed; padding-bottom:5px; margin:0 15px 10px 0; }
  .tx-fluidrecommendation-pi1 .recommendedPage {margin-bottom:20px;}
  .tx-fluidrecommendation-pi1 .recommend-entry {margin:0 15px 20px 0px; width:290px; float:left;}
  .tx-fluidrecommendation-pi1 .recommend-entry span {margin-bottom:3px; float:left;}
  .tx-fluidrecommendation-pi1 .recommend-entry span.rec-mandatory {color: #FCA14B; margin-left: 2px;}
  
  .tx-fluidrecommendation-pi1 .message {margin-bottom:10px;}
  .tx-fluidrecommendation-pi1 .message span {display:block; margin-bottom:3px;}
  .tx-fluidrecommendation-pi1 .message textarea {width:588px; border-radius:3px; -webkit-border-radius:3px;}
  
  .tx-fluidrecommendation-pi1 .error {background:none; border:none; color:#58585a; font-size:12px; font-family:arial, sans-serif;}
  .tx-fluidrecommendation-pi1 li.form_error {color:#FCAC62;}
  .form_error .property {color:#FCAC62;}
  
  
/*---------------------------- zweispaltigkeit -------------------------------*/
 .c50l, .c50r {width:48%; display:inline-block; vertical-align:top;}
 
/*------------------------------- tt-news ------------------------------------*/  
 /*---------------- List -------------------------------------------*/   
  .newsTeaserContainer {margin-bottom:10px; padding:0 0 5px 0; }
  #content .newsTeaserContainer .txt p {margin-bottom:5px; }
  
  .newsTeaserContainer .picpart {float:left; width:80px; height:100px; position:relative; margin-right:10px; padding:3px; border-radius:4px;}
  .newsTeaserContainer .picpart .img {position:absolute; top:3px; left:3px; z-index:5;}
  .newsTeaserContainer .picpart .autorname {position:absolute; bottom:0px; left:3px; right:3px; z-index:10; }
  .newsTeaserContainer .picpart .autorname h4 {padding:0 5px; line-height:22px; color:#000; background:url(../img/transparent.png); font-size:11px;}
  
  /*---------------- Single -------------------------------------------*/
  #content .news-single-item h2 { }
  .news-single-item .mediafiles {float:left; margin-right:10px; margin-top:5px;}
  .news-single-backlink {border-top:1px solid #cbe8e7; padding-top:10px; margin-bottom:10px;}