body{
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 11px;
color: #000;
background-color: #111111;
margin: 0px;
padding: 0px;
line-height: 1.3em;
background-repeat: repeat-x;
height: 100%;
}

#landing_bg_top{
background: url('szene_landingpage/bg_top.png') no-repeat center; 
/*height: 629px;
width: 1672px;*/
}

#landing_bg_bottom{
background: #111111 url('szene_landingpage/bg_bottom.png') repeat-x;
padding-top: 30px;
min-height: 100px;
}

#link_left{
float:left;
background: url("szene_landingpage/btn_gutschein_InActive.png") no-repeat;
width: 285px;
height: 20px;
margin-top: 1px;
cursor: pointer;
}

#link_right{
position: absolute;
float:right;
/*background: url("szene_landingpage/btn_studio_InActive.png") no-repeat;*/
width: 302px;
height: 32px;
color: black;
font-size: 34px;
font-weight: bold;
margin-left: 170px;
}

#link_left:hover{
background: url("szene_landingpage/btn_gutschein_Active.png") no-repeat;
width: 362px;
height: 31px;
}

#link_right:hover{
position: absolute;
float:right;
/*background: url("szene_landingpage/btn_studio_Active.png") no-repeat;*/
height: 32px;
margin-left: 170px;
color: #ca2160;
}

#bottom{
color: #787878;
font-size: 12px;
font-family: arial, sans-serif;
padding-top: 10px;
text-align:left;
}

#links{
width: 710px;
padding-top: 40px;
margin-left: 75px;
height: 50px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ #links { position:relative; left: 30px;} }

#video{
margin-right:3px;
padding-top: 102px;
}

#box_bottom{
border-top: 1px solid #787878;
width: 660px;
}

#box_bottom_right{
float: left;
margin-left: 50px;
}

#box_bottom_left{
float: left;
}

























#playvid{
position: relative; 
left: 470px; 
top: 175px; 
height: 73px; 
width: 73px; 
background:url(./szene_landingpage/Gutscheingenerator_NEU/staff/btn_play_InActive.png) no-repeat;
}


#playvid:hover{
background: url(./szene_landingpage/Gutscheingenerator_NEU/staff/btn_play_Active.png) no-repeat;
position: relative; 
left: 470px; 
top: 175px; 
height: 73px; 
width: 73px; 
}




a, a:link, a:active, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

object { 
	outline:none;
}

a {
	outline:none;
}

td {
	padding: 0;
	margin: 0;
	width: 50%;
}

ul {
	list-style-image: url(././design_imgs/dot.png);
}

#wrap {
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	width: 1024px;
	height: 155px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(./design_imgs/header.jpg);
}

#szenelink {
	display: block;
	width: 320px;
	height: 100px;
	margin-left: 350px;
}

#header-toplinks {
	color: #ffffff;
	text-align: right;
	margin-top: 15px;
	margin-right: 40px;
}

#content {
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(./design_imgs/bg_content.png);
}

#box-verzaubern {
	width: 922px;
	height: 61px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(./design_imgs/header_headline.jpg);
}

#box-shooting {
	width: 922px;
	height: 289px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 20px;
}

#box-shooting-left {
	float: left;
	height: 289px;
	width: 551px;
	background-image: url(./design_imgs/header_boxleft.jpg);
}

#box-shooting-right-top {
	float: right;
	height: 169px;
	width: 371px;
	background-image: url(./design_imgs/header_boxright_up.jpg);
}

#box-shooting-right-bottom {
	float: right;
	height: 120px;
	width: 371px;
	background-image: url(./design_imgs/header_boxright_down.jpg);
}

#box-shooting-links {
	color: #ffffff;
	margin-top: 106px;
	margin-left: 50px;
	padding-left: 230px;
	line-height: 22px;
	position: absolute;
}

#box-specials {
	margin: 0 auto;
	margin-top: 20px;
	overflow: hidden;
	width: 894px;
}

#box-specials-aktion {
	width: 215px;
	height: 455px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	background-image: url(./design_imgs/box_001_aktionInactive.jpg);
}

#box-specials-buchen {
	width: 215px;
	height: 455px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	background-image: url(./design_imgs/box_002_bookingInactive.jpg);
}

#box-specials-termin {
	width: 215px;
	height: 455px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	background-image: url(./design_imgs/box_003_dateInactive.jpg);
}

#box-specials-bussiness {
	width: 215px;
	height: 455px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	background-image: url(./design_imgs/box_004_businessInactive.jpg);
}

