.big-image {
	width: 100%;
	height: auto;
}

.ui-tooltip {
    padding: 10px 20px;
    background: white;
    box-shadow: 0 0 7px black;
    overflow: hidden;
    max-width: 450px !important;
    width: 450px;
}
  
.centertitle {
	clear:both;
	font-weight:bold;
	width: 100%;
	height: auto;
	text-align: center;
}

.right {
	float: right;
	width: 200px;
	z-index: 10;
}

.background_for_cycle {	background-color: #f2f2f2; }
.background_easy_fill{ background-color: #ffff00; }
a.black:hover, a.black:link, a.black:active, a.black:visited { color: #ffffff; }

a.message-black, a.message-black:hover {color: #000000}

.black a, .black a:focus, .black a:hover, .black a:visited {color: #000;}

ol {padding-left: 15px;}

/* ==|== text colors ========================================================== */
.textcolor1, .textcolor2 { color: #666; }

/* ==|== font-sizes ========================================================== */
.text05 { font-size: 10px;}
.text07 {font-size: 12px;}
.text10 {font-size: 14px;}
.text20 {font-size: 16px;}
.text25 {font-size: 20px;}
.text30 {font-size: 30px;}
.text40 {font-size: 40px;}
.text15 {font-size: 44px;}

/* ==|== font styles ========================================================== */

.textbold {font-weight: bold;}
.textitalic {font-style:italic;}
.textunderline {text-decoration:underline;}
.textpaddinga {padding-left:14px;}
.textpaddingb {padding-left: 15px;	padding-right: 10px; }
.textpaddingc {	padding-left:5px;}
.textpaddingd {
	padding-left: 10px;
	padding-right: 0px;
}
.textpaddinge {
	padding-left: 20px;
	padding-right: 20px;
}
.textpaddingf {	padding-bottom:5px;}
.textpaddingh { padding-top:50px;}
.textpaddingi {	padding-top:10px;}
.textpaddingj {
	padding-bottom:5px;
	padding-top:5px;
}
.textpadding10 { padding:10px;}
.textpaddingk {
	padding-bottom:3px;
	padding-top:3px;
}
.textpaddingl {	padding: 20px 10px 20px 60px;}
.textpaddingm {	padding: 20px 60px 20px 60px;}
.textpaddingn {
	padding-right: 40px;
	padding-bottom: 10px;
}
.textpaddingo {
	padding-top: 20px;
	padding-bottom:20px;
}
.textpaddingp {	padding: 5px 10px 5px 60px;}
.textpaddingq {	padding: 5px 40px 5px 60px;}
.textpaddingr {
	padding-right: 20px;
	padding-bottom: 10px;
}
.textpaddings {	padding-top: 25px;}
.textpaddingnav {
	padding-left: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ffffff;
}
.textpaddingnavr {
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
}

.centertext {width: 100%;}

/* -------------listen ---------------*/ 
	
.infos {
	height: auto; /*132px;*/
	margin: 0;			
	padding: 3px 5px 3px 5px!important;
	/*margin-bottom: 10px;*/
	position: relative;	
	font-size: 12px;
	zoom: 1;
	overflow: hidden;
}

* html .infos{
	padding: 3px 5px 5px 5px!important;
}

* + html .infos{
	padding: 3px 5px 5px 5px!important;
}

/* OBEN */
.infos .oben{				
	position: relative;
	zoom: 1;
	overflow: hidden;
}

.infos h1{
	margin:0!important;
	padding:0!important;
}

tr.background_for_cycle .infos .oben{	
	border-bottom: 1px solid #993333;			
}

.infos div{
	padding:0!important;
}


/* UNTEN */
.infos .unten{
	padding-top: 5px!important;
	zoom: 1;
	overflow: hidden;
}

.infos .left {	
	float: left;
	width: 19%;				

	zoom: 1;
	overflow: hidden;
}

.infos .middle {
	float: left;
	width: 75%;

	zoom: 1;
	overflow: hidden;
}

.infos .right {			
	position:relative;
	float: right;
	width: 5%;

	zoom: 1;
	overflow: hidden;
}

.infos .left,
.infos .middle,
.infos .right{
	height: 100%;
}

.infos .abbr_infos{	
	font-style: italic;
	font-size:11px;
	font-weight: bold;
}

.infos .right .controls{
	position: absolute;
	top: 0;
	right: 0;		
}
	
.infos h1{				
	font-size: 20px;	
}

.infos h1 span{
	color: #CC3333;	
}

tr.background_for_cycle .infos h1 span{
	color: #993333;	
}
	

.infos .user_data{	
	list-style-type: none;
	margin: 0;	
	padding:0;
	width:auto;	
	
}	

.infos .user_data li{
	line-height: 20px;					
	font-size: 14px;	
	margin-bottom: 0;					
}

.infos .user_data li span.username{
	font-weight: bold;
}

.infos .user_data_plus{
	width: 100%;
	margin: 0;
	padding:0;	
}	

.infos .user_data_plus dt,
.infos .user_data_plus dd{
	line-height: 20px;	
	padding: 0;	
}

.infos .user_data_plus dt{		
	font-weight: bold;
	float: left;		
}

.infos .user_data_plus dt.search_for, .infos .user_data_plus dd.search_for{		
	font-size: 14px;				}	

.infos p{
	margin: 0;
}

.infos .left table{
	text-align: center;
}

ul.abbr_infos_data li{	
	list-style-type: none;	
	float: right;
	padding: 0 3px 0 3px;
	margin-right: 1px;
}

ul.abbr_infos_data li img{
	margin-right: 2px;
}



/* HTML5  Boilerplate
 * ==|== normalize ==========================================================
 */

/*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none;}
::selection { background: #fe57a1; color: #fff; text-shadow: none;}*/

a:hover {color: #333333}

/* ==|== bootstrap customization ===================================================== */

.container { max-width: 1060px }
.navbar-collapse { 
	max-height: 700px;
	padding-left: 0;
	padding-right: 0;
}
.navbar-nav {
	width: 100%;
}
.icon-bar { background: #FF6600 }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 0 }
.table > tbody > tr > td { padding: 0}
.btn-primary a {
	color: #FFFFFF;
}
/* ==|== general styles ===================================================== */

.float-right { float: right }
.float-left { float: left }
.margin-top-25 { margin-top: 25px }
.margin-top-20 { margin-top: 20px }
.margin-bottom-25 { margin-bottom: 25px }
.margin-bottom-20 { margin-bottom: 20px }


/* ==|== head ===================================================== */

#head {
	  overflow: hidden;
      /*background:#00A6FF; /* blue #215A88*/
	  color:#fff;	
	  text-align: left;
	  padding-top: 10px
}

#head .languagemenu{
	float:right;
	font:11px;
	padding: 0 20px 0 0;
	width:180px;
	text-align:right;
	position: relative;
	z-index: 1;
}

#head .messages {
	font-size: 11px;
	list-style: none;
}

#head .messages li {
    float: left;
}

#head .header-menu {
	color:#fff;
	font-size:10px; 
	text-align: right;
	margin-bottom: 5px;
	margin-right: 30px;
}

.start-row {
	margin-left: 7%;
	margin-right: 7%;
}

.teaser-frame {
	margin-top: 30px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 8px #999;
	border: 10px solid #FFFFFF;  
	background-repeat: no-repeat;
	background-size: 100% auto;
	overflow: hidden;
}

#hlogin form {overflow: hidden;}
#hlogin .login-password {padding-left: 0;}
.teaser-heading h1 { margin-top: 20px; font-size: 24px; margin-left: 25px; font-weight: bold;}
.teaser-heading h1 span { display: block; margin-left: 20px; font-size: 23px; font-weight: normal;}

#hlogin input {
    font-size: 11px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 4px 2px;
    width:100%;
}

#login-btn { margin-top: 18px;} 
#hlogin .hlfloat a.resetpass, #teaser a { color: #000000;}

#hlogin .hlfloat a.resetpass:hover { color:#fff }

#hlogin .hlfloat a.resetpass {
	color:#ccc;
	text-decoration:none;
	font: 11px  arial,sans-serif;
}
#login_form label, #login_form input {width: 100%; font-weight: normal}
.fullpage-login input[type="checkbox"] { width: auto !important;}
.registration-box {
	background: #fcfcfc;
	border: 7px solid #dddddd;
	padding: 20px 5px;
	margin-left: 25px;
	margin-top: 26px;
}

.registration-box label { font-weight: 400 }

.registration-box input { 
	width: 100%;
	border: 1px solid #CCCCCC;
    padding: 5px;
}

#register {margin-left: 16.66666667% }

#terms-box a, #terms-box a:hover, #terms-box a:focus, #terms-box a:visited {color: #333 !important}

#terms-box label, #formcheckbox label {
	text-align: left;
	float: left;
	width: 80%;
}

