/*  

### please do not remove the following lines ###



Template Name: Dr. Hagmann

Template URI: www.dr-hagmann.ch

Description: XHTML Template für Dr. med. Peter Diego Hagmann

Author: RHOdesign - Roman Hospenthal, Gsteigstrasse 14, CH-6403 Küssnacht am Rigi

Author URI: www.rhodesign.ch

*/



body {

background-color: #dcdcdc;

font-size: 12px;

line-height: 16px;

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

color: #dcdcdc;

padding:0px;

margin:0px;

}







a {

color: #DB7093;

text-decoration: none;

}

a:hover {

color: #564b47;

text-decoration: underline;

}



a img{

border: none;

outline: none;

}

















/* ----------container zentriert das layout-------------- */

#container_index {

width: 900px;

height:600px;

padding-top: 50px;

margin-left: auto;

margin-right: auto;

}





#container {

width: 800px;

margin-bottom: 10px;

margin-left: auto;

margin-right: auto;

color:#676767;

padding-top: 50px;

}













/* ----------banner for logo-------------- */

#banner {

padding: 0px;

margin: 15px 0 25px 0;

}













/* ######################## START INHALT ####################### */

#content {


margin-right: 0px; 

padding: 0px 30px 0 0;

height: 420px;

width: 540px !important;

overflow: auto;

}



#content h2 {

font-size:20px;

font-weight: normal;

margin: 0 0 20px 0;}



#content h3 {

font-size:16px;

font-weight: bold;

margin: 15px 0 15px 0;}



#content h4 {

font-size:14px;

font-weight: bold;

margin: 15px 0 15px 0;}



#content h5 {

font-size:12px;

font-weight: bold;

margin: 15px 0 15px 0;}





.alignleft {

float: left; 

margin-right: 20px;

margin-bottom: 12px;

}

.alignright {

float: right; 

margin-left: 20px;

margin-bottom: 12px;

}



blockquote {

font-style:italic;

font-size: 11px;

margin: 5px 0px 10px 20px;

padding-left: 15px;

border-left: 2px solid #676767;

}



#content ul {

list-style-type: none;

margin-left: 0px;

padding-left: 0px;

}



#content ol {

list-style-type: decimal;

margin-left: 18px;

padding-left: 5px;

}

































/* ######################## ENDE INHALT ####################### */







































/* --------------left navigavtion------------- */

#left {

float: left;

width: 224px;

margin: 0px;

background-image: url(../images/bg_navigation.jpg);

background-repeat: no-repeat;

height: 600px; /* das hier für den ie */

}

/* folgende anweisung wird nicht vom ie interpretiert */

#left[id] {

height:auto;

min-height:600px;

}









/* --------------HDN Code Button in der linken Spalte------------- */

#codebutton{

margin: 35px 0 0 160px;

}













#nav { /* all lists */

margin-left: 40px !important;

padding: 55px 0 0 5px;

list-style: none;

float : left;

}



#nav ul { /* all lists */

padding: 0;

margin: 0;

list-style: none;

float : left;

}

	

#nav li { /* all list items */

position : relative;

float : left;

margin-bottom : -1px;

height: 23px;

line-height: 25px;

}

	

	

	

	

	

	

#nav li ul { /* second-level lists */

position : absolute;

left: -999em;

margin-left : 11.05em;

margin-top : -1.35em;

}

#nav li ul li {

height: 26px;

line-height: 26px;

}

#nav li ul a{ 

color: #000 !important;

background-color: #ff9999;

display: block !important;

width: 150px !important;

font-weight: normal !important;

font-size: 11px;

}

#nav li ul a:hover{ 

color : #FFF !important;

}











	

#nav li ul ul { /* third-and-above-level lists */

margin-left : 160px;

margin-top : -2.15em;

}

#nav li ul ul li a {

width: 220px !important;

display: block !important;

}











	

#nav li a {

width: 11em;

w\idth : 10em;

display : block;

color : #FFF;

font-weight : bold;

text-decoration : none;

padding : 0 0.7em;

}

	

#nav li a:hover {

color : #ff9999;



}

	

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

left: -999em;

}

	

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */

left: auto;

}























































/* -----------footer--------------------------- */

#footer {

margin-left: 220px !important;

margin: 30px 0 0 0;

padding: 0px;

text-align: right; 

height: 35px;

background-image: url(../images/footer.jpg);

background-repeat: no-repeat;

width: 580px

}











form {
width:480px;
display:block;
padding-top: 30px;
}



label {
display:block;
float:left;
margin-bottom:5px;
text-align:left;
width:80px;
padding-right:20px;
}



input, textarea {
display:block;
width:280px;
float:left;
margin-bottom:10px;
border:1px solid #a7a7a7;
padding:1px 5px;
}

input:hover, textarea:hover, input:focus, textarea:focus {
border:1px solid #676767;
}

.button {
width:120px !important;
border:1px solid #676767 !important;
background-color:#a7a7a7;
color:#676767 !important;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-right: 5px;
}

.button:hover {
background-color:#676767;
color:#dcdcdc !important;
}


.hidden{
visibility: hidden;
display: none;
}
.checkbox{
width: 15px !important;
display: inline !important;
margin-bottom:3px !important;
}