body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: helvetica, Arial, Sans-Serif;
	color: #313131;
	margin: 0;
	padding: 0;
}

.bg01{
	background: url('images/bg.gif') repeat;
}

.cf{
clear:both	
	}

img{border:0}
 
#wrappermobile{
	width:100%;height:80px;
	background: url('images/bgHeadermobileneu.png'); 
	
}
#wrappermenumobile{
	margin-top:4px
}


#wrappermobileangemeldet{
	width:100%;height:80px;
	background: url('images/bgHeadermobileneu.png'); 
	
}

#wrapperangemeldet{
	background: url('images/button_angemeldet_klein.png');
width: 97px;
height: 25px;
float: left;
margin-left: 165px;
margin-top: 5px;
position:absolute;
transform: rotate(-20deg);
top:20px
}


.buttonangemeldet{position:absolute;right:0; top:0;width:auto; height:75px  }
.buttonangemeldet img{ height:60px}

.selectycobutton {
    width: 217px;
    margin: 15px 15px 15px 5px;
    float: left;
    position: relative;
    font-size: 62.5%;
    line-height: 28px;
}

#appell{display: inline-block; padding: 0 5px;font-size: 14px;line-height: 18px;}
.abonnentinfo{margin: 15px 5px 0 5px}
.abonnentinfosperre {background: #F00;margin: 8px 8px 16px 8px;font-size: 18px}
.abonnentinfosperre .abonnentinfo a{color:#fff; text-decoration:none; line-height:30px}

.abonnentinfoabgelaufen {background: #FF3;margin: 8px 8px 16px 8px;font-size: 18px}
.abonnentinfoabgelaufen .abonnentinfo a{color:#000; text-decoration:none; line-height:30px}

.abonnentinfogueltig {background: #3a3434;margin: 8px 8px 16px 8px;font-size: 18px}
.abonnentinfogueltig .abonnentinfo a{color:#fff; text-decoration:none; line-height:30px}

.sociable_tagline {
    float: left;
    margin-right: 8px;
    font-style: italic;
}
.sociable ul {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
}

.sociable ul li {
    background: none;
    display: inline !important;
    list-style-type: none;
    margin: 0;
    padding: 1px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #wrappermobile { background: url('images/bgHeadermobileneu@2x.png'); background-size: 640px 80px; width:100%;height:80px;  } 
	#wrappermobileangemeldet { background: url('images/bgHeadermobileneu@2x.png'); background-size: 640px 80px; width:100%;height:80px;  } 
}
 
 									 

#wrappermobilehead{width:100%;float:left;}

#wrapperportraitmobile{
	height:75px;
	background: url('images/headerPortraitMobile.jpg') no-repeat 0 0;
}

#wrapperportraitmobileNeu{
	float:left;
	 
	height:71px;
	background: url('images/headerPortraitMobileNeu.jpg') no-repeat 0 0;
}

#wrapperportraitmobileNeuAnmelden{
	float:right;
	height:71px;
	margin-right:8px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #wrapperportraitmobile { background: url('images/headerPortraitMobileneu@2x.png') no-repeat 0 0; background-size: 260px auto; height:70px; } 
	 #wrapperportraitmobileneu { background: url('images/headerPortraitMobileneu@2x.png') no-repeat 0 0; background-size: 160px auto; height:70px; } 
}													

#wrappermenumobile ul{
	margin:0 0 0 8px;
	padding:0;
	list-style-type:none;
	position:relative;
	z-index:900;
	
}

#wrappermenumobile ul li{
	float:left;
	height:25px;
	margin-right:3px;
}

#wrappermenumobile ul li a{
	display:block;
	text-indent:0px;
	height:25px;
	color: #545454;
	font-size: 16px;
	text-align:center;
	text-decoration: none;
	padding:0 5px;
	line-height:25px;
}
#wrappersearchobile{
	float:left;
	margin:10px 0 0 8px;
	padding:0;
	list-style-type:none;
	position:relative;
	z-index:900;
	width: calc(100% - 16px);
}

	#wrappermenumobile ul li a.btn{background: url('images/btn_mobile_bg.jpg')  repeat-x 0 0; padding: 0 10px 0 10px}
	#wrappermenumobile ul li a.btnspannend{background: url('images/btn_mobile_bg.jpg')  repeat-x 0 0; width:110px;}
