/*** Generelles ***************************************************************/
/******************************************************************************/
body {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;color:#666;background:url(../../images/background.gif) #f4dedc;}
img {border:0;}
a {text-decoration:underline;color:#c57a9f;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:#f5f5f5;border:1px solid;border-color:#777 #ccc #ccc #777;color:#666;font-family:Georgia, "Times New Roman", Times, serif;font-size:1em;}
input:hover, select:hover, textarea:hover {background:#fafafa;}
input:focus, select:focus, textarea:focus {background:#ffffd5;color:#222;}
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:#c57a9f;border:none;color:#f0e9db;cursor:pointer;}
.button:hover, .button:active, .button:focus {background:#a5587e;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:6px;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;}
.wrapper100_home {position:absolute;width:100%;background:url(../../images/background100_home.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 550px;text-indent:-999em;}
.index h1 a {height:197px;width:394px;display:block;background:url(../../images/colour_explosion.gif) no-repeat;}
.index h1 a:hover {background-position:0 -197px;}
.index .old {position:absolute;margin:132px 0 0 30px;}
.index .old a {display:block;margin:0 0 6px 0;padding:10px;color:#000;text-decoration:none;font-weight:bold;text-transform:uppercase;font-size:.8em;}
.index .old a:hover {color:#fff;}

.index .vidpic {position:relative;margin:150px 0 0 580px;}
.index .overlay {width:854px;height:480px;display:none;margin-top:10px;background:#c57a9f;}
.index .overlay .close {background:url(../../images/close-trans.png) no-repeat;position:absolute;top:-30px;right:-30px;width:35px;height:35px;cursor:pointer;}

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

.quicknav {height:15px;margin:10px 0 9px 0;padding:9px 0 6px 0;text-align:right;background:#f4dedc;font-size:.6em;color:#ccc;}
.quicknav a {padding:9px;text-decoration:none;color:#a78495;}
.quicknav a:hover {color:#734f61;}

.content {height:575px;font-size:.7em;font-family:Georgia, "Times New Roman", Times, serif;}
.content h1 {color:#c57a9f;font-size:1.7em;font-weight:normal;text-transform:uppercase;font-family:Georgia, "Times New Roman", Times, serif;letter-spacing:.2em;}
.content .pic {background:#000;}

.artikelinfo {position:absolute;top:545px;margin:0 0 0 11px;padding:10px 0;width:940px;height:75px;color:#333;}
p.material {float:left;margin:7px 140px 15px 0;padding:0 0 10px 0;line-height:1.6em;}
p.material span.nr {margin-left:18px;font-size:.9em;background:#c57a9f;padding:1px 2px;color:#fff;}
p.material span.klein {margin:0 0 0 18px;font-size:.9em;color:#777;}

.bubbleInfo {position:relative;}
.more {position:absolute;z-index:10;margin:-63px 0 0 855px;font-size:.9em;cursor:pointer;}
.more a {color:#000;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:#000;}
.popup {display:none;position:absolute;z-index:20;width:300px;height:120px;margin:-200px 0 0 627px;padding:10px;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 #bbb;background:#fff;}
.thumbs li:hover {border:2px solid #999;}
.thumbs li.aktiv {border:2px solid #c57a9f;}
.thumbs .einleitung {margin:20px 0 0 10px;line-height:1.5em;}

.trauring {position:absolute;top:50px;margin-left:40px;line-height:1.5em;}
.trauring h1 {margin:0 0 20px 0;font-size:2.1em;text-transform:none;}
.trends {position:absolute;top:90px;width:300px;margin-left:660px;line-height:1.5em;}
.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:3px 0 10px 50px;background:url(../../images/icon-download.gif) no-repeat;font-size:.9em;line-height:1.5em;}
.download a {font-weight:bold;text-transform:uppercase;}

.partner {position:absolute;top:90px;width:470px;margin-left:480px;line-height:1.5em;}
.partner a {font-weight:bold;text-transform:uppercase;}
.partner .katalogbox {margin:20px 0 0 0;padding:0 0 20px 45px;background:url(../../images/icon-download.gif) no-repeat;}
.partner .banner {margin:5px 0;}
.partner .popup {display:none;position:absolute;z-index:20;width:458px;height:70px;margin:5px 0 0 0;padding:5px;background:#111;color:#fff;line-height:1.4em;border-collapse:collapse;}
textarea.code {width:450px;height:60px;border:#111;background:#111;color:#ccc;font-family:monospace;font-size:11px;line-height:1.3em;}

.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:#c57a9f;color:#fff}
.controlbar a.active:hover {color:#fff;} /* Extrawurst fuer IE6 */

ul#tabs {margin:50px 0 31px 0;padding:15px 0;font-size:1.2em;}
ul#tabs li {display:inline;}
ul#tabs li a {padding:20px 35px;text-decoration:none;color:#999;border-bottom:1px solid #ccc;}
ul#tabs li a:hover {color:#666;}
ul#tabs li a.active {padding:19px 34px 21px 34px;color:#666;border:1px solid #ccc;border-bottom:none;}
.trauring img {margin:0 0 0 100px;}

/*** Footer *******************************************************************/
/******************************************************************************/
.footer {height:115px;margin:7px 0 0 0;font-size:.6em;color:#b78b96;background:#f4dedc;}
.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:#b78b96;}
.footer .brunomayer a:hover, .footer .elaineferrari a:hover {color:#9d6c79;}
.footer .brunomayer a.aktiv, .footer .elaineferrari a.aktiv {background:url(../../images/arrow-white.gif) no-repeat 0 6px #dfb9c0;color:#fff;}
.footer h3 {margin-bottom:10px;font-weight:normal;border-bottom:2px solid #dac4c2;font-size:1.1em;color:#b78b96;}
.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;}

/* Dropdown Sprachauswahl **************/
.sprache {position:relative;float:right;margin:-115px 0 0 850px;}
.sprache .flagge {margin-right:4px;}
#sprache, #sprache ul {line-height:1.5em;} /* all lists */
#sprache li {width:105px;background:#86971b;}
#sprache li ul {position:absolute;width:100px;left:-999em;} /* second-level lists */ /* using left instead of display to hide menus because display: none isn't read by screen readers */
#sprache li:hover ul, #sprache li li:hover ul, #sprache li.sfhover ul, #sprache li li.sfhover ul, #sprache li ul a:hover {left:auto;background:#86971b;} /* lists nested under hovered list items */
#sprache li a {white-space:nowrap;height:10px;margin:2px 20px -2px 0;padding:5px 15px 10px 30px;display:block;background:url(../../images/arrow-white-down.gif) 10px 12px no-repeat;color:#fff;text-decoration:none;}
#sprache li ul a, #sprache li ul a:hover {padding:2px 15px 10px 30px;position:relative;clear:left;z-index:1000;background:none;color:#dae691;}
#sprache li ul a:hover {color:#fff;}


/* ===== Highslide with HTML ===== */
.highslide-html {background:#fff;}
.highslide-html-blur {}
.highslide-html-content {height:110px;position:absolute;display:none;}
.highslide-loading {display:block;padding:2px 2px 2px 22px;border:1px solid #333;background:#fff url(../../images/java/loader.white.gif) 3px 1px no-repeat;text-decoration:none;font-weight:bold;color:#666;}
a.highslide-credits, a.highslide-credits i {padding:2px;text-decoration:none;color:#4b4b4b;}
a.highslide-credits:hover, a.highslide-credits:hover i {background:#ccc;color:#fff;}
.highslide-body {text-align:left;margin:15px;}
.highslide-body a {overflow:hidden;margin:0 5px;padding:0 5px;text-decoration:none;font-size:1em;color:#4b4b4b;}
.highslide-wrapper {background:#fff;}
.highslide-wrapper .highslide-html-content {width:280px;padding:5px;font-size:.6em;}
.highslide-wrapper .highslide-header div {}
.highslide-wrapper .highslide-header ul {text-align:left;margin:0;padding:0;}
.highslide-wrapper .highslide-header ul li {padding-left:1em;display:inline;}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {display:none;}
.highslide-wrapper .highslide-header a {text-decoration:none;text-transform:uppercase;font-weight:bold;color:#666;}
.highslide-wrapper .highslide-header a:hover {color:#333;}
.highslide-wrapper .highslide-header .highslide-move a {cursor:move;}
.highslide-wrapper {float:right;width:11px;height:11px;background:url(../../images/java/resize.gif);}
.highslide-move {cursor:move;}
.highslide-display-block {display:block;}
.highslide-display-none {display:none;}