/* Layout beautymedclinic.de */

html,body{margin:0; padding:0; }

body{font: 12px/20px Tahoma, "Lucida Sans", Geneva, Arial, Helvetica, sans-serif; 
     color: #666666; text-align:center; 
     background: #FFFFF0 url('images/Bodybackgr.png') no-repeat center top;
     padding-bottom: 30px;}

div#container{width:970px; height:500px; margin:0 auto; text-align:left; 
              background: transparent url('images/fraublonde.png') no-repeat left top;}

div#header {height:100px;  margin:32px 200px 0 246px;  color: #FFFFFF;}

div#wrapper{float:left; width:100%; background-color:transparent; }

div#content{width:500px; margin: 0 240px; background-color:transparent;}
div#content p{line-height:1.4; color: #444444; }
div#contentheader{background: url('images/Content_oben.png') no-repeat;}
div#contentinner{ padding:20px 30px 10px 32px; min-height: 400px;}
div#contentfooter{ background: url('images/Content_unten.png') no-repeat bottom;}

div#navigation{float:left; width:240px; margin-left:-970px; margin-top: 100px; background-color:transparent;}
div#navigationinner{width: 240px; margin: 0px; background-color:transparent;}

/*mainnavigation*/
	
div#navigationinner ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	}
	
div#navigationinner li a 
{
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color:#666666;
	text-decoration: none;
	margin-bottom: 1px;
	height: 32px;
    line-height: 32px;

	}	
	
div#navigationinner li a:link, div#navigationinner li a:visited {
	color: #666666;
	display: block;
	background:  url('images/navmain.png');
	padding: 0px 0 0 30px;
	}
	
div#navigationinner li a:hover {
	color: #666666;
	background:  url('images/navmain.png') 0 -32px;
	padding: 0px 0 0 30px;
	}
	
/*second level */
div#navigationinner li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
	background:  url('images/2Ebene.png') no-repeat bottom right ;
	}
	
div#navigationinner li ul li a 
{
    font: 12px/20px Tahoma, "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	height: 26px;
	line-height: 26px;
	text-decoration: none;

	}	
	
div#navigationinner li ul li a:link, div#navigationinner li ul li a:visited {
	color: #666666;
	display: block;
	background:   transparent;
	padding: 0 0 0 50px;
	}
	
div#navigationinner li ul li a:hover {
	color: #666666;
	background:  transparent;
	padding: 0 0 0 50px;
	text-decoration: underline;
	}
	
 .CSSChildActive {font-weight: bold;}
 .CSSActive { }
 
 li.CSSRowActive a:link, li.CSSRowActive a:visited
 {
    color: #666666;
	display: block;
	background:  url('images/navaktiv.png');
	padding: 0px 0 0 30px;
	}
	
div#address
{margin-left: 30px;
    font: 11px Tahoma, "Lucida Sans", Geneva, Arial, Helvetica, sans-serif; 
            text-align:left; 
            color: #666666;}
div#address h2 {font-size: 14px;}            

div#marginal{float:left; width:200px; margin-left:-200px; background-color:transparent;}
div#marginalheader{background: url('images/Marginale_oben.png') no-repeat; }
div#marginalinner{font: 11px/16px Tahoma, "Lucida Sans", Geneva, Arial, Helvetica, sans-serif; padding:10px 20px 10px 20px;}
div#marginalfooter{font-size: 1px; height: 15px; background: transparent url('images/Marginale_unten.png') no-repeat bottom; }
div#marginalinner h1 {font-size: 16px}

div#copyright{margin-top: 10px; font: 11px Tahoma, "Lucida Sans", Geneva, Arial, Helvetica, sans-serif; text-align:center; color: #666666;}
div#subnavigation {font: 11px Tahoma, "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;}
div#subnavigation {	width: 100%; margin-left: 20px; }
div#subnavigation ul {
	margin: 0px;
	padding: 0px;
	color: #666666;
	line-height: 30px;
	white-space: nowrap;
}
div#subnavigation li {
	list-style-type: none;
	display: inline;
}
div#subnavigation li a {
	text-decoration: none;
	padding: 7px 10px;
	color: #666666;
}
div#subnavigation li a:link {
    color: #666666;
}
div#subnavigation li a:visited {
    color: #666666;
}
div#subnavigation li a:hover {
    text-decoration: underline;
    color: #666666;
}

div#footer{clear:left; width:100%; background: #333; color: #FFF; }
div#footer p{margin:0; padding:5px 10px; }

p{ }




  


img {
	border: none;
}

a:link, a:visited {
	color:rgb(255,102,51);
	text-decoration: underline;
}

a:hover, a:active {
	color:rgb(255,102,51);
}

.clear {
	margin-bottom: 30px;
	clear: both;
}



.form {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3 {
	color:rgb(255,102,51);
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-weight: normal;
	font-size: 18px;
}

/*
Formulare
*/

.contact_valSummary {
	color: #00888E;
	font-weight: bold;
	padding: 5px;
	padding-left: 0px;
	margin-bottom: 4px;
}
/* contactform*/
.Kontaktform {
	
}
.Kontaktform fieldset {border: none;}

.Kontaktform label { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
	padding: 5px 0px 5px 5px;
	margin: 0px;
	width: auto;
	vertical-align: middle;
}
.KontaktformTextinput { /* Alle Labels UND Formularelemente auswählen */
	float: left;
	width: 390px;
	background: #FFFFFF url(images/body_input.png) repeat-x center top;
	height: 20px;
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border: 1px solid #E0E0E1;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
}
.KontaktformCheckbox { /* Alle Labels UND Formularelemente auswählen */
	font: 11px Arial, Helvetica, sans-serif;
}
.Kontaktform select { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
	width: 396px;
	padding: 2px;
	background: #FFFFFF url(images/body_input.png) repeat-x center top;
	margin: 3px 0px;
	height: 23px;
	border: 1px solid #E0E0E1;
	font: 12px/23px Arial, Helvetica, sans-serif;
	color: #666666;
}
.Kontaktform br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
.KontaktformSubmit { /* den Submit-Button */
	width: 130px;
	color: #666666;
	background: url(images/body_submit.png) no-repeat center center;
	display: block;
	font: bold 13px/13px Arial, Helvetica, sans-serif;
	height: 28px;
	padding: 0px 0px 2px;
	vertical-align: middle;
	border-style: none;
	cursor: pointer;
	position: relative;
	margin-left: 3px;
}
.KontaktformSubmit:hover { /* den Submit-Button */
	width: 130px;
	color: #000000;
	background: url(images/body_submit_over.png) no-repeat center center;
	display: block;
	font: bold 13px/13px Arial, Helvetica, sans-serif;
	height: 28px;
	padding: 0px 0px 2px;
	vertical-align: middle;
	border-style: none;
	cursor: pointer;
	position: relative;
	margin-left: 3px;
}
.Kontaktform #reset { /* den Reset-Button */
	float: left;
	width: 336px;
	margin: 10px;
	background: #E5E5E5;
}
.Kontaktform textarea { /* Alle Labels UND Formularelemente auswählen */
	float: left;
	width: 390px; /* Breite.*/
	border: 1px solid #E0E0E1;
	padding: 2px;
	background: #FFFFFF url(images/body_input.png) repeat-x center top;
	margin: 3px 0px;
	clear: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
}
.CheckBoxListForm input {
	width: auto !important;
	margin-left: 3px;
	margin-top: 5px;
	float: left;
}

.CheckBoxListForm td {
	font-size: 11px;
}