#terms-box input, #formcheckbox input {
    text-align: left;
    float: left;
	width: 20px;	
}

.agb-modal { width: 800px;}

/* Nur Firefox */
@-moz-document url-prefix() {
    #formcheckbox input {
        margin-top: 1px;
        margin-right: 7px;
    }
    #terms-box input {
        margin-top: 1px;
        margin-right: 7px;
    } 
}


#formcheckbox label { width: 100%;}
#formcheckbox {overflow: hidden; margin-top: 7px;}
#formcheckbox .col-md-6 { width: 50%; float: left; }

#terms-box {
    margin-top: 5px;
}
.image-button-overlay-box {
	margin-left: -25px;
}

.image_button_overlay {
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    height: 310px;
    width: 98%;
}
.headline {
    background: url("../images/ccc.png") repeat-x  center center;
    margin-bottom: 30px;
    margin-top: 40px;
    text-align: center;
}
.lesbido-headline {
	padding: 0;
	margin: 20px 0 0 0;
}

.first_child {
    margin-top: 10px;
}

.register-modal { width: 400px;}

#bullets { margin: 40px 0 11px 0; }

#bullets div, .beauties {
	clear: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
}

#bullets span {
    font-size: 19px;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 5px 8px 0 0;
}

#bullets span img {
	padding-bottom: 3px;
}

