/*
Theme Name: Pier36eins
Template: cyberchimps
Theme URI: http://cyberchimps.com/cyberchimps-free/
Author: USE Medien
Author URI: www.u-s-e.org
Description: A Free HTML5 Responsive Drag & Drop Starter WordPress Theme by CyberChimps WordPress Themes featuring Twitter Bootstrap, and responsive touch friendly theme options.
Version: 2.1.6
Tags: white, black, silver, light, two-columns, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-menu, featured-images, flexible-header, post-formats, theme-options, threaded-comments, sticky-post
License: GNU General Public License
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
*/

/* BLAU = #004c78
	HELLBLAU = #dce2ee




/*  BASICS */


body{
	background-color:#91aacf;
	/*background-image:url(https://pier36eins.use-medienport.de/wp-content/uploads/hard_img/pier_bg0.jpg);/*
	background-repeat:no-repeat;
	background-position: top center;
	padding:0px;
	margin:0px;
}
	.entry-summary h1{
		color:#004c78;
		font-size:180%;	
	}

h2.entry-title{
	font-size:240%;
	color:#004c78;
	font-family: 'Euphoria Script', cursive;
	/* border-bottom: 1px dotted lightgrey; */
	padding-bottom:5px;
}
h2{
	font-weight:normal !important;
}
.home h2{
	font-size:220%;
	color:#004c78;
	font-family: 'Euphoria Script', cursive;
	border: 0px;
	padding-bottom:5px;
}
.entry-summary h3{
	font-size:120%;
	color:#004c78;
	margin-bottom:0px;	
/* 	background-color:#dce2ee; */
	padding-left:2px;
	margin-top:5px;
	margin-bottom:5px;
	border-top:1px dotted lightgrey;
	border-bottom:1px dotted lightgrey;
	font-weight:normal; 

}
.einzeltext_statisch img, .span9 .entry-summary img{
	border:1px solid #dce2ee;
    -moz-box-shadow: 2px 4px 4px grey;
    -webkit-box-shadow: 2px 4px 4px grey;
    box-shadow: 2px 4px 4px grey;
	margin-bottom:5px;
}
a{
	color:#004c78;
}


/* CONTAINER */


#wrapper{
	padding:20px;
	background-color:white;
    -moz-box-shadow: 0px 9px 10px #333333;
    -webkit-box-shadow: 0px 9px 10px #333333;
    box-shadow: 0px 9px 10px #333333;	
}

div#container.row-fluid{
	background-color:white;
}
#outer_cnt{
	border:2px solid red;
}

/* HEADER */
	#cc-header #register{
		display:none;
	}	

#cnt_gallery{
	float:left;
	margin:0px;
	background:white;
}
.clearer{
	clear:both;
}
.flex-control-nav{
	position:relative !important;
	top:-20px;
	z-index:999;
}
#metaslider_37{
	margin-bottom:20px;
}
/* MAIN CONTENT CONTAINER */
.row-fluid .span9 {
		width:65%;
		
	}
.home .row-fluid .span9 {
		width:65%;
		padding-right:40px;
	}

/* MEN‹ */

	.btn-navbar{
			background-color:#004c78 !important;
			background-image:none !important;
	}

.caret{
	display:none;
}

#navigation.row-fluid{
	margin-right: 0px;
	margin-top:40px;
	margin-bottom:0px;

}
.main-navigation {
	padding-left: 20px;
}
.navbar .nav > li > a{
	background-color:#004c78;
	text-shadow: 0 0px 0 #fff;
	color:white;
	margin-right:2px;	
    border:solid 0px #000000;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
	min-width:75px;
	font-size:14px;
	text-align:center;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
	background-color:white;
	color:#004c78;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;
}
.navbar .nav a:hover, .navbar .nav a:focus{
	background-color:white !important;
	color:#004c78 !important;

}

/* BESONDER OVER EFFECT */
ul.dropdown-menu li.menu-item:first-child{
	margin-top:15px;
}