/*	#wrappermenumobile ul li a.btnstart{background: url('images/btn_mobile_startseite.jpg') no-repeat 0 0; width:74px;}
	#wrappermenumobile ul li a.btntagebuch{background: url('images/btn_mobile_tagebuch.jpg') no-repeat 0 0;width:88px;}
	#wrappermenumobile ul li a.btngaeste{background: url('images/btn_mobile_gaeste.jpg') no-repeat 0 0;width:55px;}
	#wrappermenumobile ul li a.btnscienceblog{background: url('images/btn_mobile_science_blog.jpg') no-repeat 0 0;width:100px;}
	#wrappermenumobile ul li a.btnspannend{background: url('images/btn_mobile_science_blog.jpg') no-repeat 0 0;width:100px;}
*/

	#wrappermenumobile ul li a.btnstartactiveneu{color:#000000 !important}
	#wrappermenumobile ul li a.btntagebuchactiveneu{color:#9da43d !important}
	#wrappermenumobile ul li a.btngaesteactiveneu{color:#41819d !important}
	#wrappermenumobile ul li a.btnscienceblogactiveneu{background: url('images/btn_mobile_science_blog.jpg') no-repeat 0 -25px;width:100px;}
	#wrappermenumobile ul li a.btnspannendactiveneu{color:#39C !important}
	#wrappermenumobile ul li a.btnvideoactiveneu{color:#cc181e !important}


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#wrappermenumobile ul li a.btn{background: url('images/btn_mobile_bg@2x.jpg') repeat-x 0 0;  padding: 0 10px 0 10px}
	/*
	#wrappermenumobile ul li a.btnstart{background: url('images/btn_mobile_startseite@2x.jpg') no-repeat 0 0; background-size: 74px 50px; width:74px;}
	#wrappermenumobile ul li a.btntagebuch{background: url('images/btn_mobile_tagebuch@2x.jpg') no-repeat 0 0;background-size: 88px 50px; width:88px;}
	#wrappermenumobile ul li a.btngaeste{background: url('images/btn_mobile_gaeste@2x.jpg') no-repeat 0 0; background-size: 55px 50px; width:55px;}
	#wrappermenumobile ul li a.btnscienceblog{background: url('images/btn_mobile_science_blog@2x.jpg') no-repeat 0 0;background-size: 100px 50px; width:100px;}
	#wrappermenumobile ul li a.btnspannend{background: url('images/btn_mobile_science_blog@2x.jpg') no-repeat 0 0;background-size: 88px 50px; width:100px;}

	#wrappermenumobile ul li a.btnstartactive{background: url('images/btn_mobile_startseite@2x.jpg') no-repeat  0 -25px; background-size: 74px 50px; width:74px;}
	#wrappermenumobile ul li a.btntagebuchactive{background: url('images/btn_mobile_tagebuch@2x.jpg') no-repeat 0 -25px;background-size: 88px 50px; width:88px;}
	#wrappermenumobile ul li a.btngaesteactive{background: url('images/btn_mobile_gaeste@2x.jpg') no-repeat 0 -25px;background-size: 55px 50px; width:55px;}
	#wrappermenumobile ul li a.btnscienceblogactive{background: url('images/btn_mobile_science_blog@2x.jpg') no-repeat 0 -25px;background-size: 100px 50px;width:100px;}
	#wrappermenumobile ul li a.btnspannendactive{background: url('images/btn_mobile_science_blog@2x.jpg') no-repeat 0 -25px;background-size: 100px 50px;width:100px;}
	*/
}

.wrappermobilecontent{
	background:#e1e1e1;
	margin:8px 8px 16px 8px;
	 font-size: 18px;
	 padding-bottom:10px;
}
#commentContainer .alertcomment a{
	
	display:block;
	width:12px;
	height:13px;
	background: url('images/commentarmelden.gif') no-repeat left top;
}

#commentContainer .alertcomment{
	
	padding-left:17px;
}


.wrappermobilecontentdark{
	background:#383333;
	margin:8px 8px 16px 8px;
}