.start-title {
	background: #FFFFFF;
	color: #CCCCCC; 
	font-size: 30px;   
	font-weight: bold; 
	margin-left: 4%;
	margin-right: 4%; 
}

.start-title h2 { display: inline; }

.beauties li {
	float: left;
	margin-right: 0.45%;
	width: 12.06313416%;
}

.beauties li:last-child {
	margin-right: 0;
}

.beauties img {
	border: 1px solid #A0A1A2;
	padding: 1px;
	max-width: 100%;
	height: 104px;
}

#one-message td:nth-child(odd) { width: 20%;}
#one-message td:nth-child(even) { width: 80%;}
.user-select-result-list tr, .user-select-result-list td {border: 1px solid #666666}

.link-tabs { font-size: 14px;}
.tab-pane p {
	padding: 15px;
	column-count:4;
	-moz-column-count:4; /* Firefox */
	-webkit-column-count:4; /* Safari and Chrome */
    column-gap:40px;
	-moz-column-gap:40px; /* Firefox */
	-webkit-column-gap:40px; /* Safari and Chrome */
	}


#register-double-page-login { border-left: 1px solid #cccccc; }
#login-form input[type="text"], #login-form input[type="password"] {
	width: 100%;
}

#register-form input[type="text"], #register-form input[type="password"] {
	width: 100%;
}

#register-form  input[type="radio"], #register-form  input[type="checkbox"] {
	margin: 4px 0 0;
}

/* ==|== main ===================================================== */

#container{
      margin-top: 25px;
      text-align:left;
}

#left h3,#right h3{
	font: bold 13px/16px arial,sans-serif;
	padding:5px 0 ;
	margin: 0;
	border-bottom:1px solid #c0c4c5;
}

#right h3:last-child {
	border: 0;
}

/* ==|== nav ===================================================== */

