/*
Oliver Hintergrund: #3F494E
Headline Grün: #4F94A4
Headline hell: #B4D4E1  180,212,225
great: #74C3C8 116,195,200
Dunkelgrün: #267486   38,116,134

Die Schrift 'Orbitron', sehr ähnlich der Serpentine, gibt es aktuell in 400 und 500
*/
html {
	height:101%;
}

body {
	height:101%;
	background: url(images/background.png) no-repeat center top #000;
	margin: 0;
	padding: O;
	font-family:Verdana, Geneva, sans-serif;
	font:Verdana, Geneva, sans-serif 100% white;
	font-size:100%;
	color:#B4D4E1;
}
body.start {
	background: url(images/background-start.png) no-repeat center top #000;
}
#wrapper {
	position: relative;
	padding: 0px;
	width: 1000px;
	margin: 0 auto;
}
#logotype {
	position:absolute;
	visibility:visible;
	width:566px;
	height:78px;
	left:0;
	top:0;
	z-index:2;
}
#navigator {
	position: absolute;
	top: 84px;
	left: 409px;
	z-index: 100;
}

/*Subnavigation*/
#subnavigator {
	position: absolute;
	width:454px;
	height: 30px;
	top: 142px;
	left: 596px;
	z-index: 99;
}
ul#hor_sub {
	margin: 0;
	border: 0px solid #fff;
	padding:0;
	width:454px;
	height:30px;
}

ul#hor_sub li {	
	list-style-type:none;
	float:left;
}
ul#hor_sub li a {
	text-decoration: none;
	display:block; 
}
ul#hor_sub li a.ref {
	width:133px;
	height:30px;
	background: url(images/sub_referenzen.png) no-repeat transparent;
}
ul#hor_sub li a.ref:hover {
	background: url(images/sub_referenzen_over.png) no-repeat transparent;
}
ul#hor_sub li a.kon {
	width:191px;
	height:30px;
	background: url(images/sub_impressum.png) no-repeat transparent;
}
ul#hor_sub li a.kon:hover {
	background: url(images/sub_impressum_over.png) no-repeat transparent;
}
ul#hor_sub li a.atm {
	width:80px;
	height:30px;
	background: url(images/sub_atmo.png) no-repeat transparent;
}
ul#hor_sub li a.atm:hover {
	background: url(images/sub_atmo_over.png) no-repeat transparent;
}
/*Current-Status*/
ul#hor_sub li a.ref_da, ul#hor_sub li a.ref_da:hover {
	width:133px;
	height:30px;
	background: url(images/sub_referenzen_over.png) no-repeat transparent;
}
ul#hor_sub li a.kon_da, ul#hor_sub li a.kon_da:hover {
	width:191px;
	height:30px;
	background: url(images/sub_impressum_over.png) no-repeat transparent;
}
ul#hor_sub li a.atm_da, ul#hor_sub li a.atm_da:hover {
	width:80px;
	height:30px;
	background: url(images/sub_atmo_over.png) no-repeat transparent;
}




#inhalt {
	position:relative;
	width: 1000px;
	padding-top: 182px;
}
.stimmungsbild {
	position: absolute;
	top: 300px;
	left: -100px;
	z-index: 100;
	border-radius:6px;
	border:10px solid #333;
}
.textbehaelter {
	background-color:#333;/* Switschen auf 0.5, wenn fertig */
	/*background-color:rgba(180,212,225,0.5);*/
	padding:10px 50px 10px 0;
	border-radius:5px;
}
.textbehaelter a, .textbehaelter a:visited, .desc a, .desc a:visited, #popupstart a, #popupstart a:visited {
	text-decoration:none !important;
	color:#B4D4E1 !important;
	border-bottom:1px solid #B4D4E1 !important;
	padding-bottom:3px !important;
	padding-right:5px !important;
	padding-left:5px !important;
	background-color:transparent !important;
}
.textbehaelter a:active, .textbehaelter a:hover, .desc a:active, .desc a:hover, #popupstart a:active, #popupstart a:hover {
	text-decoration:none !important;
	color:#F00 !important;
	border-bottom:1px solid #f00 !important;
	padding-bottom:1px !important;
}
#popupstart a, #popupstart a:visited {
	text-decoration:none !important;
	color:#267486 !important;
	border-bottom:1px solid #267486 !important;
	padding-bottom:3px !important;
	padding-right:5px !important;
	padding-left:5px !important;
	background-color:transparent !important;
}
#popupstart a:active, #popupstart a:hover {
	text-decoration:none !important;
	color:#F00 !important;
	border-bottom:1px solid #f00 !important;
	padding-bottom:1px !important;
}
.show a, .show a:visited, .show a:active, .show a:hover {
	border:none !important;
	padding:0 !important;
}
.show li {
	list-style-type:none;
	list-style-image:none !important;
	line-height:1.8em;
}
#fusszeile {
	width: 1000px;
	padding-top: 15px;
	font-size:0.8em;
}
#startbild {
	position: absolute;
	width:620px;
	height: 376px;
	top: 182px;
	left: 381px;
	z-index: 2;
}
#startheadline {
	position: absolute;
	width:1000px;
	height: 47px;
	top: 560px;
	left: 0px;
	z-index: 2;
	overflow:hidden;
}
#startheadlineTEXT {
	position: absolute;
	padding:5px 0 0 26px;
	width:1000px;
	height: 50px;
	top: 590px;
	left: 0px;
	z-index: 3;
}
.startline {
	position:relative;
}
.startline a {
	text-decoration:none !important;
	color:#B4D4E1 !important;
}
.schraeger {
	top:15px;
	left:0;
	font-size:1.2em;
}
#kostenlose {
	position: absolute;
	width:450px;	
	width:auto;
	height: 27px;
	padding:2px 10px 0 10px;
	top: 697px;
	right: 5%;
	z-index: 2;
	background-color:#3F494E;
	white-space: nowrap;
}
#copyrightstart {
	position: absolute;
	width:225px;
	height: 29px;
	top: 727px;
	left: 915px;
	z-index: 2;
}
#copyright {
	/*position: absolute;
	width:225px;
	height: 29px;
	top: 727px;*/
	text-align:right;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	padding-left:250px;
}
h1 {
	font-family: 'Orbitron', sans-serif;
	padding-left: 150px;
	font-size:1.7em;
	font-weight:400;
	letter-spacing:0.1em;
	color:#4B91A4;
}
h3 {
	padding-left: 200px;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.4em;
	/*font-style:italic;*/
	color:#4F94A4;
	color:#74C3C8;
}
h2 {
	padding-left: 200px;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.4em;
	/*font-style:italic;*/
	color:#4F94A4;
	color:#74C3C8;
}
p, li {
	font-size:0.9em;
	line-height:1.5em;
}
a img {
	border: 0px solid black;
}
a {
	outline: none;
}
.rot {
	color:#f00;
}

