html, body {
height: 100%;
margin-bottom: 1px;
}

body {
background: #ffffff url(bilder/hintergrund.gif) repeat-x;
font-size: 13px;
font-family: Verdana, Arial, Sans-Serif;
padding: 0px;
margin: 0px;
}

li {list-style: none;}

a {color: #404040; text-decoration: underline; font-weight: bold}
a:hover {color: #ac007c; font-weight: bold}
a:active {}
a:visited {}

ol.liste {

font-size: 13px;
font-weight: normal;
color: #ac007c;
padding: 3px;
margin: 30px
}

li.liste {
list-style-type: disc;
font-size: 13px;
font-weight: normal;
color: #404040;
padding: 3px;
margin: 0px
}

td, php {
color: #404040;
line-height: 18px;
margin: 0px;
}

p {
color: #404040;
line-height: 18px;
padding: 20px 0 0 0;
margin: 0px;
}

p.block {
color: #404040;
line-height: 18px;
padding: 20px 0 0 0;
margin: 0px;
text-align:justify;
}

.beere {
color: #ac007c;
font-weight: bold
}

textarea, input, select {
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
	color:#404040;
}

	

h1 {
font-size: 20px;
font-weight: bold;
color: #ac007c;
padding: 0px;
margin: 0px;
}

h2 {
font-size: 16px;
font-weight: normal;
padding: 10px 0 0 0;
color: #ac007c;
margin: 0px;
}

h3 {
font-size: 16px;
font-weight: normal;
color: #4d4d4d;
padding: 0px;
margin: 0px;
}

h4 {
font-size: 16px;
font-weight: bold;
color: #ffffff;
padding: 10px;
margin: 0px;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 1024px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
padding: 0px;
position: relative;
background: url(bilder/header.jpg) no-repeat;
}

/* ----------------menu---------------- */
#menu {float:right; display:block; height:20px; padding:16px 145px 8px 0;}
#menu ul {margin:0px; padding:0px; list-style-type:none;}
#menu li {float:left; display:block;}
#menu li.list1 {width:52px; background:transparent url(bilder/home-button.gif);}
#menu li.list2 {width:109px; background:transparent url(bilder/behandlung-button.gif);}
#menu li.list3 {width:72px; background:transparent url(bilder/praxis-button.gif);}
#menu li.list4 {width:77px; background:transparent url(bilder/service-button.gif);}
#menu li.list5 {width:68px; background:transparent url(bilder/kontakt-button.gif);}
#menu a {display:block; padding-top:20px; height:0; color:#ffffff; text-decoration:none; overflow:hidden;}

* html #menu a:link, * html #menu a:visited {height:20px; he\ight:0;}

#menu a#item1 {background:transparent url(bilder/home-button_rollover.gif) -52px -20px no-repeat;}
#menu a#item2 {background:transparent url(bilder/behandlung-button_rollover.gif) -109px -20px no-repeat;}
#menu a#item3 {background:transparent url(bilder/praxis-button_rollover.gif) -72px -20px no-repeat;}
#menu a#item4 {background:transparent url(bilder/service-button_rollover.gif) -77px -20px no-repeat;}
#menu a#item5 {background:transparent url(bilder/kontakt-button_rollover.gif) -68px -20px no-repeat;}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}

#menu a#item1.active {background-position:top right; z-index:50;}
#menu a#item2.active {background-position:top right; z-index:50;}
#menu a#item3.active {background-position:top right; z-index:50;}
#menu a#item4.active {background-position:top right; z-index:50;}
#menu a#item5.active {background-position:top right; z-index:50;}

* html #menu a:hover {height:20px; he\ight:0;}

/* --------------subnavigation container------------- */
#submenu_container {
float: left;
width: 320px;
margin: 0px;
padding: 215px 0 0 0;
}

/* --------------submenu------------- */
#submenu {
width: 320px;
height: 160px;
margin: 0px;
padding: 0px;
overflow: hidden;
}