nav .navbar-nav {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

nav .navbar-nav li {
	float: none;
	clear: left;
}

nav .container-fluid {
	padding: 0;
}
nav .navbar-nav h3 {
	margin-top: 10px !important;
}

nav.navbar-default {
	background-color: transparent;
	border: 0;
}

nav.navbar {
	margin-bottom: 0;
}

/* ==|== pages ===================================================== */

/* ==|== impressum ===================================================== */
.jirgal {
	background: #eeeeee;
	padding: 15px 25px;
}

.chatzoulis {
	border: 1px solid #dddddd;
	padding: 15px 25px
}

/* ==|== hilfe/fragen ===================================================== */

.help {
	font-size: 18px;
}

.help p {
	font-size: 14px;
}

.help h4 {
	margin-top: 35px;
}

.help h4:first-child {
	margin-top: 10px;
}

.help h4:nth-child(2) {
	margin-top: 15px;
	font-size: 14px;
	font-weight: bold;
	font-color: inherit;
}

/* ==|== message-list ===================================================== */

.message-list tbody > tr > td {
	padding: 20px 15px;
	border-bottom: 1px solid #dddddd;
}


/* ==|== left ===================================================== */


#left, #right {
	font-size:14px;
	color:#666;
	padding: 10px 3px 3px 3px;
	background: none !important;
	box-shadow: 0px 1px 7px #AFAFAF;
}

#left {
	padding-bottom: 0;
}

#left h3 img{
	margin:-6px 5px 0 4px;
}

#left ul{
	list-style:none;
	padding:6px 0 4px 0 ;
	margin:0;
}

#right ul{
	padding-left: 10px;
	padding-top:6px;
}

#left ul li a{
	display:block;
	text-decoration:none;
	padding:2px 0 2px 10px ;
	color:#666;
}

#left ul.navseo li a, #right ul.navseo li a {
	display:inline;
	text-decoration:none;
	font-size:16px;
	list-style-type: none;	
}

#right ul.navseo li a:hover, #left ul.navseo li a:hover, #left ul li a:hover {
	background:#EBEBEB;
	text-decoration:underline;
}

.seo-sidebar-title { margin: 10px }



/* ==|== content ===================================================== */


/* chat */
.i-message-input-text { width: 100%; margin-bottom: 15px; }
.i-message-textarea, .i-qualitaet-textarea {width: 65%; margin-bottom: 15px; }

/* profile */

#thetable2, #thetable3 {width: 100% }
.profil input[type="text"] {width: 100%;}
.profil-input-100 input[type="text"] {width: 100% }
.profil textarea {width: 100%; height: 120px; }
.password { margin: 12px 0;}
.profil iframe {width: 100%;}
.profil-date {float: left; width: 40px !important} 
.user-pic {max-width: 100%; height: auto; margin-top: 30px;}

/* ==|== prices ===================================================== */

.priceboxes {
	height: 200px; 
	padding-top: 40px;
	color:rgb(255, 204, 51);
	font-family:Arial Black;
	cursor:pointer;
}

.pricebox-action {
	height: 200px; 
	color:rgb(255, 204, 51);
	font-family:Arial Black;
	cursor:pointer;
	margin: 12px 22px 0 22px;
	padding-top: 35px;
}

.mp {
	font-size: 0.8em; 
	font-weight: bold; 
	color: #333; 
	text-transform: capitalize; 
}

.payment_goods{ margin: 20px 40px 0 40px }
.payment_goods p { margin:0 0 0 40px; }
.payment_goods .payment_nq {
	color:#999;
	background:none;
	padding-left:0;
	margin-top:30px;
}
.payment_goods .payment_nqp { margin-left:0; }
.payment-goods-haken { margin-right: 5px; margin-bottom: 5px; }
.payment_goods .btn {padding: 0;}

.payment_goods h2 { font-size: 21px; display: inline-block; }
.ie7 .payment_goods h2,
.ie8 .payment_goods h2 {font-size: 18px;}

.product3 span { display: inline-block; font-size: 13px !important; line-height: 1.2 !important ;}
.ie7 .product3 span,
.ie8 .product3 span { line-height: 1.2 !important ; font-size: 13px !important ;}

