/* ///////////////////////////////////
/////  ALLGEMEINES
/////////////////////////////////// */

html, body {
	margin:0;
	padding:0;
	text-align:center;
	height:100%;
}

body {
	margin:0px;
   	color:#4c4c4c;
   	font:normal 12px/125% Arial,Verdana,Helvetica,Geneva,sans-serif;
	cursor:default;
   	background:#e9e9e1;
	overflow:visible;
	text-align:center;
}

#wrapper {
	text-align:left;
	margin:auto;
	padding:0px;
	width:942px;
}

#wrapper_inner {
	float:left;
	margin:40px 0 40px 0;
	padding:0;
	/* background:url('../layout/content_bg.png') repeat-y top left; */
	background:url('../layout/content_bg2.png') repeat-y top left;
	width:942px;
}

img {border-width:0;}

br.clear {
  clear:both;
  height:0;
  line-height:0px;
}

div.pageup{
	float:left;
	margin-left:71px;
	width:710px;
	height:40px;
	display:inline;
}





/* ///////////////////////////////////
/////  HEADER und CONTENT-OUTER
/////////////////////////////////// */

		div.head{
			float:left;
			background-image:url('../layout/head.jpg');
		   	background-repeat: no-repeat;
			background-position: top left;
			height:109px;
			width:942px;
			text-align:center;
			margin:0;
			padding:0;
			border:0px solid red;
		}

		/* Hauptbereich aussen */
		div.content_outer {
			float:left;
			/*
			background-image:url('../layout/content_bg.png');
			background-repeat: repeat-y;
			background-position: top left;
			*/
			margin:0;
			padding:0 0 30px 0;
			width:942px;
			border:0px solid green;
		}




/* ///////////////////////////////////
/////  TOP
/////////////////////////////////// */

