/*HEADING AND PARAGRAPH
------------------------------------------------------------*/
#RadHome{position:fixed; right:0; top:20px; width:600px}
#RadHome h2{font-size:50px; color:#ed008c; padding:10px; background:#000; opacity:.8}
.CopyBack{height:auto; width:500px;  margin:2px 0 0 0px; opacity:.8}
.CopyBack p{padding:10px; font-size:14px; background:#000000;}
.copyLeft, .copyRight{display:inline; width:249px; margin:5px 0px}
.copyLeft {float:left}
.copyRight {float:right}


/* Mainnav Suckerfish **************/
.header ul.mainnav li a.first-child {padding-left:10px;}
.header ul.mainnav li ul {display:none;position:absolute;top:0;left:0;z-index:100;width:200px;font-size:13px;line-height:15px;letter-spacing:1px;} /* second-level */
.header ul.mainnav li>ul {top:auto;left:auto;} /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
.header ul.mainnav li:hover ul, .header ul.mainnav li.over ul {display:block;} /* lists nested under hovered list items */



/*** Global White Space Reset *************************************************/
/******************************************************************************/
* {margin:0;padding:0;font-size:100%;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address {margin:1em 0;}
ul, li {margin:0;padding:0;}
form {margin:0;}
img {border:0;}
a{ -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; text-decoration:none; color:#f9f9f9; outline:none;}
a:hover{}
a:hover, a:focus {color:#666}

/*** General ***************************************************************/
/******************************************************************************/
html {overflow:hidden;}
body {font-family: 'Ubuntu Condensed', sans-serif; background:#000;font-size:12px;color:#fff;overflow:hidden;letter-spacing:1px;}

/* Misc **************/
.fl {float:left;}
.fr {float:right;}

/* Full Size Background Image **************/
#supersize {position:fixed;}
#supersize img {height:100%;width:100%;position:absolute;z-index:0;}

/* Wrapper **************/
.wrappers {width:100%;min-width:980px;height:100%;position:absolute;z-index:10;overflow:auto;}
.c950 {width:950px;margin:0 auto;}
.c270 {width:270px;}
.c270 {width:350px;}
.c550 {width:550px;}

/*** Header *******************************************************************/
/******************************************************************************/
.header {position:fixed; z-index:11; width:100%;z-index:100;height:70px;cursor:pointer}
/* spaceruage **************/
#menuback{position:absolute; z-index:10; left:0; top:0px; height:70px; width:100%; background:#000000; opacity:.7; border-bottom:2px solid #666}
#topMenu{position:absolute; margin:40px 0 0 11px; text-transform:none; font-size:12px; float:right}
.SocialSign {text-transform:uppercase; font-size:10px}

.header .spacer {height:28px;line-height:29px;font-size:10px;}
.header .spacer p {margin:0;text-align:right;}
.header .spacer p a {padding-left:17px;color:#999;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.header .spacer p a:hover, .header .lang p a:focus {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


/*** Content ******************************************************************/
/******************************************************************************/
.content {width:100%;position:relative;z-index:10;margin:0 auto;}

#home .content h2 {display:none;position:relative;top:15px;width:820px;margin:-60px auto 0 auto;font-weight:normal;}
#home .content h2 img {position:relative;}
#home .content h2 span {position:relative;display:block;margin-top:-5px;padding-right:15px;text-align:right;background:url(../../../images/layout/arrow-white.gif) no-repeat center right;}
#home .content h2 a {color:#fff; text-transform:uppercase;font-size:13px;letter-spacing:5px;}

h2 {margin:0 0 20px 0;text-transform:uppercase;color:#76739a;font-size:11px;letter-spacing:1px;}
h3 {margin:0;text-transform:uppercase;color:#fff;font-size:24px;font-weight:normal;line-height:25px;}

/* Logos **************/
#home a.haendlerlogo {display:block;position:absolute;z-index:30;right:0;margin-top:35px;}
#home a.haendlerlogo img {max-width:159px;float:right;}

/* Supersized **************/
#supersized {position:fixed;}
#supersized img {-ms-interpolation-mode:bicubic;}
#supersized img, #supersized a {height:100%;width:100%;position:absolute;z-index:-1;}
#supersized .prevslide, #supersized .prevslide img {z-index:1;}
#supersized .activeslide, #supersized .activeslide img {z-index:2;}
#loading {position:absolute;top:49.5%;left:49.5%;z-index:-1;width:24px;height:24px;text-indent:-999em;background-image:url(../../../images/layout/progress.gif);}

/* Schmuck **************/
#controls-wrappers{margin:0 auto;height:41px;width:100%;z-index:10;position:absolute;}
#controls {height:100%;z-index:10;}
#navigation #prevslide {float:left;width:67px;height:41px;background:url(../../../images/layout/control-left.gif) no-repeat bottom left;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;cursor:pointer;}
#navigation #nextslide {float:right;width:67px;height:41px;background:url(../../../images/layout/control-right.gif) no-repeat bottom left;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;cursor:pointer;}
#navigation #prevslide:hover, #navigation #nextslide:hover {background-position:top left;}
#navigation #prevslide:active, #navigation #nextslide:active {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

#schmuck .info {position:relative;z-index:10;}
#schmuck .info-trigger {position:absolute;width:41px;height:41px;background:url(../../../images/layout/icon-info.gif) no-repeat center #000;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;cursor:pointer;}
#schmuck .info-trigger:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#schmuck .tooltip {display:none;position:absolute;top:0!important;left:auto!important;width:950px;min-height:41px;background:url(../../../images/layout/black90-trans.png);color:#fff;cursor:default;}
#schmuck .tooltip #close {float:left;width:41px;height:41px;margin:0 10px 0 0;background:url(../../../images/layout/icon-close.gif) no-repeat center #be2543;cursor:pointer;}
#schmuck .tooltip #sidecaption {margin:0;}
#schmuck .tooltip h2.artikeltext {float:left;width:665px;margin:0;padding:10px 0 9px 0;font-size:12px;line-height:22px;font-weight:normal;letter-spacing:normal;text-transform:none;color:#fff;}
#schmuck .tooltip h2.artikeltext span {display:block;float:left;margin-right:10px;white-space:nowrap;}
#schmuck .tooltip h2.artikeltext span strong {color:#cc6578;margin-right:3px;}
#schmuck .tooltip h3.smalltext {float:right;width:220px;margin:0;padding:4px 4px 0 0;text-align:right;font-size:10px;line-height:12px;color:#999;letter-spacing:normal;text-transform:none;font-weight:normal;}

.like {width:140px;height:23px;padding:7px;background:url(../../../images/layout/black80-trans.png);position:fixed;right:0;bottom:130px;z-index:11;}

/* Juweliere **************/
#juweliere #map_canvas {position:absolute;top:-30px;z-index:1;width:100%;height:100%;} /* GoogleMaps Fullsized */
#juweliere .gmap-infowindow {font-size:11px;line-height:16px;color:#666;}

.juwelierbox {position:absolute;top:100px;z-index:10;width:430px;padding:18px;background:url(../../../images/layout/black80-trans.png);line-height:18px;}
.juwelierbox input#plz {float:left;width:245px;margin:0 5px 0 0;}
.juwelierbox input#suchbutton {float:left;width:33px;}
.juwelierbox ul.selectbox {float:left;width:130px;}
.juwelierbox ul.selectbox a.de {background:url(../../../images/layout/flag-de.gif) no-repeat 7px 8px;}
.juwelierbox ul.selectbox a.at {background:url(../../../images/layout/flag-at.gif) no-repeat 7px 8px;}
.juwelierbox ul.selectbox a.ch {background:url(../../../images/layout/flag-ch.gif) no-repeat 7px 8px;}
.juwelierbox ul.selectbox a.nl {background:url(../../../images/layout/flag-nl.gif) no-repeat 7px 8px;}
.juwelierbox ul.selectbox a.no {background:url(../../../images/layout/flag-no.gif) no-repeat 7px 8px;}
.juwelierbox ul.selectbox a.fi {background:url(../../../images/layout/flag-fi.gif) no-repeat 7px 8px;}
.juwelierbox ul.selectbox a.be {background:url(../../../images/layout/flag-be.gif) no-repeat 7px 8px;}
.juwelierbox ul.selectbox a.lu {background:url(../../../images/layout/flag-lu.gif) no-repeat 7px 8px;}

.bottombox {position:fixed;z-index:5;bottom:30px;height:40%;min-height:315px;padding-top:20px;background:url(../../../images/layout/black80-trans.png);line-height:18px;}
.bottombox .about {width:590px;}
.bottombox .about h2 {margin:0;}
.bottombox .messe, .bottombox .gewinnspielform {width:270px;font-size:11px;line-height:16px;}
.bottombox .messe h2, .bottombox .gewinnspielform {margin-bottom:10px;}
.bottombox .messe p {margin:0;padding:5px 0;border-bottom:1px dotted #999;}
.bottombox .messe p:last-child {border:none;}
#downloads .bottombox {height:35%;min-height:180px;}
#partner .bottombox {height:45%;min-height:350px;}
#kontakt .bottombox {height:45%;min-height:350px;}
#zehnjahre .bottombox {height:35%;min-height:260px;}

.bottombox .gewinnspielform {width:300px;}
.bottombox .gewinnspielform .frage {margin:0 0 20px 0;padding:10px;font-size:16px;background:#be2543;-moz-border-radius:2px;border-radius:2px;}
.bottombox .gewinnspielform .frage p {margin-top:0;}
.bottombox .gewinnspielform .kontaktdaten input {width:290px;}
.bottombox .gewinnspielform .kontaktdaten p {margin:0 0 5px 0;font-size:11px;}

.bannerbar {position:fixed;z-index:11;bottom:30px;width:100%;height:74px;padding-top:15px;background:#000;border-bottom:1px dotted #333; border-top:2px dotted #333;opacity:.90}
.bannerbar a {display:block;float:left;margin:0 10px 0 0;border:1px solid #333;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;cursor:pointer;}
.bannerbar a:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border-color:#333;}

.overlay {display:none;z-index:10000;background-color:#333;min-height:200px;border:10px solid #000;}
.overlay .close {background-image:url(../../../images/layout/overlay-close.gif);position:absolute;right:-29px;top:-10px;cursor:pointer;height:19px;width:19px;border:10px solid #000;border-left:none;}

a.iconlink {display:block;float:left;width:206px;height:58px;margin:0 10px 0 0;padding:15px 0 0 64px;border-top:1px dotted #999;color:#fff;line-height:16px;letter-spacing:1px;}
a.iconlink#download {background:url(../../../images/layout/icon-download.gif) no-repeat 15px 16px;}
a.iconlink#shop {background:url(../../../images/layout/icon-shop.gif) no-repeat 10px 16px;}
a.iconlink#logo {background:url(../../../images/layout/icon-logo.gif) no-repeat 15px 17px;}
a.iconlink strong {text-transform:uppercase;}
a.iconlink span {font-size:11px;}
a.iconlink i {font-style:normal;color:#777;}
a.iconlink:hover {background-color:#000!important;}

a.socialicon {display:inline-block;margin:25px 3px 0 0;}
a.socialicon:hover {filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

img.banner {position:relative;display:block;margin:5px 0;}
#partner .tooltip {display:none;position:absolute;z-index:100;top:auto!important;left:auto!important;width:468px;color:#fff;cursor:default;}
textarea.code {width:448px;height:75px;padding:10px;border:none;background:#000;color:#ccc;font-family:monospace;font-size:11px;line-height:14px;}

/* Händler **************/
#haendler h2 {color:#fff;text-transform:none;letter-spacing:normal;font-size:inherit;}
#haendler img.haendlerlogo {margin-bottom:15px;max-height:150px;}
#haendler #map_canvas {width:100%;height:300px;}

/*** Footer *******************************************************************/
/******************************************************************************/
.footer {position:fixed;bottom:0;z-index:100;width:100%;height:40px;line-height:30px;background:#000;font-size:12px;text-transform:uppercase;color:#555; opacity:.9; border-top:2px solid #666}
.footer p {margin:0;}