#cdoc {
	margin:auto;text-align:left; /* leave unchanged */
	width:74.5385em;/* non-IE */
	*width:72.7421em;/* IE */
	min-width:969px;/* optional but recommended */
	
}
a{
	outline-style:none;
	outline-width:0px;
}

body
{
    overflow-y:scroll;
    *overflow-y: auto;
    
}

object
{
    outline:none;
}


/* HEADER ****************************************************************/

#hd /* Headerbereich*/
{
}

.hd1st /* Headerzeile*/
{
    background-image:url(images/ui2/header.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    height:37px;
}

.topmenu /* in hd1st */
{
    text-align:right;
    margin-top:10px;
    font-size:9px;
    font-weight:normal;
}

.topmenu a
{
    color:White;
    text-transform:uppercase;
    text-decoration:none;
    margin-right:20px;
}

.topmenu a:hover, .topmenu a:active  { color:#888888; }


.hd2nd /* Logos, Suchzeile */
{
    margin-top:20px;
    height:46px;
}

.logos
{
    
}

.searchmenu /* in hd2nd */
{
    margin-top:15px;
    text-align:right;
    font-size:9px;
    font-weight:bold;
}   

.searchmenu  a
{
    color:Black;
    text-transform:uppercase;
    text-decoration:none;
    margin-left:20px;
    margin-right:20px;
}

.searchmenu a:hover, .searchmenu a:active  { color:#888888; }

.searchinput
{
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    color:#000000;
    width:105px;
    height:16px;
    padding-left:5px;
    padding-top:2px;
    margin-top:5px;    
}

.hd3rd /* Zeile mit Main Menu */
{
    margin-top:30px;
    margin-bottom:30px;
}

.mainmenu
{
    text-align:left;
    font-size:11px;
    margin-left:20px;
}

.mainmenu  a
{
    color:Black;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    margin-right:20px;
}

.mainmenu a:hover, .mainmenu a:active  { color:#888888; }


/* BODY  INTRO ***************************************************/

#bd
{
}

#flash /* Platzhalter Flash-Intro */
{
}

#news
{
    margin-top:-2px;
    border-top:solid 1px #CCCCCC; 
    border-bottom:solid 1px #CCCCCC;
}


/* BODY  PRODUCTLIST ***************************************************/
#bdcnt
{
    
}

.sidemenu
{
    text-align:left;
    font-size:11px;
    margin-left:75px;
    line-height: 20px;
}

.sidemenu  a
{
    color:Black;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
}

.sidemenu a:hover, .sidemenu a:active  { color:#888888; }


.sidemenu_s
{
    line-height: 15px;
    text-align:left;
    font-size:9px;
    font-weight:bold;
    margin-left:95px;
}

.sidemenu_s a
{
    color:Black;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
}

.sidemenu_s a:hover, .sidemenu_s a:active  { color:#888888; }

a
{
    color:Black;
    text-decoration:none;
}

a:hover, .sidemenu_s a:active  { color:#888888; }


/* Footer   ***************************************************/
#ft
{
}

#copyright
{
    margin-left:20px;
    margin-top:20px;
}



/* Allgemein   ***************************************************/
a.active
{
    color:#888888;
}
ul
{
    line-height:15px;
}
.big_cap_grey
{
    font-size:11px;
    text-transform:uppercase;
    color:#888888;
}

.big_cap_black
{
    font-size:11px;
    text-transform:uppercase;
    color:#000000;
}

.big_cap_grey_b
{
    font-size:11px;
    text-transform:uppercase;
    color:#888888;
    font-weight:bold;
}

.big_cap_black_b
{
    font-size:11px;
    text-transform:uppercase;
    color:#000000;
    font-weight:bold;
    margin-top:20px;
}

.big_grey
{
    font-size:11px;
    color:#888888;
}

.big_black
{
    font-size:11px;
    color:#000000;
}
.big_black_b
{
    font-weight:bold;
    font-size:11px;
    color:#000000;
}
.small_cap_grey
{
    font-size:9px;
    color:#888888;
    text-transform:uppercase;
}
.small_grey
{
    font-size:9px;
    color:#888888;
}
.small_black
{
    font-size:9px;
    color:#000000;
}

.small_cap_black
{
    font-size:9px;
    text-transform:uppercase;
    color:#000000;
}

.small_cap_black_b
{
    font-size:9px;
    text-transform:uppercase;
    color:#000000;
    font-weight:bold;
}
.small_black_b
{
    font-size:9px;
    color:#000000;
    font-weight:bold;
}
.small_grey_b
{
    font-size:9px;
    color:#888888;
    font-weight:bold;
}

.caption
{
    font-size:16px;
    text-transform:uppercase;
    color:#000000;
    margin-bottom:20px;
}
.caption2
{
    font-size:16px;
    
    color:#000000;
    
}

h3
{
    font-size:1.5em;
    
}

.p_list li
{
    list-style-type:disc;
    margin-left:15px;
}

.p_table
{
    margin:0px;
    padding:0px;width:100%;
}


.p_table tr
{
    vertical-align:top;
}
.p_table td
{
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    border: solid 1px #eeeeee;
}

.marked
{
    background-color: #eeeeee;
}



.sc-list
{
    text-align:left;
    width:100%;
}

.sc-item
{
    margin-top: 30px;
    border-top: solid 1px #CCCCCC;
    /*
    padding: 10px;
    
    border-style: solid;
    border-width: 1px;
    border-color: #e9e9e9;*/
    
}

.p-list
{
 
}
.p-item
{
    margin-top: 40px;
    margin-right: 10px;
    
    /*border-style: solid;
    border-width: 1px;
    border-color: #f0f0f0;*/
    width:200px;
    float:left;
    
}

.p-item-info
{
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
    width:80px;
    height:11px;
    text-align:center;
    vertical-align:middle;
    
}



.p-item a
{
    text-decoration:none;
}

/* Produkt Details */
.p-img
{
    float:left;
    margin-right:10px;
    
}

.p-info
{
   
}
.p-bold
{
    font-size:12px;
    font-weight:bold;
    margin-bottom:20px;
    color:Black;
}
.p-bold-cap
{
    font-size:12px;
    font-weight:bold;
    margin-bottom:10px;
    color:Black;
    text-transform:uppercase;
}


.content-header
{
   
    
} 

.content-container
{
    
    margin-bottom:10px;
} 



/* autocomplete ergebnis Produktsuche */
div.ac_results ul { 
  margin:0; 
  padding:0; 
  list-style-type:none; 
  border: solid 1px #dddddd; 
  background-color: #eeeeee;
} 

div.ac_results ul li { 
  font-family: Arial, Verdana, Sans-Serif; 
  font-size: 12px; 
  margin: 1px; 
  padding: 3px; 
  cursor: pointer; 
  text-align:left;
} 

div.ac_results ul li.ac_over { 
  background-color: #ffffff; 
} 

/* Suchergebnis */
.s-container
{
    margin-top:15px;
    margin-bottom:10px;
}
.s-header
{
    margin-top:15px;
    margin-bottom:10px;
}
.s-list
{
}
.s-item
{
    margin-bottom:10px;
}
.s-item-img 
{
    float:left;
    margin-right: 10px;
}

/* Salon-/ Shopfinder*/
.input
{
    margin-top:5px;
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
    width:150px;
    height:16px;
    padding-top:2px;
}
.select 
{
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    color:#000000;
    width:112px;
    padding-top:1px;
    height:20px;
    margin-top:5px;
    
}
.finderbutton
{
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
    width:30px;
    vertical-align:bottom;
    height:17px;
}

.f-list
{
}

.f-list p
{
    margin-top:15px;
    margin-bottom:10px;
}

.f-item
{
    margin-top: 10px;
    margin-right: 15px;
    margin-left:0px;
    border-bottom: solid 1px #CCCCCC;
    width:198px;
    height:100px;
    float:left;
    text-align:center; 
    
}
.f-item a
{
    color:#555555;
}

.goto-top
{
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
    width:150px;
    text-align:center;
    margin-top:20px;
    
}

.goto-top a
{
    color:#555555;
    text-decoration:none;
}



/* Kontakt-Form */
h2
{
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 15px;
}
p
{
   margin-bottom: 10px;
}





.kontakt-form
{
    width: 450px;
}

.kontakt-form label
{
    display: block;
    text-align: right;
    height:15px;
    vertical-align:middle;
    width: 100px;
    float: left;
}
.admin-form .small
{
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 100px;
}
.kontakt-form input
{
    font-size: 11px;
    padding: 4px 2px;
    border: solid 1px #cccccc;
    width: 300px;
    margin: 2px 0 10px 0px;
    background-color: #FFFFFF;
    color: #000000;
    
}

.kontakt-form select
{
    font-size: 11px;
    padding: 4px 2px;
    border: solid 1px #cccccc;
    width: 305px;
    margin: 2px 0 10px 0px;
    background-color: #FFFFFF;
    color: #000000;
    
}

.kontakt-form textarea
{
    font-size: 11px;
    padding: 4px 2px;
    border: solid 1px #cccccc;
    width: 300px;
    margin: 2px 0 10px 0px;
    background-color: #FFFFFF;
    color: #000000;
    
}



.go-button
{
    vertical-align: bottom;
    *vertical-align:text-bottom;
}

.dyn-button
{
    font-size:9px;
    text-transform:uppercase;
    color:#000000;
    font-weight:bold;
    text-decoration: none;
    text-align:center;
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
    padding-bottom:2px;
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
    vertical-align:middle;
}



/* Styles für neuen Salonfinder */
#pl_div
{
    overflow:auto;
    width:205px;
    height:50px;
    border:1px solid #cccccc;
    margin-top:-5px;
    margin-bottom:10px;
    padding-left:5px;
    padding-top:2px;
    color:#000000;
}
#pl_div div
{
    margin-top:3px;
    padding:0px;
}

.pl_label
{
    margin:0px;
    padding:0px;
    vertical-align:middle;
}
.pl_check
{
    margin:0px;
    padding:0px;
    vertical-align:middle;
}

.pl_select, .country_select /* Produktlinien Dropdownbox*/
{
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    color:#000000;
    padding-top:2px;
    height:20px;
    margin-top:5px;
    padding-left:5px;
    padding-top:1px;
    vertical-align: bottom;
    *vertical-align:baseline;
}
.plz_input
{
    width:107px;
    height:15px;
}



.f-item-v2
{
    margin-top: 0px;
    margin-bottom: 15px;
    margin-right: 0px;
    margin-left:0px;
    /*border-bottom: solid 1px #CCCCCC;*/
    /*border: solid 1px #CCCCCC;*/
    /*width:303px;*/
    
    width:620px;
    float:left;
    height:100px;
    vertical-align:top;
}

.f-item-v2 p
{
    margin-top:0px;
    margin-bottom:-4px;
}

.pl-icon
{
    float:left;
    margin-left: 10px;
    margin-right:0px;
    margin-bottom:0px;
    margin-top:0px;
    height:35px;
}
#pager
{
    margin-top:0px;
}
.pager-button, pager-button-s
{
    font-size:9px;
    text-transform:uppercase;
    color:#cccccc;
    font-weight:bold;
    text-decoration: none;
    text-align:center;
    background-color:#FFFFFF;
    border:1px solid #cccccc;
    padding-bottom:2px;
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
    margin-right:5px;
    margin-bottom:5px;
    vertical-align:middle;
    width:7px;
    float:left;
}

.pager-button-s
{
    font-size:9px;
    text-transform:uppercase;
    color:#000000;
    font-weight:bold;
    text-decoration: none;
    text-align:center;
    background-color:#FFFFFF;
    border:1px solid #000000;
    padding-bottom:2px;
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
    margin-right:5px;
    margin-bottom:5px;
    vertical-align:middle;
    width:7px;
    float:left;
}
.pager-button a
{
    color:#cccccc;
    outline: white none 0px;
    
}
.pager-button-s a
{
    color:#000000;
    outline: white none 0px;
    
}