@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

* {
	margin: 0;
	padding: 0;
	border: 0;
	
	text-decoration: none;
	
}

html {
	background: #CAB4A2;
}

#white {
  background: white;
  height: 162px;
  position: absolute;
  width: 100%;
}

strong {
	font-weight: 600;
}

body {
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	background: #cab4a2;
	color: black;
	background: url("../img/body_bg.gif") repeat-x scroll center top #CAB4A2;
}
input {
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	
}

body.home {

	background: #CAB4A2;
}


a {
	
	color: black;
	/*background: url('../img/temp.png') no-repeat center top #cab4a2;*/
}

h2.upper {
	background: url('../img/ruler.png') no-repeat left bottom transparent;
	text-transform: uppercase;
	font-size:19.6px;
	font-weight: 700;
	letter-spacing: 0.07em;
	padding-bottom: 12px;
	margin-bottom: 50px;
}

h2 {
	background: url('../img/ruler.png') no-repeat left bottom transparent;
	font-size:19.6px;
	font-weight: 700;	
	padding-bottom: 12px;
	margin-bottom: 5px;
	white-space: nowrap;
}

h3 {
	font-size:14px;
	margin-bottom: 36px;
	font-weight: 600;
} 
h4 {
	font-size:14px;
	margin-bottom: 20px;
	font-weight: 600;
} 

p {
	font-size: 13.2px;
    line-height: 18px;
    margin-bottom: 18px;
    text-align: justify;
}

p.left {
  text-align: left;
}


img.right {
	float: right;
	padding: 4px 0 20px 20px;	
}

#content ul {
	list-style-position: inside;
	list-style-image: url('../img/bullet_red.png');
	margin-bottom: 18px;
}


.wide h2 {
	background: url('../img/ruler_long.png') no-repeat left bottom transparent;
}

#main {
	position: relative;
	width: 1000px;
	height: 710px;
	background: white;
	margin: 0 auto 0 auto;
	
}

.home #main {
	margin: 84px auto 0 auto
}



.home #menu_wrapper {
	height: 128px;
	
	background: #e9dacb;
}

#menu_wrapper {
	height: 50px;
	
	background: #e9dacb;
}

.home #menu_wrapper ul {
	padding-top: 96px;
}

#menu_wrapper ul {
	width: 790px;
	margin-left: 110px;
	padding-top: 18px;
}

#menu_wrapper ul, #footer ul, #sub_menu {
	list-style-type: none;
}

.home #sub_menu {
	height: 106px;
    left: 318px;
    padding: 12px 0 11px 11px;
    position: absolute;
    top: 129px;
    width: 196px;
	background: url('../img/submenu_bg.png') no-repeat center center transparent;
	z-index: 1;
	line-height: 22px;
}

.reg #sub_menu {
	height: 21px;
	padding-top: 11px;
    color: white;
    padding-left: 120px;
 	background: #b31339;
	line-height: 22px;
	
}
.reg #sub_menu {
	margin-top: 3px
}

.reg #sub_menu li {
	float: left;
	height: 14px;
	border-left: 1px solid white;
	display: block;
	text-align: center;
}



.reg #sub_menu a {
	display: block;
	margin-top: -7px;
	font-size: 13.5px;
	text-transform:uppercase;
	font-weight: 600;
	
	color: white;
}
.reg #sub_menu a:hover {
	font-weight: 700;
	letter-spacing: -0.1px;	
}


.s1{
	width: 190px;
}

.s2{
	width: 194px;
}

.s3{
	width: 138px;
}

.s4{
	width: 106px;
}

.s5 {
	width: 192px;
	
}
.s6 {
	width: 119px;
	border-right: 1px solid white;
}


.home #sub_menu li {
	float: none;
	border: none;
}

.home #sub_menu a {
	text-transform:uppercase;
	font-weight: 600;
	letter-spacing:0.08em;
	display: block;
	margin-top: -2px;
	color: black;
}



.home #sub_menu a:hover {
	font-weight: 700;
	letter-spacing:0.07em;
}


#menu_wrapper a {
	text-transform:uppercase;
	font-size: 15px;
	line-height: 15.5px;
	font-weight: 600;
	letter-spacing:0.07em;
	display: block;
	margin-top: -2px;
}

#menu_wrapper a:hover {
	letter-spacing:0.045em;
	font-weight: 700;
}

#menu_wrapper li {
	float: left;
	display: block;
	text-align: center;
	border-left: 2px solid white;
	height: 22px;
}