button.plus1, button.plus2, button.plus3, button.plus4 {
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	cursor: pointer;
	float: right;
	width: 32px; 
	height:30px; 
	color:rgb(255, 204, 51);
	z-index: 99999;
	font-size: 20px;
	margin: 15px 0 0 0;
	
}		    
.big {
 	display: inline-block;
	font-size: 1.8em;
}
.middle {display: inline-block; font-size: 18px;}
.small{
	display: inline-block;
	font-size: 0.9em;
}
.tiny{
	display: inline-block;
	font-size:90%;
	font-family:arial;
}
.white{
	display: inline-block;
	color:#fff;
}
.gray {
	color:rgb(153, 153, 153);
	display: inline-block;
	text-decoration: line-through;
}

.offer-pic {
	width: 100%;
	height: auto;
	margin-top: 40px;
}
.action-title {
	background: #BD1E43;
	border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #ffffff; display: inline-block;
	font-family: arial black;
	font-size: 18px;
	margin: 0;
	text-align: center;
	padding: 5px 10px; 
}


/* ==|== right ===================================================== */

#right h3{
	font: bold 12px/16px arial,sans-serif;
	margin: 5px 0 ;
	text-align:center;
}

#right table{
	width:100%;	
}

#right table tr:nth-child(odd){
	background: #F2F2F2;
}

#right td{
	overflow:hidden;
	text-align:center;
	height:18px;
}

.gender-mann {
	margin-right: 2px;
	height: 11px;
	width: 11px;
	margin-bottom: 2px;
}

.gender-frau {
	height: 11px;
	width: 9px;
	margin-right: 2px;
	margin-bottom: 3px;
}

/*
$(document).ready(function() {
      $("td:empty").html(" ");
    });

*/

#right td.name{
	text-align:left;
	font-weight:bold;
	font-size: 11px;
}

#right  a {	color:#666; }

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

#right  p{
	margin:0;
	padding:3px;
	border-bottom:1px solid #c0c4c5;
}


/* ==|== footer ===================================================== */
#footer{
	border-top:1px solid #ccc;
	margin-top: 30px;
	padding:20px;
	font:10px arial,sans-serif;
	margin-bottom: 400px; 
}

#footer .left{
	float:left;
}

#footer .right{
	text-align:right;
	width:400px;/*wird sonst überschrieben*/
}



/* ==|== Profil ===================================================== */
.centertitle { border-bottom:1px solid #c0c4c5; }

.table > tbody > tr .profilminihead {
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #c0c4c5;
	padding-top:25px;
}

.left-column { width: 40% }
.right-column {width: 60% }

.profilphoto  img {	margin:0 10px }
.photo .col-md-4, .photo .col-md-8 { margin: 20px 0; }
.profildesc,.profildesc:hover,.profildesc:active { color:#000; }



/* ==|== Links and Headings ===================================================== */

.textContentContainer{ margin:25px 0; }

/* 	This should be used for each page title on the site
	at the moment they have 6 or more classes to defined it
	
	It is better so then we can edit all with one class
 */

.pagetitle {
    border-bottom: 1px solid #C0C4C5;
    text-align: center;
    padding: 5px 0;
    font-size: 30px;
    color: #666;
    clear: both;
    font-weight: bold;
    width: 100%;
}

.profildivider{
	clear: both;
    border-bottom: 1px solid #C0C4C5;
    clear: both;
    width: 100%;
}

.taglistdescription{
	text-align:justify;
	margin:0 10px;	
}

.taglist{
	text-align:justify;
	margin:10px;
	
}

.taglist a {
	text-align:left;
	border:1px solid #c0c4c5;
	background:#f8f8f8;
	text-decoration:none;
	padding:1px 3px;
	margin:1px;
	white-space:nowrap;
	line-height:20px;
	cursor:pointer;
	font-size:10px;
	color:#000;
}

a.toggle_old_update_links {
	text-align:right;	
	margin:0 20px 0 0;
	display:block;
	color:#666;
	text-decoration:none;
	outline:none;
	font-size:90%;	
}

.old_update_links a {
	display:block;
	text-align:center;
	font-size:100%;
	line-height:120%;
}

#editpopup {	
	text-align:left;
	width: 550px;
	padding-left: 15px;
	padding-right: 15px;
	background:#f2f2f2;
}

#editpopup .head {
	background:#00A6FF;
	margin: 0 -15px;
	color:#fff;
	font:25px arial,sans-serif bold;
	padding:15px 0;
	text-align: center;
}