.navbar-inner {
    background-color: transparent;
    background-image: none;
    border: 0px solid;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0);
}
/* DREIECK */
.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after{
	border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid white;
    border-bottom: 0px solid #000;
	content: "";
    display: inline-block;
    left: 48px;
    position: absolute;
    /*top: 0px;*/
    top: 20px;
}
.dropdown-menu  {
	/*background-color:#004c78 !important;*/
	background-color:white !important;
	border-radius: 0px;
	border:0px;
	/*min-width:120px;*/
	min-width:70px;
	width:105px;
	/*margin-top:20px !important;*/
	padding-bottom:0px !important;
	box-shadow:0 0px 0px rgba(0, 0, 0, 0.2);	
}

ul.dropdown-menu a {
	color:white !important;
	padding:12px;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;	
	text-align:center;
	background-color:#004c78 !important;
}

ul.dropdown-menu li:after {
	content: '';	
	border-top:1px solid white;	

}
 .main-navigation .nav li.dropdown.active > .dropdown-toggle, .main-navigation .nav li.dropdown.current-menu-ancestor > .dropdown-toggle, .main-navigation .nav > .active > a, .navbar .nav > .active > a:hover{
	background:white;
	color:#004c78;

	}	

/* SEARCHBAR */ 

div.menu-searchbar form#searchform.navbar-search.pull-right{
	margin-right: 0px !important;
}

input.search-query{
	border-radius:2px !important;
	color:white !important;
	background-color:#cecfd3;
	width:120px;
}
div.menu-searchbar form#searchform.navbar-search.pull-right input.submit.button{
	background-color:#004c78;
	border:0px;
	padding:5px !important;
	background-image:url(lupe.png);
	background-repeat:no-repeat;
	background-position: 3px 50%;
	width:30px;
	border-radius:2px;
}

/* GALLERY */ 

.flex-control-nav.flex-control-paging li a{
	background:white;
	border:2px solid white;
	height:7px;
	width:7px;
}
.flex-control-paging li a.flex-active{
	background-color:#004c78 !important;
}
.gallery-icon{
	margin:5px;
}
.gallery-item{
	margin:0px;
}
.gallery img{
	border:2px solid #dce2ee !important;
	    -moz-box-shadow: 2px 4px 4px grey;
    -webkit-box-shadow: 2px 4px 4px grey;
    box-shadow: 2px 4px 4px grey;
}

/* CONTENT */
.breadcrumbs{
	margin:0px;
	border:0px;
	font-size:12px;	
}
.home .breadcrumbs{
	display:none;	
}

article.post, article.page, article.attachment{
	border:0px;
}
.widget-container{
		border:0px;
}
.home div#container.row-fluid div#content.span9.content-sidebar-right article{
	padding-top:0px;
}
.home div#container.row-fluid div#content.span9.content-sidebar-right article h2, .home div#container.row-fluid div#content.span9.content-sidebar-right article .entry-summary{
	margin-top:0px;
}
.einzeltext_statisch{
	clear:both;
}
#start_mobile_teaser{
		display:none;
}
#main_teaser_IE{
	display:none;
}
div.entry-content a img.attachment-medium.wp-post-image{
	float:left;
	margin-right:15px;
	margin-bottom:4px;
	border:1px solid #004c78; 

}



/* SIDEBAR */

	
	/* SPECIAL AKTUELLES */
	.home div#sidebar div#sidebar-header aside#text-17.widget.widget_text div.textwidget{
		
		position:relative;
		width:313px;
		left:-23px;
		min-height:200px;
		background-image:url(/wp-content/uploads/hard_img/aktuelles_kasten.png);
		background-repeat:no-repeat;
		padding-left:60px;
		padding-top:10px;		
	}	
	div#secondary{
		border-left:1px dotted lightgrey;

	}	
	.home div#secondary{
		background-color:transparent;
		height:250px;
		border:0px;
		
	}
	.widget-container {
		background-color:transparent;
	}

	div#secondary.widget-area.span3 div#sidebar aside#text-14.widget-container.widget_text{		
		position:relative;
		width:313px;
		left:-23px;		
		height:170px;
		background-image:url(/wp-content/uploads/hard_img/aktuelles_kasten.png);
		background-repeat:no-repeat;
		padding-left:60px;
		padding-top:10px;	
		background-color:transparent;
		
	}
	.aktuelles_container_header{
		color:#004c78;
		font-weight:bold;
	}	
	div#secondary hr{
		margin-top:7px;
		margin-bottom:7px;
		margin-left:0px;
		margin-right:10px;
	}
	aside#text-6{
		padding-left:40px;
	}

	.row-fluid .span3{
		width:32.3%;
		/* background: #dce2ee; */
	}
	
	