#menu_wrapper .m1 {
	width:74px;
	border-left: none;
}
.m2 {
	width:130px;
}
.m3 {
	width:105px;
}
.m4 {
	width:99px;
}
.m5 {
	width:133px;
}
.m6 {
	width:103px;
}
.m7 {
	width:127px;
}

#content_left {
	width: 480px;
	float: left;
	margin-right: 100px;
}
#content a{
  /*text-decoration: underline;*/
  border-bottom: 1px solid #555;	
}

#content_right_top a, #content_right_bottom a,#content a.button_gutschein {
  text-decoration: none;	
   border-bottom:none;
}

/* START #content_right_top */
#content_right_top {
	width: 180px;
	float: left;
	position: absolute;
	left: 700px;
	top: 50px;
}

#content_right_top h2 {
	font-size: 12.5px;
	font-weight: 700;
	color: #B31339;
	text-transform: uppercase;
	background: transparent;
}

#content_right_top ul {
	list-style-type: none;
	list-style-image: none;
}
#content_right_top li {
	background: url('../img/ruler_short.png') no-repeat bottom center transparent;
	
}
#content_right_top a {
	font-size: 12px;
	font-weight: 600;
	line-height: 30px;
	white-space: nowrap;
}

#content_right_top a.twoliner {	
	white-space: normal;    
}

#content_right_top a:hover {
	font-weight: 700;
	letter-spacing: -0.01em;
}
#content_right_top .active a {
	color: #B31339;
}
#content_right_top .active a:hover {
	font-weight: 600;
	letter-spacing: normal;
}

/* END #content_right_top */


/* START #content_right_bottom */
#content_right_bottom {
	width: 176px;
	float: left;
	position: absolute;
	left: 700px;
	bottom: -32px;
}

#content_right_bottom p {
	font-size: 11.5px;
	margin-bottom: 1.1em;
}
#content_right_bottom a {
	text-decoration: underline;
	font-weight: 600;
}

#content_right_bottom p.burnout {
  margin-bottom: 0;
  font-size: 11px;
}

/* END #content_right_bottom */

.clear {
	clear: both;
}

.wide.reg #content {
	
	background: white;
	padding: 77px 120px 20px 120px;
}

.reg #content {	
	background: url('../img/content_bg.png') repeat-y center center white;
	padding: 77px 120px 0 120px;
	position: relative;
	z-index:2;
	min-height: 510px;
}

.home #content {
	height: 547px;
	background: white;
	padding: 0;
}

.home h1 {
	text-indent: -5000px;
	height: 100px;
	background: url('../img/welcome.png') no-repeat center center white;
	
}

h1 {
	background: white url("../img/top_logo.png") no-repeat scroll 0 0 / 99% auto;
    height: 162px;
    text-indent: -5000px;
	
}

.home #content {
	text-align: center;
}

.home #logo {
	margin-top: 91px;
	z-index: 2;
	position: relative;
}

.home #erna {
	margin-top: 102px;
	z-index: 2;
	position: relative;
}



#footer {
	height: 35px;
	background: #e9dacb; 
}

#footer a {
	line-height: 30px;
}

#footer a:hover {
	
}

#footer li {
	float: left;
	display: block;
	text-align: left;
	background: url('../img/bullet.png') no-repeat left 16px transparent;
	padding-left: 14px;
	padding-top: 3px;
}

#pre_footer {
	background: url('../img/footer.png') no-repeat center center transparent;
	height: 30px;
}

.home #footer ul {
	
	margin-left: 348px;
}

#footer ul {
	width: 500px;
	margin-left: 120px;
}

#footer .f1 {
	width:50px;
	background: transparent;
	padding-left: 0;
}
.f2 {
	width:31px;
}
.f3 {
	width:36px;
}
.f4 {
	width:69px;
}
.f5 {
	width:50px;
}

#animation {
	height: 326px;
}



/* START subsub_menus */

#subsub_menus {
	position: absolute;
	margin-top: 3px;
	z-index: 3;
}

#subsub_menus ul {
	list-style-type:none;
	position: absolute;
	display: none;
}
#subsub_menus li {
	background:#B31339;
	padding: 11px 14px;
	border-bottom: 1px solid #d9899c;
}

#subsub_menus li.last {
	border: none;
	background:transparent;
	padding:0;
}