/* TOP aussen */
div.content_top_outer {
	float:left;
	background-image:url('../layout/content_top1.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin:0;
	padding:0;
	width:942px;
	height:410px;
	border:0px solid blue;
}

div.content_top_inner {
	float:left;
	background-image:url('../layout/content_top2.png');
	background-repeat: repeat-y;
	background-position: top left;
	margin:68px 0 0 0;
	padding:0;
	width:735px;
	height:342px;
	border:0px solid green;
}

div.content_top_pic {
	float:left;
	background-color:#3f3f3f;
	margin:31px 0 0 44px;
	padding:0;
	width:668px;
	height:284px;
	border:1px solid #3c3c3c;
	display:inline;
}


/* SIDEBAR oben */
div.sidebar1 {
	float:left;
	background-image:url('../layout/sidebar1.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin:0;
	padding:0;
	width:207px;
	height:161px;
	border:0px solid green;
}

/* SIDEBAR unten */
div.sidebar2 {
	float:left;
	background-image:url('../layout/sidebar2.png');
	background-repeat: repeat-y;
	background-position: top left;
	margin:0;
	padding:15px 0 0 18px;
	width:189px;
	height:234px;
	border:0px solid green;
}

div.sidebar_inner {
	float:left;
	color:#fefefe;
	margin:6px 0 0 12px;
	padding:0;
	width:171px;
	height:191px;
	border:0px solid blue;
	display:inline;
}





/* ///////////////////////////////////
/////  NAVI
/////////////////////////////////// */

/* navi BG */
div.navi_bg_left {
	float:left;
	background-image:url('../layout/navi_bg_left.png');
	background-repeat: repeat-x;
	background-position: top left;
	margin:0 0 0 6px;
	padding:0;
	width:745px;
	/* height:44px; */
	height:45px;
	border:0px solid green;
	display:inline;
}

div.navi_bg_right {
	float:left;
	background-image:url('../layout/navi_bg_right.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin:0;
	padding:0;
	width:185px;
	/* height:44px; */
	height:45px;
	border:0px solid green;
}

div.badge_top {
	background-image:url('../layout/badge_1_top.png');
}





/* ///////////////////////////////////
/////  MAIN
/////////////////////////////////// */

/* Aussenrahmen */
div.main_outer {
	float:left;
	margin:0px 0 0 0;
	padding:0 24px 0 24px;
	width:894px;
	border:0px solid blue;
}
div.main_smaller{
	padding:0 50px 0 50px;
	width:840px;
	border:0px solid orange;
}

div.main_with_navi{
	padding:0 0 0 6px;
	width:936px;
	border:0px solid red;
}

div.behandlungen_column {
	float:left;
	margin:21px 52px 0 0;
	padding:0;
	width:263px;
	border:0px solid red;
}

div.behandlungen_item {
	float:left;
	width:263px;
	height:41px;
	border:0px solid red;
}

div.behandlungen_item2 {
	float:left;
	width:263px;
	height:26px;
	border:0px solid red;
}

div.behandlungen_badge {
	float:left;
	background-image:url('../layout/badge_1_body_b.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin:0 0 21px 112px;
	padding:0;
	width:163px;
	height:119px;
	border:0px solid red;
	display:inline;
}

div.gb_outer{
	float:left;
	width:545px;
	margin:21px 0 20px 0px;
	border:0px solid green;
	display:inline;
}

div.impressum_column{
	float:left;
	width:228px;
	margin:21px 57px 0 0px;
	border:0px solid green;
	display:inline;
	/*text-shadow:#f5f5f5 0px 1px;*/
}

div.kontakt_inner{
	float:left;
	width:420px;
	height:260px;
	margin:0;
	padding:0;
	border:0px solid red;
	display:inline;
}

div.kontakt_bubble{
	float:left;
	background-image:url('../layout/kontakt_bubble.png');
	background-repeat: no-repeat;
	background-position: top left;
	width:302px;
	height:277px;
	margin:47px 0 0 164px;
	padding:0;
	border:0px solid red;
	display:inline;
}

div.produkte_navi_outer{
	float:left;
	padding:0px;
	margin:21px 30px 0 0;
	width:150px;
	line-height:160%;
	background-color:#aec174;
	border-top:1px solid #92928f;
	border-bottom:1px solid #92928f;
	border-right:0px solid #92928f;
	display:inline;
}

div.produkte_overview_text{
	float:left;
	width:165px;
	text-align:center;
	margin:5px 0 0 0;
	border:0px solid red;
}

div.produkt_row{
	float:left;
	width:744px;
	margin-top:50px;
	border:0px solid red;
}

div.produkt_row_inner{
	float:left;
	width:370px;
	margin:35px 0 15px 0;
	border:0px solid red;
}

div.produkt_description{
	float:left;
	width:230px;
	text-align:left;
	font-size:11px;
	margin:5px 0 0 10px;
	border:0px solid red;
}
div.produkt_description span {
	/* border:1px solid red; */
	/* float:left; */
}

div.produkt_description_headline{
	float:left;
	width:230px;
	margin-bottom:4px;
	border:0px solid red;
}

div.produkt_description_headline span.title {
	float:left;
	font-size:12px;
	font-weight:bold;
}

div.produkt_description_headline span.price {
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#6ba642;
}




/* ///////////////////////////////////
/////  FOOTER
/////////////////////////////////// */

div.footer_outer {
	float:left;
	background:url('../layout/footer3.png') no-repeat top left;
	margin:30px 0 0 0;
	padding:0 0 10px 0;
	width:942px;
	/* height:75px; */
	height:21px;
	font:normal 11px/21px Arial,Verdana,Helvetica,Geneva,sans-serif;
	color:#34481f;
	text-shadow:0 1px 0 #a0de61;
	text-align:center;
	overflow:hidden;
	clear:both;
}





/* ///////////////////////////////////
/////  LINKS
/////////////////////////////////// */
	
a:link, a:active, a:visited {
	font-family:Arial,Verdana,Helvetica,Geneva,sans-serif;
	/* color:#678119; */
	color:#749b02;
	color:#6ba642;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}



a.link:link, a.link:active, a.link:visited {
	font-family:Arial,Verdana,Helvetica,Geneva,sans-serif;
	/* color:#678119; */
	color:#749b02;
	color:#6ba642;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
a.link:hover {text-decoration:underline;}



a.sidebar:link, a.sidebar:active, a.sidebar:visited {
	font-family:Arial,Verdana,Helvetica,Geneva,sans-serif;
	color:#afd834;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
a.sidebar:hover {text-decoration:underline;}



a.footer:link, a.footer:active, a.footer:visited {
	font:normal 11px/21px Arial,Verdana,Helvetica,Geneva,sans-serif;
	color:#34481f;
	text-shadow:0 1px 0 #a0de61;
	text-decoration:none;
}
a.footer:hover {text-decoration:underline;}



a.produkte_small:link, a.produkte_small:active, a.produkte_small:visited {
	font-family:Arial,Verdana,Helvetica,Geneva,sans-serif;
	/* color:#678119; */
	color:#749b02;
	color:#6ba642;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
a.produkte_small:hover {text-decoration:underline;}





/* ///////////////////////////////////
/////  HEADLINES
/////////////////////////////////// */

h1 {
	font-family:Arial,Verdana,Helvetica,Geneva,sans-serif;
	font-size:2em;
	font-weight:normal;
}

h1.headline{
	font-family:Arial,Verdana,Helvetica,Geneva,sans-serif;
	font-size:2.1em;
	font-weight:normal;
	float:left;
	height:32px;
	margin:0;
	padding:1px 0 0 0;
	border:0px solid blue;
	line-height:135%;
}

h2.headline{
	float:left;
   	color:#7ca308;
   	color:#6ba642;
   	font-family:Arial,Verdana,Helvetica,Geneva,sans-serif;
   	font-size:12px;
   	line-height:125%;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	padding:0;
	width:263px;
	height:26px;
	border:0px solid blue;
}

h3.behandlungen{
	float:left;
   	color:#444444;
   	font-family:Arial,Verdana,Helvetica,Geneva,sans-serif;
   	font-size:12px;
   	line-height:125%;
	font-weight:bold;
	margin:0;
	padding:0;
	width:224px;
	height:14px;
	border:0px solid blue;
}

h3.behandlungen_preis{
	float:left;
   	color:#444444;
   	font-family:Arial,Verdana,Helvetica,Geneva,sans-serif;
   	font-size:12px;
   	line-height:125%;
	font-weight:bold;
	margin:0;
	padding:0;
	width:39px;
	height:14px;
	border:0px solid blue;
	text-align:right;
}

h3.zwei{
	height:31px;
	border:0px solid blue;
}

h3.extra{
	width:214px;
	padding-left:10px;
	border:0px solid blue;
}

h3.color{
	color:#4c4c4c;
}





/* ///////////////////////////////////
/////  SPANS
/////////////////////////////////// */

span.time{
	font-size:10px;
	font-weight:normal;
	font-style:italic;
}





/* ///////////////////////////////////
/////  LISTS
/////////////////////////////////// */

ul,li {list-style-type: none; float:left; margin:0; padding:0;}

/*ul#navigation span {display: none;}*/

ul#navigation {height: 44px;}

ul#navigation li {float:left;}

ul#navigation li a {
	display: block;
	height: 44px;
	cursor: pointer;
	position:relative;
}

/* normal */
ul#navigation li a#startseite {background: url(../layout/navi/navi_startseite.png) 0 0 no-repeat; width:98px;}
ul#navigation li a#behandlungen {background: url(../layout/navi/navi_behandlungen.png) 0 0 no-repeat; width:124px;}
ul#navigation li a#produkte {background: url(../layout/navi/navi_produkte.png) 0 0 no-repeat; width:95px;}
ul#navigation li a#angebote {background: url(../layout/navi/navi_angebote.png) 0 0 no-repeat; width:97px;}
ul#navigation li a#gb {background: url(../layout/navi/navi_gb.png) 0 0 no-repeat; width:105px;}


ul#navigation li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:44px;
	width:100%;
	z-index:100;
	text-indent:-99999px;
	margin:0;
	padding:0;
}

ul#navigation li a span:hover {cursor:pointer;}

/* hover */
ul#navigation li a#startseite span {background: url(../layout/navi/navi_startseite.png) 0 0 no-repeat; width:98px; background-position:0px -44px;}
ul#navigation li a#behandlungen span {background: url(../layout/navi/navi_behandlungen.png) 0 0 no-repeat; width:124px; background-position:0px -44px;}
ul#navigation li a#produkte span {background: url(../layout/navi/navi_produkte.png) 0 0 no-repeat; width:95px; background-position:0px -44px;}
ul#navigation li a#angebote span {background: url(../layout/navi/navi_angebote.png) 0 0 no-repeat; width:97px; background-position:0px -44px;}
ul#navigation li a#gb span {background: url(../layout/navi/navi_gb.png) 0 0 no-repeat; width:105px; background-position:0px -44px;}
/*
ul#navigation li a#startseite:hover,
ul#navigation li a#behandlungen:hover,
ul#navigation li a#produkte:hover,
ul#navigation li a#angebote:hover,
ul#navigation li a#gb:hover {background-position: 0 -44px;}
*/

/* active */
#body_startseite ul#navigation li a#startseite,
#body_behandlungen ul#navigation li a#behandlungen,
#body_produkte ul#navigation li a#produkte,
#body_angebote ul#navigation li a#angebote,
#body_gb ul#navigation li a#gb {background-position: 0 -88px;}





/* ///////////////////////////////////
/////  INPUTS
/////////////////////////////////// */

form {
	margin:0;
	padding:0;
}

input {
	background-image:url('../layout/button_background_light.png');
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top left;
	color:#575757; 
	font-family:Arial,Verdana,Helvetica,Geneva,sans-serif;
	font-size:10px;
	border:1px solid #404040;
}

input.button {
	border:none;
	cursor:pointer;
}

input.button2 {
	background-image:url('../layout/button_bg.png');
	background-color: #b2d93d;
	color:#2d2d2d;
	height:17px;
	cursor:pointer;
}

input.kontakt {
	font-size:11px;
}

textarea {
	background-image:url('../layout/content_verlauf.gif');
	background-repeat: repeat-x;
	background-position: top left;
	color: #4c4c4c;
	font-family:Arial,Verdana,Helvetica,Geneva,sans-serif;
	font-size: 11px;
	width:270px;
	height:150px;
	border:1px solid #404040;
}


input.nl {
	background:#fff;
	background:-moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
	background:-webkit-linear-gradient(#fff, #f2f2f2);
	background:-o-linear-gradient(top, #fff 0%,#f2f2f2 100%);
	
	border:1px solid #939391;
	border-top:1px solid #868684;
	
	box-shadow:inset 0px 1px 1px rgba(0,0,0,0.2), 0 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.2), 0 1px 0px rgba(255,255,255,0.15);
	-moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.2), 0 1px 0px rgba(255,255,255,0.15);
}
input.nl:focus{
	background:#fff;
	
	box-shadow:0 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow:0 1px 0px rgba(255,255,255,0.15);
	-moz-box-shadow:0 1px 0px rgba(255,255,255,0.15);
}


input.inputbutton, input.inputbutton:hover,
input.inputbutton2, input.inputbutton2:hover {
	cursor:pointer;
	height:21px;
	margin:0;
	padding:0px 7px;
	overflow:visible;
	
	font:bold 11px/21px Arial, Helvetica, Verdana, Trebuchet MS, sans-serif;
	color:#fff;
	text-shadow:0px -1px 0px rgba(0,0,0,0.1), 0px 1px 0px rgba(0,0,0,0.4), 0px 1px 2px rgba(0,0,0,0.3);
	
	border:1px solid #5c8f39;
	border-bottom:1px solid #558435;
	
	background:#cbd22b;
	background:-moz-linear-gradient(top, #8fcc52 0%, #7bb046 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fcc52), color-stop(100%,#7bb046));
	background:-webkit-linear-gradient(#8fcc52, #7bb046);
	background:-o-linear-gradient(top, #8fcc52 0%,#7bb046 100%);
	
	box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.1);
	
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
}
input.inputbutton2, input.inputbutton2:hover {
	box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2), 0 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2), 0 1px 0px rgba(255,255,255,0.15);
	-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2), 0 1px 0px rgba(255,255,255,0.15);
}
input.inputbutton:hover,
input.inputbutton2:hover {
	background:#d3db2c;
	background:-moz-linear-gradient(top, #95d455 0%, #7bb046 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3db2c), color-stop(100%,#bfc722));
	background:-webkit-linear-gradient(#d3db2c, #bfc722);
	background:-o-linear-gradient(top, #d3db2c 0%,#bfc722 100%);
}





/* ///////////////////////////////////
/////  SCHATTEN THUMBS fuer grauen Hintergrund
/////////////////////////////////// */

div.shadow_grey {
	float:left;
	padding:0 1px;
	background:#afafa9;
	border-left:1px solid #d6d6ce;
	border-right:1px solid #d6d6ce;
	position:relative;
}

div.shadow_grey img {
	padding:0px 0px 4px 0px;
	background: #d6d6ce url(../layout/shadows_gif_grey/shad_bottom.gif) repeat-x bottom left;
}

div.shadow_grey_google {
	padding:0px 0px 4px 0px;
	background: #d6d6ce url(../layout/shadows_gif_grey/shad_bottom.gif) repeat-x bottom left;
}

div.shadow_grey div.topleft_grey {
	width:2px;
	height:4px;
	background: url(../layout/shadows_gif_grey/shad_tlcorner.gif) no-repeat top left;
	position:absolute;
	top:0px;
	left:-1px;
}

div.shadow_grey div.topright_grey {
	width:2px;
	height:4px;
	background: url(../layout/shadows_gif_grey/shad_trcorner.gif) no-repeat top right;
	position:absolute;
	top:0px;
	right:-1px;
}

div.shadow_grey div.bottomleft_grey {
	width:4px;
	height:4px;
	background: url(../layout/shadows_gif_grey/shad_blcorner.gif) no-repeat bottom left;
	position:absolute;
	bottom:0px;
	left:-1px;
}

div.shadow_grey div.bottomright_grey {
	width:4px;
	height:4px;
	background: url(../layout/shadows_gif_grey/shad_brcorner.gif) no-repeat bottom right;
	position:absolute;
	bottom:0px;
	right:-1px;
}