/* 	.home .row-fluid .span3 {
		width:40%;
		margin-left:50px;
	}	
	.home .row-fluid .span9 {
		width:54%;
	}	
	 */

	/* FOOTER */
#footer-widget-container{
		margin-top:10px;
		border:solid 1px white;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright:3px;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-webkit-border-top-left-radius:3px;
		-webkit-border-top-right-radius:3px;
		-webkit-border-bottom-left-radius:3px;
		-webkit-border-bottom-right-radius:3px;
		border-top-left-radius:3px;
		border-top-right-radius:3px;
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
		border-radius:3px;
		font-family: Arial;
	}

#use_footer {	
    background: none repeat scroll 0 0 white;
    float: left;
  /*max-width: 875px;*/  
	padding: 10px;	
	border-top:1px solid lightgrey;
}

#footer_left {
    color: #555555;
    float: left;
    font-size: 9px;
    line-height: 1.3;
    max-width: 412px;
    padding-right: 15px;
    padding-top: 5px;
    text-align: justify;
}
#footer_right {
    float: left;
}
#adresse {
	padding-top:5px;
    float: left;
    padding-right: 47px;
}
#telefon {
	padding-top:5px;
    float: left;
    padding-right: 47px;
}
#mail {
	padding-top:5px;
    float: left;
}
#footer-widgets{
	margin-bottom:0px;
	border-top: 1px solid lightgrey;	
	}
	.row-fluid .span3{
	margin-top:5px;
	margin-bottom:5px;	
	padding-top:5px;
	padding-bottom:5px;
	
	}
	

/* PLUGINS */
.box{
	margin:0px;
	padding:0px;
	padding-bottom:8px;
	
	}
	#square-lit{
		background-color:rgb(220, 226, 238) !important;
	}
	#square-lit h3{

		color: rgb(44, 77, 118) !important;
		font-size:18px !important;
	}
	div.textAreaWrapper span.textArea{
		color: rgb(44, 77, 118) !important;
	}
	#main_teaser{
			clear:left;		
			padding:20px;
		}	
		.teaser_spalte_gesamt{
		clear:left;
		max-width:100%;
		
	}
	.teaser_spalte_links{
		float:left;
	/* 	max-width:445px; */
		max-width:50%;
		padding-right: 10px;
	}	
	.teaser_spalte_rechts{
		float:left;
		/* max-width:445px; */
		max-width:48.6%;
	}
	.teaser_ueberschrift{
		color: #5b5b5b;
		font-weight:bold;
		
	}
	.page-id-14 .breadcrumbs, .page-id-16 .breadcrumbs, .page-id-50 .breadcrumbs, .page-id-47 .breadcrumbs, .page-id-53 .breadcrumbs, .page-id-333 .breadcrumbs{
		display:none;
	}
	/* TABLES */
	table.responsive{
	line-height:2.8;
	margin-top:10px;
		margin-bottom:10px;
		/* 	width:100%;
		 */
		
	}	
	table#sonderfahrten.responsive{
		line-height:1.6;
		
	}		
	table#quicklunch{
		line-height:1.6;		
	}		
	table#quicklunch td{
		width:33.3%;		
	}	
	table#quicklunch td:first-child{
		width:13.3%;		
	}	
 	table#gaestezimmer tr, table tr{
	border:0px;
		
	} 	
	table td.zeile_blau, table tr.zeile_blau{
		background-color:#dce2ee;
		color:#004c78;
	
		/* background-color:#5b5b5b;
		color:white;
		 */
	}
	.wpcf7-text, .wpcf7-textarea {
		width:90%;

	}
	.search .page-header{
		display:none;
	}
	.search.search-no-results div.entry-content p{
			display:none;
		}
	.search.search-no-results div#content.span9 div.entry-content input.submit.button{
			display:none;
		}
	.search.search-no-results div#content.span9 div.entry-content input.search-query.input-medium{
			width:90%;
		
	}
	.search.search-no-results div#content.span9 div.entry-content .pull-right{
			float:left;
		
	}
	.search.search-no-results div#container.row-fluid div#content.span9.content-sidebar-right .no-results.not-found header.entry-header h1.entry-title{
			font-size:240%;
			color:#004c78;
			font-family: 'Euphoria Script', cursive;
			/* border-bottom: 1px dotted lightgrey; */
			padding-bottom:5px;
	}
	.archive .page-header, .archive .breadcrumbs {
			display:none;
	}
	#text-7{
		margin-left:0px;
		text-align:right;
	}
	.widget-container.span3.widget_text h3.widget-title{
		color:#004c78;
	}
	
	
		
	