#subsub_menus a {
	color: white;
	font-size:13.4px;
	font-weight: 600;
	letter-spacing:-0.4px;
}

#subsub_menus a:hover {
	font-weight: 700;
	letter-spacing:-0.5px;
}

#subsub_menu1 {
	left: 120px;
	width: 192px;
}

#subsub_menu2 {
	left: 313px;
	width: 195px;
}

#subsub_menu3 {
	left: 507px;
	width: 141px;
}

#subsub_menu4 {
	left: 646px; 
	width: 220px;
}

#subsub_menu5 {
	left: 692px;
	width: 183px;
}


#subsub_menus li.last a {
	
	display: block;
	background:#B31339;
	
	padding: 11px 14px 0 14px;
}


.ssl {
	background: url('../img/subsub_l.png') no-repeat center center transparent;
	width: 13px;
	height: 13px;
	float: left;
} 
.ssr {
	background: url('../img/subsub_r.png') no-repeat center center transparent;
	width: 13px;
	height: 13px;
	float: left;
} 
.ssm {
	background: #B31339;
	
	height: 13px;
	float: left;
} 



/* END subsub_menus */



.mtb {
  margin: 22px 0;
}

.button_kontakt {
  display: block;
  width: 176px;
  height: 33px;
  background: url('../img/buttons.png') no-repeat 0 -287px transparent;
  text-indent: -5000px;
  outline: none;
  margin: 20px 0;
}
.button_kontakt:hover {
  background: url('../img/buttons.png') no-repeat -182px -287px transparent;
  cursor: pointer;
}
.button_anmeldung {
  display: block;
  width: 176px;
  height: 33px;
  background: url('../img/buttons.png') no-repeat 0 -240px transparent;
  text-indent: -5000px;
  outline: none;
  margin: 20px 0;
}
.button_anmeldung:hover {
  background: url('../img/buttons.png') no-repeat -182px -240px transparent;
  cursor: pointer;
}
.button_gutschein {
  display: block;
  width: 176px;
  height: 33px;
  background: url('../img/buttons.png') no-repeat 0 0px transparent;
  text-indent: -5000px;
  outline: none;
  margin: 20px 0;
  position: absolute;
  right: 117px;
  bottom: 30px;
}
.button_gutschein:hover {
  background: url('../img/buttons.png') no-repeat -182px 0px transparent;
  cursor: pointer;
}


.fleft {
  float: left;
  margin: 4px 20px 20px 0;
}
.fright {
  float: right;
  margin: 4px 0 20px 20px;
}

.low {
  line-height: 13.5px;
}

#content_right_top a.twoliner {
display: inline-block;
    line-height: 15px;
    padding: 6px 0;
}

.farbstil {
background: url('../img/farbenfaecher.png') no-repeat left 40px transparent;
}

.spacer{
	display:block;
	float:left;
	clear:left;
}

.center {
  text-align: center;
  display: block;
}

td {
  vertical-align: top;
  padding-right: 4px;
}

table {
margin-bottom: 18px;
}

p.gew {
  border-bottom: 1px solid #CAB4A2;
  padding: 10px 0;
  margin-bottom: 0;
}

p.copyr {
  padding: 10px 0;
  font-size: 11px;
}

p.links {
  background: url('../img/links_bg.png') no-repeat center center transparent;
  height: 121px;
  padding: 40px 0 0 330px;

}

p.links a {
  display: table;  
  margin-bottom: 10px;
  font-weight: 600;
}

#order {
  float: right;
}

label[for=order] {
  float: right;
  font-size:14px;
  line-height: 26px;
  font-weight: 600;
}

select {
  background: white;
  border: 2px solid #E9DACB;
}
option:hover,option:active {
  background: #E9DACB;
}

#termine th, #termine td {
  border-left: 7px solid white; 
  border-right: 7px solid white; 
  background:  url('../img/b.gif') repeat-x center bottom transparent; 
}

span.hr {
  margin-top: 7px; 
  padding-top: 7px; 
  background:  url('../img/b.gif') repeat-x center top transparent; 
  display: block;
}


#termine th.first, #termine td.first {
  border-left: none; 
}
#termine th.last, #termine td.last {
  border-right: none; 
}

th span, td span  {
  display: block;
  padding: 4px;
  font-weight: normal;
  
}

th span {
  text-transform: uppercase;
  border-bottom: 3px solid #CAB4A2;
  font-size: 15px;
  font-weight: normal;
}

