/*----------------------------------------------------------
0 New slider Layout
-----------------------------------------------------------*/
#dotbar{
	display:none;
}
#sliderbox,
#slider{
	height:auto;
}
.unoslider_slider_area{
	position:relative !important;
	height:auto !important;
}
.unoslider_slider_area > a {
    display: block;
    line-height: 0;
}
.unoslider_navigation_container{
	display:none;
}
.unoslider_indicator{
	background-color:rgb(229, 223, 218);
	background-color: rgba(229, 223, 218, 0.7);
    height: 35px;
    left: 1%;
    position: absolute;
	overflow:hidden;
    bottom: 0;
    width: 100%;
    z-index: 999 !important;
	padding-left:15px;
}
.unoslider_indicator a{
	background-image: url("../images/slider-dot.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    line-height: 9999px;
    padding-left: 15px;
	margin-top:13px;
	cursor:pointer;
}
.unoslider_indicator a.unoslider_indicator_active{
	background-image: url("../images/slider-dot_act.png");
}

#partnerslider .items,
#partnerslider .items .item{
	width:100%;
}

/*----------------------------------------------------------
1 General structural overrides
----------------------------------------------------------*/

body{
	min-width:0;
	position:relative;
	background-image:url("../images/bgrd_body_2.jpg");
}
#containerbox,
#containerbox2,
#container,
#container2,
#topbox,
#headerbox,
#navigationbox,
#footer-inner1,
#footer-inner2{
	max-width:955px;
	width:auto;
}
#containerbox, #containerbox2{
	background-image:none;
}
#container, #container2{
	background-size:62.3% 50px;
}
#navigation-border-box{
	width:98%;
	padding:0 1%;
}
#partnerslider{
	max-width:100%;
}
img{
	max-width:100% !important;
	height:auto !important;
}

#contentbox1col,
#subnav{
	max-width:100%;
	overflow:hidde;
}
textarea{
	max-width:100%;
}

#back-top{
	display:block;
	position:fixed;
	right:30px;
	bottom:20px;
	z-index:990;
	border:1px solid #dcd3cb;
}

#back-top a{
	outline:none;
	display:block;
	height:50px;
	width:50px;
	line-height:0;
	background:url(../images/back-top.png) center center scroll no-repeat #fff;
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
}

#back-top a:hover{
	background-position:center top;
	height:70px;
}
.clearer{
	height:0;
}
input, textarea, select{
	border-radius:0 !important;
}
iframe{
	max-width:100%;
}
#exposeMask {
    max-width: 100%;
}

.meet-members-box{
	max-width:100% !important;
}

div#item-header div#item-header-content{
	margin-left:0;
}

form.wpcf7-form input, form.wpcf7-form textarea, form.wpcf7-form select{
	max-width:100%;
}

#partnerclub-liste{
	display:none;curre
}
/*----------------------------------------------------------
2.0 Top area
----------------------------------------------------------*/

/*--------------------------------------------------
2.1 Topbox
--------------------------------------------------*/

#top_navi {
    width: 62.3%;
}
#searchbox {
    width: 37.6%;
}
#searchbox input{
	width:67%;
	padding:0 4%;
}
#searchbox input.lupe{
	width:15%;
	height:auto;
}

/*--------------------------------------------------
2.2 Headerbox
--------------------------------------------------*/
#headerbox{
	height:auto;
}
#login *{
	max-width:95%;
}
#login input{
	padding:0 2.5%;
}
#headerbox,
#navigationbox,
#navigation-border-box{
	background-size:100% 5px;
}

#navigationbox{
	height:auto;
}
#navigationbox:after,
 #navigationbox:before{
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
#navigation,
#iconbox{
	height:auto;
}
#contentrechtsbox,
#loginbox,
#searchbox{
    width: 37.7%;
}

#login .sidebar-me-logout a{
	max-width:none !important;
}

/*--------------------------------------------------
2.2 Navigationbox
--------------------------------------------------*/

