/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Style Sheet hand-werk-massagen.de

last modified: 2008-03-04
author:    Stefan Eickhoff
email:     reply@simplecontent.net
website:   http://simplecontent.net
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* =General
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

*
{
 color: #000;
 font-family: arial, sans-serif;
 margin:0px;
 padding:0px;
}


/* forced scrollbar */
html
{ 
 min-height: 100%; 
 margin-bottom: 1px; 
 font-size:125%;	
}

body
{
 padding-bottom:150px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:50%;
}



img
{
 border:none;
}

p 
{
 margin-bottom:1em;
 line-height:1.5em;
}





/* =Layout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



#header
{
  margin-left:auto;
  margin-right:auto; 
  margin-bottom:0px;
  width:800px;
  border-bottom:solid #fff 3px;
}

#navigation
{
  
  width:800px;
  background-color:#4d1604;
  height:23px;
  border-bottom:2px solid #fff;  
}

#wrap
{
  margin-left:auto;
  margin-right:auto; 
 width:800px;
 background-image:url('/gfx/bg_brown.gif');
 
}



#contentbox
{
	width:540px;
	float:right;
	font-size:1.3em;
}

#sidebar
{
	width:253px;
	float:left;
	
}

#footer
{
 position:relative;
 clear:both;
 right:0px;
 background-color:#f0f;
}



/* =Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#breadcrumbs
{
	margin:10px 20px 10px 20px;

}

#breadcrumbs li
{
list-style-type:none;
 float:left;
 font-size:.85em;
 margin-right:5px;
 
}

#breadcrumbs li a
{
    border-right:solid #000 1px;
    padding-right:5px;    
} 



#navigation ul
{
 float:left;
}



#navigation ul ul
{
 position:absolute;
 left:260px;
 top:500px;
 
 margin-right:30px;
}

#navigation ul ul li
{

 clear:both;
}

#navigation li
{
 color:#fff; 
  float:left;
  list-style-type:none;
}



#navigation li a
{
 
}



/* =Menu-Punkte (Gilder/Levin-Methode)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7
{
 height:23px;
 position:relative;
 margin:0px;
 padding:0px;
 font-size:.5em;
}


#menu1 span ,#menu2 span, #menu3 span, #menu4 span, #menu5 span, #menu6 span, #menu7 span
{
 position:absolute;
 width:100%;
 height:100%;
 display:block;
 background:url(/gfx/menu/sprite.gif) no-repeat;
}

#menu1{ width:223px;} /* home Grafik selbst ist 53px, aber der erste Menupunkt soll abgesetzt sein */
#menu2{ width:147px;}
#menu3 { width:142px; }
#menu4 { width:60px; }
#menu5 { width:86px; }
#menu6 { width:72px; }
#menu7 { width:51px; }


#menu1 a:hover span , li#menu1.current span{ background:url(/gfx/menu/sprite.gif) no-repeat 0px -23px; }

#menu2 span { background-position:-252px 0px; }
#menu2 a:hover span , li#menu2.current span{ background-position:-252px -23px; }

#menu3 span { background-position:-397px 0px; }
#menu3 a:hover span , li#menu3.current span{background-position:-397px -23px; }

#menu4 span { background-position:-537px 0px; }
#menu4 a:hover span , li#menu4.current span{ background-position:-537px -23px; }

#menu5 span { background-position:-595px 0px; }
#menu5 a:hover span, li#menu5.current span { background-position:-595px -23px; }

#menu6 span { background-position:-679px 0px; }
#menu6 a:hover span , li#menu6.current span{ background-position:-679px -23px; }

#menu7 span { background-position:-749px 0px; }
#menu7 a:hover span , li#menu7.current span { background-position:-749px -23px; }











/* =Sidebar
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#sidebar img
{
 border-bottom:solid #fff 3px;
}

#sidebar em
{
 color:#fff;
}

#sidebar li
{
	font-size:1.2em;
	width:90%;
	list-style-type:none;
	color:#fff;
	margin-left:4px;
	padding:6px 4px;
	border-bottom: dotted 1px #fff;
}


#sidebar li a
{
	color:#fff;
	text-decoration:none;
}

#sidebar li a:hover, #sidebar li:hover, #sidebar li.current , #sidebar li.current div
{
	color:#fff;
	background-color:#782E01;
}

#sidebar li.current , #sidebar li.current div
{
	color:#fff;
	background-color:#4d1401;
}


/*  der span wird für das image replacement benoetigt, ist hier also ueberfluessig */

#sidebar li.current span
{
 display:none;
}

/* =VPT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#vpt {
 padding-top:20px;
}
#vpt img
{
 margin:0px 0px 0px 10px;
 float:left;
 vertical-align:middle;
 border:none;
}

#vpt p {
 text-align:center;

 padding-top:26px;
 font-size:1.2em;
}

#vpt p,
#vpt a {
 text-decoration:none;
 color:#fff;
}

/* =Angebot, Designvariante
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#angebot #sidebar li.current , #angebot #sidebar li.current div
{
	color:#fff;
	/* background-color:#728410; */
	background-color:transparent; 
}


