/*
Theme Name: infax_2016_bootstrap
Theme URI: http://data-blue.de/
Description: Das ist das INFAX Template 2016. Genau wie das alte nur mit Bootstrap drin.
Author: Data Blue UG
Author URI: mailto:info@data-blue.de
Version: 1.0
Tags:

License:
License URI:

General comments (optional).
*/

@import url('wordpress.css');
*{outline:none;font-family: 'Open Sans', sans-serif;}

#blog_99 .wp-post-image {
    width: 100% !important;
    height: auto !important;
}
body {
	font-family:arial, sans-serif;
	text-align:center;
	font-size:80%;
	background-size: cover;
}

#wrapper {
/*border-radius: 8px;*/
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
display: inline-block;
margin: 50px 0;
text-align: left;
width: 1000px;
overflow: hidden;
}
.menu {
	background: red;
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	float: left;
}

textarea, input {
	padding:3px;
}

#wrapper .post .post-title a, #wrapper .page .post-title a {
	color:#000
}

.sub-menu {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
padding: 10px 0;
opacity: 0.9;
display: none;
z-index: 9;
left:0;
top: 36px;
}
.menu li:hover > .sub-menu,
.menu li:active > .sub-menu,
.menu li:focus > .sub-menu{
	display:inline-block;
}

.slider-wrapper {
float: left;
height: 280px;

}

.slider-wrapper img {
	height:280px;
	width:1000px
}

.menu .sub-menu li {
	float:none
}

.menu .sub-menu a {
	display:block;
	padding-right:30px;
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
}

input[type="submit"] {
	cursor:pointer
}

#contents img {
	max-width: 100%;
}

#header {
	display: block;
	float: left;
	width: 100%;
	background: #fff;
/*	border-radius: 8px 8px 0 0;*/
}

#logo {
display: inline-block;
/*padding: 10px;*/
}
img{max-width:100%;height:auto;}

#logo img, #logo, #header {
	float:left;
}

.menu li {
float: left;
position: relative;
}

.menu a {
	color:#fff;
	display:inline-block;
	height:36px;
	line-height:36px;
	padding:0 10px;
	text-decoration:none;
}

#wrapper > img {
	float:left;
}

#contents {
	float:left;
/*	border-radius:0 0 8px 8px;*/
	position:relative;
}

.wp-post-image {
height: 280px !important;
}

#footer {
	height: 36px;
	color: #fff;
	line-height: 36px;
	width: 100%;
/*	border-radius: 0 0 7px 7px;*/
	text-align:center;
	float: left;
}

#wrapper .post, #wrapper .page,  .comment-respond {
	padding:30px;
}

#contents a:hover,
#contents a:active {
	text-decoration:none
}

.post-title a {
	text-decoration:none
}

#respond code, #respond label {
	display:block;
}

#commentform{
	display:none;
}

#respond{display:none}

#balkenunterslider,#balkenueberfuss, #balkenuberfooter{
	width:100%;
	display: inline-block;
	float: left;
	padding: 10px 20px;
	background: rgb(234, 54, 37);
}

#balkenunterslider ,#balkenunterslider *, #balkenuberfooter{font-size: 15px;color: #fff;text-transform: uppercase;}
.the_content {
    padding:20px 0;
    /* border-bottom: 1px solid #ccc; */
	display:inline-block;
	width:100%;
	
}


#popupstartseite{
    position: fixed;
    top: 10%;
    left: 50%;
	transform: translateX(-50%);
    z-index: 90;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 35px #000;
}

#schliessenbutton{
	height: 35px;
	width: 35px;
	display: block;
	background: rgba(0, 0, 0, 0.60);
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: 36px;
	font-weight: bold;
}



#wrapper .page .btn-primary{color:#fff;}
#logo img{max-width:100%; height:auto;}	
body #wrapper,body #header,body #footer{border-radius:0;}
body #wrapper{box-shadow:0 0 0;}
#hoveroeffener{	
	height: 36px;
	width: 60px;
	display: block;
	position: absolute;
	right: -10px;
	bottom: 0px;
	cursor: pointer;
	color: #fff;
	font-size: 20px;
}

body{background-size: cover;}
#balkenunterslider, #balkenueberfuss{	background: #e9e5d3;text-align: center;  color: #8b0e33; 	font-weight: 600;}
#balkenunterslider *{}
       
.FooterBoxes{
	display: none;
	position: absolute;
	bottom: 36px;
	background:#ffffff;
	padding: 20px 10px 30px;
	right: 0;
	color:#0a0a0a;
	border: 3px solid #8b0e33;
	height:200px;
/* 	min-height: 200px; */
}
#contents{width:100%;}
li.current-menu-item a{font-weight:bold;font-size: 14px;}
.FooterBoxes ul{list-style: none;margin-left: -45px;}
.FooterBoxes h5{font-size: 25px;padding: 0;margin: 0;font-weight: 300;}
#footer {font-size: 14px; line-height: 35px!important;position: relative;}
.FooterBoxes ul{margin:0;padding:0;height: 25px;}
.FooterBoxes ul li {text-align:left; 	font-weight: 400;}
#facebook_icon{ 
	position: absolute;
	top: 0px;
	right: 40px;
	z-index: 99;
	background: #3b5998;
	padding: 0 12px 1px;
	font-size: 20px;
}


body .alert{
	display: inline-block;
	width: 100%;
	border-radius: 0;
	background: #f4f4f4;
	border: 0;
	line-height: 28px;
}

body .alert-success{border-left: 5px solid ##3c763d;}
body .alert-success *{color:#3c763d;}

body .alert-info{	border-left: 5px solid #31708f;}
body .alert-info *{color:#31708f;}

body .alert-warning{border-left: 5px solid #8a6d3b;}
body .alert-warning *{color:#8a6d3b;}

body .alert-danger {	border-left: 5px solid #a94443;}
body .alert-danger *{color:#a94443;}



 .menu a{  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

/* .the_content:nth-child(2n){background:rgba(0,0,0,0.3);} */
::selection{background:#333;color:#fff;}
::-moz-selection{background:#333;color:#fff;}