#navigation{
	width:61.3%;
	margin-left:1%;
}
#iconbox{
	margin-right:1%;
	width:36.7%;
}

#iconbox2{
	width:100%;
}

#navigation,
#iconbox{
	padding:0;
}
.mainnav ul ul{
	display:block;
	top:100%;
	width:0;
	height:0;
	padding:0;
	line-height:0;
	visibility:hidden;
	font-size:0;
	opacity:0;

	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
}
.mainnav ul li:hover>ul, .mainnav ul a:hover ul{
	width:170px;
	visibility:visible;
	height:auto;
	opacity:1;
	font-size:1em;
	line-height:normal;
}
.mainnav ul ul ul{
	left:100%;
}
.mainnav ul li.current-menu-item > a{
	background-image: url("../images/bgrd_subnav_act.png");
    background-position: 10px 18px;
    background-repeat: no-repeat;
}
.mainnav ul#menu-mainnav > li.current-menu-item > a{
	background:url("../images/bgrd_navi_act.jpg") repeat-x scroll left top transparent;
}
/*----------------------------------------------------------
3.0 Slider
----------------------------------------------------------*/


#sliderbox{
	width:100%;
	margin:0;
	background-size:100% 5px;
}
#slider{
	width:98% !important;
	margin:auto;
}


/*----------------------------------------------------------
4.0 Content
----------------------------------------------------------*/

#contentbox{
	width:61.3%;
	margin-right:0;
	padding-right:1%;
	background-color:#ede9e6;
}
#contentrechtsbox{
	float:right;
}
.newsbox-box {
    border: 1px solid #dcd3cb;
    margin: 52px 0 0;
    position: relative;
	background-image:none;
	background-color:#fff;
	max-width:575px;
}

.newsbox{
	background-image:none;
}
.newsbox .date {
    background-color: #ede9e6;
    background-image: url("../images/news_bgrd_brown.png");
    background-position: center top;
    bottom: 41px;
    margin-bottom: -41px;
    position: relative;
}

#container > #content{
	float: left;
    padding: 0;
    width: 60.2%;
}
#container > #content .padder {
    padding: 20px;
}
/* Netiquette */
body.members #content > div:first-child{
	width:50% !important;
}
ul#members-list li, ul#friend-list li{
	width:44%;
}

/*----------------------------------------------------------
5.0 Footer
----------------------------------------------------------*/
#footer-inner2{
	z-index:10;
}
#footer-inner3{
	background:none;
}
#footer-inner4{
	float: none;
	left: 25%;
	overflow: hidden;
	position: relative;
	width: 75%;
}
.footer{
	padding-right: 5%;
	width: 13%;
}
.footer-contact{
	padding:0 0 0 9%;
	width:37%;
	background:url("../images/footer_trenner.png") left top scroll no-repeat transparent;
}

/*----------------------------------------------------------
6 Mobile navigation
----------------------------------------------------------*/
#nav-iphone{
	width:100%;
	margin:0;
	height:50px;
	background:url(../images/navigation.png) center center no-repeat scroll #826648;
	cursor:pointer;
	display:none;
}
#nav-iphone p{
	text-align:center;
	color:#fff;
	text-shadow:none;
	margin-left:75px;
	padding-top:15px;
}


/*----------------------------------------------------------
7 Media queries for mobile devices
----------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/* MEDIA QUERY  layouts smaller than 1024px and mobiles */
/*----------------------------------------------------------------------*/

@media screen and (max-device-width: 1024px), screen and (max-width: 1024px){


#containerbox,
#containerbox2,
#container,
#container2,
#topbox,
#headerbox,
#navigationbox,
#footer-inner1,
#footer-inner2{
	max-width:none;
}

#contentbox1col{
	max-width:none;
	width:100%;
}