.wrappermobilecontent .readall{
	border-top:1px solid #313131;
	margin:8px;
}
.wrappermobilecontent .readall a{
	color:#900;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;	
	line-height:43px;
	background: url("images/iconReadMore.gif") no-repeat scroll left 5px transparent;
	padding-left: 8px;
}

.titlecontent{
	 
	width:100%;
}

.titlecontent.suche{
	background:#8d8d8d;
}

.titlecontent.tagebuch{
	background:#9fa440;
}
.titlecontent.spannend{
	background:#cc33cc;
}


.titlecontent.gastkommentare{
	background:#41819d;
}

.titlecontent.scienceblog{
	background:#cc181e;
}

.titlecontent.drumherum{
	background:#8d8d8d;
}

.titlecontent.tipps{
	background:#83a475;
}

.titlecontent.anmeldung{
	background:#545655;
}


.titlecontent.service{
	background:#8d8d8d;
}

.titlecontent span{
	font-size:16px;	
	line-height:24px;
	padding:0 0 0 5px;
	color:#fff;
	font-weight:bold;
}


.datacontent{
	 margin:0 0px  15px 0 ;
}

.datacontent h2{
	
	 font-size:16px;	
	 line-height:20px;
}

.datacontent h2.titel{
	
	 font-size:22px;	
	 line-height:28px;
	 margin:15px 5px  0 5px;
	 border-top:1px solid #333333;
	 padding-top: 20px;
	
}

.datacontent h2.titel.firswt{
	
 
	 border-top:0;
	
}

.datacontent h2.titel a{
	 color: #333333;
	 font-size:22px;	
	 line-height:28px;
	 text-decoration:none;
}

.datacontent .dateAuthor{
	float:left;
	margin:0 5px  0 5px;
}
.datacontent .bubble{
	background: url("images/bubbleComment.gif") no-repeat scroll left 4px transparent;
	float:right;
	margin:0 5px  0 5px;
	 padding-left: 15px;
}

 
.datacontent .text{
	margin:15px 5px  0 5px;
	font-size:20px;	
	line-height:24px;
}

 
.datacontent .readmore{
	margin:0 5px 0  5px;
	background: url("images/iconReadMore.gif") no-repeat scroll left 8px transparent;
	padding-left: 8px;
	float:left;
}



.datacontent .readmore a{
	color:#900;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;	
	line-height:22px;
}

.datacontent .col1{
	float:left;
}

.datacontent .col1 ul, .datacontent .col2 ul{
	padding:0;
	list-style-type:none;
	margin:8px;
}

.datacontent .col1 ul li a, .datacontent .col2 ul li a{
	font-size:14px;	
	line-height:22px;
	text-decoration:none;
	 color: #313131;
}

.datacontent .col2{
	float:right;
}


.registerform label{display:inline-block; font-size: 14px; line-height:18px; margin: 0 5px ;}
.registerform input{height:16px;margin: 0 5px ;width:275px}
.registerform select{height:auto;margin: 0 5px ;width:275px}
.registerform .registrieren {width:175px}
.registerform span{font-size: 14px; line-height:18px; }
 

.loginform h2{margin: 5px 0 0 0;}
.loginform h2.border{border-bottom: 1px solid #545655;}
.loginform {margin: 0 5px 0 5px;}
.loginform p{clear:both}
.loginform label{display:inline-block;float:left;width:105px;font-size: 14px; line-height:18px}
.loginform input{height:16px;width:135px; }
.loginform input.checkbox{width:20px}
.loginform label.large{width:170px;}
.loginform span{display:block}
.loginform span label{clear:both;font-size: 12px; width:175px;margin:0  0 0 105px; color:#9A2E47}
.loginform .login, .registerform .registrieren {margin:0  0 0 20px;text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);height:28px}

	
.loginform .gray, .registerform .gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.loginform a{color:#9A2E47}
.loginform #errorcontainer{color:#9A2E47}
.error{color:#ff003b} 

.passwordreset {margin:0;text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);height:28px;width:135px; float:left }
.nomargin{margin:0 !important}
.passwordreset a{text-decoration:none; color:#e9e9e9; font-size: 13px;
line-height: 28px;
display: inline-block;
width: 100%;
text-align: center;}
	
#loadmorebeitraege{margin:0  auto 0 auto; width:200px;text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);height:28px }
	

#commentContainer{
	font-size: 16px;
    line-height: 20px;
    margin: 15px 5px 0;
	color:#fff;
}

#commentContainer a {
	color: #ff003b;
}

