/* --------therapiezentrum-robert-groetzinger.de - STYLE-------- */

/*	1.basics
	2.layout
	3.links
	4.content
	5.navi
	6.subnavi
	7.show-layer
	 */
	
/*------------------1.basics------------------*/
html, body, div, p, h1, h2, h3, ul, ol,  span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;}

:focus {outline: 0;}

html, body{
	font-family: "Trebuchet MS", Tahoma;
	color:#666;
	background:url(../images/bg.jpg);
	background-position:top center;
	font-size: 13px;
	background-color:#fff;
	background-repeat:repeat-x;}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR: #a3d8f1;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	scrollbar-3d-light-color: #ffffff;}

p{	margin:5px 0 20px 5px;
	line-height:1.5em;
	text-align:justify;}
		
h3{	font-size:15px;
	margin:35px 0 0 5px;
	color:#f99200;}	

/*------------------2.layout------------------*/
#container{
	margin: 0px auto;
	width:830px;
	position:relative;}
	
#header{
	height:318px;
	background:url(../images/bg-header.jpg);
	position:relative;
	z-index:1;}

#header h1{
	font-size: 0.001em;
	color: #fff;
	position:absolute;
	text-indent:-4000px;
	z-index:1;}
	
#header h1 a{
	width:330px;
	font-size: 0.001em;
	height:155px;
	text-decoration: none;
	display: block;
	overflow: hidden;
	top:120px;
	left:37px;
	position:absolute;}
	
#header h1 a:hover{color: #fff; text-decoration: none;}

#boxleft-team{
	width:260px;
	background:url(../images/bg-boxleft-team.jpg) no-repeat #fff;
	float:left;}
	
#boxleft-med{
	width:260px;
	background:url(../images/bg-boxleft-med.jpg) no-repeat #fff;
	float:left;}
	
#boxleft-wellness{
	width:260px;
	background:url(../images/bg-boxleft-wellness.jpg) no-repeat #fff;
	float:left;}
	
#oeffnungszeiten{
	width:240px;
	height:125px;
	background: url(../images/bg-oeffnungszeiten.png) no-repeat;
	margin:20px 0 0 0;
	color:#fff;
	text-align:right;
	padding:60px 20px 0 0;
	line-height:1.3em;}
	
#content{
	margin-left:260px;
	background:#fff;
	padding:55px 70px 25px 55px;
	min-height:370px;}
*html #content{height:370px;}

#boxright{
	width:13px;
	height:430px;
	left:817px;
	top:318px;
	background:url(../images/bg-boxright.jpg) no-repeat #fff;
	position:absolute;}

#footer{
	background:url(../images/bg-footer01.jpg) no-repeat;
	height:100px;
	clear:both;}
	
#box01{float:left; width:242px; text-align:right; color:#09c;}
#box02{float:left; margin-left:70px; color:#09c;}
#box03{float:left; margin-left:80px;color:#09c;}

#footer-bg{
	background:url(../images/bg-footer.jpg) repeat-x;
	height:100px;
	margin-top:-100px;}
	
#back{
	background:url(../images/arrow-top.gif) no-repeat;
	background-position:right;
	margin:0 65px 35px 700px;
	font-size:11px;}
	
#back a{color:#fff; text-decoration:none;}
#back a:hover{text-decoration:underline;}
	
/*------------------3.links------------------*/

a { color:#09c; text-decoration:underline;}
a:hover { text-decoration:none; color:#900;}

/*------------------4.content------------------*/
#leistungen{
	padding:80px 20px 0 0;
	text-align:right;}
		
#leistungen li{
	list-style-type:none;
	line-height:1.6em;}
	
.liste{padding:30px 5px 0 25px;}		
.liste li{
	list-style-image: url(../images/arrow.gif);
	line-height:1.9em;}
	
.textblau{color:#09c;}

.img-right{float:right; margin: 5px 0 5px 15px; border:none;}

.img{border:none;}

.euroweblogo{margin-left:5px;}
/*------------------5.navi-----------------*/
#navi{
	display:inline;
	z-index:20;
	left:19px;
	top:272px;
	position:absolute;}
	
