* { margin: 0; padding: 0; }

body
{
    text-align: center;
    font-size: 12px;
    font-family: Verdana,Arial;
    font-color: #365672;
    margin: 0px;
    padding: 0px;
     border: 0px;
	 background-color: #ffffff;
	
}

.topic {
   font-size: 15px;
  font-family: Verdana,Arial;
  color: #365672;
  text-decoration: none;
  font-weight: bold;
}


#root
{
    width:928px;
    height: 100px;
    margin: 0px auto;
    padding:0px auto;
    text-align: left;
    color: #365672;
    background-color: #ffffff;
    z-index:999;
	font-size: 12px;
	
}

#image {
	float: right;
	margin: 10px;
	border-width:1px;
    border-style:solid;
    border-color:#365672;
	clear:both;
	padding: 0px;
}

#image2 {
	float: left;
	margin: 0px;
	border-width:1px;
    border-style:solid;
    border-color:#365672;
	clear:both;
	padding: 0px;
}

#head
{
 height: 127px;
  width: 928px;
  margin: 20px;
  padding: 10px;
  background-image:url(../img/head.gif);
  background-repeat:no-repeat;
  margin-top:10px;

}

#content_layout
{
  width:928px;
  min-height:613px;
  height: expression(this.scrollHeight < 613 ? "613px" : "auto"); /*min-height for IE*/
  text-align:left;
  margin-top:30;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  padding:0;
   background-image:url(../img/background.jpg);
background-repeat:no-repeat;
  clear:both;
}


#content_box
{
        margin-left:40px;
		clear:both;
		height:350px;
		width:580px;
}

#content_box a {
	font-size: 11px;
  	font-family: Verdana,Arial;
  	color: #00943f;
	text-decoration: none;
}

#content_box a:visited {
        color: #00943f;
        text-decoration: none;
        font-size: 11px;
        font-family: Verdana,Arial;
        padding: 2px;
}


#content_box a:active {
        color: 00943f;
        text-decoration: none;
}


#content_box a:hover {
        text-decoration: none;
		font-weight:bold;
}

#content_galerie
{
	clear:both;
}

#green
{
	background-color: #365672;
	color: #00943f;
	padding: 4px;
	width: 650px;

}

.content_button
{
	float:right;
	background-color: #fcf6d6;
	color: #365672;
	padding: 5px;
	margin: 2px;
	width: 200px;
	border-width:1px;
    border-style:solid;
    border-color:#365672;
}


#nav
{
  width: 900px;
  height: 80px;
  font-size: 13px;
  font-family: Verdana,Arial;
  font-color: #00943f;
  text-decoration: none;
  padding:0px;
 }
 
 #ruler
{
align:center;	
margin-left: 40px;
  width: 840px;
  height: 2px;
  padding:0px;
 }

#nav li { /* all list items */
        float: left;
        list-style-type: none;
        position: relative;
        height: 20px;
        padding: 0px;
	}
	
#nav a.button1 { background-image:url(../buttons/praxis.gif); display: block; height: 45px; width: 92px;}
#nav a.button1:hover { background-image:url(../buttons/praxis-aktiv.gif); }

#nav a.button2 { background-image:url(../buttons/therapie.gif); display: block; height: 45px; width: 158px;}
#nav a.button2:hover { background-image:url(../buttons/therapie-aktiv.gif); }

#nav a.button3 { background-image:url(../buttons/kontakt.gif); display: block; height: 45px; width: 141px;}
#nav a.button3:hover { background-image:url(../buttons/kontakt-aktiv.gif); }

#nav a.button4 { background-image:url(../buttons/anfahrt.gif); display: block; height: 45px; width: 141px;}
#nav a.button4:hover { background-image:url(../buttons/anfahrt-aktiv.gif); }


#nav ul { /* all lists */
        padding: 0;
        margin: 0;
        line-height: 1;
        list-style-type: none;
        font-family: Verdana,Arial;
        font-color: #00943f;
}


a:link {
        color: #365672;
        text-decoration: underline;
        font-size: 13px;
        font-family: Verdana,Arial;
}

a:visited {
        color: #365672;
        text-decoration: underline;
        font-size: 13px;
        font-family: Verdana,Arial;
}





/*#nav li a:hover {
                background:grey;
                padding: 5px;

}*/

#content {
        clear: left;
        color: #ccc;
}

* html #nav ul li {
float: left;
width: 100%;


}

/*--nur für IE 7 erkennbar--*/

*+ html #nav ul li {
float: left;
width: 100%;



}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
position: absolute;
}

*html #nav ul li a {
height: 1%;
}

/*--FORMULAR CSS--*/

form,input,select,textarea{margin:0; padding:0;}

div.box {
z-index:0;
margin:0 auto;
width:400px;

top:20px;
}

div.box label {
width:100%;
display: block;
padding:10px 0 10px 0;
}

div.box label span {
display: block;
color:#365672;
font-size:12px;
float:left;
width:170px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
background:#ffffff;
border-bottom: 1px double #365672;
border-top: 1px double #365672;
border-left:1px double #365672;
border-right:1px double #365672;
}

div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#365672;
border:0px;
position: relative;
top:10px;
left:382px;
width:100px;
border-bottom: 1px double #000000;
border-top: 1px double #000000;
border-left:1px double #000000;
border-right:1px double #000000;
}