/* CSS Document */

html, body {height: 96%; width: 100%;}

body {
		margin:					0px 0px 0px 0px;
		padding:	            0px 0px 0px 0px;
		font-family:			Helvetica, Arial, sans-serif;
		font-size:				12px;
		background-color:		#666666;
		text-align:				center;
	}
	
a {outline: none;}

div.centerbox {margin: 55px auto 0px auto; width: 1004px; height: 640px;}

DIV.Top {width: 960px; margin: 0 auto 0 auto; position: relative;} /*umschlie�t die ul#mainNav, um alles innerhalb der centerbox zu zentrieren*/

ul#mainNav {float: right; padding: 0px; margin: 0 23px 6px 0; list-style-type: none; font-weight: bold;}
ul#mainNav li {list-style-type: none; padding: 0; margin: 0 0 0 10px; float: left; line-height: 13px;}
ul#mainNav li a {color: #cccccc; text-decoration: none; padding: 10px 0 10px 0; }
ul#mainNav li a:hover {color: #ffffff; }



a.SwitchEnglish {position:absolute; left: 943px; top:1px; background: transparent url(../bilder/gb.gif) center center no-repeat; width: 16px; height: 11px; display:block; padding:0;}
a.SwitchDeutsch {position:absolute; left: 943px; top:1px; background: transparent url(../bilder/de.gif) center center no-repeat; width: 16px; height: 11px; display:block; padding:0;}
a.SwitchEnglish:hover {background: transparent url(../bilder/gb.gif) left top no-repeat;}
a.SwitchDeutsch:hover {background: transparent url(../bilder/de.gif) left top no-repeat;}

a.SwitchEnglish span, a.SwitchDeutsch span {display:none;}

ul#mainNavFirst { float: left; padding: 0px; margin: 0 0px 6px 3px; list-style-type: none; font-weight: bold;}
* html ul#mainNavFirst { float: left; padding: 0px; margin: 0 0px 6px -15px; list-style-type: none; font-weight: bold; line-height: 13px;}
ul#mainNavFirst li {list-style-type: none; padding: 0; margin: 0 0 0 0px; float: left;}
ul#mainNavFirst li a {color: #cccccc; text-decoration: none; padding: 10px 0 10px 0; }
ul#mainNavFirst li a:hover {color: #ffffff; }

.reset {font-size: 0px; line-height: 0px; clear: both; height: 0px; overflow: hidden;}