#termine tr.lastrow td span {
  border-bottom: 3px solid #CAB4A2;
  padding-bottom: 7px;
   

}
#termine tr.lastrow td {
 background: white;
}

#termine {
  width: 100%;
}

#termine td {
  padding: 0 0 5px 0;
  position: relative;
}

td.first span {
  font-weight: 600;
}

.neu {
  position: absolute;
  padding-left: 10px;
}

.red {
  color: #B31339;
  font-size: 15px;
    font-weight: 600;
   
}
.red a {
  color: #B31339;
  font-size: 15px;
    font-weight: 600;
   text-decoration: underline;
}

h3.k3 {
  
  clear: both;
  background: #f4ede5;
  margin: 30px 0;
  padding-left: 10px;
  border-radius: 4px;
}

.kontakt h3.k3 {
  text-transform: uppercase;
}


.kontakt img {
  float: left;
  margin-right: 30px;
}
.kontakt p {
  text-align: left;
}

.kontakt .name {
  font-weight: 600;
  font-size: 14px;
}

p#kc, p#kp {
  width: 380px;
  float: left;
}

.kontakt p.line_above {
  border-top: 1px solid #CAB4A2;
  padding-top: 15px;
  margin-top: 25px;
  text-align: justify;
}

h3.smallmb {
margin-bottom: 6px;
}

.wide.reg #content.gutscheine {
  background:  url('../img/gutschein_bg.jpg') no-repeat 120px bottom white; 
}

.gutscheine h2 {
margin-bottom: 5px;
}
.gutscheine  {
position: relative;
}

iframe {

  border-radius: 10px;
}

.relative {
  position: relative;
}
.relative iframe{
  position: absolute;
  bottom: 0;
  right: 0;
}

.borderbottom {
  border-bottom: 1px solid #CAB4A2;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

#box {
    background: url("../img/weissebox.png") no-repeat scroll center center transparent;
    height: 600px;
    left: 55px;
    padding-left: 11px;
    padding-right: 13px;
    position: absolute;
    top: 14px;
    width: 875px;
}

#box h2 {
  color: #B31339;
  background: transparent;
  margin-bottom: 12px;
}

#box_content {
  padding: 40px 63px 0;
}

#box .guts {
      background: url("../img/box_bg1.png") repeat-x scroll center 126px transparent;
   
    
}

#box #close {
    background: url("../img/box_close.png") no-repeat scroll center center transparent;
    height: 26px;
    right: 36px;
    position: absolute;
    top: 30px;
    width: 27px;
}
#box #close:hover {
    cursor: pointer;
}

input[type=text], select {
  border: 1px solid #aaa;
  border-radius: 5px;
}

#set1 input[type=text] {
  width: 70px;
  padding: 1px 5px;
}

.w166 {
  width: 136px;
  display: block;
  float: left;
}

button.buttongutscheinabschicken {
  display: block;
  width: 136px;
  height: 33px;
  background: url('../img/buttons.png') no-repeat 0px -48px  transparent;
  text-indent: -5000px;
  outline: none;
  margin: 12px 0;
  float: right;

}
button.buttongutscheinabschicken:hover {
  background: url('../img/buttons.png') no-repeat -182px -48px transparent;
  cursor: pointer;
}

#set1 {
  height: 108px;
  padding: 17px 0;
  line-height:34px;
}
#set2 {
  height: 138px;
  padding: 17px 0;
  line-height:34px;
}

p.dings {
  font-size: 12px;
  margin: 15px 0 0 0;
}


.coll {
	width: 114px;
	display: block;
	float: left;
}

#kc .coll {
	width: 90px;
}

#kp .coll {
	width: 105px;
}

label, .legend, input, select {
	margin-right: 5px;
}

#set2 input[type=text] {
	width: 188px;
}

.right, .right2 {
	float: right;
}

.right label {
	float: left;
	width: 80px;
}

label[for=e10],label[for=e12] {
	display: block;
    float: left;
    width: 51px;
}

#set2 input#e10 {
	width: 365px;
}

.wxxx {
	width: 428px;
	display: block;
	float: left;
}

label.error {
    background: transparent;
    color: #B31339;
    line-height: 16px;
    margin-left: -90px;
    margin-top: -14px;
    padding: 0 5px;
    position: absolute;
    white-space: nowrap;
    width: auto;
    display: inline;
    font-weight: normal;
}

.right2 label.error,.right label.error {
    margin-left: -150px;
    margin-top: -14px;
}