/* IE HACKS */
	
	.ie9 #cnt_gallery, .ie8 #cnt_gallery {

	min-width:100%;
	}	
	.ie9 ul.dropdown-menu a:hover, .ie8 ul.dropdown-menu a:hover{
		color:white !important;
	}
	.ie9 .navbar-inner, .ie8 .navbar-inner, .ie7 .navbar-inner{
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.ie8 DIV.menu-searchbar FORM.pull-right.navbar-search#searchform INPUT.button.submit{
		PADDING: 15px !important; 	
	}
	.ie8 .home div#sidebar div#sidebar-header aside#text-2.widget.widget_text div.textwidget, .ie8 div#secondary.widget-area.span3 div#sidebar aside#text-14.widget-container.widget_text{
		left:-19px;	
	}	
	.ie7 .home div#sidebar div#sidebar-header aside#text-2.widget.widget_text div.textwidget, .ie7 div#secondary.widget-area.span3 div#sidebar aside#text-14.widget-container.widget_text{
		left:-23px;	
	}
	.ie8 .navbar .nav > LI > .dropdown-menu a{
		BORDER-TOP: white 1px solid; 
		MARGIN-BOTTOM: -20px;
	}
	.ie8 #pierTeaser, .ie7 #pierTeaser{
		width:600px;
		float:left;	
		margin-top:50px;
	}	
	.ie8 #cc-header, .ie7 #cc-header{
		width:250px;
		float:left;	
	}	
	.ie8 #logo{
		width:250px;
	}
	.ie8 #register, .ie7 #register{
		display:none;
	}
	.ie7 .menu-searchbar, .ie7 #main_teaser{
		display:none;	
	}	
	.ie7 .home #content{
		width:520px;
		
	}	
	.ie7 #content{
		width:575px;	
	}
	.ie7 #text-2 .textwidget{
	margin-left:17px;
	}	
	.ie7 #text-7 {
	width:107px;
	}	
	.ie7 .navbar .nav > LI > .dropdown-menu a{
		
	}
	.ie8 #main_teaser_IE{
	display:block;
	clear:both;
}	
	.ie8 #main_teaser_IE img{
	padding-bottom:10px;
}	
.ie8 #main_teaser{
	display:none;
}
	
.ie8 .teaser_spalte_links{
	padding-right:0px;
}
	
		
	
/* BLAU = #004c78
	HELLBLAU = #dce2ee*/

/********************************************************************************************************************/
/****************************************** MEDIA QUERIES ***********************************************************/
/********************************************************************************************************************/
/* BootStrap responsive calls separated from rest of style sheet to help non-responsive layouts */