form {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/* -------------------------------------------------------------------- layout */
DIV.contentall {border: 1px solid #ffffff; z-index: 80;	width: 958px; margin:0 auto 0 auto; position: relative;}

DIV.bgMiddle { 	

	width:						958px;
	margin-left:				auto;
	margin-right:				auto;
	text-align:					left;
	padding:					0px;
	height:						563px;
}


div.slidebox { width: 958px; height: 563px; margin-left: 0px; float: left; overflow: hidden; position: relative; left: 0px; }
div.container { height: 563px; position: absolute; left: 0px; width: 50000px; }

.contentHome {width: 1958px; height: 563px; background: #999999 url(../bilder/helmholtzpark-home-bg.jpg) no-repeat; float: left; }

/*untere navis*/

.navbox {position:relative;}
.navbox .puffer {position:absolute;top:-60px; left:0;height:60px;width:238px;}
body.lage-ueberblick .naviPark .puffer {width:160px;}
.naviLage {position: absolute; top: 328px; left: -23px; z-index: 100; background: #4FC6FF; width: 22px; height: 160px; text-align: left;}
.naviLage a {display: block; text-decoration: none; font-weight: bold; color: #ffffff; width: 22px; margin: 15px 0 0 0px; padding-bottom: 140px; background: transparent url(../bilder/navLage.gif) no-repeat left top !important;}
.naviLage a:hover {text-decoration: none; color: #FF0000;}
.naviLage a span {display: none;}

.naviLageSub {position: absolute; top: 328px; left: -328px; z-index: 99; background: #4FC6FF; width: 238px; height: 160px; } /* muss seitlich bewegt werden auf left: 0px, gleichzeitig muss die width von .naviLage auf 23px ge�ndert werden, damit der wei�e rahmen �berdeckt wird*/
.naviProjekt {position: absolute; top: 541px; left: 0px; z-index: 98; background: #888FA2; width: 238px; height: 235px;} /*wenn voll ausgeklappt, dann top: 328px;*/
.naviWohnen {position: absolute; top: 541px; left: 240px; z-index: 97; background: #FF33CC; width: 238px; height: 235px;}
.naviKultur {position: absolute; top: 541px; left: 480px; z-index: 96; background: #565656; width: 238px; height: 235px;}
.naviPark {position: absolute; top: 541px; left: 720px; z-index: 95; background: #8DEC00; width: 238px; height: 235px;}

.naviLageSub ul, .naviProjekt ul, .naviWohnen ul, .naviKultur ul, .naviPark ul {width: 225px; padding: 0; margin: 4px 0 0 0; font-size: 12px; color: #cccccc; font-weight: bold; text-transform: uppercase; list-style-type: none; text-align: right}

.naviLageSub ul li a, .naviProjekt ul li, .naviWohnen ul li, .naviKultur ul li, .naviPark ul li {margin-bottom: 6px;}
.naviLageSub ul li a {text-decoration: none; color: #CBEEFF; padding-left: 80px}
.naviProjekt ul li a {text-decoration: none; color: #DCDEE3; padding-left: 80px}
.naviWohnen ul li a {text-decoration: none; color: #FFC2F0; padding-left: 40px}
.naviKultur ul li a {text-decoration: none; color: #CDCDCD; padding-left: 70px}
.naviPark ul li a {text-decoration: none; color: #DDF9B3; padding-left: 80px}
.naviLageSub ul li a:hover, .naviProjekt ul li a:hover, .naviWohnen ul li a:hover, .naviKultur ul li a:hover, .naviPark ul li a:hover {text-decoration: none; color: #ffffff;}

li.subFirst {color: #FFFFFF; margin-bottom: 20px !important;}
li.subFirst a {color: #FFFFFF !important; padding-left: 120px !important;}
li.subFirst a:hover {color: #FFFFFF !important;}
/* -------------ausgeremmt falls doch noch gebraucht------------------------
li.subFirst a:hover {background: transparent url(../bilder/navPfeil.gif) no-repeat 110px 4px !important;}
*/
li.subLast {color: #FFFFFF; margin-top: 20px !important;}
li.subLast a {
	color: #72E1FF !important;
	padding-left: 120px !important;
}
li.subLast a:hover {color: #FFFFFF !important;}

.headlineContainer {position: absolute; top: 105px; left: 22px; z-index: 200; height: auto;}
.headlineContainer h1 {font-size: 41px; font-weight: bold; color: #ffffff; margin:0;}
.headlineContainer h2 {font-size: 18px; font-weight: bold; color: #ffffff; margin:0;}
.headlineContainer h3 {font-size: 36px; font-weight: bold; color: #4FC6FF; margin:12px 0 0 0; line-height: 36px}

.teaserContainer {position: absolute; top: 105px; left: 721px; z-index: 200; height: auto;}
.teaserContainer ul {font-size: 13px; font-weight: bold; color: #ffffff; margin:0; padding:0; list-style-type:none;}
.teaserContainer ul li {background-color:#888FA2;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
height:48px;
list-style-type:none;
margin:0 0 2px 0;
padding:0;}
.teaserContainer ul li.pink {background-color:#FF33CC;}
.teaserContainer ul a {
color:#FFFFFF;
display:block;
font-weight:bold;
height:30px;
padding-left:20px;
padding-top:18px;
text-decoration:none;
width:250px;}
.teaserContainer ul a:hover {font-weight: bold; color: #ffffff; text-decoration:none; background-color:#4FC6FF;}


.contentBG {position: absolute; top: 328px; left: 480px; z-index: 81; background-color: #FF99FF; width: 478px; height: 160px; color: #ffffff;}/*lediglich der Hintergrund zum durchsichtigmachen des textcontainers mit class="trans"*/
.contentText {position: absolute; top: 328px; left: 480px; z-index: 82; width: 478px; height: 160px; color: #ffffff;}
.contentText h1 {margin: 15px; font-size: 14px;}
.contentText img { float: right; margin: 35px 20px 0px 0px;}
.contentText p {margin: 0 15px 10px 35px; font-size: 12px; height: 75px; overflow: hidden;}
.contentText a { color: #FFFFFF; text-decoration: underline; }
.contentText a:hover { text-decoration: none; }
.contentText a.weiter {float: right; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin-right: 15px; background: transparent url(../bilder/navPfeilWeiter.gif) right 3px no-repeat; padding-right: 12px;}
.contentText a.back {float: right; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin-right: 25px; background: transparent url(../bilder/navPfeilBack.gif) left 3px no-repeat; padding-left: 12px;}
.contentText a.vormerken {float: left; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin-left: 45px; background: transparent url(../bilder/navPfeilWeiter.gif) right 3px no-repeat; padding-right: 12px;}
.contentText a.aufzu {float: left; font-size: 12px; font-weight: normal; color: #ffffff; text-decoration: none; margin-left: 8px; background: transparent url(../bilder/navPfeilWeiter.gif) right 3px no-repeat; padding-right: 12px;}

.contentText a.back:hover {background: transparent url(../bilder/navPfeilBack_over.gif) left 3px no-repeat; padding-left: 12px; text-decoration: underline; }
.contentText a.weiter:hover, .contentText a.vormerken:hover  {background: transparent url(../bilder/navPfeilWeiter_over.gif) right 3px no-repeat; padding-right: 12px; text-decoration:underline;}

.trans{-moz-opacity: 0.90; opacity: 0.90; filter: alpha(opacity=90);} /*zum durchsichtigmachen des textcontainers*/

.textReinRaus {position: absolute; top: 328px; left: 480px; z-index: 83; width: 478px; height: 80px; color: #ffffff;}

.bildanimation{ position: absolute;}
.flashvideo { position: absolute; top: 40px; left: 210px; }

.flashHiliteLuft {position: absolute; top: 90px; left: 490px; z-index: 16; width: 270px; height: 270px;}

.flashHiliteLoft {position: absolute; top: 29px; left: 607px; z-index: 17; width: 70px; height: 70px;}
.flashHiliteVorderhaus {position: absolute; top: 63px; left: 791px; z-index: 18; width: 70px; height: 70px;}
.flashHiliteKapelle {position: absolute; top: 110px; left: 458px; z-index: 19; width: 70px; height: 70px;}
.flashHiliteGarten {position: absolute; top: 231px; left: 358px; z-index: 20; width: 70px; height: 70px;}

.OversVorderhaus {position: absolute; top: 0px; left: 685px; z-index: 22; display:none;}
.OversLoft {position: absolute; top: 0px; left: 522px; z-index: 23; display:none;}
.OversVerbinder {position: absolute; top: 132px; left: 532px; z-index: 24; display:none;}
.OversKapelle {position: absolute; top: 112px; left: 346px; z-index: 25; display:none;}

.stern { position: absolute; top: 63px; left: 791px; z-index: 26; }
.textStern { position: absolute; top: 63px; left: 791px; z-index: 27; }