/* ----------------------------------------------------------------------------------------------------------------*/
/* SITE css*/
/* ----------------------------------------------------------------------------------------------------------------*/

body{
 margin:0px;
 background-image: url(../img/bg.gif);
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color:#500000;
}

td  {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color:#500000;
}

.neu{ font-weight:bold; color:red; }
#logo   {  position: absolute; top: 0px; left: 40px; width: 290px; height: 155px; margin-top:0px; visibility: visible; display: block; background: url(../img/logo.gif) no-repeat}
#navi_dotline   {  position: absolute; top: 0px; left: 270px; width: 1px; height: 134px; margin-top:0px; visibility: visible; display: block; background: url(../img/navi_dotline.gif);}
#navi   {  position: absolute; top: 8px; left: 280px; width: 130px; height: 100px; margin-top:0px; visibility: visible; display: block;}
#img   {  position: absolute; top: 173px; left: 30px; width: 330px; height: 240px; margin-top:0px; visibility: visible; display: block; background: url(../img/img.jpg) no-repeat;}
#strichcode   {  position: absolute; top: 418px; left: 47px; width: 108px; height: 35px; margin-top:0px; visibility: visible; display: block; background: url(../img/strichcode.gif) no-repeat;}
#cl_link   {  position: absolute; top: 420px; left: 170px; width: 200px; height: 35px; margin-top:0px; visibility: visible; display: block}
#utils   {  position: absolute; top: 460px; left: 40px; width: 210px; height: 35px; margin-top:0px; visibility: visible; display: block;}

#content_bg   { border: 1px solid #E3DBC8; border-top:0px; padding: 10px; padding-top:0px; position: absolute; top:0px; left:410px; width: 520px; margin: 0px; visibility: visible; display: block; background: url(../img/content_bg_bottom.gif) bottom; background-repeat: repeat-x; }
#content_top   { margin-top:0px; width: 520px; height:46px; visibility: visible; display: block; background: url(../img/section.gif) no-repeat top left #F76214; }
#content_top h1 { padding-top:14px; }
#content_text   {margin-top:0px; padding-top:0px; top:0px;  width: 520px; visibility: visible; display: block; }

a{
 color:#500000;
 font-weight: bold;
 text-decoration: none;
}

a.a_content{
 color:#E85000;
 font-weight: normal;
 text-decoration: underline;
}

a.utils{
 color:#BDA393;
}

a.subnavi_active{
 color:#F76214;
 text-decoration: none;
}

a:hover{
 color:#F76214;
 text-decoration: none;
}

ul{
 margin-top:0px; 
 /*list-style-image:url(../img/arrow_li.gif);*/
 list-style-position:inside; 
}

li{
 margin-left:-39px;
}

ul.subnavi{ list-style-image:none; }

ul li.subnavi{
 list-style-type:none;
 margin:5px;
 margin-left:-35px;
}

ul.utils{ list-style-image:none; }

ul li.utils{
 list-style-type:none;
 margin:5px;
 margin-left:-35px;
}

ul li.subnavi_active{
 list-style-type:none;
 margin:5px;
 margin-left:-35px;
}

ul.angebot li {
	list-style-type:none;
	background: url(../img/arrow_li_2.gif) no-repeat top left;
	padding-left:15px;
	list-style-position:outside;
}

.error404{
 padding: 0px;
 color:#F76214;
}

h1{
 padding-left: 67px;
 font-size:16px;
 color:#400000;
}

h2{
 font-size:16px;
 color:#E85000;
 padding-top:10px;
}

h3{
 font-size:12px;
 margin-top:0px;
}

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

table.contact_form{
 width: 520px;
 background-color: #DDDDDD;
margin:0px;
}

tr.contact_error {
 border:2px solid red;
}

td.contact_error {
 background-color: white;
 background-image:url(img/td_top_bg.gif);
 color: #ff0000;
 font-weight: bold;
 padding:6px;
}

tr.contact_row {
}

td.contact_label {
 background-color: #f7f7f7;
 width: 120px;
 padding: 8px;
 vertical-align:top;
}

td.contact_input {
 width: 400px;
 background-color: #ffffff;
 padding: 8px;
}


.error {
 background-color: white;
 color: #ff0000;
 font-weight: bold;
 text-align: center;
 padding:10px;
}


.confirmation {
 background-color: white;
 color: #8DBB00;
 font-weight: bold;
 text-align: center;
 padding:10px;
}

.contact_radio{
 width: 15px;
}

.contact_checkbox{
 width: 15px;
}

.contact_text{
 width:98%;
}

.contact_date{
}

.contact_email{
 width:98%;
}

.contact_textarea{
 height: 200px;
 width:98%;
}

.contact_radio{
}

.contact_select{
}

.contact_option{
}

input.contact_button{ 
 width:320px;
 height:25px;
 margin:0px; 
}


#pic {

position: absolute; 
top: 173px; 
left: 30px; 
width: 330px; 
height: 240px; 
margin-top:0px; 
visibility: visible; 
display: block;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 0px;
}

#pic a img {
	background-color: #ffffff;
	border: 0;
width: 330px;
height: 240px;
}

#pic a.p1, #pic a.p1:visited {
	display: block;
	height: 240px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 330px;
}

#pic a.p1:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 5px solid #ffffff;
	display: block;
	height: 390px;
	left: 190px;
	position: absolute;
	top: -60px;
	width: 580px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  margin-bottom:1px;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* WAXING css*/
/* ----------------------------------------------------------------------------------------------------------------*/

.part-1 { width:50%; float:left; text-align:right; }
.part-2 { width:50%; float:left; text-align:right; }

table { width:520px; padding:0px; border:0px; }
.td-1 { width:70%; }
.td-2 { width:30%; }

table.waxing_table{
  background:#D9D9D9;
  width:520px;
}

td.waxing_table_head{
  background:#5F090A;
  padding:8px;
  color:#ffffff;
  font-weight:bold;
}

td.waxing_table_row1{
  background:#F7F2EE; 
  font-weight:bold;
  padding:8px;
  width:200px;
}

td.waxing_table_row2{
  background:#FFFFFF; 
  padding:8px;
  width:160px;
}