#navi ul{list-style-type:none;}	
#navi li { display:inline;}
#navi li a {
	height:46px;
	text-decoration:none; 
	background-repeat:no-repeat;
	font-size: 0.001em;
	color: #fff;
	text-indent:-4000px;
	position:absolute;}
	
#button01 a {background:url(../images/navi/team01.jpg); width:145px; margin-left:0px;}
#button01 a:hover {background:url(../images/navi/team02.jpg) no-repeat;}
#button01-aktiv a {background:url(../images/navi/team02.jpg) no-repeat;}

#button02 a {background:url(../images/navi/medizinisch01.jpg); width:169px; margin-left:145px;}
#button02 a:hover {background:url(../images/navi/medizinisch02.jpg) no-repeat;}
#button02-aktiv a {background:url(../images/navi/medizinisch2.jpg) no-repeat;}

#button03 a {background:url(../images/navi/wellness01.jpg); width:188px; margin-left:314px;}
#button03 a:hover {background:url(../images/navi/wellness02.jpg) no-repeat;}
#button03-aktiv a {background:url(../images/navi/wellness02.jpg) no-repeat;}

#button04 a {background:url(../images/navi/intensiv01.jpg); width:136px; margin-left:502px;}
#button04 a:hover {background:url(../images/navi/intensiv02.jpg) no-repeat;}
#button04-aktiv a {background:url(../images/navi/intensiv02.jpg) no-repeat;}

#button05 a {background:url(../images/navi/angebote01.jpg); width:160px; margin-left:638px;}
#button05 a:hover {background:url(../images/navi/angebote02.jpg) no-repeat;}
#button05-aktiv a {background:url(../images/navi/angebote02.jpg) no-repeat;}

/*------------------6.subnavi------------------*/
#subnavi{
	top:20px;
	left:510px;
	position:absolute;
	z-index:10;}
	
#subnavi ul{
	display:inline; 
	list-style-type:none;}
	
#subnavi li  {display:inline; padding-right:15px;}
#subnavi li a {text-decoration:none;}

/*------------------7.headlines------------------*/

#willkommen{
	background: url(../images/headlines/willkommen.gif);
	height:30px;
	background-repeat:no-repeat;
	font-size: 0.001em;
	text-indent:-4000px;}
	
#praxisteam{
	background: url(../images/headlines/praxisteam.gif);
	height:30px;
	background-repeat:no-repeat;
	font-size: 0.001em;
	text-indent:-4000px;}
	
#med-behandlungen{
	background: url(../images/headlines/med-behandlungen.gif);
	height:30px;
	background-repeat:no-repeat;
	font-size: 0.001em;
	text-indent:-4000px;}
	
#wellness{
	background: url(../images/headlines/wellness.gif);
	height:30px;
	background-repeat:no-repeat;
	font-size: 0.001em;
	text-indent:-4000px;}
	
#intensiv{
	background: url(../images/headlines/intensiv.gif);
	height:30px;
	background-repeat:no-repeat;
	font-size: 0.001em;
	text-indent:-4000px;}
	
#angebote{
	background: url(../images/headlines/angebote.gif);
	height:30px;
	background-repeat:no-repeat;
	font-size: 0.001em;
	text-indent:-4000px;}
	
#kontakt{
	background: url(../images/headlines/kontakt.gif);
	height:30px;
	background-repeat:no-repeat;
	font-size: 0.001em;
	text-indent:-4000px;}
	
#danke{
	background: url(../images/headlines/danke.gif);
	height:30px;
	background-repeat:no-repeat;
	font-size: 0.001em;
	text-indent:-4000px;}
	
#anfahrt{
	background: url(../images/headlines/anfahrt.gif);
	height:30px;
	background-repeat:no-repeat;
	font-size: 0.001em;
	text-indent:-4000px;}
	
#impressum{
	background: url(../images/headlines/impressum.gif);
	height:30px;
	background-repeat:no-repeat;
	font-size: 0.001em;
	text-indent:-4000px;}
	
/* 7. show-layer-css */

.ul-showlayer{
	margin:0px 65px 25px 5px;
	font-size:1em;
	line-height:1.5em;}


.ul-showlayer li {
	list-style-type: none;
	margin-bottom:6px;
	line-height:1.6em;
	text-align:justify;
}