/* CSS Document */

body {
  padding: 0px;
  margin: 0px;
  font-size: 10pt;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url(images/bg.gif);
  background-repeat:repeat-y;
  color: #1A2B63;
}

#top {
  background-image:url(images/saunahaus-wellness-pur-logo.jpg);
  width: 970px;
  height: 250px;
}

#logo {
  float: left;
  width: 400px;
}

#musiccontroller {
  float: left;
  padding-left: 470px;
}

#content {
  clear: both;
}

#left {
  float: left;
  width: 190px;
  padding: 25px;
}

#center {
  float: left;
  width: 490px;
  padding: 25px;
  padding-top: 10px;
}

#center H2 {
  color: #1A2B63;
  font-size: 12pt;
}
#center H3 {
  color: #1A2B63;
  font-size: 10pt;
  font-weight: bold;
}

#right {
  float: left;
  width: 140px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 8pt;
}

#right H1{
  font-size: 12pt;
  padding-top: 25px;
  padding-bottom: 5px;
  color: #1A2B63;
}

.clearer {
  clear: both;
  float:none;
  padding: 0px;
  margin: 0px;
  height: 5px;
}
#bottom {
  clear: both;
  background-image:url(images/welle.jpg);
  background-repeat:no-repeat;
  margin-top: 45px;
  padding-top: 30px;
  text-align: center;
  color: #EAAD0F;
  font-size: 9pt;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { 
  margin-bottom: 0px;
  border: 2px solid #FDCC38;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .ornament {
  border: 2px solid #FFFFDB;
}

#right DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { 
  margin-bottom: 0px;
  border: 2px solid #FFFFDB;
}

li {
  padding:0px; margin:5px; border-spacing:0px; 
}

ul {
  padding:0px; margin:0px; border-spacing:0px; 
  padding-left: 25px;
  padding-bottom: 20px;
  list-style-image: url(images/bulletpoint.gif);
}

#right ul {
  padding-left: 10px;
  list-style-image: url(images/bulletpoint_weiss.gif);
}

A:link, A:visited, A:active, A:hover{
  color: #1A2B63;
  font-weight: bold;
  text-decoration: none;
}

TABLE {
  padding-bottom: 15px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 0px;
}

.td-last{
  width: 200px;
  text-align: right;
}

TD {
  vertical-align: top;
  padding-top: 5px;  
  padding-bottom: 5px;
}

TH {
  text-align: left;
  border-bottom: 1px solid #1A2B63;
}
tfoot {
  padding-top: 5px;
  font-size: 8pt;
}

.error {
  color: #990000;
  font-weight:bold;
}
	/* #############################
	** ### Mail-Formular ###########
	** ###########################*/
	
	fieldset{border:0;}

	 .csc-mailform-field {clear:left;}
	 fieldset.csc-mailform .csc-mailform-field label {width:10em; float:left; text-align:right;}

	 fieldset .csc-mailform-field {margin-bottom: 0.5em;}
	 fieldset.csc-mailform .csc-mailform-field input,
	 fieldset.csc-mailform .csc-mailform-field textarea {border-bottom: 1px dotted #E2B003; margin-left: 10px; }

	 fieldset.csc-mailform input.csc-mailform-input,
	 fieldset.csc-mailform textarea.csc-mailform-text { width: 230px !important; }

	 fieldset.csc-mailform label span {color:#f00;}
	 input#mailformformtype_mail {margin-left:11em;}
	 input.csc-mailform-submit { margin: 1em 0 0 11em; }

	 fieldset.csc-mailform span.csc-mailform-radio legend,
	 fieldset.csc-mailform span.csc-mailform-check legend {display: none; }

	 fieldset.csc-mailform span.csc-mailform-radio label { float:none; }

	 fieldset.csc-mailform input.csc-mailform-radio,
	 fieldset.csc-mailform input.csc-mailform-check { border: none; width: auto;}
	 fieldset.csc-mailform input.csc-mailform-radio { margin-left: 0; margin-top: -5px;}

	 fieldset .csc-mailform-field .csc-mailform-label { font-weight: bold; line-height: 2em;}
	 
	input, textarea, select {
		border: 0px solid #999;
		background-color: #FFF;
		font-size:9pt;
		font-style:italic;
  		background-color: #FFFFDB;
  		color: #1A2B63;
	}
	select {
		border: 1px dotted #E2B003;
		margin-left: 10px;
	}
	
	.newsletter_field {
		width:140px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #E2B003;
	}
	.ecard_field{
		width:220px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #E2B003;
		background-color: #FFFFDB;
	}		
	.ecard_textarea, #mailformnachricht {
		border: 0px;
		width:230px;
		height:140px;
		border: 1px dotted #E2B003;
	}
	
	.navigation {
	  margin-top: 0px;
	}

	.navigation .vertnav, .navigation .vertnav_act {
		background-image: url("images/nav-sauna-welle.gif");
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-bottom: 10px;
	}
	
	.navigation .vertnav A {
		color: #FFF;
	}
	
	.navigation .vertnav_act A, .subnavigation .vertnav_act A{
		color: #1A2B63;
	}
	
	.subnavigation .vertnav_act A, .subnavigation .vertnav A {
		font-weight: normal;		
	}
	
	.navigation .vertnav_act {
		background-image: url("images/nav-act-sauna-welle.gif");
  		padding-right: 0px;
		color: #FDD55B;
	}	
	
	.subnavigation .vertnav,  .subnavigation .vertnav_act{
		background-image: none;
		padding-left: 40px;
	}

	
	.subnavigation .vertnav_act {
		font-weight: bold;
	}	
	
	.csc-header-n1 {
		padding-bottom:0px;
		margin-bottom:0px;
	}
	h1 {
		padding-top:0px;
		margin-top:0px;
		font-size: 12pt;
	    padding-bottom: 20px;
	}
	#center h2, #right h2 {
		padding-top:0px;
		margin-top:0px;
		font-size: 10pt;
	    padding-bottom: 20px;
	}	
	.align-center {
		text-align: center;
	}
	.align-right {
		text-align: right;	
	}
	
#right .devider {
  padding-bottom: 10px;
  height: 5px;
  padding-top: 0px;
  margin-top: 0px;
  background-image: url(images/trennlinie.gif);
  background-position: bottom;
  background-repeat: no-repeat;
}

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

#fontswitcher {
	width: 100%;
	text-align: right;
	padding: 0px;
	margin: 0px;
}

embed {
	text-align: center;
	padding-bottom: 0px;
	margin: 0px;
}