#navigation,#iconbox{
	width:100%;
	margin:0 ;
}
#navigation{
	background-color:#fff;
}
#slider{
	width:100% !important;
}
.unoslider_indicator{
	left:0;
}
#navigation-border-box{
	display:none;
}

div#sidebar div#sidebar-me img.avatar, div#loginbox div#sidebar-me img.avatar{
	float:none;
}
div.meet-members-box{
	padding:0;
	margin:5px 0;
}




#contentbox,
#contentrechtsbox,
#container > #content{
	width:100%;
	border-left:none;
	border-right:none;
}
#contentbox{
	padding-right:0;
}
#content, #contentrechts,.teaser{
	border-left:none;
	border-right:none;
}
#contentrechtsbox{
	border-top:1px solid #dcd3cb;
}
#container > #content{
	margin-bottom:20px;
}
.arrow_big_box{
	position:relative;
	margin:20px auto;
	max-width:575px;
}
.partner_widget{
	text-align:center;
}
#partnerslider{
	max-width:318px;
	margin:auto;
}
#footer-inner3{
	background-image:none;
}
#footer-inner4{
	left:0;
	width:100%;
}
.footer{
    border-bottom: 1px dashed #eee;
    float: none;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}
.footer-contact{
    border: medium none;
    padding: 20px 0;
    text-align: center;
    width: 100%;
	background:none;
}
#top_navi ul{
	display:none;
}
.teaserbox{
	width:100%;
	margin:0;
}
.teaser{
	background-image:none;
	background-color:#e5dfda;
	border-top:1px solid #dcd3cb;
	border-bottom:1px solid #dcd3cb;
}
.teaserbox .textwidget img {
    display: block;
    margin: auto;
    position: relative;
}
#nav-iphone{
	display:block;
}
#navigation {
	text-align:left;
    background-color: #ede9e6;
    position: absolute;
    top: 100%;
	border:none;
	display:none;
	width:100%;
	margin:0;
}
.mainnav{
	overflow:hidden;
	border-bottom:1px solid #dcd3cb
}
.mainnav li {
    float: none;
}
.mainnav ul ul {
    position: relative !important;
    visibility: visible !important;
    width: auto !important;
	left:15% !important;
    top: 0;
	height:auto;
	width:70% !important;
	line-height:normal;
	font-size:1em;
	opacity:1;
}
.mainnav li ul li{
	background-color:transparent;
}
.mainnav ul ul a, .mainnav ul ul a.act, .mainnav ul ul a:link, .mainnav ul ul a:visited, .mainnav ul ul a:active, .mainnav ul ul a:hover{
	padding:2px 10px 2px 15px;
	background-position:left center !important;
}
.mainnav ul ul a, .menu ul ul a:link, .mainnav ul ul a:visited, .mainnav ul ul a:active{
	color:#826648 !important;
	text-shadow:1px 1px 1px #fff !important;
}
.mainnav ul li.current-menu-item > a,.mainnav ul ul *:hover > a, .mainnav ul ul a:hover{
	color:#005592 !important;
	text-shadow:none !important;
}
.mainnav ul#menu-mainnav > li.current-menu-parent > a {
    color: #fff !important;
}
#iconbox2{
	display:none;
}
div.item-list-tabs ul li:first-child{
	margin-left:5px;
}

.copy{
	margin-bottom:50px;
}

#back-top{
	right:0;
	bottom:0;
	width:100%;
	border:none;
	border-top:1px solid #dcd3cb;
}

#back-top a{
	width:100%;
}

.newsbox-box{
	margin:52px auto 0;
}
img.alignleft {
    display: block;
    float: none;
}
/* Netiquette */
body.members #content > div:first-child{
	position:relative !important;
	top:0 !important;
	right:0 !important;
	margin-bottom:10px;
	width:auto !important;
}

body.page-id-2960 img.alignleft{
	float:left;
}
img[title="podcast"]{
	float:none !important;
}
}

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

ul#members-list li, ul#friend-list li{
	float:none;
	display:block;
	width:auto;
	margin:15px 0;
	height:auto;
}

