/*****************************************************************
						Tag Formatierung
*****************************************************************/


html,
    body {
      margin:0;
      padding:0;
                }

body {
	text-align:center;
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FEF2DD;
}


h1 {
	margin:0 0 17px 0;
	padding:0;
	line-height:27px;
	font-size:14px;
	color:#600D13;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

h2 {
	margin:0 0 14px 0;
	padding:0;
	line-height:14px;
	font-size:12px;
	color:#600D13;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

h3
{
margin:0 0 17px 0;
	padding:0;
	line-height:27px;
	font-size:14px;
	color:#600D13;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

a, a:visited {
	color:#600D13;
	outline:none;
	text-decoration:underline;
	}

a:hover {
	text-decoration:none;
}

ol li, ul li
{
padding:0 0 16px 0;

}

ul, ol
{
margin-left:0;
padding-left:0;
}

ul
{
list-style-type:none;	
}

p
{
padding:0;
margin:0 0 18px 0;
}

td
{
font:12px/16px Verdana, Arial, Helvetica, sans-serif;
}

/*****************************************************************
						Klassen Formatierung
*****************************************************************/

.suchtext {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

.clear {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}
/*Zweispaltig auf startseite*/
div.left, div.right {
width:290px;
}
div.left {
float:left;
}
div.right{
float:right; margin-right:20px;
}
/*Einspaltig auf Unterseiten*/
div.main{
width:400px;
}

/*****************************************************************
						Navigations Formatierung
*****************************************************************/

#navi ul {
display:block;
width:265px;
margin:0;
padding:0;
list-style-type:none;
}

#navi ul li {
padding:0 0 0 0;
margin:0 0 1px 0;
}

#navi ul li a  {
height:20px;
display:block;
width:265px;
padding:1px 0 0 90px;
color:#7C6038;
text-decoration:none;
background:transparent url(../images/button_normal_03.gif) 0 0 no-repeat;
}

#navi ul li a:hover, #navi ul li.active a  {
color:#5F0B11;
background:transparent url(../images/button_active_03.gif) 0 0 no-repeat;
}

/*Zweite vertikale Navigation*/

#subnavi ul{
position:relative;
left:13px;
top:5px;
display:block;
width:270px;
margin:0;
padding:0;
list-style-type:none;

}

#subnavi ul li {
display:block;
padding:0;
margin:0 0 2px 0;
width:270px;
}

#subnavi ul li a {
display:block;
width:230px;
height:20px;
padding:1px 0 0 40px;
color:#7C6038;
text-decoration:none;
background:transparent url(../images/sub_button_normal_07.gif) 0 0 no-repeat;
}

#subnavi ul li a:hover, #subnavi ul li.active a  {
color:#5F0B11;
background:transparent url(../images/sub_button_active_07.gif) 0 0 no-repeat;
	
}

/*****************************************************************
						Div Formatierung
*****************************************************************/

#intro {
	position:relative;
	top:70px;
	margin:auto; 
	text-align:left;	
	height:553px;
	width:273px;
	background:transparent url(../images/intro.gif) 0 0 no-repeat;
	}

#intro a{
    height:550px;
	width:270px;
	position:relative;
	text-decoration:none;
    display:block;
	text-align:center;
	font-weight:bold;	
	}
	
#intro a:hover{
   text-decoration:underline;   
}

a span{
position:absolute;
bottom:13px;
left:50px;
}


#container {
	position:relative;
	margin:0 auto;
	margin-top:-20px;
	min-height:600px; height:auto !important; height:600px;
	text-align:left;
	width:969px;
	background:transparent url(../images/bg_02.gif) 0  0 repeat-y;
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
		}

#header {
	width:969px;
	height:337px;
	background:#ffffff url(../images/physiovita_02.jpg) top right no-repeat;
	}
	
#logo
{
position:absolute;
z-index:99;
height:337px;
width:415px;
background:transparent url(../images/physiovita_transparent.gif) top left no-repeat;

}

#oeffnungszeiten{position:absolute;
top:90px;
right:0px;
width:200px;
height:120px;
background-color:#F9BF31;
color:#7C6038;
padding:5px 0 0 20px;
}

#oeffnungszeiten p {
padding:0;
padding-bottom:9px;
margin:0;
}

#navi {
position:relative;
left:330px;
top:97px;
width:147px;
height:237px;	
}

#navigraphic
{
position:absolute;
top:324px;
left:197px;
height:270px;
width:131px;
background:transparent url(../images/transparent_04.gif) 4px top no-repeat;
z-index:98;
}


	
	#subnavi
	{
	width:330px;
	float:left;
	}

#content {
	position:relative;
	padding-bottom:100px;
	float:right;
	width:635px;
	min-height:300px; height:auto !important; height:300px;
	color:#7C6038;	
}

#footer {
	position:absolute;
	bottom:0px !important; bottom:-1px;
	background: transparent url(../images/physiovita_08.gif) top right no-repeat;
	width:969px;
	height:33px;
	color:#7C6038;
	font-size:11px;
	}
#footer	span
{
display:block;
width:630px;
line-height:20px;
height:20px;
margin-top:3px;
margin-left:330px;
}


/*****************************************************************
*****************************************************************/