/*** Generelles ***************************************************************/
/******************************************************************************/
body {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;color:#333;background:url(../../images/background.jpg) no-repeat top left #830715;}
img {border:0;}
a {text-decoration:underline;color:#b91124;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:Verdana, Arial, Helvetica, sans-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:#830715;border:none;color:#f0e9db;cursor:pointer;}
.button:hover, .button:active, .button:focus {background:#94101f;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;}
.wrapper {margin:0 auto;width:960px;}

/* für den index ... **************/
.index {position:relative;height:575px;margin:0;background:url(../../images/start.jpg) no-repeat;font-size:.8em;}
.index h1 {position:absolute;margin:360px 0 0 430px;text-indent:-999em;}
.index h1 a {height:134px;width:499px;display:block;background:url(../../images/citynews-logo-trans.png) no-repeat;}

.index .box-making-of {position:absolute;margin:467px 0 0 30px;cursor:pointer;}
.index .box-gewinnspiel {position:absolute;margin:445px 0 0 212px;}
.index .overlay {padding:15px;width:640px;display:none;background:#000;}
.index .overlay .close {background:url(../../images/close-trans.png) no-repeat;position:absolute;top:-16px;right:-16px;width:35px;height:35px;cursor:pointer;}
.index .overlay a {height:360px;display:block;}

/*** Navleiste ****************************************************************/
/******************************************************************************/
.nav {height:41px;margin:0 0 7px 0;background:url(../../images/background_nav.gif) repeat-x;font-size:.65em;border-bottom:1px solid #9b1b29;}
.nav a {text-decoration:none;color:#fff;}

/* Dropdown **************/
.menu {margin:0 auto;width:960px;position:relative;z-index:100;}
.menu ul li a, .menu ul li a:visited {overflow:hidden;display:inline-block;}
.menu ul {padding:0;margin:0;list-style:none;}
.menu ul li {float:left;position:relative;}
.menu ul li ul {display:none;}

.menu ul li:hover a {background:#1d1d1d;}
.menu ul li:hover ul {display:block;position:absolute;top:40px;left:0;width:150px;}
.menu ul li:hover ul li {margin:0;padding:0;border-bottom:1px solid #555;}
.menu ul li:hover ul li ul {display:none;}
.menu ul li:hover ul li a {width:150px;padding:10px 18px;display:block;background:#2f2f2f;}
.menu ul li:hover ul li a:hover {background:#000;}

/* Hauptnav **************/
ul.hauptnav {float:left;}
ul.hauptnav a {padding:14px 18px;text-transform:uppercase;font-weight:bold;}
ul.hauptnav a:hover, ul.hauptnav a.aktiv, ul.hauptnav a.aktiv:hover {color:#fff;background:#1d1d1d;}
ul.hauptnav a.aktiv, ul.hauptnav a.aktiv:hover {color:#ed3b5c;}
ul.hauptnav li {margin:0 1px;}
ul.hauptnav li.dropdown {background:url(../../images/nav_dropdown.gif) no-repeat center right;}
ul.hauptnav li.dropdown a {padding-right:32px;}
ul.hauptnav li.dropdown a.aktiv {background:url(../../images/nav_dropdown.gif) no-repeat center right #1d1d1d;}
ul.hauptnav li.dropdown:hover a, ul.hauptnav li.dropdown:hover a.aktiv {background:url(../../images/nav_dropdown.gif) no-repeat center right #1d1d1d;}
ul.hauptnav li.dropdown:hover ul li a {background:#2f2f2f;}
ul.hauptnav li.dropdown:hover ul li a:hover {color:#aaa;}
ul.hauptnav li.dropdown:hover ul li.aktiv a {background:url(../../images/nav_aktiv.gif) no-repeat center right #000;color:#ed3b5c;}

/* Quicknav **************/
ul.quicknav {float:right;}
ul.quicknav a {padding:14px 12px;color:#ccc;}
ul.quicknav a:hover, ul.quicknav li:hover a, ul.quicknav li:hover a:hover {color:#fff;background:none;}

/* Sprache **************/
p.lang {float:right;margin:0;text-indent:-999em;}
p.lang a {width:40px;height:20px;display:block;margin:10px 0 0 10px;padding:0;background:url(../../images/sprache.gif) no-repeat top left;}
p.lang a:hover {height:39px;background:url(../../images/sprache.gif) no-repeat bottom left;}


/*** Content ******************************************************************/
/******************************************************************************/
.content {height:575px;font-size:.7em;}
.content h1 {color:#830715;font-size:1.4em;font-weight:bold;text-transform:uppercase;font-family:Arial, Helvetica, Verdana, sans-serif;letter-spacing:.1em;line-height:1.2em;}
.content h2 {margin-top:3px;font-size:1.1em;}
.content .pic {background:#000;}

.artikelinfo {position:absolute;top:545px;margin:0 0 0 11px;padding:10px 0;width:920px;height:75px;color:#333;}
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:#830715;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:250px;margin:-330px 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:1em;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 #ccc;background:#fff;}
.thumbs li:hover {border:2px solid #666;}
.thumbs li.aktiv {border:2px solid #830715;}
.thumbs .einleitung {margin:20px 0 0 10px;line-height:1.5em;}

.trends {position:absolute;top:90px;width:300px;margin-left:660px;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:1px 0 10px 43px;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:490px;margin-left:460px;line-height:1.4em;}
.partner a {font-weight:bold;text-transform:uppercase;}
.partner .shopbox, .partner .katalogbox, .partner .logobox {float:left;width:120px;padding:0 0 10px 40px;font-size:.9em;}
.partner .shopbox {background:url(../../images/icon-shop.gif) no-repeat 3px 3px;}
.partner .katalogbox {background:url(../../images/icon-download.gif) no-repeat 3px 3px;}
.partner .logobox {width:100px;background:url(../../images/icon-logo.gif) no-repeat 3px 3px;}
.partner .banner {margin:5px 0;position:relative;z-index:1;}
.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;}
.partner .popupsmall {width:250px;height:120px;}
.partner .popup textarea.code {width:450px;height:60px;border:#111;background:#111;color:#ccc;font-family:monospace;font-size:11px;line-height:1.3em;}
.partner .popupsmall textarea.code {width:245px;height:115px;}

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

/*** Footer *******************************************************************/
/******************************************************************************/
.footer {height:115px;margin:8px 0 0 0;font-size:.6em;color:#999;}
.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:#ca5b68;}
.footer .brunomayer a:hover, .footer .elaineferrari a:hover {color:#fff;}
.footer .brunomayer a.aktiv, .footer .elaineferrari a.aktiv {background:url(../../images/arrow-white.gif) no-repeat 0 6px #4f030c;color:#ca5b68;}
.footer h3 {margin-bottom:10px;font-weight:normal;border-bottom:2px solid #4f030c;font-size:1.1em;color:#ca5b68;}
.footer h3 a {padding:0;background:none;}
.footer h3 a:hover {background:none;color:#000;}
.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;}

.footer .social {float:right;}
.footer .social p {margin:15px 0 0 25px;float:left;text-indent:-999em;}
.footer .social a {position:relative;display:block;}
.footer .social p.fb a {width:74px;height:28px;background:url(../../images/logo-facebook.gif) no-repeat top center;}
.footer .social p.yt a {width:68px;height:28px;background:url(../../images/logo-youtube.gif) no-repeat top center;}
.footer .social a:hover {background-position:bottom center!important;}

/* 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;}


/*** Shop *********************************************************************/
/******************************************************************************/
.shop_quicknav {height:20px;padding-top:10px;font-size:.6em;color:#ccc;}
.shop_quicknav a {margin:0 5px;padding:0 5px;text-decoration:none;color:#999;}
.shop_quicknav a:hover {color:#666;}
.shop_textfeld {position:absolute;top:60px;width:370px;height:320px;margin-left:500px;padding:25px;background:url(../../images/shop/background_login.gif) no-repeat;}
.shop_textfeld_mitwachsen, .shop_textfeld_mitwachsen_bestellung {position:absolute;top:60px;width:420px;margin-left:505px;padding:0;background:#fff url(../../images/shop/background_warenkorb_middle.gif) repeat-y;}
.shop_textfeld_mitwachsen_innen {padding:0 15px;}
.shop_footer_warenkorb {margin:0;padding:25px;background:#eee;}
.shop_footer_interesse {float:left;width:420px;margin-right:40px;}
.shop_footer_interesse_drittel {float:left;width:103px;margin-right:25px;}
.shop_footer_interesse a {background:none;text-decoration:underline;padding:0;display:inline;}
.shop_footer_interesse a:hover {background:none;text-decoration:underline;padding:0; color:#ca356d;}
.shop_footer_indenwarenkorb {float:right;width:190px;margin-right:40px;padding:0 10px;}
.shop_footer_indenwarenkorbleer {float:right;width:190px;}
.shop_footer_warenkorbgesamt {float:right;text-align:right;width:280px;}
.shop_footer_warenkorbgesamt a {display:inline;padding:3px 0 3px 10px;background:url(../../images/arrow.gif) no-repeat 0 6px;text-decoration:none;color:#999;}
.shop_footer_warenkorbgesamt a:hover {background:url(../../images/arrow.gif) no-repeat 0 6px #eee;color:#999;}
.shop_footer_abzurkasse {float:right;text-align:right;}
.shop_controlbar {margin:50px 0 10px 502px;}
.shop_controlbar a {padding:3px 6px;border:1px solid #ccc;text-decoration:none;}
.shop_controlbar a:hover {background:#eee;color:#666;}
.shop_controlbar a.active {background:#ca356d;color:#fff;border:1px solid #ca356d;}
.shop_button {cursor:pointer;float:left;width:220px;background:#ca356d;color:#fff;}
.icon_hilfe {cursor: help;}

/*** Bestellgedoens************************************************************/
/******************************************************************************/
.content_bestellung {font-size:.7em;}
.content_bestellung h1 {color:#ca356d;font-size:1.2em;text-transform:uppercase;}
.shop_textfeld_mitwachsen_bestellung h1 {color:#ca356d;font-size:1.2em;text-transform:uppercase;}


/* ===== 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;}

/* HÄNDLERVERZEICHNIS */
.details { border: 0; }

.details th { padding-bottom: 10px; }
.details td { padding-right: 10px; }

.right { float: right; }
.pic-padding { padding: 0 20px; }

/* LOGO POS */
.haendler-logo {
	position: absolute;
	top: 40px; left: 2px;
	}