#box-specials-text {
	text-align: right;
	color: #ffffff;
	margin-left: 20px;
	margin-right: 15px;
	margin-top: 90px;
}

#box-studio {
	margin: 0 auto;
	margin-top: 20px;
	overflow: hidden;
	width: 884px;
	height: 164px;
	background-image: url(./design_imgs/box_005_studioInactive.jpg);
	margin-bottom: 20px;
}

#box-studio-text {
	color: #ffffff;
	margin-top: 90px;
	margin-left: 640px;
}

#box-buchen {
	margin: 0 auto;
	height: 455px;
	width: 881px;
	margin-bottom: 20px;
}

#box-buchen-left {
	width: 329px;
	height: 455px;
	float: left;
	background-image: url(./design_imgs/bg_buchen_boxleft.png);
}

.box-buchen-left-img {
	margin-top: 20px;
	margin-left: 20px;
	width: 304px;
	height: 415px;
}

.box-buchen-left-img-text {
	padding-top: 340px;
	padding-left: 45px;
	text-align: center;
	font-weight: bold;
}

#box-buchen-right {
	width: 552px;
	height: 455px;
	float: right;
	background-image: url(./design_imgs/bg_buchen_boxlright.png);
}

#box-buchen-right-text {
	color: #ffffff;
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 30px;
	text-align: justify;
}

#buchen-link {
	background-image: url(./design_imgs/btn_buchen_passive.png);
	width: 149px;
	height: 28px;
	display: block;
	float: right;
	margin-top: -30px;
	margin-right: 4px;
}

#buchen-link:hover {
	background-image: url(./design_imgs/btn_buchen_active.png);
}

#erstellen-link {
	background-image: url(./design_imgs/slider/button_InActive.png);
	width: 149px;
	height: 28px;
	display: block;
	float: right;
	margin-top: -30px;
	margin-right: 4px;
}

#erstellen-link:hover {
	background-image: url(./design_imgs/slider/button_Active.png);
}

#kon-link {
	background-image: url(./design_imgs/btn_kontakt_aufnehmen_InActive.png);
	width: 149px;
	height: 28px;
	display: block;
	float: right;
	margin-top: -30px;
	margin-right: 4px;
}

#kon-link:hover {
	background-image: url(./design_imgs/btn_kontakt_aufnehmen_Active.png);
}

#box-buttons {
	margin: 0 auto;
	height: 55px;
	width: 888px;
}

#box-buttons-akt {
	display: block;
	float: left;
	width: 148px;
	height: 55px;
	background-image: url(./design_imgs/buttons/btn_buchen_akt_passive.png);
}

#box-buttons-akt:hover {
	background-image: url(./design_imgs/buttons/btn_buchen_akt_active.png);
}

#box-buttons-fashion {
	display: block;
	float: left;
	width: 148px;
	height: 55px;
	background-image: url(./design_imgs/buttons/btn_buchen_fashion_passive.png);
}

#box-buttons-fashion:hover {
	background-image: url(./design_imgs/buttons/btn_buchen_fashion_active.png);
}

#box-buttons-baby {
	display: block;
	float: left;
	width: 148px;
	height: 55px;
	background-image: url(./design_imgs/buttons/btn_buchen_baby_passive.png);
}

#box-buttons-baby:hover {
	background-image: url(./design_imgs/buttons/btn_buchen_baby_active.png);
}

#box-buttons-bewerbung {
	display: block;
	float: left;
	width: 148px;
	height: 55px;
	background-image: url(./design_imgs/buttons/btn_buchen_bewerbung_passive.png);
}

#box-buttons-bewerbung:hover {
	background-image: url(./design_imgs/buttons/btn_buchen_bewerbung_active.png);
}

#box-buttons-outdoor {
	display: block;
	float: left;
	width: 148px;
	height: 55px;
	background-image: url(./design_imgs/buttons/btn_buchen_outdoor_passive.png);
}

#box-buttons-outdoor:hover {
	background-image: url(./design_imgs/buttons/btn_buchen_outdoor_active.png);
}

#box-buttons-individuell {
	display: block;
	float: left;
	width: 148px;
	height: 55px;
	background-image: url(./design_imgs/buttons/btn_buchen_individuell_passive.png);
}

#box-buttons-individuell:hover {
	background-image: url(./design_imgs/buttons/btn_buchen_individuell_active.png);
}

