/* LOGO */

#head {background: url(../images/shared/head_spiegelschraenke.jpg) no-repeat;}


/* SUBNAVIGATION */

#subnavi .spiegelschrank a:link, #subnavi .spiegelschrank a:active, #subnavi .spiegelschrank a:visited {color: #fff; background: #b3b9bd;}
#subnavi .spiegelschrank a:hover {color: #fff; background: #c6cbce;}

#subnavi .spiegelschrank a.active:link, 
#subnavi .spiegelschrank a.active:active, 
#subnavi .spiegelschrank a.active:visited, 
#subnavi .spiegelschrank a.active:hover {color: #fff; background: #c6cbce;}

/* 2. Ebene */

#subnavi .spiegelschrank ul li a:link, 
#subnavi .spiegelschrank ul li a:active, 
#subnavi .spiegelschrank ul li a:visited {color: #bcc2c6; background: #fff;}
#subnavi .spiegelschrank ul li a:hover {color: #3c72ae; background: #fff;}

#subnavi .spiegelschrank ul li a.active:link, 
#subnavi .spiegelschrank ul li a.active:active, 
#subnavi .spiegelschrank ul li a.active:visited, 
#subnavi .spiegelschrank ul li a.active:hover {color: #3c72ae; background: #fff;}


/* CONTENT */

#content #headline, #content #headline2 {color: #3c72ae;}

#content h3, #content h4, #content p, #content ul {padding-left: 166px;}
#content h3 {margin-top: 0; padding-top: 0; padding-bottom: 2em; font-weight: bold; font-size: 100%;}
#content h4 {margin-top: 1em; padding-top: 0; padding-bottom: 1em; font-weight: bold;}

#content p.basixIcon {background: #79be36; color: #fff; padding: 2px 6px; float: left; margin: 2em 0 0 166px; font-size: 67%; display: inline;}
#content p.spectraIcon {background: #3c72ae; color: #fff; padding: 2px 6px; float: left; margin: 2em 0 0 166px; font-size: 67%; display: inline;}
#content p.metropolIcon {background: #e1591d; color: #fff; padding: 2px 6px; float: left; margin: 2em 0 0 166px; font-size: 67%; display: inline;}


/* Produktuebersicht */

#thumbcontainer .thumbMetropol, #thumbcontainer .thumbSpectra, #thumbcontainer .thumbBasix {width: 130px; float: left; margin: 0 40px 40px 0;}

#thumbcontainer a {text-decoration: none; font-size: 11px; line-height: 20px; font-weight: normal; margin: 0; padding: 0 5px; display: block;}
#thumbcontainer a:link, #thumbcontainer a:active, #thumbcontainer a:visited {color: #fff;}
#thumbcontainer a:hover {color: #fff; background: #A0A8AD;}

#thumbcontainer a img {margin: 0 -5px; display: block;}

#thumbcontainer .thumbMetropol {background: #e1591d;}
#thumbcontainer .thumbSpectra {background: #3c72ae;}
#thumbcontainer .thumbBasix {background: #79be36;}

#thumbcontainer h3 {clear: both; font-size: 85%; margin: 0; padding: 1em 0 1em 0; color: #beaf83;}

/* Gesamtuebersicht */

#aluminiumcontainer {position: absolute; top: 247px; left: 266px; width: 140px; padding-bottom: 3em;}
#aluminiumcontainer h3 {background: #A0A8AD; color: #fff; font-size: 71%; font-weight: normal; padding: 2px 7px; margin: 0 0 1em 0;}

#mdfcontainer {position: absolute; top: 247px; left: 436px; width: 140px; padding-bottom: 3em;}
#mdfcontainer h3 {background: #A0A8AD; color: #fff; font-size: 71%; font-weight: normal; padding: 2px 7px; margin: 0 0 1em 0;}

#kunststoffcontainer {position: absolute; top: 247px; left: 606px; width: 140px; padding-bottom: 3em;}
#kunststoffcontainer h3 {background: #A0A8AD; color: #fff; font-size: 71%; font-weight: normal; padding: 2px 7px; margin: 0 0 1em 0;}

#aluminiumcontainer p, #mdfcontainer p, #kunststoffcontainer p {font-size: 71%; line-height: 140%; color: #000; margin: 0; padding: 0 2px 1em 7px;}

#aluminiumcontainer p.metropolHead, #mdfcontainer p.metropolHead, #kunststoffcontainer p.metropolHead {color: #e1591d; padding-top: 1em;} 
#aluminiumcontainer p.spectraHead, #mdfcontainer p.spectraHead, #kunststoffcontainer p.spectraHead {color: #3c72ae; padding-top: 1em;} 
#aluminiumcontainer p.basixHead, #mdfcontainer p.basixHead, #kunststoffcontainer p.basixHead {color: #79be36; padding-top: 1em;}

#aluminiumcontainer a, #mdfcontainer a, #kunststoffcontainer a {text-decoration: none; font-size: 100%; line-height: 190%; padding: 2px 0;}

#aluminiumcontainer a:hover, #mdfcontainer a:hover, #kunststoffcontainer a:hover {text-decoration: underline;}

#aluminiumcontainer h3 a:link, #aluminiumcontainer h3 a:active, #aluminiumcontainer h3 a:visited {color: #fff;}
#aluminiumcontainer h3 a:hover {color: #fff; text-decoration: underline; background: none;}


#mdfcontainer h3 a:link, #mdfcontainer h3 a:active, #mdfcontainer h3 a:visited {color: #fff;}
#mdfcontainer h3 a:hover {color: #fff; text-decoration: underline; background: none;}


#kunststoffcontainer h3 a:link, #kunststoffcontainer h3 a:active, #kunststoffcontainer h3 a:visited {color: #fff;}
#kunststoffcontainer h3 a:hover {color: #fff; text-decoration: underline; background: none;}


/* MARGINALSPALTE */

#margin div.uebersicht {position: absolute; left: 0; top: 94px;}

#margin div.uebersicht p {font-size: 71%; line-height: 140%; padding: 7px 15px 1em 10px; margin: 0; color: #bda279;}