#angebot #wrap
{
	background-image:url('/gfx/bg_green_rev1.gif');
}

#angebot #justabox
{
 background-color:#728410;
}






/* =Content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.precontent
{
 text-align:right;
}

div.precontent img
{
 margin:0;
 border:0;
}


div.precontent a
{
 border:0;
 margin-left:1em;
 padding:0;
}


#content
{
 font-size:.9em;
 line-height:1.2em;
 padding:20px 20px 10px 20px;

}


#content strong
{
 font-weight:bold;
 color:#000;
}

#content a
{
 color:#4d1604;
}


#content ul
{
 margin-left:2em;
 margin-bottom:1em;
}




#content h1
{
 color:#4d1604;
 font-size:1.3em;
 margin-bottom:1.0em;
 margin-top:.6em;
}

#content h2
{
 color:#000000;
 font-size:1.2em;
 margin-bottom:.5em;
 margin-top:1em;
}


#content h1 span
{
 display:none;
}


/* =Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



#footernav
{
padding-top:10px;
 font-size:1.1em;
 float:right;
}

#footernav li
{
 
  float:left;
  list-style-type:none;

}

#footernav li a
{
 color:#999;
 text-decoration:underline;
 display:block;
 margin-left:10px;
}

#footernav a:hover
{
 color:#000;
}




/* =special
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



.special
{
 width:350px;
 font-size:1em;
 margin-left:auto;
 margin-right:auto;
 margin-top:2em;
 padding:10px 10px 12px 10px;
 background-color:#8c3e0f;
 border:2px solid #fff;
 color:#fff;
}

.special img
{
 margin:0;
}

#content .special h2
{
	font-size:1.3em;
	margin-top:0;
	margin-bottom:.5em;
	color:#fff;
}

.special p
{
	color:#fff;
}



/* =Justabox
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#justabox
{
font-size:1.2em;
padding:10px 8px;
 color:#fff;

 background-color:#782e01;
 border-bottom:solid 2px #fff;
}

#justabox img
{
 border:none;
}










/* =Form
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#feedbackform
{
 margin-top:2em;
}

#feedbackform fieldset
{
 padding:20px;
 border:none;
}

#feedbackform label
{
  float:left;
  display:block;
  width:80px;
  margin-bottom:20px;
  text-align: right; 
  padding-right: 1em; 
}

#feedbackform br
{
 clear:left;

}

#feedbackform input#submit
{
  float: none;
  width: auto;
  background-color:#e1e1e1;
}

#feedbackform input, #feedbackform textarea
{
 width:250px;

}

#feedbackform textarea
{
 height:150px;

}



#feedbackform input:hover, #feedbackform textarea:hover
{
 background-color:#FFF6BF;

}


#feedbackform input:focus, #feedbackform textarea:focus
{
 background-color:#FFF6BF;

}

#feedbackform span.error
{
 background-color:#fff;
 padding:4px;
 margin:2px 0px 20px -10px;
 display:block;
 border-left:solid 1em #782E01;
 letter-spacing:.2em;
 
 color:#782E01;
}

#feedbackform label.error
{
 font-weight:bold;
 text-decoration:underline;
}

#feedbackform sup
{
 margin-left:.4em;
}



/* =FAQ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

ol#faq 
{
 margin:0 0 4em 2em;
}

ol#faq li
{
 margin-bottom:.6em;
}

/* =SITEMAP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sitemap li, #sitemap ul
{
 margin-top:.3em;
 margin-bottom:.3em; 
}

#sitemap a
{
 text-decoration:none;
}

#sitemap a:hover
{
 text-decoration:underline;
}

/* =Misc
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */




ul.linklist
{
 list-style-type:none;
 line-height:1.8em;

 margin-left:.6em; 
}


/* VARIANTEN */
.printonly
{
	display:none;	
}

.screenonly
{
	display:block;
}

#contentclaim
{
 margin-top:40px;
 border-top:dotted 1px #fff;
 padding:10px 40px 0px 40px;
 font-size:.8em;
 color:#999;
 text-align:center;
}

#contentclaim strong
{
 font-weight:normal;
 color:#999;
}

#content strong.phone
{
 color:#000;
 font-size:2.0em;
 display:block;
 font-weight:bold;
}


#pricelist
{
 border:1px solid #fff;
 border-collapse:collapse; 
 margin-bottom:10em;
}

#pricelist h3
{
 font-size:1.1em;
 color:#000;
}


#pricelist td
{

vertical-align:top;
padding: .2em .4em .2em .4em;
}

#pricelist .odd
{
 background-color:#C7905C;
}

#pricelist .even
{
 background-color:transparent;
}

#pricelist td.lastcol
{
 text-align:right;
 font-weight:bold;
 color:#333;
}

#pricelist .gap
{
 border-bottom:#fff solid 2px;

}

#prices td
{
 padding:5px;

}