/*------------------------------------------------------------------------------------ Global Styles ------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1.5; color: black; background: url(../images/background.jpg) #e3f7fe repeat-x ; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*------------------------------------------------------------------------------------ Typography Styles ------------------------------------------------------------------------------------*/ body {font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size:10px} h1, h2, h3, textarea {font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;font-weight:normal} h1 {font-size:12px} h2 {font-size:11px;font-weight:bold} h3 {font-size:10px} strong {font-weight:bold} em {font-style:italic} /*------------------------------------------------------------------------------------ Floating Styles ------------------------------------------------------------------------------------*/ .left {float:left} .right {float:right} .clear { clear: both; width: 0; height: 0; font-size: 0; overflow: hidden; } /*------------------------------------------------------------------------------------ Site Styles ------------------------------------------------------------------------------------*/ /* --reset ul menus & images-- */ #mainnav, #links, .menu, .box .list {margin:0;padding:0;list-style:none} img {margin:0;padding:0;border:0} /* --general settings-- */ #all {width:100%;height:auto} #header, #top, #mainnav, #wrap, #footer {width:1000px;margin:0 auto;} /* --anchors general settings-- */ a {text-decoration:none} a:hover {} /* --header-- */ #top {position:relative;height:109px;background:url(../images/header_background.gif) #1F8AD2 repeat-x; border-left: 1px solid #fff;border-right: 1px solid #fff;} #header {position:relative;height:79px;background:url(../images/header_background.gif) #FFF repeat-x} #header .logo {position:absolute;top:10px;left:11px} #header .address {position:absolute;top:11px;left:274px;width:187px;height:10px;background:url(../images/address.gif) no-repeat} #header .menu {position:absolute;bottom:-3px;right:0px;width:563px;height:35px;padding:10px 0 0 250px;max-width:313px;max-height:25px;background:url(../images/header_menu_background.gif) #1f8ad2 no-repeat;z-index:999} #header #search {position:absolute;top:5px;right:170px} #header #links {position:absolute;top:5px;right:20px} #header #links li, #header #links li {float:left;margin-left:8px} /* --mainnav-- */ #mainnav {padding:0 10px 0 60px;;max-width:930px;height:30px;background:url(../images/mainnav_background.gif) #02649f repeat-x} #mainnav li, #mainnav li a {float:left;line-height:30px} #mainnav li {background:url(../images/mainnav_li_background.gif) no-repeat left 3px} #mainnav li a {padding:0 5px;margin-left:2px;color:#FFF} #mainnav li a:hover, #mainnav li.active a {background:url(../images/mainnav_hover_background.gif) repeat-x;color:#FFA200} #header, #mainnav, #wrap {border-left:1px solid #FFF;border-right:1px solid #FFF} /* --content wrapper-- */ /*#wrap {position:relative;padding:20px 0 20px 20px;max-width:980px;background:url(../images/wrap_background.gif) #FFF repeat-x}*/ #wrap {position:relative;padding:20px;max-width:960px;background:url(../images/wrap_background.gif) #FFF repeat-x} #flash {margin:-20px} /* --left side-- */ #menu {font-family: tahoma, sans-serif} #menu .box {width:210px;margin-bottom:10px;} #menu .box h2 {width:210px;height:23px;line-height:20px;padding-left:30px;max-width:180px;background:url(../images/h2_background.gif) no-repeat} #menu .box .content {position:relative;width:199px;margin-left:6px;padding:15px;max-width:169px;text-align:justify;background:url(../images/menu_box_content_background.gif) #FFF repeat-x;color:#616161} .box form {margin-top:5px} .box form p {float:left;margin-right:3px} .box .list {width:199px;margin:0 -15px 0 -15px} .box .list li {background:url(../images/list_line.gif) bottom left repeat-x} .box .list li a {display:block;width:199px;max-width:179px;padding-left:20px;height:24px;line-height:24px;font-weight:bold;color:#5B5B5B} .box .list li a:hover {color:#ed6e00} .box .list li.active a {color:#ed6e00;background:url(../images/list_active_background.gif)} .box .indent li {padding:5px 20px} .hoverlist {cursor: pointer; height:auto; margin: 0; padding: 0;} .hoverlist a { color: white } .hoverlist:hover{background: #e65700; } /* --right side-- */ #content {margin-left:20px;padding-bottom:5px} #content #box {position:relative;overflow:hidden;width:704px;height:451px;padding:45px 70px 45px 70px;max-width:564px;max-height:361px;background:url(../images/content_box_background.gif) no-repeat;} /*#content #box {position:relative;overflow:hidden;width:704px;height:411px;padding:45px 20px 45px 50px;max-width:564px;max-height:321px;background:url(../images/content_box_background.gif) no-repeat;}*/ #content #box {color:#FFF} #content #box #text {position:relative;overflow:hidden;width:554px;height:301px;margin-top:30px;} #content #box #scrolled {position:relative;overflow:hidden;} #box .title {position:absolute;top:28px;left:44px;width:590px;height:31px} #box .print {position:absolute;top:38px;right:76px} #content .shop {position:absolute;bottom:0px;width:715px;height:275px; background:url(../images/bottom.png) no-repeat ; } #content .banners {position:absolute;bottom:0px;width:674px;height:130px} #content .banners .banner {position:relative;width:217px;height:129px;background:url(../images/banner_background.gif) no-repeat;float:left;margin-right:5px} #content .banners .banner .title {position:absolute;top:10px;left:22px;font-weight:bold;color:#ff851b} #content .banners .banner .image {position:absolute;top:25px;left:10px} #content .temp_home_box { position: absolute;left: 243px; bottom: 206px;z-index: 100; } #gallery_swf {padding-top: 10px;} #menu ,#content {float:left} /* --header&footer menu-- */ .menu {} .menu li, .menu li a {float:left;} .menu li a {padding:0 6px} #header .menu, #header .menu a {color:#FFF} #header .menu a:hover {background:#16659C} #footer, #footer .menu a {font-size:9px;color:#13679b} #footer .menu a:hover {background:#FFF} /* --footer-- */ #footer {margin:15px auto} #footer .rights {margin-left:30px} /* --rounded corners-- */ .bottom {position:absolute;bottom:-5px;left:0;height:5px;z-index:999} .box .bottom {width:199px;background:url(../images/box_corners.gif) no-repeat} .wrap {width:1002px;background:url(../images/wrap_corners.gif) no-repeat} /* --customising-- */ .underline {text-decoration:underline} .orange {color:#ED6F00} .black {color:#000} /* --tables-- */ .liste {color:#FFF} .liste td {vertical-align:bottom;width:180px;padding:8px 0;/*padding-top:3px*/;background:url(../images/liste_line.gif) repeat-x bottom} .liste td.agency {vertical-align:bottom;width:120px;padding:8px 0;/*padding-top:3px*/;background:url(../images/liste_line.gif) repeat-x bottom} .liste td.image {width:10px;padding-right:20px;} .liste td.desc {width:420px;} /*.liste td.image img {border:1px solid #f5af73}*/ .formular {margin-top:20px} .formular td {padding-top:5px;width:240px} /* --forms-- */ input {font-size:11px} form .submit {width:47px;height:19px;background:url(../images/submit.gif) no-repeat;border:0} form .search {width:59px;height:16px;background:url(../images/search.gif) no-repeat;border:0} form .text {width:108px;height:15px;border:1px solid #ffab3d;color:#8f8f8f;font-size:11px} form .text_newsletter {width:100px;height:15px;border:1px solid #ffab3d;color:#8f8f8f;font-size:11px} .short, .normal, .long {background:#ffe1c7;color:#ed6e00;height:15px;border:1px solid #bd5800} .short {width:45px;margin-right:5px} .normal {width:125px;margin-right:5px} .long {width:178px;margin-right:5px} html .button {height:20px} html .formular .submit {height:20px;width:180px;padding:0 10px;font-weight:bold} .formular textarea {width:178px;height:80px;background:#ffe1c7;color:#ed6e00;border:1px solid #bd5800;font-size:11px} .formular select {width:178px;height:18px;background:#ffe1c7;color:#ed6e00;border:1px solid #bd5800;font-size:11px} form .line {width:560px;height:2px;background:url(../images/form_line.gif) repeat-x;margin:20px 0} .newsletter select {width:101px;height:18px;border:1px solid #ffab3d;color:#8f8f8f;font-size:11px;margin-bottom:3px;} /*.error {margin-bottom: 3px;border: 1px solid #efefef;}*/ #cms_form input.error{ background: #f8dbdb; border-color: #e77776; } #sitemap {} #sitemap a {padding-left:20px;font-weight:bold;color:#fedcb5} #sitemap a:hover {color:#0a0500} #optionsContainer{text-align:center;padding-top:60px;} div.gameOption {float:left; width:180px;text-align:center;font-weight:bold;font-size:16px;} div.gameOption a {color: #fff;font-weight:bold;font-size:20px;} div.gameOption a:hover {background-color: #000;} div.gameText {font-weight:bold;font-size:16px;padding-top:20px;} #usercode {font-weight:bold;font-size:20px;} #userpostcode {font-weight:bold;font-size:20px;} #clientDetails input.error{ background: #f8dbdb; border-color: #e77776; } #agency { width:122px;height:18px;font-size:11px; } a.catalogAgencyLink {color:#FEDCB5;font-weight:bold;font-size:13px;} a.catalogAgencyLink:hover {color:#000;} #gewinnen_in3 { font-family: Arial; margin:auto; padding-top: 580px; position: relative; z-index: 110; width: 572px; } #gewinnen3 { background: url(../images/3bg_gewinnen.jpg) no-repeat; height: 771px; width: 996px; margin: -20px 0 0 -18px; position: relative; z-index: 100 } #gewinnen_in3 h1 { font-size: 19px; margin-bottom: 10px; width: 552px; line-height: 20px; color:#ed6e0a; } #gewinnen_in3 p { font-size: 14px; color:#343434; width: 552px; } #gewinnen_in3 label { font-size: 9px; color:#1b1c20; display: block ;width: 164px; margin-top: 2px } #gewinnen_in3 .inp3 { float: left; width: 164px; display: inline; margin-right: 23px; martgin-bottom: 7px } #gewinnen_in3 .inp3 input { border: 1px solid #218bd4; width: 160px; padding: 2px; display: block } #gewinnen_in3 .sel3 { float: left; width: 164px; display: inline; margin-right: 23px; martgin-bottom: 7px; margin-top: 18px } #gewinnen_in3 .sel3 select { border: 1px solid #218bd4; width: 166px; padding: 0px; display: block; } #gewinnen_in3 .error3 input, #gewinnen_in3 .error3 select { color: #fff; background: red } #gewinnen_in3 .message3 { margin-bottom: 0px; margin-top: 10px; text-align: center; color: #282828 } #gewinnen_in3 .message3.error3 { color: red } #gewinnen_in3 form { margin-top: 17px } #gewinnen_in3 .sub3 { float: right; display: inline; margin: 0px 32px 0 0; cursor:pointer; background: url(../images/3submit.jpg) no-repeat; width: 119px; height: 48px; border:0px; } #gewinnen_in3 .checkbox3 { width: 210px; overflow: hidden; float: left; margin: 21px 0 0 0; line-height: 11px; position: relative; } #gewinnen_in3 .checkbox3 input { display: inline; margin:0px } #gewinnen_in3 .checkbox3 a { display: inline; margin-left: 5px; color: #07070c; text-decoration:underline; } #dvia_gewinnspiele3 {position: absolute; z-index: 540; background:url(null.gif); left: 20px; bottom: 20px; width: 280px; height: 160px} #vip_angebote3 { position: absolute; z-index: 540; background:url(null.gif); left: 320px; bottom: 20px; width: 280px; height: 160px } #ncontentLong3 { margin-left: -20px; float: left; display: inline } /*------------------------------------------------------------------------------------ Additional Styles ------------------------------------------------------------------------------------*/ /* Hides from IE-mac \*/ body {} /* End hide from IE-mac */ /* Hides from lte IE6 */ html>body {} /* End hide from lte IE6 */