#footer {
	width: 1024px;
	height: 154px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(./design_imgs/footer.png);
}

#footer-text {
	text-align: center;
	margin-top: 20px;
}

.input-text {
	width: 200px;
	border: 1px solid #cccccc;
	height: 17px;
}

.ztdesc {
	width: 100px;
}

#winterbestellung-btn {
	width: 116px;
	height: 116px;
	margin-top: -20px;
	position: absolute;
	margin-left: 40px;
}

#winterbestellung-btn-a {
	width: 116px;
	height: 116px;
	display: block;
	background-image: url(./_sz_landingpage/btn_aktion_passiv.png);
}

#winterbestellung-btn-a:hover {
	background-image: url(./_sz_landingpage/btn_aktion_activ.png);
}

#boverlay {
	display: block;
	overflow: hidden;
	z-index: 40000;
}

#boverlay-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 40000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	cursor: pointer;
}

#boverlay-inner {
	position: absolute;
	top: 0;
	left: 50%;
	width: 842px;
	height: 1048px;
	margin-left: -421px;
	z-index: 40000;
	background-image: url(./_sz_landingpage/bg.png);
	
}

#close-boverlay {
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
}

#boverlay-header {
	width: 789px;
	height: 333px;
	background-image: url(./szene_landingpage/Gutscheingenerator_NEU/staff/header_alternativ.jpg);
}

#boverlay-headline {
	width: 437px;
	height: 28px;
	background-image: url(./_sz_landingpage/headline_header.png);
	margin-left: 35px;
	margin-bottom: 20px;
	margin-top: 10px;
}

#boverlay-menuline {
	height: 25px;
	margin-left: 35px;
}

#closelnk {
	color: #1a5269;
	font-size: 11px;
	font-weight: bold;
}

#boverlay-navispacer {
	width: 730px;
	height: 3px;
	background-image: url(./_sz_landingpage/navi_spacer.png);
	margin-left: 35px;
}

#boverlay-content {
	width: 730px;
	height: 441px;
	background-image: url(./_sz_landingpage/bg_content.png);
	margin-left: 35px;
	overflow: hidden;
}

.boverlay-content-headline {
	color: #1a5269;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	padding-left: 20px;
}

.boverlay-content-headtext {
	color: #3a3a3a;
	margin-top: 5px;
	padding-left: 20px;
}

.boverlay-both {
	
}

.boverlay-both-left {
	float: left;
	width: 290px;
}

.boverlay-both-right {
	width: 440px;
	float: right;
	margin-top: 25px;
}

.boverlay-both-right-content {
	padding-left: 10px;
	padding-right: 10px;
}

.boverlay-both-right-content b {
	color: #1a5269;
	font-weight: bold;
}

.abs {
	margin: 0;
	padding: 0;
	text-align: justify;
	padding-right: 25px;
}

.abs-u {
	margin: 0;
	padding: 0;
	text-align: justify;
	padding-right: 25px;
	font-size:12px;
}

.inp-table {
	margin-top: 10px;
}

.inp-table tr td {
	width: 112px;
}

.in-txt {
	border: 1px solid gray;
	width: 150px;
}

.in-txt-plz {
	border: 1px solid gray;
	width: 50px;
}

.in-txt-ort {
	border: 1px solid gray;
	width: 95px;
}

.wbtn {
	display: block;
	width: 148px;
	height: 24px;
	background-image: url(./_sz_landingpage/btn_weiter_InActive.png);
	position: absolute;
	margin-top: 310px;
	margin-left: 260px;
}

.wbtn:hover {
	background-image: url(./_sz_landingpage/btn_weiter_Active.png);
}

.abtn {
	display: block;
	width: 148px;
	height: 24px;
	background-image: url(./_sz_landingpage/btn_signin_InActive.png);
	position: absolute;
	margin-top: 310px;
	margin-left: 260px;
}

.abtn:hover {
	background-image: url(./_sz_landingpage/btn_signin_Active.png);
}

.bbtn {
	display: block;
	width: 148px;
	height: 24px;
	background-image: url(./_sz_landingpage/btn_back_InActive.png);
	position: absolute;
	margin-top: 310px;
	margin-left: 100px;
}

.bbtn:hover {
	background-image: url(./_sz_landingpage/btn_back_Active.png);
}

#page-1 {
	display: block;
}

#page-2 {
	display: none;
}

#page-3 {
	display: none;
}

#page-4 {
	display: none;
}

