/* -------------- DR. SPILLER -------------------------------------------- CSS-Styles ------------- */




/* --------------------------------------------------------------------- Initializing Document --- */


html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}


ul {
	list-style-type: none;
}


form label {
	cursor: pointer;
}

form #submit {
	cursor: pointer;
}


fieldset {
	border: none;
}


sup {
	font-size: 8px;
}





/* --------------------------------------------------------------------- Common Styles --- */


body {
	background-color: #5a5a5a;
}






/* --------------------------------------------------------------------- Navigation Highlightning --- */


#seide #navblock .seide, #hydromarin #navblock .hydromarin, #celltresor #navblock .celltresor, #treatment #navblock .treatment,
#soft #navblock .soft, #hydro #navblock .hydro, #active #navblock .active, #balance #navblock .balance,
#sensitive #navblock .sensitive, #exclusive #navblock .exclusive, #wellness #navblock .wellness, #weisheiten #navblock .weisheiten, 
#nocompromise #navblock .nocompromise, #philosophie #navblock .philosophie, #schulungen #navblock .schulungen,
#kontakt #navblock .kontakt, #impressum #navblock .impressum {
	color: #ffd75b;
}




#seide_en #navblock .seide, #hydromarin_en #navblock .hydromarin, #celltresor_en #navblock .celltresor, #treatment_en #navblock .treatment,
#soft_en #navblock .soft, #hydro_en #navblock .hydro, #active_en #navblock .active, #balance_en #navblock .balance,
#sensitive_en #navblock .sensitive, #exclusive_en #navblock .exclusive, #wellness_en #navblock .wellness, #weisheiten_en #navblock .weisheiten, 
#nocompromise_en #navblock .nocompromise, #philosophie_en #navblock .philosophie, #schulungen_en #navblock .schulungen,
#kontakt_en #navblock .kontakt, #impressum_en #navblock .impressum {
	color: #ffd75b;
}



/* --------------------------------------------------------------------- TITLE  --- */


#ds_container {
	position: absolute;
	width: 780px;
	height: 540px;
	top: 50%;
	left: 50%;
	margin-top: -273px;
	margin-left: -390px;
}



#title {
	position: absolute; top: 0px; left: 0px;
	width: 780px; height: 540px;
	text-indent: -5000px;
	background-image: url(../images/title/drspiller_title.gif);
	background-repeat: no-repeat;
}



#ds_title h1 {
	position: absolute; top: 0px; left: 0px;
	width: 120px; height: 120px;
	text-indent: -5000px;
}



#bt_willkommen {
	position: absolute; top: 340px; left: 60px;
	display: block;
	width: 106px; height: 26px;
	background-image: url(../images/title/bt_willkommen.gif);
	background-repeat: no-repeat;
}



#bt_welcome {
	position: absolute; top: 370px; left: 350px;
	display: block;
	width: 72px; height: 21px;
	background-image: url(../images/title/bt_welcome.gif);
	background-repeat: no-repeat;
}



#ds_container span {
	display: none;
}






/* --------------------------------------------------------------------- START DE  --- */


#start #spiller_left {
	width: 357px;
	height: 540px;
	background-color: #FFFFFF;
	float: left;
}


#start #navigation {
	padding: 30px 0px 0px 20px;
}

#start #navblock {
	margin-bottom: 20px;
}


#start #navblock li {
	margin-bottom: 2px;
}

#start #navblock a {
	color: #5d779d;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}


#start #navblock a:hover {
	color: #000000;
}



#start #spiller_right {
	width: 423px;
	height: 540px;
	background-color: #FFFFFF;
	float: left;
}



#start #logo {
	position: absolute; top: 400px; left: 120px;
	width: 211px; height: 82px;
	text-indent: -5000px;
	background-image: url(../images/start/spiller_logo.jpg);
	background-repeat: no-repeat;
}


#start #spiller_right h1 {
	position: relative; top: 0px; left: 0px;
	width: 423px; height: 540px;
	text-indent: -5000px;
	background-image: url(../images/start/spiller_start.jpg);
	background-repeat: no-repeat;
}





/* --------------------------------------------------------------------- NAVIGATION  --- */


#navigation {
	padding: 30px 0px 0px 20px;
}

#navblock {
	margin-bottom: 20px;
}


#navblock li {
	margin-bottom: 2px;
}

#navblock a {
	color: #FFFFFF;;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}


#navblock a:hover {
	color: #ffd75b;
}








/* --------------------------------------------------------------------- CONTENT  --- */


#spiller_left {
	width: 240px;
	height: 540px;
	background-color: #5d779d;
	float: left;
}


#spiller_right {
	width: 540px;
	height: 540px;
	background-color: #5d779d;
	float: left;
}



#pdf a {
	position: absolute;
	display: block;
	top: 417px; left: 73px;
	width: 138px; height: 123px;
	background-image: url(../images/common/pdfdownload.gif);
	background-repeat: no-repeat;
}



#pdf a:hover {
	background-position: 0px -123px;
}







/* --------------------------------------------------------------------- MAIN IMAGES DE --- */


#spiller_right h1 {
	position: relative; top: 0px; left: 0px;
	width: 540px; height: 540px;
	text-indent: -5000px;
	background-repeat: no-repeat;
}


#seide #spiller_right h1 {
	background-image: url(../images/main/de/main_seide.jpg);
}


#hydromarin #spiller_right h1 {
	background-image: url(../images/main/de/main_hydromarin.jpg);
}


#celltresor #spiller_right h1 {
	background-image: url(../images/main/de/main_celltresor.gif);
}


