@viewport {
width: device-width;
}

section#main-content {
    width: 100%;

}




html {
    width: 100%;
    height: 100%;
    display: table;
	}

body {
    width: 100%;
    display: table-cell;

}

html, body {
    margin: 0;
    padding: 0;
	overflow-y: scroll;
}
/*
section#footer{
	position:fixed;
	bottom:0px;
	
}
*/

#header > .container{
	height:120px;
}

section#header > .container{
	height:120px;
	
}


section#header { 
	position: fixed;
	top:0;
	width:100%;
    margin: 0;
	background: #ffffff;
/*    background: #cdcdcd;
	box-shadow: inset 0px 0px 25px #1B1B1B;
    padding: 10px 0;*/
    border-radius: 0px 0px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	z-index: 9000;
}


section#footer {
    /* margin: 0; */
    /* padding: 20px 10px; */
    /* background-color: #f8f8f8; */
    /* border-top: 1px solid #ddd; */
    /* color: #666; */
    /* font-size: 0.9em; */
    /* bottom: 0; */
    position: fixed;
    bottom: 0px;
	clear: both;
    width: 100%;
	height:25px;
    margin-left: auto;
    margin-right: auto;
    margin: 0;
    padding: 0px 0;
    background: #64672f;
    box-shadow: 0px 0px 13px #1B1B1B;
    border-radius: 0 0 0px 0px;
    font-family: Arial, Helvetica, sans-serif;    
z-index: 1000;

}

section#content {
	position: relative;
	top: 150px;
}


div#spacer-footer {
    /*  clear: both;
    width: 265px; 
    width: 100%;
	height:50px;
	
    margin-left: auto;
    margin-right: auto;
    margin: 0;
    padding: 0px 0;
    background: #363636;
    box-shadow: inset 0px 0px 25px #1B1B1B;
    border-radius: 0 0 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
	*/
}


div.main-container{
	float:left;
    width: 100%;
    height: 100%;	
	
}

div#main-content{
	padding:8px;
    width: 98%;
    height: 98%;
/*	min-height: 850px; */
    margin: auto;
   /*  margin-top: 205px; */
	
}


div#spacer-main-container {
    clear: both;
    /* width: 265px; */
    width: 100%;
    height: 60px;
  
}


.login-container{
	position:relative;
	top: 15px;
	margin:auto;
	width: 260px;
	vertical-align:middle;
	background: #dddddd;
}

.news-container{
	
	position:relative;
	top: 50px;
	left: 50px;
	width: 200px;
	height: 200px;
	background: #dddddd;
	
}

.login_form{
	margin:auto;
	padding:5px;
}

.flatbox,
.flatcontentbox{
	position:relative;
    border-style: none;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
    -moz-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
    box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
	background-color: #ebe8e4;
/*	padding:2px;*/

	display:block;
	margin-bottom:20px;
}

.flatbox:after,
.flatcontentbox:after {
  content: "";
  display: table;/*  */
  clear: both;
  
}

.main-content-box{
	
}

.main-content-box-head{	
	width:99.99%;
	background-color: #d57a21;
}

.main-content-box-content{
	width:99.99%;
}

.box-head{
    background-color: #eff751;
    padding: 1px;
    color: #000000;
    font-weight: bold;
    /* text-shadow: 1px 1px black; */
    /* box-shadow: 0px 0px 10px 0px #000000; */
    padding: 5px;
}


.news-box{
	    box-shadow: 0px 0px 10px 0px #000000;
}



.news-box-head{
	width: 99.0%;
    background-color: #eff751;
    padding: 1px;
    color: #000000;
    font-weight: bold;
    /* text-shadow: 1px 1px black; */
    /* box-shadow: 0px 0px 10px 0px #000000; */
    padding: 5px;
}

.news-box-content{
	padding: 1px;
	width:99.4%;
	padding: 5px;
}

.right{
	float:right;
}

.left{
	float:left;
}

.both{
	float:both;
}

.image_home{
    width: 100.00%;
    box-shadow: 0px 0px 15px 3px #000000;
    z-index: 1000;
    position: relative;
}

.wellcome_title{
	float:right;
	font-size: 30px;
	font-family: cursive;
	width:100%;
	padding:5px;
}

.wellcome_text{
	float:left;
	padding:5px;
}
/*
.index_leftbox{
	float:left;
	width:69%
}
	
.index_rightbox{
	float:left;
	width:30%
}
*/	
.index_leftbox{
	float:left;
	width:75%;
}

.index_rightbox{
	float:right;
	width:23%;
}


.map-box{
	
}
 
.map_bit{
	width: 30.00%;
	min-width:350px;
	float:left;
	margin:5px;
	min-height:280px;
	background-color: #ebe8e4;

}

.map_left{
	float:left;
	width: 39.00%;
	height:98%;
}
.map_right{
	float:right;
	width: 60.00%;
}



.vorstand-box{
	
}
 
.vorstand_bit{
	width: 30.00%;
	min-width:350px;
	float:left;
	margin:5px;
	height:280px;
	background-color: #ebe8e4;

}

.vorstand_left{
	float:left;
	width: 39.00%;
	height:98%;
}
.vorstand_right{
	float:right;
	width: 60.00%;
}



.vorstand_rank{
	width: 60.00%;
	float:left;	
	font-weight: bold;
	text-decoration:underline;
}

.vorstand_inlinespacer{
	height:5px;
	width: 60.00%;
	float:left;	
	/* margin-bottom:3px; */
}

.vorstand_image{
	width: 100.00%;
	float:left;
	margin:3px;
	/* height:220px; */
	height:100%;
	background-color: #eff751;
}


.vorstand_email_desc,
.vorstand_name_desc,
.vorstand_phone_desc,
.vorstand_mobile_desc,
.vorstand_addresse_desc,
.vorstand_since_desc{
	width: 100.00%;
	float:left;	
	font-weight: bold;
	display:inline-block;
}

.vorstand_email,
.vorstand_name,
.vorstand_phone,
.vorstand_mobile,
.vorstand_addresse,
.vorstand_since{
	width: 100.00%;
	float:left;		
	display:inline-block;
}



.shadow-box {
    box-shadow: 0px 0px 10px 0px #000000;
}
/*
.navbar{
	background-color: red;
	height:100px;
}*/


.line_a{
	background-color: #c9c9c9;
}

.line_b{
	background-color: #dbdbda;
}