#editpopup textarea { 	
	height:42px;
	width:90%;
	margin:10px;
	padding:10px;
	border:1px solid #c0c4c5;
	background:#fff;
}

#editpopup .birth {
	text-align:center;
	height:50px;
	width:550px;
	margin:10px;
}

#editpopup .footer {
	text-align:center;
	height:51px;
	padding:10px;
	margin: 0 -15px;
	background:#e5e5e5;
}

#editpopup .footer .action { float:right }
#editpopup .footer .action a, #editpopup .footer .abort a { background: none !important}
#editpopup .footer .abort {	float:left }
#editpopup .footer .abort a:hover {	color:#333333; text-decoration: none; }
#editpopup .footer .action a:hover { color: #ffffff; text-decoration: none }

.userlistarrows {
	clear:both;
	text-align:center;
	margin:20px 0;
}

.userlistarrows a {
	font-size:30px;
	margin:0  5px;
}

.userlistarrows span {
	font-size:35px;
	margin:0  5px;
}

/* ==|== alert.tpl.php ===================================================== */

#alert {
	border:5px solid #ddd;
	margin:5px;
	padding:15px;
	background:#eee;
	text-align:left;
}

.messageRightMenu { 
	float:right;
	margin:0 0 0 20px;
}

.messageRightMenu div {
	margin:0 0 10px 0;
}

.messageRightMenu a,.messageRightMenu a:visited,.messageRightMenu a:link,.messageRightMenu a:activ{
	color:#000;
}

.userlist_userone{
	margin:0 0 0 -25px;
	width:610px;
}

td.message_text  a[target="_blank"]:link{
	text-decoration:underline !important;
	color:;
}

/* ==|== logo ===================================================== */

.logo a {
	display:block;
	text-decoration:none;
	/*font: 31px  'Candal', sans-serif;*/
	color: #fff;
	letter-spacing:-2px;
}

td.textleft  { width:500px; }

.textleft label {
	float: left;
	display: block;
	width:20%;
	padding:0;
}

/* ==|== adsense ====================================================== */

.adsense_start_right,.adsense_start_left{
	position:absolute;
	top:0;
	left:50%;
	background:#fff;
	width:160px;
	height:600px;
	margin: 114px 0 0 490px;
}
.adsense_start_left { margin-left:-614px; }
.adsense_start_right { margin-left: 453px; }
.adsense_start_top {display: none;}

.adsense_left {
	float:left;
	background:#fff;
	width:160px;
	height:600px;
	margin:560px 0 0 -175px ;

}

.adsense_top {
	background:#fff;
	width:468px;
	height:60px;
	margin:0 auto;

}

.adsense_top2, .adsense_bottom-loggedin {
	background:#fff;
	width:728px;
	height:90px;
	margin:20px auto 0;
}

.adsense_right {
	background:#fff;
	width:200px;
	height:200px;
	margin:0 0 5px 0;
}

.adsense_left2 {
	position:absolute;
	left:50%;
	margin:25px 0 0 -700px;
	width:160px;
	height:600px;
}

.adsense_bottom-loggedin { display: none; }

.adsense_user_one {
	background:#fff;
	width:300px;
	height:250px;
	margin:0;
	padding:0;
	float:left;
}


.adsense_list {	height:120px; valign: middle; }

.adsense_list_ad{
	background:#fff;
	width:300px;
	height:250px;
	margin:25px auto ;
}

.adsense_message_list{
	background:#fff;
	width:300px;
	height:250px;
	margin:0 auto ;
}

.adsense_message_one{
	background:#fff;
	width:468px;
	height:60px;
	margin: 0 46px  ;
	text-align:center;
}

.adsense_nav_left_link_block{
	width:160px;
	margin:0 auto;

}

