/* --------------------------------------------------------- */ /* Copyright (c) 2011 by KB&B Advertising GmbH & Co. KG */ /* dreifragezeichen.de */ /* --------------------------------------------------------- */ @CHARSET "ISO-8859-1"; * { margin: 0; /* css-margin-padding-reset */ padding: 0; } /* Basic Elements */ html { position: relative; margin: 0; width: 100%; height: 100%; } body { font: 101%/1.231 Arial, Helvetica, sans-serif; margin: 0; color: #fff; text-align: center; background: #000 url(/default/images/bodyHG.jpg) no-repeat scroll top center; } html body ol#Num { margin: 0!important; padding: 0; } a:link { color: #fff; text-decoration: none; cursor: pointer; outline: none; } a:visited { color: #e8e8e8; text-decoration: none; cursor: pointer; } a:hover { color: #e8e8e8; text-decoration: none; cursor: pointer; } a:active { color: #e8e8e8; text-decoration: none; cursor: pointer; } a:focus { color: #e8e8e8; text-decoration: none; cursor: pointer; outline: none!important; } a:focus:hover { color: #e8e8e8; text-decoration: none; cursor: pointer; } h1,h2,h3,h4,h5 { margin: 0; padding: 0; font-weight:500; } h1, h2, h3 { font-size: 13px; } h4, h5 { font-size: 12px; } p { font: normal 12px/140% Arial, Helvetica, sans-serif; padding: 0; margin: 0; } img { border: none; } form, input, textarea, fieldset, select { margin: 0; padding: 0; border: none; font: 12px/140% Arial, Helvetica, sans-serif; } textarea { height: 100px!important; } option [selected] { margin: 0; padding: 1px 2px; border: 1px solid #393939; background-color: #1a1a1a; color: #ccc; font: 11px/100% Arial, Helvetica, sans-serif; outline: none; } html body form select:focus { background-color: #000!important; color: #fff!important; outline: none; } label { font: 12px/120% Arial, Helvetica, sans-serif; display: block; padding: 3px 0 1px 0; margin: 0; } input.radio { width: auto!important; background-color: transparent!important; } html body input[type="radio"] { border: none!important; margin-right: 10px!important; background-color: #2d2d2d!important; } html body input[type="checkbox"]{ border: none!important; margin-right: 10px!important; background-color: #2d2d2d!important; border: 4px solid #fff!important;} input[type="hidden"] { height: 1px!important; width: 1px!important; margin: 0!important; padding: 0!important; clear: both!important; line-height: 1px!important; font-size: 1px!important; } /* layout */ #pagewrapper { width: 965px; padding: 0 0 0 8px; margin: 20px auto; text-align: left; clear: both; } #page { width: 798px; padding: 0; margin: 0; float: left; } #container { margin: 0; padding: 0; display: block; width: 798px; clear: both; } #header { height: 350px; margin: 10px 0 0 0; padding: 0; clear: both; } #contentwrapper { width: 798px; margin: 0; padding: 0; display: block; height: 1%; min-height: 430px; } #sidecontent { width: 310px; text-align: left; padding: 0; float: right; margin: -5px 0 0 0; } #sidecontentwrapper { width: 315px; padding: 0; float: right; text-align: center; } #primarycontent { float: left; margin: 0; padding: 0; width: 488px; } #contentwrapper .indexposition { margin-top: -30px; } #sidecontent #sidecontentwrapper .contentlistelement{ margin: 0 0 8px 12px; } #footer { color: #005c99; text-align: left; padding: 5px 0; font-size: 80%; line-height: 20px; margin: 10px 0 0 0; height: 30px; width: 798px; border-top: 1px solid #0099ff; } #skyscraper { float: right; vertical-align: middle; text-align: left; width: 160px; margin: 0; padding-top: 98px; } #leaderboard { text-align: right; margin: 0; padding: 0; } #popup { padding: 0; margin: 20px auto; text-align: left; clear: both; background-image: none; } #popup #pagewrapper { padding: 0; margin: 0 auto; clear: both; background-image: none!important; } #popup #primarycontent { float: none; margin: 0; padding: 0; } #popup #skyscraper { display: none; } #popup #leaderboard { display: none; } #popup #primarycontent .contentlistelement { background-color: transparent; border: none; clear: both; text-align: left!important; display: block; width: 100%; } #popup #primarycontent .contentlistelement div { text-align: center!important; margin: 5px!important; vertical-align: middle; display: block; background-color: #2d2d2d; } #popup #primarycontent .contentlistelement div div { text-align: left!important; margin: 5px!important; vertical-align: middle; } /* elements */ #community { width: auto; height: 430px; margin: 2px 0 8px 2px; } .caktive { background: url(/default/images/communityHG-aktiv.png) no-repeat top left!important; /* iefix */ background: url(/default/images/communityHG-aktive.gif) no-repeat top left; } .cinaktive { background: url(/default/images/communityHG-inaktiv.png) no-repeat top left!important; /* iefix */ background: url(/default/images/communityHG-inaktive.gif) no-repeat top left; } #community h1 a { width: 110px; height: 28px; display: block; font-size: 0px; margin-left: 170px; top: 8px; } #community h1 a:hover { background: url(/default/images/menu-hovers/dfz_community.png) top left!important; background: url(/default/images/menu-hovers/dfz_community.gif) top left; } #community .wrapp { padding: 0 0 0 30px; font-size: 0.84em; height: 100%; position: relative; margin: 0; } #community .width160 { width: 160px; margin: 0; padding: 0; } #community .width45 { width: 45px; margin: 0; padding: 0; } #community .message, #community .members { font-size: 12px; font-weight: bold; line-height: 24px; color: #fff; clear: both!important; display: block; width: 256px; margin: 5px 0 0 0!important; padding: 0!important; } #community .newMembers, #community .lastGuestbookMessages { font-size: 11px!important; font-weight: bold!important;line-height: 14px!important; color: #fff; clear: both!important; display: block; text-align: center; padding-top: 3px; margin-right: 34px; /*shadowright fix*/ } #community ul.GuestbookMessages { margin: 5px 0; padding: 0; list-style-type: none; text-align: left; } #community ul.GuestbookMessages li { margin: 10px 0; padding: 0; display: inline; clear: both; font-weight: normal!important; font-size: 10px; line-height: 12px; } #community ul.GuestbookMessages li img{ margin: 0; padding: 0 5px 0 0; } #community ul.GuestbookMessages li .clear { border-bottom: 1px dotted #005690; } #community #scrollPaneCommunicator[id] { height: 100px; } /* ie fix */ * +html #community #scrollPaneCommunicator { height:80px; top: 0; left: 0; clear: both;position:realtive;} * html #community #scrollPaneCommunicator { height:80px; top: 0; left: 0; clear: both;position:realtive;} * html #community .panel { height: 66px; width: 246px; position: relative; bottom: -5px; } #community .panel { height: 66px; position: absolute; bottom: 85px; width: 246px; left:30px;} #community .panel a.login { display: block; float: left; color: #000; text-decoration: none; font-size: 11px; font-weight: bold!important; line-height: 16px; cursor: pointer; } #community .panel a.registry { display: block; float: right; color: #000; text-decoration: none; font-size: 11px; font-weight: bold!important; line-height: 16px; cursor: pointer; } .caktive .panel a.uprofil { display: block; float: right; margin-right: -12px!important; margin-right: 25px; margin-top: 15px; width: 29px; height: 29px; /* ie6fix */ background: transparent url(/default/images/bt-userprofil.gif) no-repeat 0 0; } .cinaktive .panel a.uprofil { display: block; float: right; margin-right: -12px!important; margin-right: 25px; margin-top: 15px; width: 29px; height: 29px; /* ie6fix */ background: transparent url(/default/images/bt-anmelden.gif) no-repeat 0 0; } .caktive .panel a.log { display: block; float: left; margin-left: 18px!important; margin-left: 25px; margin-top: 15px; width: 29px; height: 29px; /* margin ie6fix */ background: transparent url(/default/images/bt-logout.gif) no-repeat 0 0; } .cinaktive .panel a.log { display: block; float: left; margin-left: 18px!important; margin-left: 25px; margin-top: 15px; width: 29px; height: 29px; /* margin ie6fix */ background: transparent url(/default/images/bt-login.gif) no-repeat 0 0; } #community .panel a.login, #community .panel a.registry { color: #000; font-size: 12px; } #community .panel a.login:hover, #community .panel a.registry:hover { color: #ff0000; } #community .panel a.log:hover { background-position: 0 -40px!important; } #community .panel a.uprofil:hover { background-position: 0 -41px!important; } #newsletter { text-align: center; z-index: 50; margin-bottom: 8px; } #newsletter a img { background-color: transparent; } /* round corner box */ .rocobox { margin: 8px 5px 8px 10px; padding: 0; float: left!important; } .rocobox .cornerleft { margin: 0; padding: 0; background: url(/default/images/round-corner-top-left.gif) no-repeat top left; height: 6px; } .rocobox .cornerright { margin: 0; padding: 0; background: url(/default/images/round-corner-top-right.gif) no-repeat top right; height: 6px; } .rocobox .border { border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; margin: 0 0 0 0; padding: 0; display: block; background: #393939 url(/default/images/round-corner-hg-1.gif) repeat-x top left; /*#686868*/ clear: both; } .rocobox h2 { font: bold 13px/120% Arial, Helvetica, sans-serif!important; text-decoration: none; margin: 0; padding-top: 4px; color: #fff!important; } .rocobox h2 a { text-decoration: none; color: #fff!important; font-size: 13px!important; } .rocobox h3 { font: normal 12px/120% Arial, Helvetica, sans-serif!important; text-decoration: none; margin: 0; padding-top: 4px; color: #d2d2d2!important; } .rocobox .wrapp { padding: 0 6px 0 6px; margin: 0 0 6px 0; } .rocobox .wrapp .image { padding: 0; margin: 0; overflow: hidden; background: url(/default/images/img-hg.gif) repeat-y top right; } .rocobox .wrapp .image a { display: inline; } .rocobox .wrapp .image a.externalLink { display: inline; font: 12px/90% Arial, Helvetica, sans-serif!important;} .rocobox .wrapp p { font: 12px/120% Arial, Helvetica, sans-serif!important; padding: 0; margin: 4px 0 0 0; } .rocobox .wrapp a { font: bold 12px/120% Arial, Helvetica, sans-serif!important; color: #0099ff; text-decoration: none; margin: 0; padding: 0; background: transparent; } .rocobox .wrapp a:hover { text-decoration: none; color: #ff0000; background: transparent; } .rocobox .bottom, #news .displayList .ybottom { margin: 0; padding: 0; background: #000 url(/default/images/round-corner-botom-hg.gif) repeat-x top left; display: block; height: 18px; border-top: 1px solid #999; } .rocobox .bottom a, #news .displayList .ybottom a{ margin: 0 6px 0 0; padding: 0; background: url(/default/images/link-pfeil-b-r.gif) no-repeat right 2px; display: block; height: 18px; float: right; line-height: 17px; } .rocobox .bottom a:hover, #news .displayList .ybottom a:hover{ background-position: right -30px; text-decoration: none; float: right; } .rocobox .bottom a span, #news .displayList .ybottom a span{ text-transform: uppercase; color: #fff; font-size: 11px; letter-spacing: 1px; float: right; padding: 0 20px 0 0; font-weight: bold; } ul.MessagesList { margin: 0!important; padding: 0!important; list-style-type: none!important; } html body ul.MessagesList li { margin: 0!important; padding: 0 0 5px 0!important; display: inline!important; clear: both!important; font: normal 13px Arial, Helvetica, sans-serif!important; background-image: none!important; } ul.MessagesList .date { font: normal 11px Arial, Helvetica, sans-serif!important; color: #d2d2d2; margin: 0; padding: 5px 0 0 0; display: block; } /* teaser boxen */ #primarycontent .small { width: 228px; } #primarycontent .small .wrapp .image { width: 214px; height: 100px; } #primarycontent .small .bottom a { width: 200px; } #primarycontent .wide { width: 471px; } #primarycontent .wide .wrapp .image { width: 100px; height: 100px; float: left; margin-right: 8px; margin-bottom: 6px; } #primarycontent .wide .bottom a { width: 437px; } #sidecontent #sidecontentwrapper .rocobox { margin: 8px 1px 8px 14px!important; padding: 0; float: left!important; text-align: left!important; } #sidecontent #sidecontentwrapper .small { width: 142px; } html body #sidecontent #sidecontentwrapper .popeye3 ul, html body #sidecontent #sidecontentwrapper .popeye3 ul li, html body #primarycontent .popeye3 ul, html body #primarycontent .popeye3 ul li { list-style: none!important; background-image: none; } html body #sidecontent #sidecontentwrapper ul { margin: 0; padding: 0; font-size: 12px; font-weight: normal; list-style-position: outside; overflow: auto!important; } html body #sidecontent #sidecontentwrapper li { margin: 0; padding: 2px 0 3px 15px; background: transparent url(/default/images/square.png) no-repeat 0 0; font-size: 12px!important; } #sidecontent .shortcuts .small { width: 300px!important; } #sidecontent #sidecontentwrapper .small .wrapp .image { width: 128px; height: 100px; } #sidecontent #sidecontentwrapper .small .bottom a { width: 120px; } #sidecontent .wide { width: 300px; } #sidecontent .wide .wrapp .image {float: left; margin-right: 8px; margin-bottom: 6px; } #sidecontent .wide .bottom a { width: 268px; } #sidecontent .small .wrapp { min-height: 175px; } #primarycontent .small .wrapp { min-height: 180px; } /* eof teaser boxen */ #primarycontent .contentlistelement { margin: 0 7px 8px 10px; padding: 8px 0 0 0; background-color: #2d2d2d; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-top: 1px solid #999; display: block; width: auto; clear: both; } #sidecontent .contentlistelement { margin: 0 7px 8px 10px; padding: 8px 0 0 0; background-color: #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; display: block; width: auto; clear: both; } #primarycontent .contentlistelement h1, #sidecontent .contentlistelement h1 { font: bold 13px/130% Arial, Helvetica, sans-serif!important; text-decoration: none; margin: 0; padding: 4px 0 8px 0!important; color: #fff; } #primarycontent .contentlistelement h2, #sidecontent .contentlistelement h2 { font: bold 13px/130% Arial, Helvetica, sans-serif!important; text-decoration: none; margin: 0; padding: 0 0 8px 0!important; color: #fff; } #primarycontent .contentlistelement h3.border, #sidecontent .contentlistelement h3.border { font: bold 12px/130% Arial, Helvetica, sans-serif!important; text-decoration: none; margin: 0 0 4px 0!important; padding: 0 0 4px 0!important; color: #fff; border-bottom: 1px solid #414141; } #primarycontent .contentlistelement .item { font-size: 13px!important; } #primarycontent .produktteaser { background: #2d2d2d url(/default/images/img-hg-produkt.gif) repeat-y top right; display: block; } #primarycontent .contentlistelement .context, #sidecontent .contentlistelement .context { margin: 0; padding: 0 10px 10px 10px; font: normal 12px/140% Arial, Helvetica, sans-serif!important; } #sidecontent #sidecontentwrapper .context { text-align: left!important; } #primarycontent .contentlistelement .context .image { padding: 0; margin: 0 0 8px 8px; width: 148px!important; overflow: hidden; background: #000 url(/default/images/round-corner-hg-sbn.gif) repeat-x top left; text-align: center; border: 1px solid #414141; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-radius: 5px; } #primarycontent .contentlistelement .context .image img { padding: 0; margin: 0; } #primarycontent .contentlistelement .context .image .bildunterschrift { width: auto; overflow: hidden; font-size: 10px; color: #999; text-align: center; margin: 0; padding: 0; background: #000 url(/default/images/round-corner-botom-hg.gif) repeat-x top left; display: block;/* height: 18px; */border-top: 1px solid #414141; line-height: 14px; } #sidecontent .contentlistelement .context .image { padding: 0; margin: 0 0 8px 8px; width: auto!important; overflow: hidden; background: #000 url(/default/images/round-corner-hg-sbn.gif) repeat-x top left; text-align: center; border: 1px solid #414141; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-radius: 5px; } #sidecontent .contentlistelement .context .image img { padding: 0; margin: 0; } #sidecontent .contentlistelement .context .image .bildunterschrift { width: auto; overflow: hidden; font-size: 10px; color: #999; text-align: center; margin: 0; padding: 0; background: #000 url(/default/images/round-corner-botom-hg.gif) repeat-x top left; display: block;/* height: 18px;*/ border-top: 1px solid #414141; line-height: 14px; } #primarycontent .contentlistelement .produkt { float: left; width: 360px; display: block; padding: 0 5px 10px 10px!important; } #primarycontent .contentlistelement .produkt .image { padding: 0; margin: 0 8px 8px 0; border: none!important; width: 150px!important; } #primarycontent .contentlistelement .produkt .image img { padding: 0; margin: 0!important; } #primarycontent .contentlistelement .produkt .soundfiles { margin: 0; padding: 0; font-size: 10px; width: 150px; overflow: hidden; height: 75px!important; } html body #contentwrapper .contentlistelement .context ul { margin: 0 0 6px 0; padding: 0; font-size: 12px; list-style: none; } html body #contentwrapper .contentlistelement .context li { padding: 2px 0 2px 0; list-style-image: none; color: #e8e8e8; } html body #contentwrapper .contentlistelement .context .teasertext ul, html body #contentwrapper .contentlistelement .context .text ul { margin: 0 0 6px 0; padding: 0; font-size: 12px; list-style-type: square; list-style-position: inside; } html body #contentwrapper .contentlistelement .context .teasertext li, html body #contentwrapper .contentlistelement .context .text li { padding: 2px 0 2px 0; list-style-image: none; color: #e8e8e8; } .context .text a { color: #0099ff!important; text-decoration: none; } .context .text a:hover { color: #99ccff!important; text-decoration: none; } .context .text { color: #e0e0e0!important; } .context .text strong { color: #fff!important; } .context p { margin-top: 4px!important; } .context .teasertext { margin-top: 4px!important; color: #fff; font-weight: bold!important; } .context em { font-style: italic!important; font-weight: normal!important; } .context .mediabox { width: 200px; display: block; border: 1px solid #999; font-size: 10px; margin: 0 0 -2px 0; padding: 0; float: right; border-bottom: none!important; } .context .mediabox .media, .context .mediabox .mediaNumb, .context .mediabox .mediaDate, .context .mediabox .mediaShop{ float: left; font-size: 10px; font-weight: bold; margin: 0; padding: 0;} .context .mediabox .media { background: url(/default/images/img-hg-media1.gif) repeat-x top left; border-right: 1px solid #999; overflow: hidden; line-height: 12px; display: block; width: 25px; text-align: left; padding-left: 2px; font-weight: normal!important; padding-top: 3px; height: 28px; } .context .mediabox .mediaNumb { background: url(/default/images/img-hg-media2.gif) repeat-x top left; border-right: 1px solid #999; display: block; width: 80px; text-align: left; padding-left: 5px; line-height: 12px; font-weight: normal!important; padding-top: 3px; height: 28px; } .context .mediabox .mediaDate { background: url(/default/images/img-hg-media2.gif) repeat-x top left; overflow: hidden; line-height: 12px; display: block; width: 80px; text-align: left; padding-left: 5px; font-weight: normal!important; padding-top: 3px; height: 28px; } .context .mediabox .mediaShop { background: url(/default/images/img-hg-media3.gif) no-repeat bottom right; margin: 0; display: block; width: 34px; border-left: 1px solid #999; text-align: center; line-height: 12px; padding-top: 2px; padding-bottom: 0!important; height: 29px; } .context .mediabox .clearer { border-top: 1px solid #999; } .context .detailTabs { color: #999999; text-decoration: none; margin: 5px 0 8px 0; padding: 0 0 5px 0; border-bottom: 1px solid #999; } .context .detailTabs a { font: normal 11px/120% Arial, Helvetica, sans-serif!important; color: #999999; text-decoration: none; margin: 0; padding: 0; } .context .detailTabs a:hover { color: #fff; text-decoration: none; } .context .detailTabs a.aktiv { font: bold 11px/120% Arial, Helvetica, sans-serif!important; color: #fff; text-decoration: none; margin: 0; padding: 0 1px; } .context .detailTabs a.aktiv:hover { color: #fff; text-decoration: none; } html body #contentwrapper .tracklist ul, html body #contentwrapper .speakerlist ul{ margin: 0; padding: 0; list-style-position: inside!important; list-style-type: decimal!important; } html body #contentwrapper .tracklist li, html body #contentwrapper .speakerlist li { padding: 2px 0 2px 5px!important; list-style-image: none; margin: 0 0 0 20px; } html body #contentwrapper .detailinformation ul { margin: 0; padding: 0; } html body #contentwrapper .detailinformation li { margin: 0; padding: 0; list-style-image: url(/default/images/li-point.png); } .letterbox { text-align: center; color: #414141; margin: 5px 8px; padding: 0 0 8px 0; } .letterbox a { text-transform: uppercase; margin: 3px 2px; padding: 2px 3px; text-align: center; cursor: pointer; font: bold 12px/28px Arial, Helvetica, sans-serif!important; color: #0099ff; border: 1px solid #414141; } .letterbox a:hover { color: #99ccff; border: 1px solid #99ccff; text-decoration: none!important; } .letterbox a.letteraktive { color: #fff!important; font: bold 12px/28px Arial, Helvetica, sans-serif!important; border: 1px solid #fff; } .letterbox a.letteraktive:hover { color: #99ccff!important; border: 1px solid #99ccff; text-decoration: none!important; } .userdetail, .date { font: normal 12px/130% Arial, Helvetica, sans-serif!important; color: #d2d2d2; margin: 5px 0; padding: 5px 0; display: block; } .userinfs { font: normal 12px/130% Arial, Helvetica, sans-serif!important; color: #fff; margin: 6px 0; padding: 0 0 6px 0; display: block; } html body #contentwrapper .userinfs ul { margin: 0; padding: 0; } html body #contentwrapper .userinfs li { margin: 0; padding: 0; border: none; font-weight: normal!important; } /* footernavi */ #footer ul { margin: 0; padding: 0; list-style-type: none; font-size: 0.84em; text-transform: uppercase; } #footer li { display: inline; padding: 0 10px; border-left: 1px solid #005c99; } #footer li a { text-decoration: none; color: #005c99; } #footer li a:hover { text-decoration: none; color: #0099ff; } /* diverse */ .noborder { border: none!important; } .nobackground { background: none!important; } .margin { margin: 10px!important; padding: 0; } .padding { margin: 0; padding: 8px 10px!important; } .sidepadding { margin: 0 10px 0 10px!important; } .nomargin { margin: 0!important; } .block { display: block; } .padding5 { padding: 5px!important; } .iconmargin { margin-top: -2px!important; } .iconimg { margin: -4px 4px 0 0; float: left; } .floatleft { float: left; } .floatright { float: right; } .clearer { display: block!important; margin: 0!important; padding: 0!important; clear: both!important; line-height: 0!important; font-size: 0!important; height: 0!important; } .clear { display: block!important; margin: 3px 0 5px 0!important; padding: 3px 0 0 0!important; clear: both!important; line-height: 3px!important; font-size: 3px!important; } .divFloatClear { overflow: hidden; width: 100%; margin: 0; padding: 0; } .none { position: absolute; left: -9999px; top: -9999px; display: inline; width: 0; height: 0; } .caps { text-transform: uppercase; font-size: 0.85em; } .spacing { letter-spacing: 1px; } .alignright { text-align: right; } .alignleft { text-align: left; } .aligncenter { text-align: center; } .lineheight { line-height: 20px; } .lineheight8 { line-height: 8px; font-size: 8px!important; display: block!important; } .blue { color: #183060!important; } .white { color: #fff!important; } .darkgrey { color: #414141!important; } .silvergrey { color: #cccccc!important; } .grey, .gray { color: #999999!important; } .dodgerblue { color: #0099ff!important; } .black { color: #000!important; } .bordergrey { display: block!important; margin: 5px 0; padding: 5px 0; clear: both!important; line-height: 1px!important; font-size: 0!important; height: 1px!important; border-bottom: 1px solid #414141; } .bordersilver{ display: block!important; margin: 5px 0; padding: 5px 0; clear: both!important; line-height: 1px!important; font-size: 0!important; height: 1px!important; border-bottom: 1px solid #bdbdbd; } .bordergrey999 { display: block!important; margin: 5px 0; padding: 5px 0; clear: both!important; line-height: 1px!important; font-size: 0!important; height: 1px!important; border-bottom: 1px solid #999999; } .bordergrey68 { display: block!important; margin: 5px 0 0 0; padding: 5px 0; clear: both!important; line-height: 1px!important; font-size: 0!important; height: 1px!important; border-top: 1px dotted #686868; } .blue-3d-line { display: block!important; margin: 0; padding: 0; clear: both!important; line-height: 2px!important; font-size: 0!important; height: 2px!important; background-color: #2b3f59!important; } .font12 { font: normal 12px/130% Arial, Helvetica, sans-serif!important; } .font11 { font: normal 11px/25px Arial, Helvetica, sans-serif!important; } .font10 { font: normal 10px/120% Arial, Helvetica, sans-serif!important; } .blue-header { background: url(/default/images/blueHeaderHG.gif) repeat-x top left; display: block!important; margin: 0; padding: 0; clear: both!important; height: 26px!important; color: #fff; font: bold 12px/26 Arial, Helvetica, sans-serif!important; } .redBg { background: #720000 url(/default/images/userHG.gif) repeat-x top left!important; padding: 0!important; } .greyBg { background: #393939 url(/default/images/round-corner-hg-1.gif) repeat-x top left!important; /*#686868*/ } .redBgcc00 { background-color: #cc0000; } .greyBg41 { background-color: #414141; } .greyBg83 { background-color: #838383; } .bordertop { border-top: 1px solid #999; } .borderbottom { border-bottom: 1px solid #999; } .borderbluebottom { border-bottom: 2px solid #2b3f59!important; } .borderbottom41 { border-bottom: 1px solid #414141; } #noLogin .blue-3d-line { display: block!important; margin: 0; padding: 0; clear: both!important; line-height: 2px!important; font-size: 0!important; height: 2px!important; background-color: #2b3f59!important; } #noLogin .redBg { background: #7a4545 url(/default/images/userHGNoLogin.gif) repeat-x bottom left!important; padding: 0!important; min-height: 180px; } #noLogin .redBgcc00 { background-color: #7a4545; } #noLogin .borderred { border-top: 1px solid #513232!important; display: block!important; margin: 3px -3px 5px -3px!important; padding: 3px 0 0 0!important; clear: both!important; line-height: 3px!important; font-size: 3px!important; } .borderred { border-top: 1px solid #9e0000; display: block!important; margin: 3px -3px 5px -3px!important; padding: 3px 0 0 0!important; clear: both!important; line-height: 3px!important; font-size: 3px!important; } .elements { margin: 10px 0; padding: 10px 5px; border-top: 1px dotted #686868; display: block; } .elements a { margin: 0; padding: 0 0 0 16px; background: url(/default/images/link-pfeil-b-r.gif) no-repeat left 2px; color: #0099ff!important; font-weight: bold; font-size: 12px; } .elements a:hover { background-position: left -30px; text-decoration: none; color: #ff0000!important; font-weight: bold; font-size: 12px; } /* subNavi */ #popup #primarycontent #subNavi { display: none; } #popup #primarycontent #sub2Navi { display: none; } #subNavi { margin: 24px 0 0 0; padding: 0; clear: left; } #subNavi .rocobox .cornerleft { margin: 0; padding: 0; position: relative; } #primarycontent #subNavi .rocobox .cornerright { margin: 0; padding: 0; height: 6px!important; background: url(/default/images/round-corner-top-right-sbn.gif) no-repeat top right!important; position: relative; } #subNavi .rocobox .border { border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; margin: 0 0 0 0; padding: 0; display: block; clear: both; background: #000 url(/default/images/round-corner-hg-sbn.gif) repeat-x top left; } #subNavi .rocobox h2 { margin: 0; padding: 25px 0 0 10px; color: #fff; font: normal 25px/100% Arial, Helvetica, sans-serif!important; height: 200px; } #subNavi .rocobox h2 a { color: #fff!important; font: normal 25px/100% Arial, Helvetica, sans-serif!important; } #subNavi .rocobox h2 a:hover { color: #d2d2d2!important; font: normal 25px/100% Arial, Helvetica, sans-serif!important; text-decoration: none!important; } #subNavi .rocobox .wrapp { padding: 0; margin: 0; } #primarycontent #subNavi .rocobox .wrapp .image { padding: 0; margin: 0; width: 160px; border-right: 1px solid #999; overflow: hidden; } html body #subNavi ul { margin: 0 0 0 0; padding: 5px 0 10px 170px; list-style-type: none; } html body #subNavi li { margin: 0; padding: 0; font: bold 12px/140% Arial, Helvetica, sans-serif!important; color: #fff; } #subNavi li a { margin: 0; padding: 0; text-decoration: none; color: #0099ff; } #subNavi li a:hover { margin: 0; padding: 0; text-decoration: none; color: #99ccff; } #subNavi li a.subNavAktiv{ margin: 0; padding: 0; text-decoration: none; color: #fff!important; } #subNavi li a.subNavAktiv:hover { margin: 0; padding: 0; text-decoration: none; color: #99ccff!important; } #subNavi .rocobox .bottom { margin: 0; padding: 0; background: #000 url(/default/images/round-corner-botom-hg-sbn.gif) repeat-x top left; display: block; height: 26px; border-top: 1px solid #bdbdbd; text-align: center; } #subNavi .rocobox .bottom h3 { margin: 0; padding: 0; color: #333333!important; font: bold 15px/26px Arial, Helvetica, sans-serif!important; display: inline; } #primarycontent .subN-brown .rocobox .cornerleft { background: url(/default/images/round-corner-top-left-sbn1.gif) no-repeat top left; } #primarycontent .subN-brown .rocobox .wrapp .image { background: #5a1f0a url(/default/images/img-hg-sbn1.gif) repeat-x top left; } html body .subN-brown ul { background: url(/default/images/round-corner-sbn1-ul-bg.gif) repeat-y bottom left; } #primarycontent .subN-green .rocobox .cornerleft { background: url(/default/images/round-corner-top-left-sbn3.gif) no-repeat top left; } #primarycontent .subN-green .rocobox .wrapp .image { background: #007100 url(/default/images/img-hg-sbn3.gif) repeat-x top left; } html body .subN-green ul { background: url(/default/images/round-corner-sbn3-ul-bg.gif) repeat-y bottom left; } #primarycontent .subN-blue .rocobox .cornerleft { background: url(/default/images/round-corner-top-left-sbn5.gif) no-repeat top left; } #primarycontent .subN-blue .rocobox .wrapp .image { background: #264c97 url(/default/images/img-hg-sbn5.gif) repeat-x top left; } html body .subN-blue ul { background: url(/default/images/round-corner-sbn5-ul-bg.gif) repeat-y bottom left; } #primarycontent .subN-yellow .rocobox .cornerleft { background: url(/default/images/round-corner-top-left-sbnC.gif) no-repeat top left; } #primarycontent .subN-yellow .rocobox .wrapp .image { background: #bd9700 url(/default/images/img-hg-sbnC.gif) repeat-x top left; } html body .subN-yellow ul { background: url(/default/images/round-corner-sbnC-ul-bg.gif) repeat-y bottom left; } #primarycontent .subN-gray .rocobox .cornerleft { background: url(/default/images/round-corner-top-left-sbnN.gif) no-repeat top left; } #primarycontent .subN-gray .rocobox .wrapp .image { background: #264c97 url(/default/images/img-hg-sbnN.gif) repeat-x top left; } html body .subN-gray ul { background: url(/default/images/round-corner-sbnN-ul-bg.gif) repeat-y bottom left; } #primarycontent #subNavi .rocobox { margin-bottom: 0px!important; } #primarycontent .subN-gray .rocobox h2 { margin: 0; padding: 25px 0 0 10px; color: #fff; font: normal 18px/100% Arial, Helvetica, sans-serif!important; height: 200px; } /* subNavi 2 Level*/ #sub2Navi { margin: 0 7px 0 10px!important; padding: 0 0 0 0; background-color: #000; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-top: 1px solid #999; display: block; text-align: center; height: auto; float: left; } #sub2Navi .wide { width: 469px; } html body #sub2Navi ul.level2 { margin: 3px 0 4px 0; padding: 0!important; list-style: none; /* line-height:25px;*/ } html body #sub2Navi ul.level2 li { display: inline; margin: 0!important; font: bold 12px/150% Arial, Helvetica, sans-serif!important; color: #fff; padding: 0 6px 0 8px!important; border-left: 1px solid #0099ff; } #sub2Navi ul.level2 li a { margin: 0!important; padding: 0!important; text-decoration: none; color: #0099ff; } #sub2Navi ul.level2 li a:hover { margin: 0; padding: 0; text-decoration: none; color: #99ccff; } /* logins */ #Login .checkbox-group { float: left; width: 20px; margin-left: 10px!important; } #Login label.optional { float: left; display: inline; margin-top: 5px; } #Login .checkbox-group .form_checkbox { float: left; } #terms_accepted input, .checkbox-group input { width: 20px!important; background-color: #2d2d2d!important; border: none!important; } #terms_accepted{ padding-top: 8px; } #Register #divTripleOpt, #Register #divTripleOptMailChk { border: none!important; padding: 0!important; } #Register #divTripleOpt { padding-left: 10px!important; } #Register #divTripleOpt #tripleopt_email { width: 430px; margin: 0; padding: 0; } #suche { height: 70px; width: 180px; float: right; display: block; } #searchform { width: 170px; } #suche .content-form { margin: 0; padding: 40px 0 0 10px; } #suche .submit-group { margin: 0!important; padding: 0!important; width: 30px; float: left; height: 18px!important; } #suche .element-group{ float: left; width: 116px!important; } #suche .element-group input { border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; border-left: 1px solid #7f7f7f; background-color: #fff; color: #7f7f7f; font-size: 11px; padding: 1px 2px 1px 2px; margin: 0; height: 14px; } #suche .submit-group input.absenden { background: url(/default/images/inputSGO.gif) no-repeat 0 0; width: 27px!important; height: 18px!important; cursor: pointer; margin: 0; padding: 0; border-left: 1px solid #7f7f7f; } #suche .submit-group input.absenden:hover { background-position: -37px 0!important; } #suche .submit-group input[type="submit"]:hover { background-position: -37px 0!important; } #suche .submit-group input[value=" "] { font-size: 0px; width: 26px; height: 18px; overflow: hidden; } #primarycontent #searchresults { font: bold 12px/140% Arial, Helvetica, sans-serif!important; margin: 0; padding: 0; } #primarycontent #searchresults .searchWordpass { margin: 10px 0 5px 0; padding: 3px 10px; border-top: 1px solid #686868; border-bottom: 1px solid #686868; color: #000; background: url(/default/images/round-corner-botom-hg-sbn.gif) repeat-x 0 0; } .searchWordpass .searchWord { margin: 0 3px; padding: 0 2px; border-bottom: 1px dashed #0099ff!important; color: #0099ff!important; font-style: italic!important; } #primarycontent #searchresults .searchWord { margin: 0 3px; padding: 0 2px; border-bottom: 1px dashed #ccc; color: #ccc; font-style: italic!important; } #primarycontent #searchresults .font11 { font: normal 11px/120% Arial, Helvetica, sans-serif!important; } #primarycontent #searchresults #List { margin-bottom: 0px!important; padding-bottom: 0!important; padding-top: 0; margin-top: 0; } #primarycontent #searchresults #List li { margin-bottom: 0px!important; padding-top: 0; } /* Liste */ #primarycontent #List { margin: 0; padding: 0; width: 469px; display: block; float: left; } #sidecontentwrapper #List { margin: 0; padding: 0; width:auto; display: block; float: left; } #sidecontentwrapper #List li{ padding: 2px 0 3px 8px!important;} #subList { margin: 0; padding: 0; width: 100%; display: block; float: left; } #List a.link, #subList a.link, html body ul a.link { font: bold 12px/110% Arial, Helvetica, sans-serif!important; color: #0099ff; text-decoration: none; margin: 0 8px 0 0; padding: 0 0 5px 0; display: block; } #List a.link:hover, #subList a.link:hover, html body ul a.link:hover { text-decoration: none; color: #ff0000; } #displayby { float: right; display: block; margin: 5px 5px 0 3px; font-size: 0.7em; } #ButtonDisplayList, #ButtonDisplayItems { cursor: pointer; margin: 0 2px; } #displayby .lineheight { margin-right: 5px; } ul#List { margin: 0; padding: 10px 0 0 0; list-style-type: none; } ul#List li { margin: 0 9px 20px 9px; padding: 0; overflow: hidden; } ul#subList { margin: 10px 0 0 0; padding: 10px 0 0 0; list-style-type: none; } ul#subList li { float: left!important; text-align: center; height: 120px; width: 75px; padding: 0; /*overflow: hidden; */ margin: 0 0 20px 0; } ul#List h2 { font: bold 13px/130% Arial, Helvetica, sans-serif!important; text-decoration: none; margin: 0; padding: 0; } ul#List h3 { font: normal 12px/130% Arial, Helvetica, sans-serif!important; text-decoration: none; margin: 0; padding: 0; color: #d2d2d2; } ul#List .date { font: normal 11px/130% Arial, Helvetica, sans-serif!important; color: #d2d2d2; margin: 0; padding: 0; display: block; } ul.displayItem li { float: left!important; text-align: center; height: 75px; width: 75px; } ul.displayItem li a.itemImage { margin: 0; padding: 0; display: block; } ul.displayItem li .itemTitle { position: absolute; left: -9999px; top: -9999px; display: inline; width: 0; height: 0; } ul.displayItem li .itemTitle a { color: #fff; font: normal 11px/110% Arial, Helvetica, sans-serif!important; } ul.displayItem li .itemTitle a:hover{ color: #99ccff!important; font: normal 11px/110% Arial, Helvetica, sans-serif!important; } #users ul.displayItem li, #groups ul.displayItem li, #groups ul.displayItem ul li { float: left!important; text-align: left; height: auto; width: 145px; min-height: 55px; margin: 2px 1px 6px 7px!important; border-bottom: 1px solid #9e0000; border-right: 1px solid #9e0000; padding-right: 1px; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-radius: 5px; overflow: hidden!important; } #users #noLogin ul.displayItem li, #groups #noLogin ul.displayItem li, #groups #noLogin ul.displayItem ul li { border-bottom: 1px solid #513232!important; border-right: 1px solid #513232!important; } #users ul.whitebg li, #groups ul.whitebg li, #groups ul.whitebg ul li { float: left!important; text-align: left; height: auto; width: 145px; min-height: 55px; margin: 2px 1px 3px 7px!important; padding-right: 1px; background-image: none!important; overflow: hidden!important; border-bottom: 1px solid #414141!important; border-right: 1px solid #414141!important; } #users ul.displayItem li .itemTitle a, #groups ul.displayItem li .itemTitle a, #groups ul.displayItem li ul li .itemTitle a { color: #ddbbbb!important; font: bold 11px/12px Arial, Helvetica, sans-serif!important; } #users ul.displayItem li .itemTitle a.yLink, #groups ul.displayItem li .itemTitle a.yLink, #groups ul.displayItem li ul li .itemTitle a.yLink { color: #ffa212!important; font: bold 10px/12px Arial, Helvetica, sans-serif!important; } #users ul.displayItem li .itemTitle a.yLink:hover, #groups ul.displayItem li .itemTitle a.yLink:hover, #groups ul.displayItem li ul li .itemTitle a.yLink:hover, #users ul.displayItem li .itemTitle a:hover, #groups ul.displayItem li .itemTitle a:hover, #groups ul.displayItem li ul li .itemTitle a:hover { color: #fff!important; } #users ul.displayItem li.listItem:hover .itemTitle a, #groups ul.displayItem li.listItem:hover .itemTitle a, #users ul.displayItem li.listItem:hover .itemTitle a.yLink, #groups ul.displayItem li.listItem:hover .itemTitle a.yLink, #users ul.displayItem li.listItem:hover .itemTitle a.yLink:hover, #groups ul.displayItem li.listItem:hover .itemTitle a.yLink:hover { color: #fff!important; } #users ul.displayItem li .itemImage, #groups ul.displayItem li .itemImage { height: 50px!important; width: 45px!important; overflow: hidden; float: left!important; margin: 3px 4px 0 0!important; } #users ul.displayItem li .itemTitle, #groups ul.displayItem li .itemTitle { padding: 0!important; margin: 0!important; color: #ddbbbb!important; position: inherit; } #users #List .itemfbox, #groups #List .itemfbox { width: 80px!important; overflow: hidden!important; margin-top: 5px; } ul.displayItem li .itemBox .itemBoxTitle { margin: 0; padding: 5px 0; display: block; width: 140px; overflow: hidden; text-align: center; } /* !!! productbox visible unvisible + position per css !!! */ ul.displayItem li .productboxshow { position: absolute; margin-top: -90px; margin-left: -20px; z-index: 1000; } ul.displayItem li .productboxhide { position: absolute; left: -9999px; top: -9999px; display: inline; width: 0; height: 0; } ul.displayList li .itemBox { position: absolute; left: -9999px; top: -9999px; display: inline; width: 0; height: 0; } ul.displayList li { display: block; text-align: left; border-bottom: 1px solid #414141; margin: 0 0 5px 0; background: none!important; clear: both; } ul.displayList li .itemImage { margin: 0; padding: 0 8px 5px 0; display: block; float: left; } ul.displayList li .itemTitle { margin: 0; padding: 0; display: block; /*float:left;*/ /* width:360px; */ width: auto; font: normal 12px/110% Arial, Helvetica, sans-serif; } ul.displayList li .itemTitle { position:relative;} ul.displayList li .itemTitle .messageMarker { position:absolute; left:7px;top:0; background: url(/default/images/imageBoxHG.png) repeat-x top left!important; width:18px; height: 18px;} ul.displayList li.listItem .itemTitle a.itemLink { margin: 0; padding: 0; display: block; overflow: hidden; font: 13px/130% Arial, Helvetica, sans-serif!important; } ul.displayList li.listItem .itemTitle h2 a.itemLink { margin: 0; padding: 0; display: block; overflow: hidden; font: bold 13px/130% Arial, Helvetica, sans-serif!important; } ul.displayList li .itemtxt { margin: 0; padding: 5px 0 5px 0; display: block; font-size: 12px; } ul.displayList li .itemtxt a { margin-left: 5px; } ul.displayList li .itemtxt a:hover { text-decoration: none!important; } ul.displayList li a.itemImage { margin: 0; padding: 0; display: block; } /* itembox */ .itemBox { display: block; float: right; width: 140px; font-size: 0.7em; z-index: 1000; overflow: visible; text-align: center; } .itemBox .ptop { background: url(/default/images/bg-itembox.png) no-repeat top left; margin: 0; padding: 0 0 6px 0; display: block; text-align: center; } .itemBox .pbottom { display: block; background: url(/default/images/bg-itembox-bottom.png) no-repeat bottom left; margin: 0; padding: 0; float: left; width: 140px; height: 20px; } .pbottom a.pbottomlink { margin: 0 6px 0 0; padding: 0; background: url(/default/images/link-pfeil-b-r.gif) no-repeat right 2px; display: block; height: 18px; float: right; line-height: 17px; } .pbottom a.pbottomlink:hover { background-position: right -30px; text-decoration: none; float: right; } .pbottom a.pbottomlink span { text-transform: uppercase; color: #fff; font-size: 11px; letter-spacing: 1px; float: right; padding: 0 20px 0 0; font-weight: bold; } .itemBox .btnCloseItems { cursor: pointer; margin: 5px 5px 0 0; float: right; } .itemBox .itemImage{ display: block; padding: 10px 0 0 0; } /* .produktteaserwrapp */ .produktteaserwrapp { margin: 0; padding: 0; float: right; width: 88px!important; } .produktteaserwrapp #List { margin: 0; padding: 0; width: 88px!important; display: block; float: none!important; text-align: center; } .produktteaserwrapp ul#List li { margin: 10px 0 10px 5px!important; padding: 0; overflow: inherit!important; } .produktteaserwrapp ul#List li img { margin: 0!important; padding: 0!important; } .produktteaserwrapp ul#List li .itemImage { margin: 0!important; padding: 0!important; } .produktteaserwrapp ul#List li .itemImage a.itemImage:hover img { border: 1px solid #fff!important; margin: 0!important; padding: 0!important; } .produktteaserwrapp ul#List li .itemImage a.itemImage img { border: 1px solid #264c97; margin: 0!important; padding: 0!important; } .produktteaserwrapp ul#List li.aktive .itemImage a.itemImage img { border: 1px solid #fff; margin: 0!important; padding: 0!important; } /* pager */ .pagination { text-align: center; font-size: 11px; margin: 0; padding: 2px 0; font-weight: bold!important; background: url(/default/images/pager-bg.gif) repeat-x top left!important; width: auto; line-height: 18px; height: 18px; } .pagination a.plink span { margin: 0; padding: 0; color: #0099ff!important; } .pagination a.plink:hover span{ margin: 0; padding: 0; color: #99ccff!important; } .pagination .currentPage { color: #fff!important; padding: 0 5px; } .pager .pagination { text-align: left; font-size: 11px; margin: 0; padding: 2px 0; font-weight: bold!important; background-image: none!important; line-height: 18px; height: 18px; } #highscores .pager .pagination { text-align: left; font-size: 11px; margin: 0; padding: 0 0 5px 0; font-weight: bold!important;background-image: none!important; line-height: 19px; height: 19px; } .nobackground .pagination { background: none!important; } #primarycontent .produktteaserwrapp .pagination { text-align: center; font-size: 11px; margin: -8px 0 0 -1px!important; padding: 10px 0 0 0!important; font-weight: bold!important; background: url(/default/images/pager-bg2.gif) repeat-x top left!important; width: 89px; height: 30px; color: #99ccff; } #primarycontent .produktteaserwrapp .pagination .allPages { color: #99ccff!important; padding: 0; } #primarycontent .produktteaserwrapp .pagination .currentPage { color: #fff!important; padding: 0; } /* buttons */ a.btArrowLeft { background: url(/default/images/bt_zurueck.gif) no-repeat top left; color: #0099ff; padding: 3px 10px 7px 15px; font-size: 10px; text-transform: uppercase; margin: 0 5px; } a.btArrowRight { background: url(/default/images/bt_vor.gif) no-repeat top right; color: #0099ff; padding: 3px 15px 7px 10px; font-size: 10px; text-transform: uppercase; margin: 0 0 0 5px; text-align: center; } a.btArrowLeft:hover { background-position: left -31px!important; color: #ff0000; text-decoration: none; } a.btArrowRight:hover { background-position: right -31px!important; color: #ff0000; text-decoration: none; } a.btVor{ margin: 0 6px 0 0; padding: 0; background: url(/default/images/link-pfeil-b-r.gif) no-repeat right 2px; display: block; height: 18px; float: right; line-height: 17px; width: 100px; } a.btVor:hover{ background-position: right -30px; text-decoration: none; float: right; } a.btVor span{ text-transform: uppercase; color: #fff; font-size: 11px; letter-spacing: 1px; float: right; padding: 0 20px 0 0; font-weight: bold; } a.btBack{ margin: 0 0 0 6px; padding: 0 0 0 20px; background: url(/default/images/bt_zurueck.gif) no-repeat left -1px; display: block; height: 18px; line-height: 17px; width: 200px; float: left; text-align: left; } a.btBack:hover{ background-position: left -32px; text-decoration: none; } a.btBack span { text-transform: uppercase; color: #fff; font-size: 11px; letter-spacing: 1px; float: left; padding: 0 0 0 5px; font-weight: bold; } a.alink, a.activation { margin: 0 0 0 0; padding: 0 0 0 16px; background: url(/default/images/link-pfeil-b-r.gif) no-repeat left 2px; color: #0099ff!important; font-weight: bold; font-size: 12px; line-height: 140%; } a.alink:hover, a.activation:hover { background-position: left -30px; text-decoration: none; color: #ff0000!important; font-weight: bold; font-size: 12px; } a.blink { margin: 0; padding: 0 10px 0 0; color: #0099ff!important; font-weight: normal; white-space: nowrap!important; } a.blink:hover{ text-decoration: none; color: #ff0000!important; } a.clink { margin: 0; padding: 0 10px 0 0; color: #fff!important; font-weight: normal; } a.clink:hover{ text-decoration: none; color: #ff0000!important; } #primarycontent .produktteaserwrapp .pagination a.btArrowLeft { background: url(/default/images/bt_zurueck2.gif) no-repeat top left; color: #0099ff; padding: 3px 5px 10px 5px!important; font-size: 10px; text-transform: uppercase; margin: 0; } #primarycontent .produktteaserwrapp .pagination a.btArrowRight { background: url(/default/images/bt_vor2.gif) no-repeat top right; color: #0099ff; padding: 3px 5px 10px 5px!important; font-size: 10px; text-transform: uppercase; margin: 0; text-align: center; } #primarycontent .produktteaserwrapp .pagination a.btArrowLeft1 { background: url(/default/images/bt_zurueck3.gif) no-repeat top left; color: #0099ff; padding: 3px 5px 10px 5px!important; font-size: 10px; text-transform: uppercase; margin: 0; } #primarycontent .produktteaserwrapp .pagination a.btArrowRight1 { background: url(/default/images/bt_vor3.gif) no-repeat top right; color: #0099ff; padding: 3px 5px 10px 5px!important; font-size: 10px; text-transform: uppercase; margin: 0; text-align: center; } #primarycontent .produktteaserwrapp .pagination a.btArrowLeft:hover, #primarycontent .produktteaserwrapp .pagination a.btArrowLeft1:hover { background-position: left -31px!important; color: #ff0000; text-decoration: none; } #primarycontent .produktteaserwrapp .pagination a.btArrowRight:hover, #primarycontent .produktteaserwrapp .pagination a.btArrowRight1:hover { background-position: right -31px!important; color: #ff0000; text-decoration: none; } a.btConfirm { background: transparent url(/default/images/bt_edit.png) no-repeat right 0; color: #0099ff!important; padding: 0 22px 0 8px!important; height: 18px!important; text-transform: uppercase; margin: 0 5px 0 0; text-align: right; cursor: pointer; font: bold 12px/19px Arial, Helvetica, sans-serif!important; border: 1px solid #999!important; white-space: nowrap; display: block; float: left; } a.btDelete { background: transparent url(/default/images/bt_delete.png) no-repeat right 0; color: #0099ff!important; padding: 0 22px 0 8px!important; height: 18px!important; text-transform: uppercase; margin: 0 5px 0 0; text-align: right; cursor: pointer; font: bold 12px/19px Arial, Helvetica, sans-serif!important; border: 1px solid #999!important; white-space: nowrap; display: block; float: left; } a.btSend { background: transparent url(/default/images/bt_send.png) no-repeat right 0; color: #0099ff!important; padding: 0 22px 0 8px!important; height: 18px!important; text-transform: uppercase; margin: 0 5px 0 0; text-align: right; cursor: pointer; font: bold 12px/19px Arial, Helvetica, sans-serif!important; border: 1px solid #999!important; white-space: nowrap; display: block; float: left; } a.btDelete:hover, a.btConfirm:hover, a.btSend:hover{ background-position: right -31px; color: #ff0000!important; } /* forms */ #primarycontent form { margin: 0 0 20px 0; padding: 0; width: auto; background-color: #2d2d2d; } #sidecontentwrapper form { margin: 0 0 20px 0; padding: 0 0 10px 0; width: auto;/* background-color: #2d2d2d; border: 1px solid #999999; */} #contentwrapper input, #contentwrapper textarea, #contentwrapper select { margin: 0; padding: 1px; background-color: #686868; border: 1px solid #999; font-size: 11px; color: #dfdfdf; } #contentwrapper select {width: 208px;} #primarycontent textarea.mfield, #primarycontent select.mfield, #primarycontent #tripleopt_email, #primarycontent input.mfield { border: 1px solid #c68b8a!important; background-color: #7a4545!important; } #birthdayDay, #birthdayMonth, #birthdayYear {width:65px!important;} #contentwrapper form label { margin: 5px 0 2px 0; padding: 0; display: block; font-size: 12px; width: auto; } #contentwrapper form button { background: transparent url(/default/images/bt_confirm.png) no-repeat 0 0; color: #0099ff!important; padding: 1px 20px 4px 0!important; width: 200px!important; height: 19px!important; text-transform: uppercase; margin: 0 0!important; text-align: right; cursor: pointer; border: none!important; font: bold 12px/120% Arial, Helvetica, sans-serif!important; } #contentwrapper form button:hover{ background-position: 0 -31px; color: #ff0000!important; } #primarycontent form button.del { background: transparent url(/default/images/bt_abbrechen.png) no-repeat 0 0; color: #0099ff!important; padding: 1px 20px 4px 0!important; width: 200px!important; height: 19px!important; text-transform: uppercase; margin: 0 0!important; text-align: right; cursor: pointer; border: none!important; font: bold 12px/120% Arial, Helvetica, sans-serif!important; } #primarycontent form button.del:hover { background-position: 0 -31px; color: #ff0000!important; } #primarycontent form button#cancel { background: transparent url(/default/images/bt_abbrechen.png) no-repeat 0 0; color: #0099ff!important; padding: 1px 20px 4px 0!important; width: 200px!important; height: 19px!important; text-transform: uppercase; margin: 0 0!important; text-align: right; cursor: pointer; border: none!important; font: bold 12px/120% Arial, Helvetica, sans-serif!important; } #primarycontent form button#cancel:hover { background-position: 0 -31px; color: #ff0000!important; } #primarycontent form .content-form div { margin: 5px 0 0 0; padding: 0; } #divCaptcha { padding: 5px 0 5px 8px!important; margin: 15px 0!important; width: auto; border: 1px dotted #414141; text-align: left; clear: both; display: block; } #divCaptcha img { margin: 0 0 0 0; float: right; width: 210px; padding: 8px 8px 8px 0; } #divCaptcha input { margin: 12px 0 0 0; width: 204px; float: none; } .captchaTxt { font-size: 11px; width: 180px; font-weight: normal; color: #ccc; float: left; margin: 0 0 8px 0; line-height: 12px; } #errorsDiv { color: #ff7c31!important; text-align: left; font-size: 12px!important; margin: 10px; padding: 10px; display: block; background: #393939 url(/default/images/round-corner-hg-1.gif) repeat-x top left; /*!important*/ border: 1px solid #999; height: 1%; } html body #errorsDiv ul { margin: 0; padding: 0 15px; } html body #errorsDiv ul li { margin: 1px 0; padding: 0 10px 0 0; color: #fff!important; font-size: 12px!important; font-weight: bold; zoom: 1; } .noDataDiv, .message { color: #ff7c31!important; text-align: left; font-size: 12px!important; margin: 10px!important; display: block; } #contentwrapper .content-form .form-checkbox { width: auto; } .content-form .hidden-group{ display: none; } #contentwrapper .content-form h2, #contentwrapper.content-form h3, #contentwrapper .content-form p { margin: 5px 10px!important; padding: 5px 0!important; border-bottom: 1px solid #414141; } #contentwrapper .content-form .element-group a { margin: 0; padding: 0 5px; color: #0099ff!important; font-weight: normal; white-space: nowrap!important; } #contentwrapper .content-form .element-group a:hover { text-decoration: none; color: #ff0000!important; } #contentwrapper .content-form .submit-group { margin: 10px 0 0 0!important; padding: 15px 0 0 0!important; border-top: 1px solid #414141; } #contentwrapper .content-form .submit-group input { background: transparent url(/default/images/bt_einlogen.gif) no-repeat 0 0; color: #0099ff!important; padding: 1px 30px 4px 0!important; width: 208px!important; height: 19px!important; text-transform: uppercase; margin: 0 8px!important; text-align: right; cursor: pointer; border: none!important; font: bold 12px/130% Arial, Helvetica, sans-serif!important; } #contentwrapper .content-form .submit-group input:hover{ background-position: 0 -31px; color: #ff0000!important; } html body input.radio { border: none!important; margin-right: 10px!important; background-color: #2d2d2d!important; } #contentwrapper .element-group-float { padding: 0 8px!important; margin: 0 0 5px 0!important; overflow: hidden; } *+html #primarycontent .nofloat { float: inherit; float: none!important; /* ie bugfix */ clear: both!important; } #contentwrapper .element-group-float input { width: 206px; margin: 0; padding: 0; } #contentwrapper .element-group-float select { width: 208px; margin: 0; padding: 0; } #contentwrapper .element-group-block { padding: 0 8px!important; margin: 0!important; overflow: hidden; float: none; clear: both; } #contentwrapper .element-group { padding: 0 8px!important; margin: 0!important; overflow: hidden; clear: both; float: none; } #primarycontent .element-group-block input, #primarycontent .element-group input { width: 430px; margin: 0; padding: 0; } #sidecontentwrapper .element-group-block input, #sidecontentwrapper .element-group input { width: 206px; margin: 0; padding: 0; } #contentwrapper .element-group-block textarea, #contentwrapper .element-group textarea { width: 430px; margin: 0; padding: 0; } #primarycontent textarea.shoutbox { height: 40px!important; } #primarycontent .element-group input[type="checkbox"], #primarycontent .element-group input[type="radio"], #primarycontent .element-group input.form-checkbox, #primarycontent .element-group-float input[type="checkbox"], #primarycontent .element-group-float input[type="radio"], #primarycontent .element-group-float input.form-checkbox { width: 20px!important; margin: 0 0 2px 0; padding: 0; line-height: 17px; float: left; } #primarycontent .element-group img { padding: 5px 0; } #primarycontent .element-group .smileypanel { width: 450px; } #primarycontent .element-group .smileypanel a { width: 20px; float: left; } fieldset { margin: 0; padding: 0 8px; } dl, dt, dd { margin: 0; padding: 0; } /* community specials */ #comsuche input.suchfeld { background-color: #ccc; color: #333; font-size: 10px!important; padding: 0 2px -1px 2px; margin: 0 0 -2px 0!important; height: 14px!important; } #comsuche input.absenden { margin: 0 0 0 -1px!important; padding: 0; background: url(/default/images/inputSGO.gif) no-repeat 0 -1px; width: 27px!important; height: 18px!important; cursor: pointer; } #comsuche input.absenden:hover { background-position: -37px -1px!important; } #comsuche input[type="submit"]:hover { background-position: -37px -1px!important; } .posiefix { margin-top: 0; } .user { font-size: 12px; margin: 0; padding: 0; clear: both; } .user img { margin: -6px 4px 0 0; float: left; } .user strong { line-height: 130%; } .guestbookentry, .sublist, #PrivateMessage ul.displayList li.listItem, #users ul.displayList li.listItem, #groups ul.displayList li.listItem, #forum ul.displayList li.listItem, .historylist ul.displayList li.listItem { margin-bottom: 5px!important; border: 1px solid #999!important; padding: 6px 8px 4px 8px; background: #393939 url(/default/images/round-corner-hg-1.gif) repeat-x top left!important; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-radius: 5px; } #groups ul.displayList li.listItem ul li.listItem { border: none!important; background: none!important; } #PrivateMessage ul.displayList, #users ul.displayList, #groups ul.displayList, #forum ul.displayList { margin-top: 0px!important; padding-top: 0px!important; } #PrivateMessage ul.displayList { margin-left: 5px!important;} #PrivateMessage ul.displayList li.listItem:hover {box-shadow: 0px 0px 2px 0px #0099ff; -webkit-box-shadow: 0px 0px 2px 0px #0099ff;-moz-box-shadow: 0px 0px 2px 0px #0099ff; box-shadow: 0px 0px 2px 0px #0099ff;} #forum ul.displayList li.listItemBg { background: #000 url(/default/images/round-corner-hg-sbn.gif) repeat-x top left!important; } #forum ul.displayList { margin-top: 0!important; margin-bottom: 0!important; padding-bottom: 0!important; padding-top: 5px!important; } #forum .context { padding-bottom: 0!important; } #PrivateMessage .grey a { color: #999999!important; } #PrivateMessage .grey a:hover { color: #fff!important; } .guestbookentry .itemtxt, #forum .itemtxt, .bildergallerie .itemtxt { padding: 5px!important; background-color: #414141; margin: 5px 0; } #forum li.listItem .itemtxt { padding: 5px!important; background-color: #414141; margin: 5px 0; } #forum li.listItemBg .itemtxt { padding: 5px!important; background-color: #101010!important; margin: 5px 0; } .forumpoststitle { clear: both; display: block; margin: 10px 0 8px 0; padding: 5px 0 0 0; border-top: 1px solid #414141; border-bottom: 1px solid #414141; height: 20px; } .forumpoststitle h3 { font-size: 12px; white-space: nowrap; } p.signature { font-size: 10px!important; color: #999999!important; } .guestbookform { margin: 0 0 10px 0; padding: 0 0 20px 0; display: block; } .guestbookentry { margin: 5px 10px; font-size: 12px; } .latestMessages .guestbookentry { margin: 5px 0!important; font-size: 12px; } .forumcatitem .sublist { margin-top: -5px!important; } .forumthreads .forumcatitem .sublist { margin-top: 1px!important; } #forum .breadcrumb, .forumcatitem { background: #000 url(/default/images/round-corner-hg-sbn.gif) repeat-x top left!important; padding: 5px 5px 2px 5px; margin-bottom: 3px; } .historylist{ height: 250px; overflow: auto; } /* forum buttons */ a.btAntworten { background-image: url(/default/images/bt_antworten.png); } a.btNeu { background-image: url(/default/images/bt_neu.png); } a.btLoeschen { background-image: url(/default/images/bt_loeschen.png); } a.btBearbeiten { background-image: url(/default/images/bt_bearbeiten.png); } a.btAnzeigen { background-image: url(/default/images/bt_anzeigen.png); } a.btAktivieren { background-image: url(/default/images/bt_aktivieren.png); } a.btDeaktivieren { background-image: url(/default/images/bt_deaktivieren.png); } a.btPosteingang, a.btPosteingangA { background-image: url(/default/images/bt_posteingang.gif); } a.btPostausgang, a.btPostausgangA { background-image: url(/default/images/bt_postausgang.gif); margin-right:20px!important; } a.btPostDelete { background-image: url(/default/images/bt_post_delete.gif);} /* forum buttons moderator */ a.btAktivierenM { background-image: url(/default/images/bt_aktivieren_mod.png); } a.btDeaktivierenM { background-image: url(/default/images/bt_deaktivieren_mod.png); } a.btVerschiebenM { background-image: url(/default/images/bt_verschieben_mod.png); } a.btSchliessenM { background-image: url(/default/images/bt_close_mod.png); } a.btOeffnenM { background-image: url(/default/images/bt_open_mod.png); } #Post .buttonpanel a.fett { background-image: url(/default/images/bt_fett.png); } #Post .buttonpanel a.kursiv { background-image: url(/default/images/bt_kursiv.png); } #Post .buttonpanel a.unterstrichen { background-image: url(/default/images/bt_unterstrichen.png); } #Post .buttonpanel a.link { background-image: url(/default/images/bt_link.png); } #New .buttonpanel a.fett { background-image: url(/default/images/bt_fett.png); } #New .buttonpanel a.kursiv { background-image: url(/default/images/bt_kursiv.png); } #New .buttonpanel a.unterstrichen { background-image: url(/default/images/bt_unterstrichen.png); } #New .buttonpanel a.link { background-image: url(/default/images/bt_link.png); } a.btAntworten, a.btNeu, a.btLoeschen, a.btBearbeiten, a.btAnzeigen, a.btAktivieren, a.btDeaktivieren, a.btAktivierenM, a.btDeaktivierenM, #New .buttonpanel a.fett, #New .buttonpanel a.kursiv, #New .buttonpanel a.unterstrichen, #New .buttonpanel a.link, a.btVerschiebenM, a.btSchliessenM, a.btOeffnenM, #Post .buttonpanel a.fett, #Post .buttonpanel a.kursiv, #Post .buttonpanel a.unterstrichen, #Post .buttonpanel a.link { background-position: left 0px; background-repeat: no-repeat; padding: 0!important; height: 18px!important; width: 18px; margin: 0 5px 0 0; cursor: pointer; font: 0px/18px Arial, Helvetica, sans-serif!important; display: block; float: left; } a.btPosteingang{ background-position: right 0px; background-repeat: no-repeat; padding: 0 22px 0 0!important; height: 18px!important; margin: 0; cursor: pointer; font: bold 11px/18px Arial, Helvetica, sans-serif!important; /*display: block;*/ float: right; color: #888; } a.btPostausgang { background-position: right 0px; background-repeat: no-repeat; padding: 0 22px 0 0!important; height: 18px!important; margin: 0; cursor: pointer; font: bold 11px/18px Arial, Helvetica, sans-serif!important; /*display: block; */ float: right; color: #888; } a.btPosteingangA { background-position: right -25px; background-repeat: no-repeat; padding: 0 22px 0 0!important; height: 18px!important; margin: 0; cursor: pointer; font: bold 11px/18px Arial, Helvetica, sans-serif!important; /*display: block;*/ float: right; color: #fff; } a.btPostausgangA { background-position: right -25px; background-repeat: no-repeat; padding: 0 22px 0 0!important; height: 18px!important; margin: 0; cursor: pointer; font: bold 11px/18px Arial, Helvetica, sans-serif!important; /*display: block; */ float: right; color: #fff; } a.btPostDelete{ background-position: left -25px; background-repeat: no-repeat; padding: 0 0 0 22px!important; height: 18px!important; margin: 0; cursor: pointer; font: bold 11px/18px Arial, Helvetica, sans-serif!important; /*display: block;*/ float: left; color: #fff; } a.btAntworten:hover, a.btNeu:hover, a.btLoeschen:hover, a.btBearbeiten:hover, a.btAnzeigen:hover, a.btAktivieren:hover, a.btDeaktivieren:hover, a.btAktivierenM:hover, a.btDeaktivierenM:hover, a.btVerschiebenM:hover, a.btSchliessenM:hover, a.btOeffnenM:hover { background-position: left -25px; } a.btPosteingang:hover{ background-position: right -25px; color: #d2d2d2!important; } a.btPostausgang:hover { background-position: right -25px; color: #d2d2d2!important; } a.btPosteingangA:hover { background-position: right 0; color: #d2d2d2!important; } a.btPostausgangA:hover { background-position: right 0; color: #d2d2d2!important; } a.btPostDelete:hover { background-position: left 0; color: #d2d2d2!important; } .messageTab{ display: block; clear: both!important; margin: 0 9px 0 9px; padding-bottom: 3px; } /* table */ .tableview{ padding: 0; margin: 0; border-collapse: collapse; border: 1px solid #686868; font-size: 12px; color: #fff; } .tableview caption { caption-side: bottom; font-size: 12px; text-align: right; padding: 3px 0; } .tableview th { background: transparent url(/default/images/blueHeaderHG.gif) repeat-x 0 0; font-size: 11px; border: 1px dotted #686868; padding: 2px 5px 0 3px; text-align: left; color: #fff; vertical-align: center; } .tableview td { border: 1px dotted #686868; padding: 5px 5px 0 3px; text-align: left; color: #fff; vertical-align: top; font-size: 12px; } .tableview td.center { border: 1px dotted #686868; padding: 2px 5px 2px 3px; text-align: center!important; color: #fff; vertical-align: top; } .tableview th[scope=col] { color: #fff; text-transform: uppercase; border-bottom: 1px solid #686868; border-right: 1px solid #686868; } .tableview th+th[scope=col] { color: #fff; border-right: 1px dotted #686868; } .tableview th[scope=row] { border-right: 1px solid #686868; } .tableview tr:hover th[scope=row], .tableview tr:hover td { background-color: #2d2d2d; color: #fff; } /* flash */ .flash { background: url(/default/images/loading.gif) no-repeat 10px 5px; margin-left: 8px; margin-bottom: 8px; } .flash span { font-size: 12px; color: #fff; text-align: left; display: block; padding: 16px 0 0 44px; } .flashError { font-size: 10px; color: #888; text-align: left; padding: 10px 0 0 0; } .flashError p { font-size: 10px; margin: 10px; } .flashError a { font-size: 11px; color: red; margin-left: 10px; } .flashError a img { margin: 0 10px 0 0; } .flashError a:hover { font-size: 11px; color: white; text-decoration: none; } /* flashCumulus */ .flashCumulus { display:block; margin-top: 10px; margin-bottom: 10px; float:left; } #primarycontent .flashCumulus {margin: 10px 0 10px 10px!important; width: 225px;} #sidecontentwrapper .flashCumulus {margin: 10px!important; width: 300px;} .flashCumulus, #sidecontentwrapper .rahmenlayout {background: #686868; /* Old browsers */ background: -moz-linear-gradient(top, #686868 25%, #393939 84%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#686868), color-stop(84%,#393939)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #686868 25%,#393939 84%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #686868 25%,#393939 84%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #686868 25%,#393939 84%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#393939',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #686868 25%,#393939 84%); /* W3C */border: 1px solid #999!important; -o-border-radius: 4px 4px 0 0; -icab-border-radius: 4px 4px 0 0;-khtml-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} #sidecontentwrapper .rahmenlayout {margin-left: 10px !important;margin-right: 2px !important;} .newsArchivFilter { margin: 0; padding: 8px; font: normal 12px/130% Arial, Helvetica, sans-serif!important; float: left; width: 12em; background-color: #2d2d2d; } .contentTeaserList .pos { text-align: right!important;} .contentTeaserList #List li.listItem{ margin-left:10px;padding:0px!important;} #ulDatum, #ulDatum ul, #ulCategories, #ulCategories ul{ padding: 0; margin: 0; list-style: none; background-color: #2d2d2d; } #ulDatum a, #ulCategories a { display: block; width: 10em; } #ulDatum li, #ulCategories li { float: left; width: 10em; } #ulDatum li ul, #ulCategories li ul { position: absolute; width: 10em; left: -999em; } #ulDatum li:hover ul, #ulCategories li:hover ul { left: auto; } #fieldset-features input { width: 430px; } #sidecontentwrapper #news .displayList li {margin-left:-16px; padding:10px 0 0 15px;} #primarycontent .displayList li {margin-left:0; padding:10px 0 0 16px;} #news .displayList .ybottom { width: auto; text-align: right; text-transform: uppercase;} #primarycontent #news .displayList .ybottom {margin-left:-16px;} #news .displayList .itemtxt b, #news .displayList .itemtxt b a {margin-left:0px;padding:0;} #news .displayList .itemtxt b a {color:#99ccff;} #news .displayList .itemtxt b a:before {content: "\00BB \0020";} #news .displayList .itemtxt b a:hover{color:#fff;} .comments { clear: both;} .comments a.link {width:100px!important; float:left!important;} .commentaryButtons .btVor {width:150px!important; margin-right:-4px;} .commmentaryItem {margin:5px 0; padding:5px 0; border-top:1px solid #414141;} /* hint */ .inputHint { width: 432px; font-size: 11px; background-image: url(/default/images/infoblase.gif); background-repeat: no-repeat; padding-top: 10px!important; clear: both; margin: 0 0 0 9px!important; } #hint_username { width: 206px; float: inherit; margin: 0 0 0 9px!important; } #hint_pwd { width: 206px; margin: 0 0 0 9px!important; } .inputHint .hintText { background-color: #888; color: #000; padding: 2px 5px!important; margin-top: 0!important; border: 1px solid #bdbdbd; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomleft: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-radius: 5px; border-top: 0!important; } .errorHint { width: 432px; font-size: 11px; background-image: url(../images/infoblase.gif); background-repeat: no-repeat; padding-top: 10px!important; margin-top: 0!important; z-index: 2500; } .element-group-float .errorHint { width: 208px!important; } .errorHint .hintText { background-color: #888; border: 1px solid #bdbdbd; color: #000; border-top: 0; padding: 2px 5px!important; margin-top: 0!important; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomleft: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-radius: 5px; } /* Vote-Modul */ #poll form { margin: 0; padding: 0; } #sidecontent #poll form { margin: 0!important; padding: 10px!important; text-align: left; } #poll .answer input[type="radio"] { width: 20px!important; background-color: transparent!important; float: left!important; margin: 0; padding: 0; } #poll .answer label { font: bold 12px/100% Arial, Helvetica, sans-serif!important; padding: 0; margin: 0; display: inline!important; } #poll .answer img { display: block; margin: 8px 0!important; } #poll .element-group { padding: 5px 0!important; } #poll .answer { padding: 0!important; } #poll .b_button { margin-top: 30px; } #primarycontent #poll .content-form .submit-group input, #sidecontent #poll .content-form .submit-group input { background: transparent url(/default/images/bt_einlogen-200.png) no-repeat 0 0; color: #0099ff!important; padding: 1px 20px 4px 0!important; width: 200px!important; height: 19px!important; text-transform: uppercase; margin: 0 8px 8px 0!important; text-align: right; cursor: pointer; /*border:none; */ font: bold 12px/130% Arial, Helvetica, sans-serif!important; } #primarycontent #poll .content-form .submit-group input:hover, #sidecontentwrapper #poll .content-form .submit-group input:hover { background-position: 0 -31px!important; color: #ff0000!important; } #sidecontent .box { display: block; width: 300px!important; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; background: #393939 url(/default/images/round-corner-hg-1.gif) repeat-x top left; clear: both; margin: 8px 0!important; padding: 8px 0 0 0; text-align: left!important; float: inherit; } #sidecontent .box .cornerleft { margin: -12px 0 0 0; padding: 0; background: url(/default/images/round-corner-top-left.gif) no-repeat top left; height: 6px; } #sidecontent .box .cornerright { margin: -12px 0 0 0; padding: 0; background: url(/default/images/round-corner-top-right.gif) no-repeat top right; height: 6px; } #sidecontent .box h2 { font: bold 13px/120% Arial, Helvetica, sans-serif!important; text-decoration: none; margin: 0 8px; padding-top: 4px; color: #fff!important; } #sidecontent .box .context { margin: 0 8px; } #sidecontentwrapper #poll form button { background: transparent url(/default/images/bt_confirm.png) no-repeat 0 0; color: #0099ff!important; padding: 1px 20px 4px 0!important; width: 200px!important; height: 19px!important; text-transform: uppercase; margin: 0 0!important; text-align: right; cursor: pointer; border: none!important; font: bold 12px/120% Arial, Helvetica, sans-serif!important; } #sidecontentwrapper #poll form button:hover { background-position: 0 -31px; color: #ff0000!important; } html body #primarycontent .contentlistelement .context ol { margin: 0; padding: 0; list-style-position: inside; } /* Lottery-Modul */ #Lottery { text-align: left!important;} #Lottery .questions-group h4{ border-bottom: 1px solid #414141; margin: 0 10px !important; padding: 5px 0 !important; } #Lottery .questions-group .optional {margin-top:10px;} /* facebook-page */ .facebook {width: 500px; } .sharelink { color:#dfdfdf!important; background: #000 url(/default/images/facebook-ic.png) no-repeat 1px 1px!important; border:1px solid #686868;font-size:11px;padding:2px 5px 1px 20px; text-decoration:none;font-family: Arial, Helvetica, sans-serif;font-style: italic;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-left:10px;} .sharelink:hover { color:#fff!important;border:1px solid #838383;} /* mainNavi always on bottom of css - NEU mit a.mN6 */ #pagewrapper { background: url(/default/images/pagewrapperHG_2.png) no-repeat top left!important; background: url(/default/images/pagewrapperHG_2-ie6.gif) no-repeat top left; /* iefix */ min-height: 730px;} .MainNavi { margin: 0; padding: 0; } .MainNavi a.mN1 { height: 312px; width: 240px; float: left; text-decoration: none; line-height: 28px; white-space: nowrap; font-weight: normal; color: #888; display: block; margin: 5px 5px 0 10px; } .MainNavi a.mN2 { height: 150px; width: 220px; float: left; text-decoration: none; line-height: 28px; white-space: nowrap; font-weight: normal; color: #888; display: block; margin: 100px 5px 0 5px; } .MainNavi a.mN3 { height: 72px; width: 122px; float: left; text-decoration: none; line-height: 28px; white-space: nowrap; font-weight: normal; color: #888; display: block; margin: 80px 3px 0 5px; } .MainNavi a.mN4 { height: 162px; width: 176px; float: left; text-decoration: none; line-height: 28px; white-space: nowrap; font-weight: normal; color: #888; display: block; margin: 80px 0 0 3px; } *+html .MainNavi a.mN4 { height: 165px; width: 170px; float: left; text-decoration: none; line-height: 28px; white-space: nowrap; font-weight: normal; color: #888; display: block; margin: -80px 0 0 136px; } *html .MainNavi a.mN4 { height: 165px; width: 170px; float: right; text-decoration: none; line-height: 28px; white-space: nowrap; font-weight: normal; color: #888; display: block; margin: -80px 0 0 5px; } .MainNavi a.mN5 { height: 68px; width: 340px; float: left; text-decoration: none; line-height: 28px; white-space: nowrap; font-weight: normal; color: #888; display: block; margin: 0 5px 0 0; } *html .MainNavi a.mN5 { height: 68px; width: 340px; float: left; text-decoration: none; line-height: 28px; white-space: nowrap; font-weight: normal; color: #888; display: block; margin: 0 5px 0 -14px; } .MainNavi a.mN6 { height: 92px; width: 130px; float: left; text-decoration: none; line-height: 28px; white-space: nowrap; font-weight: normal; color: #888; display: block; margin: -86px 3px 0 0!important; margin: -84px 3px 0 0; } .MainNavi a.mN1:hover { background: url(/default/images/menu-hovers/dfz_bobs_archiv.png) no-repeat 56px 63px!important; background: url(/default/images/menu-hovers/dfz_bobs_archiv.gif) no-repeat 45px 62px; }/* ie6 png fix */ .MainNavi a.mN2:hover { background: url(/default/images/menu-hovers/dfz_fragezeichen.png) no-repeat 11px 16px!important; /* ie6 png fix */ background: url(/default/images/menu-hovers/dfz_fragezeichen.gif) no-repeat 1px 16px; } .MainNavi a.mN3:hover { background: url(/default/images/menu-hovers/over_game-1.png) no-repeat 6px 25px!important; background: url(/default/images/menu-hovers/over_game-1.gif) no-repeat -9px 18px; }/* ie6 png fix */ .MainNavi a.mN4:hover { background: url(/default/images/menu-hovers/dfz_shop.png) no-repeat 1px 2px!important; background: url(/default/images/menu-hovers/dfz_shop.gif) no-repeat -9px 10px; }/* ie6 png fix */ .MainNavi a.mN5:hover { background: url(/default/images/menu-hovers/dfz_produkte.png) no-repeat 0px 1px!important; background: url(/default/images/menu-hovers/dfz_produkte.gif) no-repeat 4px 1px; }/* ie6 png fix */ .MainNavi a.mN6:hover{ background: url(/default/images/menu-hovers/dfz_special_community.png) no-repeat -18px -6px!important; background: url(/default/images/menu-hovers/dfz_special_community.gif) no-repeat -28px -3px; }/* ie6 png fix */ *+html .MainNavi a.mN3:hover{ background-position: 6px 25px!important; } *+html .MainNavi a.mN4:hover{ background-position: -2px 10px!important; } *+html .MainNavi a.mN5:hover{ /* ie7 pos fix */ background-position: 0px 1px!important; } *+html .MainNavi a.mN6:hover{ background-position: -18px -1px!important; } /*////////// eof mainNavi ////////////// always on bottom of css ////////*/