html, body { 
	background-color:#fdfdfd;
	font-family:'Roboto Slab', serif;
	text-align:center;  /* Zentrierung im Internet Explorer */
	padding:0;
	border:none;
	}
div, p, h1, h2 {  font-size:12px;  color:#333333; font-weight:normal; font-style:normal; text-decoration:none;
}
h1 { font-weight:bold; padding-bottom:10px; font-size: 21px; margin: 0;}
h2 { font-weight:bold; font-size: 16px;}
h3 { font-weight:bold; font-size: inherit;}
.upper {text-transform: uppercase;}
a:link { color:#7ea518; text-decoration:none; margin-left:3px; margin-right:3px;}
a:visited { color:#7ea518; text-decoration:none; margin-left:3px; margin-right:3px;}
a:hover { color:#FFFFFF;  text-decoration:none; border-right:3px solid #7ea518; border-left:3px solid #7ea518; background-color:#7ea518;  margin-left:0px; margin-right:0px;}
a:active { color:#FFFFFF;  text-decoration:none; border-top:2px solid #7ea518; border-right:3px solid #7ea518; border-left:3px solid #7ea518; background-color:#7ea518;  margin-left:0px; margin-right:0px;}

/* Spezialeinstellung für aktiven Menüpunkt */
a.Navi_aktiv  { color:#FFFFFF;  text-decoration:none; border-top:3px solid #7ea518; border-right:2px solid #7ea518; border-left:2px solid #7ea518; background-color:#7ea518;  margin-left:1px; margin-right:1px;}

a.logo:hover { border:none; margin-left:3px; margin-right:3px; background-color: transparent;}
a.facebook:hover { border:none; background-color: transparent;}

.facebook {
	display: block;
	background: url('media/facebook.png') bottom;
	border:none; 
	width:40px;
	height:40px;
	position:relative; 
	top:-21px;
    margin-right:7px !important;
    float:right;
    text-indent: -99999px;
}

.facebook:hover {
	background-position: 0 0;
}

a.fancybox.image, a.fancybox-item, a.fancybox-nav {background-color: transparent; margin: 0; border: none;}

body { 
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}
	
#hintergrundbild {
	width:100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	border: none;
}

#hintergrundgrafik {
	width:100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1;
	border: none;
}
	
#content {
	top:25px;
	 margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	position:relative;
/*	background-color:#963; */
width: 940px;
height: 595px;
z-index:2;
}

#logo {
	width:154px;
	height:127px;
	float: left;
	border: none;
}

#projekte {
	display: none;
	position: absolute;
	top: 129px;
	left: -51px;
	-webkit-transition: top 0.1s ease-in-out; -moz-transition: top 0.1s ease-in-out; -o-transition: top 0.1s ease-in-out; -ms-transition: top 0.1s ease-in-out; transition: top 0.1s ease-in-out;
}

#projekte:hover {
	top: 131px;
}

#nav {
	font-size:21px;
	position:relative;
	color:#7ea518;
	margin-left:160px;
	padding-top:55px;
	line-height:25px;
	text-transform: uppercase;
}

#box {
	position:relative;
	width:820px;
	height:400px;
	background-image:url(media/white_trans.png);
	margin-right:0;
	margin-left:73px;
	margin-top:20px;
	padding:20px;
}

/*	innerbox12 zum scrollen: ---------------- */
#innerbox12s {
	position:relative;
	width:560px;
	height:405px;
	margin-right:20;
	margin-top:-5;
	float:left;
	overflow-x:hidden;
	overflow-y:scroll;
}
/*	innerbox12 normal: ---------------- */
#innerbox12 {
	position:relative;
	width:560px;
	height:405px;
	margin-right:20;
	margin-top:-5;
	float:left;
}

/*	innerbox123 zum scrollen: ---------------- */
#innerbox123s {
	position:relative;
	width:800px;
	height:405px;
	margin-top:-5;
	overflow-x:hidden;
	overflow-y:scroll;
}
/*	innerbox123 normal: ---------------- */
#innerbox123 {
	position:relative;
	width:800px;
	height:405px;
	margin-top:-5;
}

#innerbox3 {
	position:relative;
	width:240px;
	height:405px;
	margin-top:-5;
	float:right;
}
#innerbox1 {
	position:relative;
	width:240px;
	height:405px;
	margin-top:-5;
	float:left;
	margin-right:20
}
#innerbox23 {
	position:relative;
	width:560px;
	height:405px;;
	margin-top:-5;
	float:right;
}
#footer {
		margin-left:73px;
		margin-top:10px;
		font-size:10px;
}