ins { background:#fff; }



/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (max-width: 1200px) {

	#bullets ul li { font-size: 18px }
	.start-title, .start-title h2 {font-size: 20px;}
	.beauties img { height: 99px; }
	.user-list-large-left {width: 20% }
	.user-list-large-middle {width: 74% }
	.user-list-large-right {width: 11% }
	
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (max-width: 991px) {
	.logo-resp-136 { width: 18.888888888% }
	#content-center { margin-left: 0 !important; }
	.messages {
		max-width: 305px;	
		margin: 0 auto !important;
	}
	.adsense_start_left, .adsense_start_right, .adsense_left2 { display: none;}
	.adsense_start_top, .adsense_bottom-loggedin {display: block; margin-top: 20px;}
	
	#head .header-menu, .info-nav-down-responsive {
		text-align: center;
		margin-top: 5px;
		}
	#head .header-menu {margin-right: 0;}
	#head { text-align: center }
	.user-list-large-responsive, .user-one-contact-responsive { float: left; width: 50% }
	.user-list-large-left {width: 16% }
	.user-list-large-middle {width: 74% }
	.user-list-large-right {width: 10% }
	.user_data_plus .col-md-4 {	margin-right: 10px	}
	.user_data_plus .col-md-8 {	margin-right: -10px }
	.i-qualitaet-textarea { width: 100% }
	.photo .col-md-4 {width: 40%; float: left }
	.photo .col-md-8 {width: 60%; float: left }
	.profil-1-von-3 .col-md-4 { width: 33%; float: left;}
	#chatlist2 {height: 400px;}
	#left {margin-bottom: 20px;}
	#hlogin label {width: 100%; }
	#hlogin .login-password {padding-left: 15px;}
	#hlogin input[type="text"], #hlogin input[type="password"]  {width: 50%; clear: left}
	#loginname {margin-bottom: 20px;}
	#hlogin .col-md-offset-5 { margin-left: 0;}
	.resetpass { clear: left;}
	#login-btn {margin-bottom: 20px;}
	.image_button_overlay {display: none;}
	#bullets {margin: 22px 0 11px 0;}
	#bullets span { font-size: 13px; }	
	#bullets img { width: 17px; height: auto; }
	.registration-box {margin-top: 125px; margin-left: 0px;}
	#teaser h1 {width: 70%;}
	h1 span {padding-left: 0;}
	.beauties img { height: 75px; }
	#register {margin-left: auto }
	.register-modal { width: 400px;}
	#register-double-page-login { border-left: none; border-top: 1px solid #cccccc; padding-top:25px; }
	.price-infoboxes .col-md-3 { float: left; width: 25%}
	.price-action .col-md-6, .price-action .col-md-4 { float: left; }
	.price-action .col-md-6 { width: 50%; }
	.price-action .col-md-4 { width: 40%; }
	.languagemenu {
		position: absolute;
		margin-left: 600px;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	    margin-right: 0;
	    margin-left: 0;
	}
}

/* iPhone 4 quer */
@media only screen and (max-width: 960px) {
	
}

/* Google Nexus One quer */
@media only screen and (max-width: 800px) {
	.user-pic {max-width: 90%; height: auto;}
	
}

/* iPad */
@media only screen and (max-width: 768px) {

	.logo a { font-size: 25px }
	.user-list-large-left {width: 19% }
	.user-list-large-middle {width: 71% }
	#editpopup {width: 400px;}
	.register-modal, .agb-modal { width: 95%;}
	.payment_goods {margin: 0}
	#one-message td:nth-child(odd) { width: 30%;}
	#one-message td:nth-child(even) { width: 70%;}
	
	.message-list tbody > tr > td {
		padding: 20px 0;
		border-bottom: 1px solid #dddddd;
	}
}

/* Meizu M8 quer */
@media only screen and (max-width: 720px) {

	#bullets ul li { font-size: 16px; width: 50%; text-align: left; }
	#bullets img { width: 18px; height: auto; }
	.teaser-frame { background-color: #eeeeee;}
	.beauties li { float: left;	margin-right: 1%; width: 24%; margin-bottom: 10px; }	
	.beauties img { height: 106px; }
	.tab-pane p {
		column-count:2;
		-moz-column-count:2; /* Firefox */
		-webkit-column-count:2; /* Safari and Chrome */
	    column-gap:30px;
		-moz-column-gap:30px; /* Firefox */
		-webkit-column-gap:30px; /* Safari and Chrome */
	}
}

/* iPhone 4 */
@media only screen and (max-width: 640px) {

	.user-list-large-left {width: 25% }
	.user-list-large-middle {width: 65% }
	.user-one-contact-responsive {float: none; width: 100%}
	.photo .col-md-4, .photo .col-md-8 {width: 100%; clear: left }
	.profil input[type="text"], .profil textarea {width: 100% }
	.profil textarea { height: 150px }
	.profil-1-von-3 .col-md-4 { width: 100%; clear: left;}
	.profil-1-von-3 .col-md-4 > input {width: 100%}
	.profil-date { width: 50px !important}
	#chatlist2 {height: 300px;}
	#hlogin input[type="text"], #hlogin input[type="password"]  {width: 100%;}
	#bullets ul li { font-size: 14px}
	#bullets img { width: 16px; height: auto; }
	.registration-box {margin-top: 65px}
	
	.price-infoboxes .col-md-3:nth-child(odd) { clear: left }
	.price-infoboxes .col-md-3 {width: 50%; margin-bottom: 25px;}
	.payment_goods h2 { font-size: 18px }
	
	.price-action .col-md-6, .price-action .col-md-4 { clear: left; }
	.offer-pic { width: auto; height: auto; margin-bottom: 20px;}
	.price-action .col-md-6 { width: 100%; }
	.price-action .col-md-4 { width: 100%; }
}

/* Google Nexus One , iPhone quer*/
@media only screen and (max-width: 480px) {
	h2, .h2 { font-size: 20px }
	.logo-resp-136 { width: 33.415233415% }
	.user-list-large-left {width: 100% }
	.user-list-large-middle {width: 90% }
	.abbr_infos_data {float: left; text-align: left; }
	#bullets ul li { font-size: 16px; width: 100%; clear: left;}
	#bullets img { width: 18px; height: auto; }
	.registration-box {margin-top: 0}
	#teaser h1 {font-size: 22px;}
	#teaser h1 span {font-size: 16px;}
	.registration-box .btn { width: 100% }
	.beauties img { height: 84px; }
	.payment_goods h2 { font-size: 16px }
	.offer-pic { width: 100%; height: auto; margin-top: 20px;}
	.tab-pane p {
		column-count:1;
		-moz-column-count:1; /* Firefox */
		-webkit-column-count:1; /* Safari and Chrome */
	    column-gap: 0;
		-moz-column-gap: 0; /* Firefox */
		-webkit-column-gap: 0; /* Safari and Chrome */
	}
}

@media only screen and (max-width: 360px) {
	.logo-resp-136 { width: 100px }
	#editpopup {width: 300px;}
	.beauties img { height: 61px; }
	.payment_goods h2 { font-size: 14px; font-weight: bold; }
	.payment-goods-haken {width: 20px; height: auto;}
	.register-modal { width: 100%;}
}

/* iPhone 3 */
@media only screen and (max-width: 320px) {
	#teaser {background: none !important }
	#teaser h1 {font-size: 22px; width: 100%; text-align: center;}
	#teaser h1 span {font-size: 16px;}
}



/* ==|== print styles ======================================================= */
/* 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
*/


/* ==|== registration radios matrix ======================================================= */

	.m-radio-matrix {					
		width: 100%;
		border-collapse: collapse;							
	}
	
	.m-radio-matrix td{
		padding: 0;
		text-align: center;
		vertical-align: middle;
	}
	
	.m-radio-matrix label {					
		display: inline-block;
		zoom: 1;
		*display: inline;					
		width: 70%;							
	}
	
	.m-radio-matrix td.is-right-aligned {				
		text-align: right;				
	}
			
	.m-radio-matrix td.is-left-aligned {					
		text-align: left;				
	}
								
	.m-radio-matrix tr.has-background td {
		background-color: #E5E5E5;
	}
	
	td.m-rm__image-bar {
		padding: 0;
	}				
	
	td.m-rm__title {
		padding: 6px 0 6px 6px;					
		text-align: right;				
		font-weight: bold;		
		vertical-align: top;			
	}
	
/* ==|== font-colors ======================================================= */
	
.font-white {
	color: #ffffff;
}