body {
 font: normal 12px arial;
 color: #000;
 padding: 0px;
 margin: 0px auto;
 background-color: #FFFFFF;
 height: 100%;
}

body,html {height:100%}

#wrapper {
 position:absolute;
 width: 800px;
 left: 50%;
 margin-left: -400px;
 background-color: #333333;
 height: auto;
}

#top1 {
color: #ffffff;
padding: 2px;
margin: 0px;
height: 15px;
background-color: #0033ff;
margin: 10px 0 5px 0;
font-weight: bold;
}

#top2 {
background-color: #fff;
margin: 5px 0 5px 0;
}

#navigation_top {
color: #ffffff;
background-color: #0033ff;
margin: 5px 0 5px 0;
}

#navigation_top table{
 width: 100%;
}
#navigation_top table tr td{
 width: 16,66%;
 text-align:center;
 color: #fff;
 font: bold 12px arial;
}
#navigation_top table tr td a{
display: block;
background-color: #0033ff;
border-width: 1px;
border-style: solid;
border-color: #0033ff #0033ff  #0033ff  #0033ff;
padding: 1px;
width: 115px;
color: #fff;
text-decoration:none;
}

#navigation_top table tr td a:hover{
display: block;
background-color: #0033ff;
border-width: 1px;
border-style: solid;
border-color: #fff #fff  #fff  #fff;
padding: 1px;
width: 115px;
color: #fff;
text-decoration:none;
}

#middle {
float:left;
height: 100%;
background: #FFCC66 url(../images/bg1.gif) repeat-y;
margin: 0px;
padding: 0px;
display:block;
margin: 0 0 5px 0;
}

#navigation_left {
float:left;
width: 130px;
background-color: #FFCC66;
padding: 5px;
}

#navigation_left span.line {
display: block;
height: 5px;
width: 110px;
background-color: #E7E7CE;
margin: 5px 0 5px 0;
}

#navigation_left a {
/*color: #404040;*/
color: #003366;
/*text-decoration: underline;*/
text-decoration: none;
}
#navigation_left a:hover {
color: #000;
text-decoration: underline;
}

#navigation_left a.sub {
/*color: #606060;*/
color: #003366
/*text-decoration: underline;*/
text-decoration: none;
margin-left: 20px;
}
#navigation_left a.sub:hover {
color: #000;
text-decoration: underline;
margin-left: 20px;
}
#linklist {
margin-left: 20px;
}

/*SLIDE DOWN MENU */
#divCont {position:relative; z-index:1; left:0px; top:0px; width:120px; visibility:hidden;}
.clTop   {position:absolute; z-index:1; width:120px; line-height:17px; padding: 5px 0 5px 0}
.clSub   {position:absolute; z-index:1; left:12px;width:120px; line-height:18px;}

/*** This sets the style for the links inside the menu. ***/
#divCont .clTop a {color:#808080; text-decoration:underline;}
#divCont .clTop a:hover {color:#000; text-decoration:underline; }
#divCont .clTop .clSub a {color:#808080; line-height: 17px; text-decoration:underline;}
#divCont .clTop .clSub a:hover {color:#000; text-decoration:none;}
/* ------------ */


#content {
float:left;
width: 640px;
height: 100%;
background-color: #fff;
text-align:left;
color:#000;
padding: 10px;
}
#content a {
color: #000;
text-decoration: none;
}
#content a:hover {
color: #000;
text-decoration: underline;
}

h1 {
font-size: 14px;
}
h2 {
font-size: 13px;
}
h3 {
font-size: 12px;
font-weight: bold;
}

#content table.kontakt {
 border: 0px;
 border-spacing: 5px;
 font: normal 12px arial;
}
#content table.kontakt tr td input  { font: 12px arial; background-color: #e7e7ce; margin-left: 10px; border: solid 1px #ffcc66 }
#content table.kontakt tr td textarea {
 border: 1px solid #FFCC66;
 background-color: #E7E7CE;
 width: 300px;
 height: 150px;
 margin-left: 10px;
 font: normal 12px arial;
}
#content table.impressum tr td textarea  { font: 12px arial }
#content table.bandagen tr td textarea { font: 12px arial }
#content table.zurichtung tr td textarea { font: 12px arial }

#bottom1  {
 font: bolder 11px arial;
 background-color: #0033ff;
 text-align: right;
 clear: both; padding: 2px
}

#bottom1 a{
color: #fff;
text-decoration: none;
}
#bottom1 a:hover{
color: #000;
text-decoration: underline;
}
#bottom2 {
background-color: #0033ff;
height: 30px;
text-decoration: none;
}
div#liste {
background-color: #E0FFFF;
}

}