#page-5 {
	display: none;
}

#page-6 {
	display: none;
}

/* ---------------------BL?DER CODE FOLGT--------------------- */
/* dehalbt versteckt hier unten */

div.overlay {
	background-color: #000;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	height: 100%;
	width: 100%;
	z-index: 100;
	position: absolute;
}

#overlay {
	visibility: hidden;
	position: fixed;
}

div.overlayInner {
	width: 800px;
	height: 355px;
	margin: 0px auto;
	margin-top: 100px;
}

div.overlayText {
	width: 835px;
	height: 416px;
	margin: 0px auto;
	z-index: 200;
	position: fixed;
	left: 50%;
	margin-left: -417px;
	margin-top: 10px;
}

#overlayText {
	visibility: hidden;	
}

div.overlayTextContainer {
	width: 100%;
	z-index: 200;
	position: absolute;
	text-align: left;
}

div.overlayInnerText {
	text-align: right;
	width: 325px;
	padding-top: 0px;
	color: #fff;
	position: relative;
	float: right;
	margin-right: 410px;
}

div.overlayInnerTextImpressums {
	text-align: right;
	width: 300px;
	padding-top: 90px;
	color: #fff;
	position: relative;
	float: left;
	margin-left: 105px;
}

div.overlayInnerTextImpressum {
	text-align: right;
	width: 300px;
	padding-top: 110px;
	color: #fff;
	position: relative;
	float: left;
	margin-left: 75px;
}

div.overlayInnerTextRight {
	text-align: left;
	width: 355px;
	padding-top: 70px;
	color: #fff;
	position: relative;
	float: right;
	margin-right: 80px;
	font-size: 9px;
}

div.overlayInnerTextAnfahrt {
	text-align: right;
	width: 250px;
	padding-top: 90px;
	color: #fff;
	position: relative;
	float: right;
	margin-right: 457px;
}

.overlaybild {
	position: absolute;
	margin-top: 58px;
	margin-left: 314px;
}

.close {
	width: 20px;
	height: 20px;
	position: absolute;
	margin-left: -87px;
	margin-top: 12px;
}

.textarea {
	position: absolute;
	margin-top: 70px;
	width: 300px;
	height: 280px;
	text-align: left;
}

a.copy, a.copy:link, a.copy:active, a.copy:visited {
	color: #000;
	text-decoration: none;
}

a.copy:hover {
	color: #333;
	text-decoration: none;
}

#handle3 {
	width:51px; 
	height:35px; 
	margin-top: 0px; 
	background-image: url(./design_imgs/slider/selectbtn_InActive.png); 
	background-repeat: no-repeat;
	cursor: pointer;
	overflow: hidden;
}

#handle3n {
	width:50px; 
	height:35px; 
	margin-top: 2px; 
	background-image: url(./_sz_landingpage/step001/regler_InActive.png); 
	background-repeat: no-repeat;
	background-position: top center;
	cursor: pointer;
	overflow: hidden;
}

#handle3-text {
	text-align: center;
	margin-top: 20px;
}

#handle3n-text {
	text-align: center;
	margin-top: 20px;
}

/*
#handle3:hover {
	background-image: url(./design_imgs/slider/selectbtn_Active.png);
}
*/

.boverlay-both-left-img {
	margin-left: 46px;
	margin-top: 30px;
}

.gswert {
	color: #1a5269;
	font-size: 18px;
	margin-top: 45px;
	float: left;
}

#get-gs {
	display: block;
	width: 148px;
	height: 24px;
	background-image: url(./_sz_landingpage/step001/GS_bestellen_InActive.png);
	float: right;
	margin-top: 40px;
	margin-right: 20px;
}

#get-gs:hover {
	background-image: url(./_sz_landingpage/step001/GS_bestellen_Active.png);
}

.motiv {
	width: 77px;
	height: 78px;
	float: left;
	cursor: pointer;
}


.kontakt_submit{
	border: none;
	background:url("./design_imgs/btn_senden_passive.png") no-repeat; 
	width: 149px; 
	height: 28px;
	cursor: pointer;
}

.kontakt_submit:hover{
	background:url("./design_imgs/btn_senden_active.png") no-repeat; 
}

#kontaktbutton{
background: url("./design_imgs/kontaktbutton.png") no-repeat;
width: 129px;
height: 34px;
cursor: pointer;
}

#kontaktbutton:hover{
background: url("./design_imgs/kontaktbutton_hover.png") no-repeat;
}