.initial {
	font-size:1.2em;
	font-style:italic;
	color:#74C3C8;
/*	font-weight:bold;*/
}
.anmerkung {
	background-color:yellow;
	color:black;
}
.weg {
	display:none;
}
.kleiner_testimonier {
	font-size:0.8em;
	font-weight:bold;
	padding-left:15px;
	color:#B4D4E1;
}
#inhalt ul {
	padding:0;
	padding-left:250px;
	margin:0;
	
}
#inhalt li {
	list-style-type:none;
	list-style-image:url(images/bullitline.gif);
	line-height:1.8em;
/*	padding-left:20px;*/
}
.ohnerand  {
	border:none !important;
}
form {
	margin-left:250px;
}
#popupstart {
	/*background-color:#74C3C8;
	background-color:rgba(116,195,200,0.9);*/
}
#popupstart p, #popupstart h3 {
	padding:0 !important;
	color:#267486;
	background-color:transparent !important;
}
#popup_mastering p, #popup_mastering h3 {
	padding:0 !important;
	color:#267486;
	background-color:transparent !important;
}

/* Formulare */

/*iframe {
	background-color:#144B71;
	padding:20px;
}
iframe.formular_strato {
	margin:20px;
	width:430px;
	background-color:#144B71;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height:200px;
	border:0px solid red !important;
}
iframe.formular_strato_kontakt {
	margin:20px;
	width:750px;
	background-color:#144B71;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height:350px;
	border:0px solid red !important;
}
iframe.formular_mini {
	margin:20px;
	width:380px;
	background-color:#144B71;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height:140px;
	border:0px solid red !important;
}
input.anmeldung {
	background-color:#919FA4;
	background-color:#EDCB9C;
	color:#074169;
	margin-top:5px;
	padding:2px 4px;
}
input.eingabe {
	width:100%;
	height:25px;
	background-color:#919FA4;
	border:none;
	color:#074169;
	padding-left:10px;
}
input.kaestchen {
	background-color:#919FA4;
	border:none;
	color:#074169;
}*/
input, textarea {
	background-color:#B4D4E1;
	margin-bottom:10px;
	padding:2px 4px;
	border-radius:2px;
	height:30px;
}
textarea {
	height:100px;
}
.button {
	background-color:#74C3C8;
	color:#000;
	margin-top:5px;
	cursor:pointer;
	display:inline;
	width:auto;
	font-size:1em;
	border:none;
}
.text, .uploaded, textarea {
	width:320px;
	padding:2px 4px;
	background-color:#B4D4E1;
	border:none;
	color:#3F494E;
	padding-left:10px;
	font-size:1.1em;
}
.uploaded {
	
}
.select {
	color:#297394;
}
.oje {
	display:none;
}

.introtext { /*Dieser Text ist relevant und kein Spam, nur eben unsichtbar für den Besucher, weil der auch ohne den Text alles Wichtige sieht.*/
	position: absolute;
	width:500px;
	top: 0;
	left: -1000px;
	z-index: 1;
}
/*Video mit Overlay*/
#videos {
	width:853px;
	height:480px;
}
.deistler_sounds {
	font-family: 'Orbitron', sans-serif;
	/*font-size:2em;*/
	font-weight:400;
	letter-spacing:0.05em;/**/
	font-style:normal;
	color:#74C3C8;
}
.deistler_sounds_knopf {
	font-family: 'Orbitron', sans-serif;
	/*font-size:2em;*/
	font-weight:400;
	letter-spacing:0.05em;/**/
	font-style:normal;
	font-size:1.2em;
	color:#4B91A4 !important;
}
.deistler_sounds_knopf a, .deistler_sounds_knopf a:visited {
	color:#4F94A4 !important;
}