html { overflow-y: scroll;}	
body  {
	background: #8698a1;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-decoration:none;
	}
	#MainContainer {
	width: 1030px;
	margin: auto;
	position: relative;
	height: 800px;
	} 
	#NavBar {
	width: 150px;
	position: absolute;
	height: 250px;
	font-size: 16px;
	font-variant: small-caps;
	text-align: right;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: left;
	top: 140px;
	left: -25px;
	z-index: 3;
	line-height: 32px;
	/** line-height: 25px; **/
	color: #FFFFFF;
	background-image: url(../images/backgroundnavbar.png);
	} 
	#ActiveNavLink {
	color:#00FF00;
	}
	#Logo {
	width: 200px;
	position: absolute;
	height: 50px;
	float: left;
	top: 30px;
	left: 795px;
	z-index: 4;
	} 

	#Emblem {
	width: 112px;
	position: absolute;
	height: 112px;
	float: left;
	top: 30px;
	left: 20px;
	z-index: 2;
	} 
	#content{
	margin-left:180px; 
	margin-top:90px; 
	width:750px;
	/** border: 1px green solid;**/
	}
	h1 {
	margin-bottom:40px;
	font-family: 'Quintessential', cursive;	
	font-size: 28px;
	}
	h2{
	font-family: 'Quintessential', cursive;	
	font-size: 20px;
	}
	h3{
	font-family: 'Quintessential', cursive;	
	font-size: 18px;
	}
	table.startseite{
	width: 100%;
	align:right;	
		
	} 
	table.startseite td.right div{
	border: 3px #515F8C solid;
	padding:0px 20px 20px 20px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align: center; 
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
	vertical-align: middle;
	}
	table.startseite h3{
	font-family: 'Quintessential', cursive;	
	font-size:22px;
	}
	table.startseite p{
	font-family: 'Quintessential', cursive;	
	font-size:16px;
	}
	table.table-vorstand img {
	border: 2px solid #515F8C;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	}
	table.table-vorstand td {
	padding-bottom: 20px;
	}
	table.table-vorstand td.right-column{
	padding-left:40px;
	vertical-align: middle;
	}
	ul.list-geschichte{
	list-style-type: square; 
	color:#8698a1;
	}
	ul.list-geschichte li{
	padding-top: 2px;
	float: left;
	min-width: 110px;
	}
	table.table-geschichte{
	margin-top: 20px;
	}
	table.table-geschichte tr td{
	vertical-align:top;	
	padding:5px 0;
	width: 700px; 
	border:0;
	/** border:1px green solid; **/
	}
	table.table-geschichte td.left-column{
	text-align:left;
	width: 120px; 
	}
	table.table-geschichte td.right-column{
	text-align:left;
	width: 600px; 	
	padding-left: 0px;
	}
	
	a:link { text-decoration:none; color:#000000;}
	a:hover {text-decoration:none; color:#515F8C;}
	a:active {text-decoration:none; color:#000000;}
	a:focus {text-decoration:none; color:#000000;}
	/** a:visited {text-decoration:none; color:#000000;}**/

	td.footer a:link{color:#FFF;}
	td.footer a:visited{color:#FFF;}
	td.footer a:hover{color:#FFF;}
	td.footer a:active{color:#FFF;}
	td.footer a:focus{color:#FFF;}


/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
table { border-collapse:collapse; border-spacing:0; }
object { display:block; }
