@charset "utf-8";
/* CSS Document */


html,body{
	margin:0;
	padding:0;
	height:100%;
 	min-height:100%;
}

body{
	background-color:#000;		
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color:#ccc;
}

/*------------------------------------------------------------------------------------------------------------ALLGEMEIN BEREICH-------------------------------------------------------------------------*/

a{
	text-decoration:none;
	color:#fff;
}
a img {
	border:none;
}


.headline{
	font-size:21px;
	line-height:24px;
	color:#FFF;
	text-transform:uppercase;
	display:block;
	text-align:center;
}
.subHeadline{
	font-size:17px;
	line-height:23px;
	color:#ccc;
	display:block;
	font-style:italic;
	text-align:center;
}

/*------------------------------------------------------------------------------------------------------------HEADER BEREICH-------------------------------------------------------------------------*/


#out{
	/*width:100%;*/
	height:100%;	

}

#container {
    height: 100%;
    width: 100%;
}

#main{
	height:100%;
    /*margin-top:-221px;
    position:relative;
    top:45%;50*/
}


#logo {
    cursor: pointer;
    float: right;
    height: 66px;
    position: absolute;
    right: 134px;
    top: 18.7%;
    width: 393px;
}

#logo img {
	width:100%;	
}

hr{
	border-bottom:1px solid #292929;
	border-top:none;
	height:1px;
	line-height:1px;
	border-left:none;
	border-right:none;
}

/*--------------------------------------------------MAIN----------------------------------------------------*/


#main_left {
    float: left;
    height: 100%;
    width: 50%;
	position:relative;
}

#main_right {
    float: left;
    height: 100%;
    width: 50%;
	position:relative;
}

/*.row.first{margin:80px auto 0;}
.row.last{margin:0 0 0 60px;}*/

.box{
	position:relative;
	top:calc(50% - 151px);
	width:518px;
	float:right;
}

.box.right{
	position:relative;
	float:left;
}

.overlayBG{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#main_right .bgImg::after {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
}

#main_right .bgImg{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#main_left .bgImg::after {
    background: rgba(0, 0, 0, 0.88) none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
}

#main_left .bgImg{
    
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*------------------------------------------------------------------------------------------------------------FOOTER BEREICH-------------------------------------------------------------------------*/
/*#footer{
	width:100%;
	position:absolute;
	bottom:0;
	color:#cccccc;
	background-image:url(../pics/bg-footer-x.jpg);
	background-repeat:repeat-x;	
	background-color:#000;
}

#infooter{
	width:1000px;
	margin:0 auto;
	
	height:45px;
	font-size:13px;	
	padding-top:26px;
}*/

.fbNewsHolder .img{
	width:91px;
	height:91px;
}

.clear{
	clear:both;
}