/*  ------------ css for medbeauty.com ------------  */

@import url(news.css);
@import url(formular.css);
@import url(medbeaut_bc.css);

body {
background-color: #fff;
font-size: 12px;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color: #666;
padding: 0;
margin: 36px 0;
/* overflow : hidden; */}

a {color: #111; text-decoration: underline;}
a:visited {color:#111; text-decoration: none;}
a:hover {color: #666; text-decoration: underline;}
a:active {color: #666; text-decoration: none;}

a.topMenuLink, a.topMenuLink:visited, a.topMenuLink:active {color: #111; text-decoration: none;}
a.topMenuLink:hover {color: #666; text-decoration: none;}

a.leftMenuRubrik, a.leftMenuRubrik:visited, a.leftMenuRubrik:active {color: #666; text-decoration: none;}
a.leftMenuRubrik:hover {color: #111; text-decoration: none;}

a.leftMenuLink, a.leftMenuLink:visited, a.leftMenuLink:active {color: #111; text-decoration: none;}
a.leftMenuLink:hover {color: #666; text-decoration: none;}

a.breadcrumbLink, a.breadcrumbLink:visited, a.breadcrumbLink:active {color: #666; text-decoration: none;}
a.breadcrumbLink:hover {color: #111; text-decoration: none;}

a.footerMenuLink, a.footerMenuLink:visited, a.footerMenuLink:active {color: #666; text-decoration: none;}
a.footerMenuLink:hover {color: #111; text-decoration: none;}

h1 { font-size: 12px; font-weight: bold; color: #111; padding: 5px 0px; margin: 0px;}
h2 { font-size: 12px; font-weight: bold; color: #3B7DC1; padding: 5px 0px; margin: 0px;}
h3 { font-size: 12px; font-weight: bold; color: #666; padding: 5px 0px; margin: 0px;}
p { padding: 5px 0px; margin: 0px; }
li { list-style-type: square;}

/*  ------------ Menu specs ------------  */
.topMenu { font-size: 12px; padding: 72px 0px 12px 180px; margin: 0;}
/* geaendert : margin: 7px 0px;  */
.topMenuLink, .top_produkt, .top_center, .top_professionals, .top_about, .top_reserve { padding: 0px 40px 0px 0px;}

.top_produkt { color: #3B7DC1;}
.top_center { color: #4AA75A;}
.top_professionals { color: #C10C46;}
.top_about { color: #7C1E7C;}
.top_reserve { color: #DB9C24;}
.foot_haendler { color: #DB9C24;}
.foot_presse { color: #B7D458;}
.foot_kontakt { color: #542D81;}

#breadcrumb { padding: 26px 0px 26px 0px; margin: 0px; color: #666; float:left; }
#breadcrumbLink { color: #666;}



.print{ padding: 26px 25px 26px 0px; text-align:right; }
#page_products .print A { color: #3B7DC1;}
#page_bc .print A { color: #4AA75A;}
#page_prof .print A { color: #C10C46;}
#page_about .print A { color: #7C1E7C;}
#page_near .print A { color: #DB9C24;}
#page_press .print A { color: #B7D458;}
#page_contact .print A { color: #542D81;}
#page .print A { color: #666;}






.leftMenu { font-size: 12px; padding: 72px 0px 12px 160px; margin: 7px 0px;}
.leftMenuLink { padding: 0px ; color: #666;}

li.leftMenu { list-style-type: square; margin: 8px 12px; padding: 0px;} /* ----- Menu links ----- */
li.leftMenu_act { list-style-type: square; margin: 8px 12px; padding: 0px;}


/* da das Menu sehr lang ist bei Produkten */
#page_products li.leftMenu { list-style-type: square; margin: 6px 12px; padding: 0px;}
#page_products li.leftMenu_act { list-style-type: square; margin: 6px 12px; padding: 0px;}



.leftMenu_produkt {  font-size: 11px; padding:0px; margin: 0;}
ul.leftMenu_produkt { padding:0px; margin-top: 26px;}
li.leftMenu_produkt { list-style-type: none; padding: 0px 0px 0px 20px; margin:0px;}

.bodytext a:hover { text-decoration: underline; }



li.footerMenu_presse,  li.footerMenu_haendler, li.footerMenu_kontakt, li.footerMenu { list-style-type: none;padding: 0px;}



.leftMenu { font-size: 11px; padding: 0px 20px; margin-top: 10px;}

.footerMenu_haendler, .footerMenu_presse, .footerMenu_kontakt { font-size: 11px; padding: 0px 20px; margin-top: 26px;}



.leftMenu_produkt { color: #3B7DC1; }
.leftMenu_center { color: #4AA75A; }
.leftMenu_professionals { color: #C10C46; }
.leftMenu_about { color: #7C1E7C; }
.leftMenu_reserve { color: #DB9C24; }
.footerMenu_haendler { color: #DB9C24; }
.footerMenu_presse { color: #666; }
.footerMenu_kontakt { color: #542D81; }

/* Aenderung jo.st 
die unterschiedlichen Rubriken lassen sich 
durch "#left_Bezeichnung" ansprechen.*/

/* Farben sind nicht kontrolliert */
#left_produkt .leftMenu_act { color: #3B7DC1; }
#left_center .leftMenu_act { color: #4AA75A; }
#left_professionals .leftMenu_act { color: #C10C46; }
#left_about .leftMenu_act { color: #7C1E7C; }
#left_reserver .leftMenu_act { color: #DB9C24; }
#left_haendler .leftMenu_act { color: #DB9C24; }
#left_presse .leftMenu_act { color: #666; }
#left_kontakt .leftMenu_act { color: #542D81; }
/* änderung ENDE */

/*
.footerMenu { font-size: 10px; font-weight: bold; padding: 10px 0px; margin: 8px 1px;}
*/
.footerMenu { font-size: 10px; font-weight: bold; padding: 8px 0px 5px 0px; margin: 0px 1px 8px 0px}
li.footerMenu { margin:6px 0px 0 0; padding:0 0 2px 0; }


/*  ------------ divers ------------  */
.spacer { padding: 5px 0px; margin: 0px;}
.spacer20 { padding: 20px 0px; margin: 0px;}
#clear { clear:both; height: 1px; padding: 5px 0px; margin:0;}

img.download { vertical-align:middle;}

#img_right { float: right; position: relative;}
/*#img_asp { float: left; position: relative; padding: 0px 30px 0px 92px; margin: 0px;}*/
.imgTitel { font-size: 11px; font-weight: normal; padding: 0px; margin: 0px;}
a.imgTitel, a.imgTitel:visited, a.imgTitel:active {color: #666; text-decoration: none;}
a.imgTitel {color: #111; text-decoration: none;}
.textLink {color: #111; text-decoration: none;}

#article1 { width: 486px; padding: 9px 0px; margin: 0px;}
#article2 { width: 676px; padding: 9px 0px; margin: 0px;}
#article3 { width: 710px; padding: 9px 0px; margin: 0px;}

#therm {	height: 398px; width: 710px;}
div#therm {	overflow:auto;}
#therm2 {	height: 398px; width: 710px;}

/*  ------------ container zentriert ------------  */
#container {
width: 900px;
padding: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto; } 

/*  ------------ banner for logo ------------  */
#banner {
text-align: left;
min-height: 72px;
background: no-repeat url(/fileadmin/templates/images/oben.gif) 0px 0px;
padding: 0px;
margin: 0px; }
#banner img {padding:0px 0px;} 

/*  ------------ outer und inner ------------  */
#outer_1 { 
border-left: solid 180px #fff;
border-right: solid 180px #fff;
/*background-color: #fff;*/} 
#outer_3 { 
border-left: solid 180px #fff;
border-right: solid 0px #fff;
/*background-color: #fff;*/} 

#inner {margin:0; width:100%; }

/*  ------------ left ------------  */
#left_Img1, #left_Img2, #left_Img3, #left_produkt, #left_center, #left_professionals, #left_about, #left_reserve, #left_haendler, #left_presse, #left_kontakt {
width: 180px;
height:426px;
min-height: 426px;
float: left; 
position: relative;
margin-left: -180px; 
margin-right: 1px;
}

#left_Img1 { background: no-repeat url(../../images/MB_bild1.jpg) 0px 0px;}
#left_Img2 { background: no-repeat url(../images/MB_bild2.jpg) 0px 0px;}
#left_Img3 { background: no-repeat url(../images/MB_bild3.jpg) 0px 0px;}
#left_produkt { background: no-repeat url(../images/hg_menu01_produkt.gif) 0px 0px;}
#left_center { background: no-repeat url(../images/hg_menu02_center.gif) 0px 0px;}
#left_professionals { background: no-repeat url(../images/hg_menu03_professional.gif) 0px 0px;}
#left_about { background: no-repeat url(../images/hg_menu04_about.gif) 0px 0px;}
#left_reserve { background: no-repeat url(../images/hg_menu05_reserve1.gif) 0px 0px;}
#left_reserve2 { background: no-repeat url(../images/hg_menu05_reserve2.gif) 0px 0px;}
#left_haendler { background: no-repeat url(../images/hg_menu11_haendler.gif) 0px 0px;}
#page_near #left_center { background: no-repeat url(../images/hg_menu11_haendler.gif) 0px 0px;}
#left_presse { background: no-repeat url(/fileadmin/templates/images/hg_menu12_presse.gif) 0px 0px;}
#left_kontakt { background: no-repeat url(/fileadmin/templates/images/hg_menu13_kontakt.gif) 0px 0px;}

/*  ------------ right ------------  */
 #right_produkt, #right_center, #right_professionals, #right_about, #right_reserve, #right_reserve2, #right_haendler, #right_presse,  #right_kontakct {
width: 180px;
height: 426px;
min-height: 426px;
float: right; 
position: relative; 
margin-right: -180px;  
margin-left: 1px;}

#right_kontakt {
width: 180px;
height: 426px;
min-height: 426px;
float: right; 
margin-left: 1px;
}
#page_contact #article2 {width:500px;float:left;}


#right{
width: 180px;
/* height: 426px;     raus genommen fuer die Stratseite mit news */
min-height: 426px;
float: right; 
position: relative; 
margin-right: -180px; 
margin-left: 1px;}

#right_produkt { background: no-repeat url(/fileadmin/templates/images/rechts_prod_2.jpg) 0px 0px;}
#right_center { background: no-repeat url(/fileadmin/templates/images/rechts_beautycenter.jpg) 0px 0px;}
#right_professionals { background: no-repeat url(/fileadmin/templates/images/rechts_professionals.jpg) 0px 0px;}
#right_about { background: no-repeat url(/fileadmin/templates/images/rechts_about.jpg) 0px 0px;}
#right_reserve { background: no-repeat url(/fileadmin/templates/images/rechts_reserve1.jpg) 0px 0px;}
#right_reserve2 { background: no-repeat url(/fileadmin/templates/images/rechts_reserve2.jpg) 0px 0px;}
#right_haendler { background: no-repeat url(/fileadmin/templates/images/rechts_haendler.jpg) 0px 0px;}
#right_presse { background: no-repeat url(/fileadmin/templates/images/rechts_presse.jpg) 0px 0px;}
#right_kontakt { background: no-repeat url(/fileadmin/templates/images/rechts_kontakt_1.jpg) 0px 0px;}
#right_kontakct { background: no-repeat url(/fileadmin/templates/images/rechts_kontakt_2.jpg) 0px 0px;}
/*  ------------ content ------------  */ 
#content { 
position: relative; 
min-height: 456px;
line-height: 15px;
height: expression(this.scrollHeight > 456 ? "auto":"456px");
margin: 0px; }

/*  ------------ footer ------------  */ 
#footer {
clear: left;
min-height: 72px;
background: no-repeat url(/fileadmin/templates//images/unten.gif) 0px 0px;
padding: 0px 46px;
margin: -38px 0px 0px 0px ;
text-align: left; } 


.csc-frame-frame1 { clear:both; padding: 5px 0px; margin:0; } /* Abstand der Produktliste mit Auswahlrahmen jo.st*/
.csc-frame-frame2 { clear:both; padding: 10px 0px 75px 91px; margin: 0; } /* Abstand der Teamliste mit Auswahlrahmen jo.st*/
.csc-frame-frame2 .csc-textpic-text { margin: 0px 60px 0px 160px;}

.leftMenu_gloassar, .leftMenu_gloassar_act { list-style-type: none; padding: 5px 0px; color: #3B7DC1; }

/* Seminratitel ausblenden bei Datum */
.semtitle{ display:none;}
.semlink{
float:left;
padding:2px 0 2px 60px;
width:490px;
}
.time{clear:left; line-height:18px; display:none;}

.semunder{
width:550px;
padding:0 0 5px 0;
border-bottom:1px solid #666;
}


/* Dropdown Menu Hanedlersuche */
.dropdown { padding: 0 30px;}
.dropdown select { color:#666;  border: #7F7F7F 1px solid;}




/* copyright Link */
.copyright { text-align:right; }
#page_products .copyright A { color: #3B7DC1;}
#page_bc .copyrightA { color: #4AA75A;}
#page_prof .copyright A { color: #C10C46;}
#page_about .copyright A { color: #7C1E7C;}
#page_near .copyright A { color: #DB9C24;}
#page_press .copyright A { color: #B7D458;}
#page_contact .copyright A { color: #542D81;}
#page .copyright A { color: #666;}