.commentlist {
    margin: 0;
    padding: 0;
    text-align: left;
}

.commentlist li {
    list-style: none outside none;
    margin: 20px 0 10px;
}

.istautorstern {
    background: url("images/partnerstern.gif") no-repeat scroll left 1px transparent;
}

.comment-meta a {
    color: #7F7F7F !important;
	text-decoration:none;
}

#votingContainer{
	width:300px;
	margin:20px;
	float:left;
}


.abonnentbutton {
    width: 217px;
    float: left;
    background: url("images/partnerwerdenbg20180405.png") no-repeat top left;
    position: relative;
    line-height: 28px !important;
}

.abonnentbuttonx {
    width: 217px;
    float: left;
    background: transparent url("images/partnerwerdenbg.png") no-repeat scroll left top;
    position: relative;
    top: -8px;
    line-height: 28px !important;
	margin: 15px 15px 15px 5px;
}

.abonnentbutton a {
    color: #FFF;
    display: inline-block;
    width: 217px;
    text-align: center;
    line-height: 23px;
    font-size: 11px;
    background: transparent none repeat scroll 0% 0% !important;
    font-weight: normal;
    font-family: Verdana;
    text-decoration: none;
}

.servcecontent h3 a{color:#545454; text-decoration:none}

@media (max-width:641px){
	.werbeblock{
	width:100%;
	display:block;
	text-align:center;
	margin-bottom:10px;
	}
	.hideiphone{display:none}
	
	.abonnentbutton{margin-top:5px; margin-left:5px}
}
 
@media (min-width:641px){
	.werbeblock{margin-left:8px;margin-bottom:8px;display: inline-block;}
	.hideiphone{display:none}
}

 #cookienotice a {color:#545454; text-decoration:underline;}

#cookienotice a:hover {text-decoration:underline;}

#cookienotice div {padding:10px; padding-right:40px;}

#cookienotice { 
   color:#ffffff;
   text-align:right; 
   background: #000000; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}
#cookienotice a{color:#fff}

#cookienoticeCloser {
   color: #000000 !important;
   font: 16px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   top: 5px;
   cursor:pointer;
   padding:4px;
   z-index:999;
   background-color:#fff
 }

.laterpaybutton{
	width:217px;
	float:left;
	background: url("images/laterpay.png") no-repeat top left;
	position: relative;
	line-height:28px !important;
	margin-right:5px;
	margin-left:5px;
}

.laterpaybutton a{
	color:#fff;
	display:inline-block;
	width:217px;
	text-align:left;
	line-height:23px;
	font-size:10px !important;
	background:none !important;
	font-weight: bold !important;
	font-family: Verdana;
	text-decoration:none;
	padding-left:0px !important;
	text-indent:23px;
}

#s {
    border: 0px;
    width: 100%;
    height: 28px;
    float: left;
    font-weight: 700;
    top: -11px;
    font-family: "Times New Roman", Times, serif;
    font-size: 13px;
    color: #000;
    text-indent: 12px;
    background: #fff;
}

.buttonloginstuffx{
	border:1px solid #000;
	padding:5px;
	margin-top: 8px;
	text-align: center;
}

.buttonloginstuffx a{
	text-decoration:none;
	color:#000
} 

.buttonloginstuff{
	border:1px solid #000;
	padding:5px;
	margin-top: 8px;
	text-align: center;
	float:left;
	margin-right:12px;
}

.buttonloginstuffr{
	border:1px solid #000;
	padding:5px;
	margin-top: 8px;
	text-align: center;
	float:right;
	margin-right:8px;
}
.buttonloginstuffr a, .buttonloginstuff a{
	text-decoration:none;
	color:#000;
	font-size:1.1em;
	font-weight:800;
}

#abostatushinweis{ 
    float: left;
    margin-left: 65px;
    margin-top: 8px;
    font-size: 1.4em;
}

#abostatushinweis a{text-decoration:none; color:#000; font-weight:700}