ul.item-list li div.action{
	position:relative;
	bottom:0;
}
.em-booking-login label {
    float: none;
}
}

/*----------------------------------------------------------------------*/
/* MEDIA QUERY  layouts smaller than 480px and mobiles
------------------------------------------------------------------------*/

@media screen and (max-device-width: 480px), screen and (max-width: 480px){

#sliderbox,
#navigationbox, #navigation-border-box,
#container, #container2{
	background-image:none;
}
#top_navi{
	width:0;
}
#searchbox{
	width:100%;
}
#searchbox form>*{
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
}
#searchbox input.lupe{
    height: 100%;
	width:auto;
	padding:0;
}
#search_form input#s {
    position: relative;
    right: 1%;
}
#headerbox{
	background-image:none;
	border:none;
}
#loginbox {
	width:100%;
	background-color:#ede9e6;
}
#logo{
	padding:20px 0 0 0;
	width:100%;
}
#logo a{
	display:block;
	postion:relative;
	margin:auto;
	max-width:195px;
}
#loginbox{
	padding-bottom:15px;
}
#loginbox label{
	width:100%;
}
.copy{
	text-align:center;
}

.newsbox-box{
	border-left:none;
	border-right:none;
}
.post_column_1{
	width:100% !important;
}
.icon-mfm{
	display:block;
	top:0;
	margin-bottom:10px;
}

.overlay.m4mcatlist {
    border: medium none;
    left: 0;
    margin: 0;
    max-width: 94% !important;
    padding: 3%;
}
div.meet-members-box ul li span.profile-birthdate{
	float:none;
}
div.meet-members-box ul li span.profile-company{
	display:block;
	margin-bottom:10px;
}

ul.item-list li img.avatar{
	float:none;
}

.activity-list .activity-content{
	margin-left:0;
}

div.pagination{
	height:25px;
}

#flexlogensuche input, #flexlogensuche select, #flexlogensuche textarea,
#logensuche input, #logensuche select, #logensuche textarea  {
    margin-right: 50%;
    width: 50%;
}
form#logenbuchung label, form#logensuche label, form#flexlogensuche label {
    font-weight: bold;
    width: 100%;
}

#content ul.bchlogenbuchung_logenselector {
    float: left;
    width: 100%;
	height:auto;
}

#content ul.bchlogenbuchung_logenselector input{
	width:auto;
	margin:0 0 5px;
}
table#bchlogenbuchung-edit-bookings,
table#dbem-bookings-table{
	font-size:11px !important;
}
#content .profile .editfield label{
	width:100%;
}

#send_message_form .friend-tab, #send_message_form label[for="subject"], #send_message_form label[for="content"]{
	float:none;
}
input#send-to-input{
	width:auto !important;
}
#settings-form input, #settings-form label {
    display: block !important;
    float: none !important;
    width: 200px !important;
}

#settings-form .notification-settings input {
    width: auto !important;
}

.submit > input#submit {
    width: 250px!important;
}

body.page-id-2960 img.alignleft{
	float:none;
}
}


/*----------------------------------------------------------------------*/
/* MEDIA QUERY  layouts smaller than 335px and mobiles
------------------------------------------------------------------------*/

@media screen and (max-device-width: 320px), screen and (max-width: 335px){
textarea#comment{
	width:96%;
}
#respond .comment-avatar-box{
	float:none;
	margin-right:0;
	text-align:center;
}
.unoslider_indicator{
	position:relative;
	background-color:transparent;
}
#content ul.catmfmlist > li{
	margin:0 4px 22px;
}

form p > span:first-child {
    margin-left: 0 !important;
}

#avatar-upload input {
    max-width: 100%;
}
#pag-bottom{
	overflow:hidden;
	height:auto;
	padding-left:0;
	padding-right:0
}
body.members label{
	padding:0;
}
#members_search_submit, #messages_search_submit{
	margin:0;
}
}