@CHARSET "utf-8";
/* @import url(http://fonts.googleapis.com/css?family=Cantarell); */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
body {
	padding: 0;
	margin: 0;
	/* zeigt grundsätzlich einen vertikalen scroll-balken an */
	overflow-y: scroll;
	height: 100%;
}

div {
	padding: 0;
	margin: 0;
}

#bodyRepeat {
	background: url(../bilder/backgroundVerlauf.png) repeat-y center;
}

#bodyBlack {
	background-color: black;
}

#page {
	/*
	 * position: relative;
	 * hinzugefügt
	 */
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-top: 70px;
}

#bildBox {
	position: absolute;
	top: 105px;
	z-index: 2;
}


html, body, textarea {
/* scrollbar bei IE */
scrollbar-face-color: #000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #666699;
scrollbar-3dlight-color: #FBF5C3;
scrollbar-darkshadow-color: #7F7F7F;
scrollbar-track-color: #000;
scrollbar-arrow-color: #FFFFFF;
}

a {
	color: #fff;
	text-decoration: none;
}

img {
	border: none;
}

.link {
	text-decoration: underline;
	color: #6DB102;
}

p {
	font-family: 'Droid Sans', verdana;
	font-size: 14px;
	color: white;
}

h1 {
	color: #fff;
	font-family: 'Droid Sans', verdana;
	font-size: 14px;
	font-style: normal;
}

#slogan {
	/* margin-top: 300px; */
	color: #6DB102;
	font-family: arial;
	font-size: 35px;
	z-index: 20;
	position: absolute;
	top: 600px;

}

#schriftzugStartseite {
	position: absolute;
	top: 156px;
	z-index: 10;
}

/* schlagwörter hinter dem schriftzug plaziert - nicht sichtbar */
#textHinterLogo {
	position: absolute;
	top: 156px;
	z-index: 8;
}

#schriftzug {
	padding-top: 30px;
	left: 180px;
}

#beispieleLink {
	color: #ccb9a8;
	font-family: 'Droid Sans', verdana;
	font-size: 10px;
	text-align: center;
	
}

#zurueckLink {
	color: white;
	font-family: 'Droid Sans', verdana;
	font-size: 13px;
}

/* kontakt-seite */ 
#kontaktFormular {
	margin-top: 40px;
	width: 500px;
	float: left;
}

#video {
	margin-top: 60px;
	width: 320px;
	height: 240px;
	float: left;
	padding-left: 10px;
}

objekt {
	outline: none;
}

td {
	color: white;
	font-family: 'Droid Sans', verdana;
	font-size: 14px;
	padding-left: 0px;
	padding-right: 10px;
}

input { 
	background: #000;
	border: 1px groove #706760; 
	color: #fe875f;
	font-family: 'Droid Sans', Verdana;
	font-size: 14px;
}

.white {
	color: white;
}

#navi {
	/* margin-top: 10px; */
	margin-bottom: 15px;
	margin-left: 480px;
}

#linie {
	border-top: 1px groove #acadac;
	width: 860px;
}

.bottom_navi_definition {
	font-family: 'Droid Sans', verdana;
	font-size: 14px;
	display: inline;
	text-align: center; 
    margin-right: 0.8em;
}

.normaleSeite {
	color: #fff;
	text-decoration: none;
}

.aktiveSeite {
	color: #FF4000;
	text-decoration: none;
}

.orange {
	color: #fa6533;
}

.green {
	color: #6DB102;
}

textarea { 
	background: #000;
/*	deckkraft vermindern 
	background-color: rgba(255, 255, 255, 0.5); */
	border: 1px groove #706760; 
	color: #fe875f;
	font-family: 'Droid Sans', Verdana;
	font-size: 14px;
}

.clear {
	clear: both;
}

/* Referenz-Seite */

#folgeseitenText {
	width: 850px;
	height: 300px;
	font-family: 'Droid Sans', verdana;
	font-size: 14px;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 25px;
	text-align: justify;
	/* overflow: auto; */
	
}

#faceLeiste {
	height: 120px;
	
}