#submenu ul {
padding: 0px;
margin: 0px;
}

#submenu li a {
display: block;
width: 320px;
font-size: 13px;
font-weight: bold;
color: #404040;
padding: 1px 0px;
margin: 0px;
text-decoration: none;
text-align: right;
}

#submenu li a:hover {
color: #ac007c;
}

#submenu li .active {
color: #ac007c;
}

/* -----------------hauptbild--------------------- */
#hauptbild {
float: right;
width: 545px;
height: 307px;
padding: 0 135px 0 0;
margin: 0px;
overflow: hidden;
}


/* -----------------inhalt container--------------------- */
#inhalt_container {
clear: both;
padding: 15px 142px 40px 0;
margin: 0px;
}

#inhalt_container:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0px;
visibility: hidden;
}

/* -----------------text box lang--------------------- */
#text_box_lang {
float: right;
width: 535px;
padding: 0 0 80px 0;
margin: 0 0 10px 0;
}

/* -----------------text box lang extra--------------------- */
#text_box_lang1 {
float: right;
width: 535px;

}

/* -----------------text box links--------------------- */
#text_box_links {
float: right;
width: 340px;
padding: 0 35px 80px 0;
margin: 0 0 10px 0;
}

/* -----------------text box rechts--------------------- */
#text_box_rechts {
float: right;
width: 340px;
padding: 0 0 80px 35px;
margin: 0 0 10px 0;
}

/* -----------------bild rechts--------------------- */
#bild_rechts {
float: right;
width: 240px;
height: 160px;
padding: 0px;
margin: 0 0 15px 0;
background: #ac007c;
overflow: hidden;
border:#ac007c solid 2px;
}

/* -----------------bild rechts extra--------------------- */
#bild_rechts_b {
float: right;
display:block;
width: 240px;
height: 160px;
padding: 0px;
margin: 0 0 15px 0;
background: #ac007c;
overflow: hidden;
border:#ac007c solid 2px;
}

/* -----------------bild links--------------------- */
#bild_links {
float: left;
width: 240px;
height: 160px;
padding: 0px;
margin: 0 0 15px 0;
background: #ac007c;
overflow: hidden;
border:#ac007c solid 2px;
}

/* -----------------bild links block--------------------- */
#bild_links_b {
float: left;
display:block;
width: 240px;
height: 160px;
padding: 0px;
margin: 0 0 15px 0;
background: #ac007c;
overflow: hidden;
border:#ac007c solid 2px;
}

/* -----------galerie container----------- */
#galerie_container {
float: right;
width: 545px;
padding: 0px;
margin: 0 0 38px 0;
}

/* -------------galerie bild------------- */
#galerie_bild {
float: left;
width: 128px;
height: 128px;
padding: 0px;
margin: 0 0 7px 4px;
background: #ac007c;
overflow: hidden;
border:#ac007c solid 2px;
}

/* ----------------footer---------------- */
#footer {
clear: both;
width: 100%;
height: 20px;
position: relative;
bottom: 0 !important;
bottom: -1px;
padding: 0px;
margin: -20px 0 0 0;
background: #ac007c;
}

#impressum {
clear: both;
position: relative;
bottom: -10px;
font-size: 9px;
text-align:left;
color: #71868c;
padding: 0 0 0 345px;
margin: 0px;
}
	

#footer p {
font-size: 9px;
text-align: center;
line-height: 12px;
color: #ffffff;
padding: 3px  0 0 165px;
margin: 0px;
}

/* ----------------Accordion---------------- */

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid;
border-color: #4d4d4d;
background: #ac007c;
font-size: 16px;
margin: 5px 0;
}

.technology1{ /*header of 2nd demo*/
color: #FFF;
padding: 2px 25px;
border: 1px solid;
border-color: #4d4d4d;
background: #ac007c;
font-size: 16px;
margin: 5px 0;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #4d4d4d;
background: white;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: white;
border: 1px;
border-color: #4d4d4d;
}