input[type=radio]+label.error {
    
        margin-left: -22px;
    margin-top: -10px;
    
}
#signupform table {
  width: 100%;
}
#signupform table span {
  display: inline;
}

#signupform em {
  font-style: normal;
  color: #B31339;
}

#signup1 input[type=text] {
  width: 275px;
}

#signup1 td:nth-child(3) {
  width: 90px;
  padding-left: 10px;
}
#signup1  {
  margin: 0;
}


#signup2 input[type=text], #signupform input[name=Geboren_am] {
  width: 75px;
}
#signupform input[name=Uhrzeit] {
  width: 50px;
}
#signupform input[name=Gesamtpreis] {
  width: 60px;
}
#signupform input[name=Adresse] {
  width: 670px;
}

.small {
  font-size: 11px;
}

#signup1 td {
  padding-bottom: 14px;
  white-space: nowrap;
}

.w1 {
  width: 100px;
}

.w2 {
  width: 280px;
}

.w3 {
  width: 100px;
}

#signuprow2 span.fr {
  float: right;
  padding: 0;
}

#signuprow2 span.fl {
  float: left;
  padding: 0;
}

.xyz {
  padding: 20px;
  background: #F4EDE5;
  margin: 0;
}

#signup2  {
  border-collapse: collapse;
}

#signup2  td {
  background:  #F4EDE5;
  padding: 5px;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid white;
}

#signup2  td input {
  vertical-align: middle;
}


#signup2  td:first-child {
  padding-left: 23px;
  border-left-color: #F4EDE5;
}

#signup2  td:last-child {
  padding-right: 23px;
  border-right-color: #F4EDE5;
  text-align: right;
}

#signup2  td:last-child input{
  margin: 0;
}



#signup2  td[colspan] {
  white-space: normal;
  text-align: left;
}

#signup2 .firstrow td {
  padding: 6px 23px;
  background:  white;
  border-color: white;
}
#signup2 .empty td {
  height: 22px;
  line-height: 1px;
}

#signup2 .white td {
  padding: 10px 23px;
  background:  white;
  border-color: white;
}

#signup2 .white td.bbbb {
  border: 1px solid #F4EDE5;
}

#signupform {
  position: relative;
}

#signupform table .agbrow span {
  display: block;
  float: left;
  width: 690px;
  padding: 0 0 0 6px;
}


#signupform table .agbrow input {
  
  float: left;
}


#signupform table .agbrow label.error {
  
  left: 0;
  margin-left:0;
}


.buttonrow button {
  float: right;
  margin: 10px 0;
  background: url('../img/buttons.png') no-repeat 0 -184px transparent;
   display: block;
  width: 138px;
  height: 33px;
  text-indent: -5000px;
  outline: none;
}

.buttonrow button:hover {
  float: right;
  margin: 10px 0;
  background: url('../img/buttons.png') no-repeat -182px -184px transparent;
  cursor: pointer;
}

.burn_box p {
  font-size:12px;
}
.burn_box p:first-child {
  margin-bottom: 10px;
}

#content .burn_box ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#content .burn_box li {
  display: block;
  border-bottom: 1px solid #E9DACB;
  padding: 3px 0;
  font-weight: 600;
}
#content .burn_box li.last {
  border-bottom: none;
}

#content .burn_box li input{
  vertical-align: middle;
}


button.buttonburnout {
  float: left;
  margin: 10px 0;
  background: url('../img/buttons.png') no-repeat 0 -96px transparent;
   display: block;
  width: 172px;
  height: 33px;
  text-indent: -5000px;
  outline: none;
}

button.buttonburnout:hover {
  background: url('../img/buttons.png') no-repeat -182px -96px transparent;
  cursor: pointer;
}
button.buttonburnoutback {
  float: left;
  margin: 10px 0;
  background: url('../img/buttons.png') no-repeat 0 -140px transparent;
   display: block;
  width: 172px;
  height: 33px;
  text-indent: -5000px;
  outline: none;
}

button.buttonburnoutback:hover {
  background: url('../img/buttons.png') no-repeat -182px -140px transparent;
  cursor: pointer;
}

#solution {
  clear: both;
  display: none;
  font-size: 14px;
   font-weight: bold;
}
#answer {
  border-bottom: 1px solid #CAB4A2;
 
  padding-bottom: 20px;
  margin-bottom: 16px;
}
#others {
  clear: both;
  color: #999;
  padding-top: 60px;
}
