/*** Generelles ***************************************************************/
/******************************************************************************/
body {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;color:#ccc;background:url(../../images/background.gif) #000;}
img {border:0;}
a {text-decoration:underline;color:#fff;outline:none;}
a:hover {text-decoration:none;}
p {margin:1em 0;padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
ul {margin:0;padding:0;list-style:none;}
ul li {margin:0;padding:0;}

/* Formulare **************/
form {margin:0;}
fieldset {width:340px;margin:15px 0;padding:15px;border:1px solid #ccc;}
legend {color:#ca356d;}
input, select, textarea {margin:2px 4px 2px 0;padding:3px;background:#15000e;border:1px solid;border-color:#512142 #8c4b78 #8c4b78 #512142;color:#a0698c;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;}
input:focus, select:focus, textarea:focus {background:#320020;color:#fff;}
select {padding:1px;}
.checkbox, .checkbox:hover {width:15px;margin:2px 5px 0 0;border:1px solid #ccc;border:none;}
.button {width:150px;margin:2px 4px 2px 0;background:#ab4891;border:none;color:#fff;cursor:pointer;}
.button:hover, .button:active, .button:focus {background:#cc34a4;border:none;color:#fff;}

/* Nützliche Classes **************/
.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}
.trenner-klein {margin:5px 0 0 0;}
.trenner-mittel {margin:10px 0 0 0;}
.trenner-gross {margin:20px 0 0 0;}
.trenner-groesser {margin:30px 0 0 0;}
.trenner-riesig {margin:50px 0 0 0;}
.trenner-line {width:100%;height:4px;background:url(../../images/dash.gif);}
.trenner-line-gross {width:100%;height:4px;margin:20px 0;background:url(../../images/dash.gif);}

/* Umschließt alles **************/
.wrapper100 {position:absolute;width:100%;background:url(../../images/background100.gif) no-repeat top right;}
.wrapper {margin:0 auto;width:960px;}

/* für den index ... **************/
.index {height:575px;margin:0;background:url(../../images/start.jpg) no-repeat;font-size:.8em;}
.index h1 {position:absolute;margin:197px 0 0 565px;text-indent:-999em;}
.index h1 a {height:205px;width:435px;display:block;background:url(../../images/logo.gif) no-repeat 0 -198px;}
.index h1 a:hover {background-position:inherit;}

/*** Content ******************************************************************/
/******************************************************************************/
.nav {position:absolute;top:10px;padding:9px 0;font-size:.65em;}
.nav a {text-decoration:none;padding:9px 15px;color:#fff;font-weight:bold;text-transform:uppercase;}
.nav a:hover {color:#e155d9;}
.nav a.aktiv, .nav a.aktiv:hover {color:#cc5ec6;background:#000;}

.quicknav {height:15px;margin:10px 0 9px 0;padding:9px 0 6px 0;text-align:right;background:url(../../images/background_nav.gif);font-size:.6em;color:#ccc;}
.quicknav a {padding:9px;text-decoration:none;color:#b15a77;}
.quicknav a:hover {color:#f7739f;}

.content {height:575px;font-size:.7em;}
.content h1 {color:#f14ee7;font-size:1.7em;font-weight:normal;text-transform:uppercase;font-family:Arial, Helvetica, Verdana, sans-serif;letter-spacing:.2em;}
.content .pic {background:#000;}

.artikelinfo {position:absolute;top:545px;margin:0 0 0 11px;padding:10px 0;width:927px;height:75px;color:#999;}
p.material {float:left;margin:7px 140px 15px 0;padding:0 0 10px 0;line-height:1.4em;}
p.material span.nr {margin-left:18px;font-size:.9em;background:#b01ca0;padding:1px 2px;color:#fff;font-weight:bold;}
p.material span.klein {margin:0 0 0 18px;font-size:.9em;color:#666;}

.bubbleInfo {position:relative;}
.more {position:absolute;z-index:10;margin:-63px 0 0 855px;font-size:.9em;cursor:pointer;}
.more a {color:#ccc;font-weight:bold;text-decoration:none;padding:5px 5px 5px 15px;background:url(../../images/arrow-black.gif) no-repeat 0 10px;text-transform:uppercase;}
.more a:hover {color:#ccc;}

.popup {display:none;position:absolute;z-index:20;width:300px;height:120px;margin:-200px 0 0 627px;padding:5px 17px;background:#111;color:#fff;line-height:1.4em;border-collapse:collapse;}
.popup h2 {margin:5px 0 0 0;font-size:.9em;text-transform:uppercase;}

.thumbs {position:absolute;top:55px;width:200px;margin-left:736px;}
.thumbs a {cursor:pointer;} /* Extrawurst fuer IE */
.thumbs ul {margin:0;padding:0;list-style:none;}
.thumbs li {width:60px;height:60px;float:left;margin:4px;padding:1px;border:2px solid #333;background:#000;}
.thumbs li:hover {border:2px solid #555;}
.thumbs li.aktiv {border:2px solid #cc5ec6;}
.thumbs .einleitung {margin:20px 0 0 10px;line-height:1.5em;}

.trends {position:absolute;top:90px;width:300px;margin-left:660px;line-height:1.8em;}
.ueberbm {position:absolute;top:90px;width:400px;margin-left:560px;line-height:1.5em;}
.katalog {position:absolute;top:90px;width:340px;margin-left:620px;line-height:1.5em;}
.kontaktform {position:absolute;top:90px;width:420px;margin-left:560px;line-height:1.5em;}
.download {margin-bottom:20px;padding:6px 0 18px 75px;background:url(../../images/icon-download.gif) no-repeat;font-size:.9em;line-height:1.5em;color:#733c6d;}
.download a {font-weight:bold;text-transform:uppercase;}

.controlbar {position:absolute;top:450px;margin-left:745px;}
.controlbar a {line-height:1.7em;padding:3px 6px;text-decoration:none;color:#666;}
.controlbar a:hover {color:#999;}
.controlbar a.active {margin:0 3px;background:#b01ca0;color:#fff}
.controlbar a.active:hover {color:#fff;} /* Extrawurst fuer IE6 */


/*** Footer *******************************************************************/
/******************************************************************************/
.footer {height:115px;margin:7px 0 0 0;font-size:.6em;color:#fff;background:url(../../images/background_nav.gif);}
.footer .brunomayer a, .footer .elaineferrari a {padding:3px 0 3px 10px;display:block;background:url(../../images/arrow.gif) no-repeat 0 6px;text-decoration:none;color:#733c6d;}
.footer .brunomayer a:hover, .footer .elaineferrari a:hover {color:#9f5f98;}
.footer .brunomayer a.aktiv, .footer .elaineferrari a.aktiv {background:url(../../images/background_footermenu.gif);color:#fff;}
.footer h3 {margin-bottom:10px;font-weight:normal;border-bottom:2px solid #42123d;font-size:1.1em;color:#733c6d;}
.footer h3 a {padding:0;background:none;}
.footer h3 a:hover {background:none;}
.footer .brunomayer {width:250px;height:100px;float:left;margin:15px 40px 0 15px;}
.footer .brunomayer h3 a {padding:2px 0 2px 20px;background:url(../../images/icon-bm.gif) no-repeat 0 1px;}
.footer .elaineferrari {width:250px;height:100px;float:left;margin:15px 40px 0 0;}
.footer .elaineferrari h3 a {padding:2px 0 2px 15px;background:url(../../images/icon-ef.gif) no-repeat;}