#treatment #spiller_right h1 {
	background-image: url(../images/main/de/main_treatment.gif);
}


#soft #spiller_right h1 {
	background-image: url(../images/main/de/main_soft.jpg);
}



#hydro #spiller_right h1 {
	background-image: url(../images/main/de/main_hydro.jpg);
}


#active #spiller_right h1 {
	background-image: url(../images/main/de/main_active.jpg);
}


#balance #spiller_right h1 {
	background-image: url(../images/main/de/main_balance.jpg);
}


#sensitive #spiller_right h1 {
	background-image: url(../images/main/de/main_sensitive.jpg);
}


#exclusive #spiller_right h1 {
	background-image: url(../images/main/de/main_exclusive.jpg);
}


#wellness #spiller_right h1 {
	background-image: url(../images/main/de/main_wellness.jpg);
}


#weisheiten #spiller_right h1 {
	background-image: url(../images/main/de/main_weisheiten.jpg);
}


#nocompromise #spiller_right h1 {
	background-image: url(../images/main/de/main_nocompromise.gif);
}


#philosophie #spiller_right h1 {
	background-image: url(../images/main/de/main_philosophie.jpg);
}


#schulungen #spiller_right h1 {
	background-image: url(../images/main/de/main_schulungen.jpg);
}


#impressum #spiller_right h1 {
	background-image: url(../images/main/de/main_impressum.jpg);
}






/* --------------------------------------------------------------------- MAIN IMAGES EN --- */


#seide_en #spiller_right h1 {
	background-image: url(../images/main/en/main_seide.jpg);
}


#hydromarin_en #spiller_right h1 {
	background-image: url(../images/main/en/main_hydromarin.jpg);
}


#celltresor_en #spiller_right h1 {
	background-image: url(../images/main/en/main_celltresor.gif);
}


#treatment_en #spiller_right h1 {
	background-image: url(../images/main/en/main_treatment.gif);
}


#soft_en #spiller_right h1 {
	background-image: url(../images/main/en/main_soft.jpg);
}



#hydro_en #spiller_right h1 {
	background-image: url(../images/main/en/main_hydro.jpg);
}


#active_en #spiller_right h1 {
	background-image: url(../images/main/en/main_active.jpg);
}


#balance_en #spiller_right h1 {
	background-image: url(../images/main/en/main_balance.jpg);
}


#sensitive_en #spiller_right h1 {
	background-image: url(../images/main/en/main_sensitive.jpg);
}


#exclusive_en #spiller_right h1 {
	background-image: url(../images/main/en/main_exclusive.jpg);
}


#wellness_en #spiller_right h1 {
	background-image: url(../images/main/en/main_wellness.jpg);
}


#weisheiten_en #spiller_right h1 {
	background-image: url(../images/main/en/main_weisheiten.jpg);
}


#nocompromise_en #spiller_right h1 {
	background-image: url(../images/main/en/main_nocompromise.gif);
}


#philosophie_en #spiller_right h1 {
	background-image: url(../images/main/en/main_philosophie.jpg);
}


#schulungen_en #spiller_right h1 {
	background-image: url(../images/content/en/main_schulungen.jpg);
}


#impressum_en #spiller_right h1 {
	background-image: url(../images/main/en/main_impressum.jpg);
}





/* --------------------------------------------------------------------- KONTAKT --- */



#kontakt #spiller_left {
	width: 240px;
	height: 540px;
	background-color: #5d779d;
	float: left;
}


#kontakt #spiller_right {
	width: 540px;
	height: 540px;
	background-color: #5d779d;
	float: left;
	background-image: url(../images/kontakt/background.gif);
	background-repeat: no-repeat;
	overflow: auto;
	color: #FFFFFF;
}





form {
	color: #FFFFFF;
}


#kontaktarea {
	padding: 100px 0px 0px 20px;
}




textarea, input, select {
	background-color: #FFFFFF;
	border: 1px solid #7385a8;
	color: #7385a8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#form_message {
	width: 214px;
	height: 120px;
}


#submit {
	font-weight: bold;
}


legend {
	display: none;
}


label {
	text-align: right;
}


#adresse {
	position: absolute;
	top: 10px; left: 580px;
	width: 200px;
	height: 200px;
	font-size: 11px;
}



#lageplan {
	position: absolute;
	top: 153px; left: 643px;
	width: 90px;
	height: 20px;
	font-size: 11px;
	text-align: right;
}



#adresse a, #lageplan a {
	color: #FFFFFF;
}


#adresse a:hover, #lageplan a:hover {
	color: #ffd75b;
}



/* --------------------------------------------------------------------- KONTAKT EN --- */


#kontakt #spiller_right_en {
	width: 540px;
	height: 540px;
	background-color: #5d779d;
	float: left;
	background-image: url(../images/kontakt/background_en.gif);
	background-repeat: no-repeat;
	overflow: auto;
	color: #FFFFFF;
}


#spiller_right_en #kontaktarea {
	padding: 110px 0px 0px 0px;
}


#spiller_right_en #adresse {
	position: absolute;
	top: 50px; left: 632px;
	width: 143px;
	height: 300px;
	font-size: 11px;
}


#spiller_right_en #lageplan {
	position: absolute;
	top: 70px; left: 360px;
	width: 90px;
	height: 20px;
	font-size: 11px;
	text-align: right;
}







/* --------------------------------------------------------------------- Debug --- */
/*
div { 
	border: 1px solid #CCCCCC; 
	background-color: #DDF503;
}
*/