@media (max-width: 979px) {
  	#cc-header{
		width:100%;
		text-align:center;
	}
	header#cc-header.row-fluid div.span7{
		width:100%;	
	}	
  	#pierTeaser{
		text-align:center;

	}
	/* MENU */
	.main-navigation {
	padding-left: 0px;
	background-color:#dce2ee; 
	}
	.dropdown-menu  {
	width:100%;
	}	
		
	input.search-query.input-medium{
	margin: 0 auto 0 auto;
	width:70%;	
	}
	.menu-searchbar{
	margin: 0 auto 0 auto;		
	}	
	.home .row-fluid .span9, .row-fluid .span9{
		width:100%;
		padding-right:0px;
	}	
	#secondary{
	width:100%;
	} 
 	.teaser_spalte_links{
		min-width:100%;		
		clear:left;	
	}	
	.teaser_spalte_rechts{
		min-width:100%;			
		clear:left;
	} 
	#square-lit{
	width:100% !important;
	height: 100% !important;
	}
	.home div#sidebar div#sidebar-header aside#text-2.widget.widget_text div.textwidget, div#secondary.widget-area.span3 div#sidebar aside#text-14.widget-container.widget_text{	
		width:93%;		
		min-height:100%;
		background-image:none;
		background-repeat:no-repeat;
		padding-left:0px;
		padding-top:10px;	
		padding-bottom:10px;			
		text-align:center;
		background-color:#dce2ee;			
	}	.home div#sidebar div#sidebar-header aside#text-2.widget.widget_text div.textwidget{	
		width:99%;		
			
	}
	#footer_right {
		width:40%;
	}
	#footer_left{
		max-width:50%;
	}
	aside#text-6{
	text-align:center;
	
	}
	div#secondary{
		border-left:0px !important;
	
	}
	/* MOBILER BLOCK */
		#start_mobile_teaser{
		display:block;
	}	
	#start_mobile_teaser img{
		margin-bottom:10px;
		width:100%;		
		border:2px solid #dce2ee;
		-moz-box-shadow: 2px 4px 4px grey;
		-webkit-box-shadow: 2px 4px 4px grey;
		box-shadow: 2px 4px 4px grey;
	}
	
	.teaser_spalte_links, .teaser_spalte_rechts, .teaser_spalte_gesamt{
		display:none;
	}
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 95%;
	}
	
  
}
/* EIGENES */ 
@media (max-width: 1200px) {
 	input.search-query{
		width:80px;
	}	
	#footer_left {
		max-width: 370px;
	}
	.home div#sidebar div#sidebar-header aside#text-2.widget.widget_text div.textwidget, div#secondary.widget-area.span3 div#sidebar aside#text-4.widget-container.widget_text{
		left:-33px;	
	}
 	.box{
	max-width:100% !important;
	height: 100% !important;
	}	 
	
	#square-lit{
	
	}
	
}

@media (min-width: 980px) {
	#cc-header{
		width:200px;
		float:left;
		margin-left:30px;	
		margin-bottom:0px;
	}		

	header#cc-header.row-fluid div.span7{
		width:100%;	
	}
	#pierTeaser{
	width:600px;
	float:left;
	padding-left:40px;
	padding-top:75px;
	}		

}

@media (max-width: 767px) {
  
  	#pierTeaser{	
	}
	.home div#sidebar div#sidebar-header aside#text-2.widget.widget_text div.textwidget, div#secondary.widget-area.span3 div#sidebar aside#text-4.widget-container.widget_text{
		left:0px;	
	}	
	#footer-widget-container .row-fluid .span3{
		width:100%;
		text-align:center !important;
		font-size:120%;
	}	
	
	/* BESONDER OVER EFFECT */
	ul.dropdown-menu li.menu-item:first-child{
		margin-top:0px;
		margin-bottom:1px;
	}
/* DREIECK */
	.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after{
		display:none;
	}
	.navbar .nav > li > a{
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright:px;
		-moz-border-radius-bottomleft:0px;
		-moz-border-radius-bottomright:0px;
		-webkit-border-top-left-radius:0px;
		-webkit-border-top-right-radius:0px;
		-webkit-border-bottom-left-radius:0px;
		-webkit-border-bottom-right-radius:0px;
		border-top-left-radius:0px;
		border-top-right-radius:0px;
		border-bottom-left-radius:0px;
		border-bottom-right-radius:0px;
	}
	ul.dropdown-menu a {
		background-color:#0077a0 !important;

	}
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{
		border-radius:0;
	}
	.navbar .nav-collapse .nav > li.current-menu-item > a, .navbar .nav-collapse .nav > li.current-menu-ancestor > a{
		color: #004c78;
	}
	#footer_right {
	width:100%;
	}
	#footer_left{
		max-width:100%;
	}	
	.nav-collapse .navbar-form, .nav-collapse .navbar-search{
		width:80% !important;
		border:0px !important;
		margin: 0 auto !important;
	}
	.rfwbs_slider{
		display:none;
	}
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 100%;
	}
	#main_teaser{
	padding:5px;	
	}	

}

@media (max-width: 480px) {
	
	.rfwbs_slider{
		display:none;
	}	
	#wrapper{
		padding:0px;		
	}
	/* .entry-header, .teaser_ueberschrift{
		text-align:center;
	} */

}
.wpcf7-form-control-wrap input{
margin-right: 8px;
}

.wpcf7-list-item input{margin-left:-16px;}