/* Current mode: DEV */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/base.css" */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/layout-ci.css" */
html, body {
min-height: 100%;
}
html.navigator-mk, .navigator-mk body {
height: 100%;
}
html {
background: #F0F2F3;
color: #000000;
font: 400 12px/17px Verdana, Arial, Helvetica, sans-serif;
direction: ltr;
}
html.navigator-mk {
background: transparent;
}
body, body * {
font-family: inherit;
font-size: 1em;
line-height: inherit;
background-repeat: no-repeat;
}
body {
overflow-x: hidden;
}
html, body, ul, ol, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, p, fieldset {
margin: 0px;
padding: 0px;
}
h\:hgroup, h\:figure, h\:header, h\:nav, h\:article, h\:section, h\:aside, h\:footer, h\:details, h\:output {
display: block;
}
a { color: #2269C3; cursor: pointer; text-decoration: none; }
a:hover { color: #2269C3; text-decoration: underline; }
a:visited { color: #2269C3; }
li {
display: block;
list-style: none;
}
img {
border: none;
}
a img {
border: 0px none;
}
form {
display: inline;
}
fieldset {
border: 0px solid;
}
legend {
display: none;
color: #000000;
}
select, option {
background-color: #FFFFFF;
}
table {
empty-cells: show;
border-collapse: collapse;
border-spacing: 0px;
}
td, th {
text-align: left;
vertical-align: top;
padding: 0px;
}
iframe {
display: block;
border: 0px;
margin: 0px;
padding: 0px;
}
object, *:focus {
outline: none;
}
/* Fix against duplicate characters bug in IE 6 */
* html script {
display: block;
left: -6000px;
height: 0px;
overflow: hidden;
position: absolute;
width: 0px;
}
.hr {
display: none;
clear: both;
}
.hr hr {
display: none;
}
.skip * {
display: none;
}
.statistics {
left: -6000px;
height: 0px;
overflow: hidden;
position: absolute;
width: 0px;
}
.dropdown {
display: inline-block;
}
.dropdown .dropdown_original {
display: none;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/layout-ci.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/page-header.css" */
#page-header {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/header_title.png);
background-repeat: no-repeat;
background-position: 140px 29px;
padding-top: 119px;
margin: 0px 30px;
position: relative;
z-index: 1000;
_height: 119px;
font-size: 0;
}
#page-header h1 {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/logo.png) no-repeat 0px 0px;
width: 70px;
height: 70px;
position: absolute;
left: 30px;
top: 11px;
text-indent: -9999em;
z-index: 1;
}
#page-header h2 {
width: 255px;
height: 45px;
position: absolute;
left: 170px;
top: 25px;
direction: ltr;
text-indent: -9999em;
z-index: 1;
}
#header-brand {
display: block;
height: 100%;
}
@media only screen and (min-width: 680px) {
#header-service {
position: absolute;
display: block;
top: 19px;
left: 110px;
width: 250px;
height: 31px;
}
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/page-header.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/page-nav.css" */
/* Navigation im Header, kann auch woanders stehen - dann nur Positionierung für #page-nav anders */
#page-nav {
position: absolute;
z-index: 32000;
bottom: 0px;
/* left: 30px; */
width: 938px;
height: 26px;
line-height: 25px;
border: 1px solid #C0C9CE;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #EEEEEE;
background: -moz-linear-gradient(#F5F6F6, #E7EAEC);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F6F6), color-stop(100%, #E7EAEC));
background: -webkit-linear-gradient(#F5F6F6, #E7EAEC);
background: -o-linear-gradient(#F5F6F6, #E7EAEC);
background: -ms-linear-gradient(#F5F6F6, #E7EAEC);
background: linear-gradient(#F5F6F6, #E7EAEC);
-moz-box-shadow: 0px 12px 5px -12px #AAAAAA;
-webkit-box-shadow: 0px 12px 5px -12px #AAAAAA;
-o-box-shadow: 0px 12px 5px -12px #AAAAAA;
-ms-box-shadow: 0px 12px 5px -12px #AAAAAA;
box-shadow: 0px 12px 5px -12px #AAAAAA;
}
#page-nav ul {
height: 100%;
}
#page-nav ul li {
float: left;
display: inline;
height: 100%;
}
#page-nav ul li a {
display: inline-block;
height: 100%;
}
#main-nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
float: left;
}
#main-nav li {
border-left: 1px solid #F3F5F5;
border-right: 1px solid #C0C9CE;
}
#main-nav>li:first-child {
border-left: none;
}
#main-nav li a {
padding: 0px 15px;
color: #687282;
}
#main-nav li a span {
display: inline-block;
height: 24px;
}
#main-nav li a:hover {
text-decoration: none;
}
#main-nav>li>a>span:hover, #main-nav span.active, .submenuOpened #main-nav .hasSubmenu > a span {
border-bottom: 2px solid #6F9901;
color: #6F9901;
}
#main-nav li.home {
border-left: none;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
background: #719a04 url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, -moz-linear-gradient(#93b341, #719a04);
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93b341), color-stop(100%, #719a04));
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, -webkit-linear-gradient(#93b341, #719a04);
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, -o-linear-gradient(#93b341, #719a04);
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, -ms-linear-gradient(#93b341, #719a04);
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, linear-gradient(#93b341, #719a04);
border-right-color: #6F9901;
}
#main-nav li.home:hover {
background: #6F9901 url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, -moz-linear-gradient(#6F9901, #5a7c01);
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6F9901), color-stop(100%, #5a7c01));
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, -webkit-linear-gradient(#6F9901, #5a7c01);
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, -o-linear-gradient(#6F9901, #5a7c01);
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, -ms-linear-gradient(#6F9901, #5a7c01);
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/home.png) no-repeat 15px 5px, linear-gradient(#6F9901, #5a7c01);
}
#main-nav li.home a {
padding-right: 10px;
width: 16px;
}
#main-nav>li.home span {
display: none;
}
* html #main-nav li.home span {
text-indent: -9999px;/* bei display:none macht der IE6 die Zeilen höher *hmpf* */
}
#additional-nav {
float: right;
}
#additional-nav li {
font-size: 12px;
padding: 0px 10px;
}
#additional-nav li#nav-logout a,
#additional-nav li#nav-login a {
color: #000000;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/loginstates.png) no-repeat 1px 5px;
padding-left: 26px;
}
#additional-nav li#nav-login a:hover { background-position: 1px -25px; }
#additional-nav li#nav-logout a { background-position: 1px -55px; }
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/page-nav-megamenu.css" */
#page-nav.submenuOpened {
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
#page-nav.submenuOpened li.home {
-moz-border-radius: 4px 0px 0px 0px;
-webkit-border-radius: 4px 0px 0px 0px;
border-radius: 4px 0px 0px 0px;
}
/* Reset */
#main-nav .megamenu ul,
#main-nav .megamenu ul li {
display: block;
float: none;
height: auto;
border: none;
cursor: default;
}
#main-nav .megamenu ul li a,
#main-nav .megamenu ul li a:hover {
padding: 0px;
}
#main-nav .megamenu ul li a span {
margin: 0px;
padding: 0px;
background: none;
}
/* Main Layout */
#main-nav .hasSubmenu {
/* background: #719a04; */
/* background: -moz-linear-gradient(#93b341, #719a04); */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93b341), color-stop(100%, #719a04)); */
/* background: -webkit-linear-gradient(#93b341, #719a04); */
/* background: -o-linear-gradient(#93b341, #719a04); */
/* background: -ms-linear-gradient(#93b341, #719a04); */
/* background: linear-gradient(#93b341, #719a04); */
/* border-left-color: #93B341; */
/* border-right-color: #6F9901; */
}
.submenuOpened #main-nav .hasSubmenu,
#main-nav .hasSubmenu:hover {
/* background: #719a04; */
/* background: -moz-linear-gradient(#6F9901, #5a7c01); */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6F9901), color-stop(100%, #5a7c01)); */
/* background: -webkit-linear-gradient(#6F9901, #5a7c01); */
/* background: -o-linear-gradient(#6F9901, #5a7c01); */
/* background: -ms-linear-gradient(#6F9901, #5a7c01); */
/* background: linear-gradient(#6F9901, #5a7c01); */
}
/* #main-nav>li.hasSubmenu>a>span:hover { */
/* border-bottom: 2px none; */
/* color: #FFFFFF; */
/* } */
#main-nav .hasSubmenu > a span {
padding-right: 19px;
margin-right: 15px;
/* background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/arrows2.png) no-repeat 100% 10px; */
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/arrows2.png) no-repeat 100% -22px;
}
#main-nav .hasSubmenu > a:hover span, .submenuOpened #main-nav .hasSubmenu > a span {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/arrows2.png) no-repeat 100% -38px;
}
#main-nav .hasSubmenu a,
#main-nav .hasSubmenu a:hover {
padding-left: 10px;
padding-right: 0px;
}
/* #main-nav .hasSubmenu a:hover { */
/* color: #FFFFFF; */
/* } */
#main-nav .megamenu {
display: none;
position: absolute;
left: -1px;
top: 26px;
width: 938px;
overflow: hidden;
border: 1px solid #C0C9CE;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
background: #EEF0F3;
font-weight: 400;
}
#main-nav .megamenu h\:nav {
height: 440px;
}
#page-nav.submenuOpened .hasSubmenu .megamenu,
.jsDisabled #main-nav .hasSubmenu:hover .megamenu {
display: block;
}
/* Closer */
#main-nav .megamenu .menuCloser {
clear: both;
border-top: 1px solid #C0C9CE;
padding: 9px 15px 12px 0px;
text-align: right;
}
#main-nav .megamenu .menuCloser span {
display: inline-block;
font-size: 12px;
line-height: 18px;
height: 18px;
color: #2269C3;
padding-right: 24px;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/loginstates.png) no-repeat 100% -88px;
cursor: pointer;
}
#main-nav .megamenu .menuCloser span:hover {
text-decoration: underline;
}
/* Spaltenlayout */
#main-nav .megamenu .mainItems {
width: 312px;
height: 100%;
border-right: 1px solid #C0C9CE;
}
#main-nav .megamenu .submenu {
position: absolute;
left: 313px;
top: 0px;
width: 312px;
background: no-repeat 100% 100%;
/*
-moz-box-shadow: inset 10px 0px 20px -5px #FFFFFF, inset -5px 0px 10px -5px #CCCCCC;
box-shadow: inset 10px 0px 20px -5px #FFFFFF, inset -5px 0px 10px -5px #CCCCCC;
*/
-moz-box-shadow: inset -5px 0px 10px -5px #CCCCCC;
-webkit-box-shadow: inset -5px 0px 10px -5px #CCCCCC;
-o-box-shadow: inset -5px 0px 10px -5px #CCCCCC;
-ms-box-shadow: inset -5px 0px 10px -5px #CCCCCC;
box-shadow: inset -5px 0px 10px -5px #CCCCCC;
border-right: 1px solid #C0C9CE;
}
#main-nav .megamenu .leafmenu {
position: absolute;
left: 313px;
top: 0px;
width: 312px;
/*-moz-box-shadow: -10px 0px 20px 5px #000000;*/
}
/* erste Spalte */
#main-nav .megamenu .mainItems li {
height: 62px;
/* background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/arrows.png) no-repeat 291px -105px; */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/nav/arrows2.png") no-repeat scroll 291px -105px transparent;
border-bottom: 1px solid #C0C9CE;
}
#main-nav .megamenu .mainItems li.active,
.jsDisabled #main-nav .megamenu .mainItems li:hover {
width: 313px;
/* background-position: 291px -36px; */
background-position: 291px -57px;
background-color: #FFFFFF;
}
#main-nav .megamenu .mainItems li a,
#main-nav .megamenu .mainItems li a:hover {
display: block;
height: auto;
padding: 12px 25px 12px 60px;
color: #687282;
}
#main-nav .megamenu .mainItems li a h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 18px;
color: #687282;
margin-bottom: 4px;
}
#main-nav .megamenu .mainItems li a {
background: no-repeat 15px 15px;
}
#main-nav .megamenu .mainItems li.active a,
#main-nav .megamenu .mainItems li:hover a {
background-position: 15px -57px;
}
#main-nav .megamenu .mainItems li.active a h3,
#main-nav .megamenu .mainItems li:hover a h3 {
color: #6F9901;
}
#main-nav .megamenu .mainItems li a h3 span {
height: auto;
}
#main-nav .megamenu .mainItems li a p {
font-size: 12px;
line-height: 16px;
}
/* zweite Spalte */
#main-nav .megamenu .mainItems li div {
display: none;
position: absolute;
top: 0px;
}
#main-nav .megamenu .mainItems li.active div,
#main-nav .megamenu .mainItems li:hover div {
display: block;
}
#main-nav .megamenu .mainItems h\:nav {
height: 441px;
-moz-box-shadow: inset -10px 0px 5px -10px #CCCCCC;
-webkit-box-shadow: inset -10px 0px 5px -10px #CCCCCC;
-o-box-shadow: inset -10px 0px 5px -10px #CCCCCC;
-ms-box-shadow: inset -10px 0px 5px -10px #CCCCCC;
box-shadow: inset -10px 0px 5px -10px #CCCCCC;
}
#main-nav .megamenu .mainItems .areaItems li {
width: 200px;
height: 43px;
line-height: 43px;
overflow: hidden;
border-bottom: none;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/bg-s2.png) no-repeat 0px 42px;
margin-top: -1px;
}
#main-nav .megamenu .mainItems .areaItems li.active,
.jsDisabled #main-nav .megamenu .mainItems .areaItems li:hover {
width: 313px;
background: #FFFFFF url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/bg-s2-active.png) no-repeat 1px -7px;
-moz-box-shadow: 25px 0px 5px #CCCCCC;
-webkit-box-shadow: 25px 0px 5px #CCCCCC;
-o-box-shadow: 25px 0px 5px #CCCCCC;
-ms-box-shadow: 25px 0px 5px #CCCCCC;
box-shadow: 25px 0px 5px #CCCCCC;
}
#main-nav .megamenu .mainItems .areaItems li a,
#main-nav .megamenu .mainItems .areaItems li a:hover {
padding: 0px 0px 0px 30px;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/arrows2.png) no-repeat 193px -117px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
*+html #main-nav .megamenu .mainItems .areaItems>li>a {
height: 100%;
}
#main-nav .megamenu .mainItems .areaItems li a * {
font-weight: 400;
}
#main-nav .megamenu .mainItems .areaItems li.active a,
#main-nav .megamenu .mainItems .areaItems li.activate a,
#main-nav .megamenu .mainItems .areaItems li:hover a {
/* background-position: 97.36% -48px; */
background-position: 97.36% -67px;
color: #6F9901;
}
#main-nav .megamenu .mainItems .areaItems li.active a *,
#main-nav .megamenu .mainItems .areaItems li:hover a *,
#main-nav .megamenu .mainItems .areaItems li.activate a * {
font-weight: 700;
color: #6F9901;
}
#main-nav .megamenu .mainItems .areaItems>.activate {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/bg-s2-active.png) no-repeat 1px -7px;
-moz-box-shadow: 10px -15px 5px -15px #CCCCCC, 10px 15px 5px -15px #CCCCCC;
-webkit-box-shadow: 10px -15px 5px -15px #CCCCCC, 10px 15px 5px -15px #CCCCCC;
-o-box-shadow: 10px -15px 5px -15px #CCCCCC, 10px 15px 5px -15px #CCCCCC;
-ms-box-shadow: 10px -15px 5px -15px #CCCCCC, 10px 15px 5px -15px #CCCCCC;
box-shadow: 10px -15px 5px -15px #CCCCCC, 10px 15px 5px -15px #CCCCCC;
}
#main-nav .megamenu .mainItems .areaItems.s1>.activate { width: 215px; }
#main-nav .megamenu .mainItems .areaItems.s2>.activate { width: 230px; }
#main-nav .megamenu .mainItems .areaItems.s3>.activate { width: 250px; }
#main-nav .megamenu .mainItems .areaItems.s4>.activate { width: 270px; }
#main-nav .megamenu .mainItems .areaItems.s5>.activate { width: 290px; }
#main-nav .megamenu .mainItems .areaItems.s6>.activate { width: 305px; }
#main-nav .megamenu .mainItems .areaItems.s7>.activate { width: 313px; }
/* dritte Spalte */
#main-nav .megamenu .mainItems .areaItems h\:nav {
height: 440px;
overflow: auto;
background: #FFFFFF;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
#main-nav .megamenu .mainItems .areaItems li div {
display: none;
position: absolute;
top: 0px;
}
#main-nav .megamenu .mainItems .areaItems li.active div,
#main-nav .megamenu .mainItems .areaItems li.activate div,
#main-nav .megamenu .mainItems .areaItems li:hover div {
display: block;
}
*+html #main-nav .megamenu .mainItems>li.active+li,
*+html #main-nav .megamenu .mainItems>li:hover+li {
margin-top: -3px !important;
}
*+html #main-nav .megamenu .mainItems .areaItems>li.active+li,
*+html #main-nav .megamenu .mainItems .areaItems>li:hover+li {
margin-top: -4px !important;
}
/* dritte Spalte: Teaser */
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure {
display: inline-block;
width: 252px;
padding: 13px 0px 0px 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure a,
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure a:hover {
display: inline;
padding: 0px;
background: none;
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure a.cta, #main-nav #megamenu-mainitem-schritt a.cta {
float: right;
display: inline-block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: 700;
color: #000000;
padding: 2px 10px 4px 10px;
margin-top: 23px;
margin-right: 0px;
border: 1px solid #f2bd3e;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*
background: #FFCF24;
background: -moz-linear-gradient(#FFE585, #FFCF24);
background: -webkit-linear-gradient(#FFE585, #FFCF24);
background: -o-linear-gradient(#FFE585, #FFCF24);
background: -ms-linear-gradient(#FFE585, #FFCF24);
background: linear-gradient(#FFE585, #FFCF24);
*/
background: #ffe585; /* Old browsers */
background: -moz-linear-gradient(top, #ffe585 0%, #ffdd5f 30%, #ffd63e 71%, #ffcf24 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe585), color-stop(30%,#ffdd5f), color-stop(71%,#ffd63e), color-stop(100%,#ffcf24)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe585 0%,#ffdd5f 30%,#ffd63e 71%,#ffcf24 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe585 0%,#ffdd5f 30%,#ffd63e 71%,#ffcf24 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe585 0%,#ffdd5f 30%,#ffd63e 71%,#ffcf24 100%); /* IE10+ */
background: linear-gradient(top, #ffe585 0%,#ffdd5f 30%,#ffd63e 71%,#ffcf24 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe585', endColorstr='#ffcf24',GradientType=0 ); /* IE6-9 */ */
/* -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe585', endColorstr='#ffcf24',GradientType=0 )"; /* IE9 */ */
-moz-box-shadow: 0 0 1px 1px #ffeca6 inset;
-webkit-box-shadow: 0 0 1px 1px #ffeca6 inset;
box-shadow: 0 0 1px 1px #ffeca6 inset;
/* -moz-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000; */
/* -webkit-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000; */
/* -o-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000; */
/* -ms-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000; */
/* box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000; */
/* #6f9901 */
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure a.cta:hover, #main-nav #megamenu-mainitem-schritt a.cta:hover {
background: #ffdd62; /* Old browsers */
background: -moz-linear-gradient(top, #ffdd62 0%, #ffcf3d 30%, #ffc51e 71%, #ffbf06 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdd62), color-stop(30%,#ffcf3d), color-stop(71%,#ffc51e), color-stop(100%,#ffbf06)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffdd62 0%,#ffcf3d 30%,#ffc51e 71%,#ffbf06 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffdd62 0%,#ffcf3d 30%,#ffc51e 71%,#ffbf06 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffdd62 0%,#ffcf3d 30%,#ffc51e 71%,#ffbf06 100%); /* IE10+ */
background: linear-gradient(top, #ffdd62 0%,#ffcf3d 30%,#ffc51e 71%,#ffbf06 100%); /* W3C */
/*
background: #FFCF24;
background: -moz-linear-gradient(#ffe585, #ffcf24);
background: -webkit-linear-gradient(#ffe585, #ffcf24);
background: -o-linear-gradient(#ffe585, #ffcf24);
background: -ms-linear-gradient(#ffe585, #ffcf24);
background: linear-gradient(#ffe585, #ffcf24);
*/
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe585', endColorstr='#ffcf24',GradientType=0 ); */
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure a.cta:active, #main-nav #megamenu-mainitem-schritt a.cta:active {
background: #FFB903;
background: -moz-linear-gradient(center top , #FFDB58 0%, #FFB903 100%) repeat scroll 0 0 transparent; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFDB58), color-stop(100%,#FFB903)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFDB58 0%,#FFB903 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFDB58 0%,#FFB903 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFDB58 0%,#FFB903 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFDB58 0%,#FFB903 100%); /* W3C */
-ms-box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
-moz-box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
-webkit-box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
/*
background: #ffdd62;
background: -moz-linear-gradient(top, #a08216 0%, #f5ce46 19%, #ffd74d 20%, #ffba05 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a08216), color-stop(19%,#f5ce46), color-stop(20%,#ffd74d), color-stop(100%,#ffba05));
background: -webkit-linear-gradient(top, #a08216 0%,#f5ce46 19%,#ffd74d 20%,#ffba05 100%);
background: -o-linear-gradient(top, #a08216 0%,#f5ce46 19%,#ffd74d 20%,#ffba05 100%);
background: -ms-linear-gradient(top, #a08216 0%,#f5ce46 19%,#ffd74d 20%,#ffba05 100%);
background: linear-gradient(to bottom, #a08216 0%,#f5ce46 19%,#ffd74d 20%,#ffba05 100%);
*/
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a08216', endColorstr='#ffba05',GradientType=0 ); /* IE6-9 */
/* background: -moz-linear-gradient(#ffd74d, #ffba05); */
/* background: -webkit-linear-gradient(#ffd74d, #ffba05); */
/* background: -o-linear-gradient(#ffd74d, #ffba05); */
/* background: -ms-linear-gradient(#ffd74d, #ffba05); */
/* background: linear-gradient(#ffd74d, #ffba05); */
/* -moz-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000, inset 0px 2px 4px -1px #000000; */
/* -webkit-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000, inset 0px 2px 4px -1px #000000; */
/* -o-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000, inset 0px 2px 4px -1px #000000; */
/* -ms-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000, inset 0px 2px 4px -1px #000000; */
/* box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000, inset 0px 2px 4px -1px #000000; */
/* border-top: 1px solid #2c5c01; */
/* border-right: 1px solid #508b23; */
/* border-bottom: 1px solid #387602; */
/* border-left: 1px solid #3a7a02; */
}
#main-nav #megamenu-mainitem-schritt a.cta {
margin-right: 30px;
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure img {
display: block;
margin-bottom: 7px;
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure .info {
position: static;
float: left;
display: inline;
overflow: hidden;
margin-bottom: 4px;
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure .info p {
margin-top: 15px;
font-size: 13px;
line-height: 19px;
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure .info h5 {
margin-top: 15px;
font-size: 14px;
line-height: 20px;
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure .info h5+p {
margin-top: 0px;
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure .info li {
background: none;
width: auto;
height: auto;
margin: 15px 0px 0px 0px;
line-height: 19px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure .info a {
color: #2269C3;
}
#main-nav .megamenu .mainItems .areaItems .leafmenu h\:figure .info a:hover {
text-decoration: underline;
}
/* dritte Spalte: Liste (Scroller) */
#main-nav .megamenu .mainItems .areaItems h\:nav {
overflow-x: hidden;
}
.jsEnabled #main-nav .megamenu .mainItems .areaItems h\:nav.scrollable {
overflow: hidden;
}
#main-nav .megamenu .mainItems .areaItems li .scrollUp,
#main-nav .megamenu .mainItems .areaItems li .scrollDown {
position: absolute;
width: 100%;
height: 28px;
}
#main-nav .megamenu .mainItems .areaItems li .scrollUp {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/scroll_horizontal_up.png) no-repeat center 0px;
top: 0px;
}
#main-nav .megamenu .mainItems .areaItems li .scrollDown {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/scroll_horizontal_down.png) no-repeat center 0px;
top: auto;
bottom: 0px;
}
#main-nav .megamenu .mainItems .areaItems li .scrollDown.inactive,
#main-nav .megamenu .mainItems .areaItems li .scrollDown.inactive:hover {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/scroll_horizontal_down.png) no-repeat center -186px;
}
#main-nav .megamenu .mainItems .areaItems li .scrollUp:hover,
#main-nav .megamenu .mainItems .areaItems li .scrollDown:hover {
background-position: center -62px;
}
/*
#main-nav .megamenu .mainItems .areaItems li .scrollUp:active,
#main-nav .megamenu .mainItems .areaItems li .scrollDown:active {
background-position: center -124px;
}
*/
/*
.mobile-android #main-nav .megamenu .mainItems .areaItems li .scrollUp,
.mobile-android #main-nav .megamenu .mainItems .areaItems li .scrollDown {
padding: 5px 0px;
background-color: #FFFFFF;
}
*/
/* dritte Spalte: Liste */
#main-nav .megamenu .mainItems .areaItems .contentItems li {
width: 312px;
height: 43px;
line-height: 43px;
border-bottom: none;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/bg-s3.png) no-repeat 0px 42px;
margin-top: -1px;
}
#main-nav .megamenu .mainItems .areaItems .contentItems li a,
#main-nav .megamenu .mainItems .areaItems .contentItems li a:hover {
padding: 0px 0px 0px 30px;
background: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
#main-nav .megamenu .mainItems .areaItems .contentItems li.active,
.jsDisabled #main-nav .megamenu .mainItems .areaItems .contentItems li:hover {
width: 312px;
background: #FFFFFF url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/bg-s3-active.png) no-repeat 0px 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
#main-nav .megamenu .mainItems .areaItems .contentItems li a {
color: #687282;
font-weight: 400;
}
#main-nav .megamenu .mainItems .areaItems .contentItems li.active a,
#main-nav .megamenu .mainItems .areaItems .contentItems li:hover a {
font-weight: 700;
}
/* dritte Spalte: Teaserliste */
#main-nav .megamenu .mainItems .areaItems .teaserItems li,
.jsDisabled #main-nav .megamenu .mainItems .areaItems .teaserItems li {
width: 312px;
height: 64px;
line-height: 62px;
border-bottom: none;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/bg-s3.png) no-repeat 0px 63px;
margin-top: -1px;
}
#main-nav .megamenu .mainItems .areaItems .teaserItems li a,
#main-nav .megamenu .mainItems .areaItems .teaserItems li a:hover {
padding: 0px 0px 0px 155px;
background: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
* html #main-nav .megamenu .mainItems .areaItems .teaserItems li a,
* html #main-nav .megamenu .mainItems .areaItems .teaserItems li a:hover {
padding-left: 15px;
}
*+html #main-nav .megamenu .mainItems .areaItems .teaserItems li a,
*+html #main-nav .megamenu .mainItems .areaItems .teaserItems li a:hover {
padding-left: 15px;
}
#main-nav .megamenu .mainItems .areaItems .teaserItems li img {
float: left;
padding: 9px 0px 10px 30px;
width: 110px;
height: 44px;
}
#main-nav .megamenu .mainItems .areaItems .teaserItems li.active,
.jsDisabled #main-nav .megamenu .mainItems .areaItems .teaserItems li:hover {
width: 312px;
/* background: #FFFFFF url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/bg-s3-active.png) no-repeat 0px 0px; */
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
#main-nav .megamenu .mainItems .areaItems .teaserItems li a {
color: #687282;
font-weight: 400;
}
#main-nav .megamenu .mainItems .areaItems .teaserItems li.active a,
#main-nav .megamenu .mainItems .areaItems .teaserItems li:hover a {
font-weight: 700;
}
#main-nav .megamenu .submenu {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/bg-nav.png);
background-color: #EEF0F3;
}
#main-nav .submenu.expanded {
background: transparent;
height: 440px;
width: 625px;
}
#main-nav .megamenu li .expanded a, #main-nav .megamenu li .expanded a:hover {
padding: 0;
}
#main-nav .megamenu #megamenu-mainitem-schritt > a {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/icon-schritt.png);
}
#main-nav .megamenu #megamenu-mainitem-gewinne > a {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/icon-gewinne.png);
}
#main-nav .megamenu #megamenu-mainitem-hilfe > a {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/nav/icon-hilfe.png);
}
#main-nav .megamenu #megamenu-mainitem-schritt > a,
#main-nav .megamenu #megamenu-mainitem-gewinne > a,
#main-nav .megamenu #megamenu-mainitem-hilfe > a {
height: 37px;
}
#main-nav #megamenu-mainitem-schritt h\:nav {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #eef0f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#eef0f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 0%,#eef0f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 0%,#eef0f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 0%,#eef0f3 100%); /* IE10+ */
background: linear-gradient(to right, #ffffff 0%,#eef0f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef0f3',GradientType=1 ); /* IE6-9 */
height: 440px;
}
#main-nav #megamenu-mainitem-schritt h\:figure {
padding-top: 12px;
padding-left: 31px;
}
#main-nav #megamenu-mainitem-schritt div.info {
font-size: 13px;
padding-right: 57px;
padding-left: 1px;
padding-top: 8px;
position: relative;
}
#megamenu-mainitem-schritt h3 {
font-size: 21px;
}
#schritt-banner {
padding-top: 22px;
padding-left: 6px;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/page-nav-megamenu.css" */
/* */
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/page-nav.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/page-content.css" */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-generic.css" */
#wrapper {
min-height: 100%;
overflow: hidden;
position: relative;
min-width: 1000px;
z-index: 100;
}
#sky_banner {
height: 600px;
overflow: hidden;
position: absolute;
top: 0px;
right: -165px;
z-index: 9000;
}
#container {
background: #F8F8F9 url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/header_r.png) no-repeat 100% 0px;
border: 1px solid #C0C9CE;
border-bottom: none;
width: 1000px;
margin: auto;
min-height: 100%;
-moz-box-shadow: 0px -10px 30px 10px #E4E5E5;
box-shadow: 0px -10px 30px 10px #E4E5E5;
position: relative;
}
.richcontent #container {
border-left: none;
margin: 0px;
}
/* #page-footer { */
#page-header {
_padding: 0px 30px 0px 30px;
}
#page-content {
position: relative;
z-index: 900;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/mioklick_footer_webde.png) no-repeat right bottom;
padding: 0px 0 77px 0;
width: 1000px;
}
#page-content.page-detail { /* TODO: detail-Klasse an anderes Element hängen */
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/bg-page-detail.jpg) no-repeat center top;
min-height: 878px; /* TODO: später an inneren container hängen 893(bg-höhe)-35(padding) */
}
#main {
/* min-height: 400px; */
/* min-height: 758px; */
overflow: hidden;
padding: 0 10px 155px 30px;
position: relative;
width: 960px;
}
#main.intro {
padding: 18px 10px 423px 30px;
}
#main.large {
margin: -5px 0 0 -7px;
/* width: 967px; */
}
.msie-7 #main.large {
margin: -1px 0 0 -7px;
}
.msie-7 #main {
padding-top: 4px;
}
#main.large .top-section {
margin-top: 5px;
}
#main .content-part {
/* overflow: hidden; */
padding-bottom: 35px;
}
#main .module-content {
padding-left: 6px;
}
*+html #main .content-part {
}
/*.top-section {
margin-bottom: 20px;
}*/
* html #main {
height: 400px;
overflow: visible;
}
#page-content .errorpage {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/bg-page-small.jpg) no-repeat center top;
}
#main h2 ~ p {
margin-bottom: 20px;
}
#main .note {
color: #888888;
font-size: 11px;
}
h\:aside {
}
h\:article form h\:section {
/* border: 1px solid ; */
/* background: ; */
margin: 5px 0px 25px;
width: 618px;
}
h\:article form h\:section h\:header {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/bg-box.gif) no-repeat 0% 0%;
height: 29px;
margin: -5px -1px 0px;
padding: 0px 14px;
position: relative;
}
h\:article form h\:section h\:header h3 {
font-weight: 400;
line-height: 29px;
text-shadow: 1px 1px #FFFFFF;
}
h\:article form h\:section .sectionContent {
padding-bottom: 20px;
position: relative;
}
h\:article form h\:section h\:footer {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/bg-box.gif) no-repeat 0% 100%;
clear: left;
height: 5px;
font-size: 1px;
margin: 0px -1px -5px;
padding-top: 15px;
position: relative;
}
/* ie6 Sonderlösung */
* html h\:article form h\:section {
border: 0px solid;
width: 620px;
}
* html h\:article form h\:section h\:header,
* html h\:article form h\:section h\:footer {
margin: 0px;
padding-top: 0px;
position: static;
}
* html h\:article form h\:section h\:footer {
font-size: 1px;
line-height: 1px;
}
* html h\:article form h\:section .sectionContent {
/* border-left: 1px solid ; */
/* border-right: 1px solid ; */
padding-bottom: 10px;
position: static;
width: 618px;
}
/* ie7 Sonderlösung */
*+html h\:article form h\:section {
border: 0px solid;
width: 620px;
}
*+html h\:article form h\:section h\:header,
*+html h\:article form h\:section h\:footer {
margin: 0px;
padding-top: 0px;
position: static;
}
*+html h\:article form h\:section h\:footer {
font-size: 1px;
line-height: 1px;
}
*+html h\:article form h\:section .sectionContent {
/* border-left: 1px solid ; */
/* border-right: 1px solid ; */
padding-bottom: 10px;
position: static;
width: 618px;
}
.clear {
clear: both;
}
input[type="submit"]::-moz-focus-inner {
border: 0;
}
.progress-bar {
display: inline-block;
overflow: hidden;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.msie-7 .progress-bar {
display: inline;
}
.progress-bar li {
/* background: #A4A4A6; /* Old browsers */ */
/* background: -moz-linear-gradient(top, #b3b3b5 0%, #afafb1 33%, #9a9a9c 63%, #8e8e90 100%); /* FF3.6+ */ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b5), color-stop(33%,#afafb1), color-stop(63%,#9a9a9c), color-stop(100%,#8e8e90)); /* Chrome,Safari4+ */ */
/* background: -webkit-linear-gradient(top, #b3b3b5 0%,#afafb1 33%,#9a9a9c 63%,#8e8e90 100%); /* Chrome10+,Safari5.1+ */ */
/* background: -o-linear-gradient(top, #b3b3b5 0%,#afafb1 33%,#9a9a9c 63%,#8e8e90 100%); /* Opera 11.10+ */ */
/* background: -ms-linear-gradient(top, #b3b3b5 0%,#afafb1 33%,#9a9a9c 63%,#8e8e90 100%); /* IE10+ */ */
/* background: linear-gradient(top, #b3b3b5 0%,#afafb1 33%,#9a9a9c 63%,#8e8e90 100%); /* W3C */ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b5', endColorstr='#8e8e90',GradientType=0 ); /* IE6-8 */ */
/* -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b5', endColorstr='#8e8e90',GradientType=0 )"; /* IE9 */ */
background: #b3b3b5; /* Old browsers */
background: -moz-linear-gradient(top, #b3b3b5 0%, #8e8e90 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b5), color-stop(100%,#8e8e90)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b3b3b5 0%,#8e8e90 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b3b3b5 0%,#8e8e90 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b3b3b5 0%,#8e8e90 100%); /* IE10+ */
background: linear-gradient(to bottom, #b3b3b5 0%,#8e8e90 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b5', endColorstr='#8e8e90',GradientType=0 ); /* IE6-9 */
height: 11px;
width: 20px;
border-left: 1px solid #67676A;
border-bottom: 1px solid #68686B;
border-top: 1px solid #68686B;
float: left;
}
.progress-bar li.completed-piece {
/* background: #ffd233; /* Old browsers */
/* background: -moz-linear-gradient(top, #ffd943 0%, #ffc321 33%, #ffd53a 63%, #ffca28 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd943), color-stop(33%,#ffc321), color-stop(63%,#ffd53a), color-stop(100%,#ffca28)); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top, #ffd943 0%,#ffc321 33%,#ffd53a 63%,#ffca28 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top, #ffd943 0%,#ffc321 33%,#ffd53a 63%,#ffca28 100%); /* Opera 11.10+ */
/* background: -ms-linear-gradient(top, #ffd943 0%,#ffc321 33%,#ffd53a 63%,#ffca28 100%); /* IE10+ */
/* background: linear-gradient(top, #ffd943 0%,#ffc321 33%,#ffd53a 63%,#ffca28 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd943', endColorstr='#ffca28',GradientType=0 ); /* IE6-8 */
/* -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd943', endColorstr='#ffca28',GradientType=0 )"; /* IE9 */
background: #ffd943; /* Old browsers */
background: -moz-linear-gradient(top, #ffd943 0%, #ffc321 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd943), color-stop(100%,#ffc321)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffd943 0%,#ffc321 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffd943 0%,#ffc321 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffd943 0%,#ffc321 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffd943 0%,#ffc321 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd943', endColorstr='#ffc321',GradientType=0 ); /* IE6-9 */
border-right: 1px solid #ffaf14;
border-left: none;
border-top: 1px solid #FFAE00;
border-bottom: 1px solid #FFAE00;
}
.progress-bar li.first-piece {
border-top: 1px solid #68686B;
border-bottom: 1px solid #68686B;
border-left: 1px solid #68686B;
-moz-border-radius-topleft: 3px;
-webkit-border-radius-topleft: 3px;
border-radius-topleft: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius-bottomleft: 3px;
border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
width: 19px;
}
.progress-bar li.completed-piece.first-piece {
border-top: 1px solid #FFAE00;
border-bottom: 1px solid #FFAE00;
border-left: 1px solid #FFAE00;
}
.progress-bar li.last-piece {
border-right: 1px solid #68686B;
-moz-border-radius-topright: 3px;
-webkit-border-radius-topright: 3px;
border-radius-topright: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-radius-bottomright: 3px;
border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
width: 19px;
}
.progress-bar li.completed-piece.last-piece {
border-right: 1px solid #FFAF14;
}
.progress-info {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #262626;
margin-left: 11px;
display: inline-block;
}
@media (max-width: 1250px) {
#sky_banner {
display: none;
}
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-generic.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-breadcrumb.css" */
#breadcrumb {
font-size: 11px;
line-height: 12px;
padding: 15px 30px 21px;
overflow: hidden;
width: 940px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#breadcrumb * {
float: left;
display: inline;
}
#breadcrumb > span {
margin-right: 4px;
}
#breadcrumb li a {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/breadcrumb.gif) no-repeat right center;
padding-right: 12px;
margin-right: 6px;
}
#breadcrumb li a:hover {
text-decoration: underline;
}
#breadcrumb li h2 {
font-weight: 400;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-breadcrumb.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-buttons.css" */
strong.cta {
background: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.msie-9 #page-content #main .gradient {
filter: none;
}
#container .primary-button-1 {
color: #000000;
border: 1px solid #f2bd3e;
background: #ffe585; /* Old browsers */
background: -moz-linear-gradient(top, #ffe585 0%, #ffdd5f 30%, #ffd63e 71%, #ffcf24 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe585), color-stop(30%,#ffdd5f), color-stop(71%,#ffd63e), color-stop(100%,#ffcf24)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe585 0%,#ffdd5f 30%,#ffd63e 71%,#ffcf24 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe585 0%,#ffdd5f 30%,#ffd63e 71%,#ffcf24 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe585 0%,#ffdd5f 30%,#ffd63e 71%,#ffcf24 100%); /* IE10+ */
background: linear-gradient(top, #ffe585 0%,#ffdd5f 30%,#ffd63e 71%,#ffcf24 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe585', endColorstr='#ffcf24',GradientType=0 ); /* IE6-9 */ */
/* -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe585', endColorstr='#ffcf24',GradientType=0 )"; /* IE9 */ */
-moz-box-shadow: 0 0 1px 1px #ffeca6 inset;
-webkit-box-shadow: 0 0 1px 1px #ffeca6 inset;
box-shadow: 0 0 1px 1px #ffeca6 inset;
}
#container .primary-button-1:hover {
background: #ffdd62; /* Old browsers */
background: -moz-linear-gradient(top, #ffdd62 0%, #ffcf3d 30%, #ffc51e 71%, #ffbf06 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdd62), color-stop(30%,#ffcf3d), color-stop(71%,#ffc51e), color-stop(100%,#ffbf06)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffdd62 0%,#ffcf3d 30%,#ffc51e 71%,#ffbf06 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffdd62 0%,#ffcf3d 30%,#ffc51e 71%,#ffbf06 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffdd62 0%,#ffcf3d 30%,#ffc51e 71%,#ffbf06 100%); /* IE10+ */
background: linear-gradient(top, #ffdd62 0%,#ffcf3d 30%,#ffc51e 71%,#ffbf06 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd62', endColorstr='#ffbf06',GradientType=0 ); /* IE6-9 */ */
}
#container .primary-button-1:active {
/* background: #ffc116; /* Old browsers */
/* background: -moz-linear-gradient(top, #333333 0%, #ffd74d 20%, #ffce37 30%, #ffc116 71%, #ffba05 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(20%,#ffd74d), color-stop(30%,#ffce37), color-stop(71%,#ffc116), color-stop(100%,#ffba05)); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top, #333333 0%,#ffd74d 20%,#ffce37 30%,#ffc116 71%,#ffba05 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top, #333333 0%,#ffd74d 20%,#ffce37 30%,#ffc116 71%,#ffba05 100%); /* Opera 11.10+ */
/* background: -ms-linear-gradient(top, #333333 0%,#ffd74d 20%,#ffce37 30%,#ffc116 71%,#ffba05 100%); /* IE10+ */
/* background: linear-gradient(top, #333333 0%,#ffd74d 20%,#ffce37 30%,#ffc116 71%,#ffba05 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd74d', endColorstr='#ffba05',GradientType=0 ); /* IE6-9 */
background: #FFB903;
background: -moz-linear-gradient(center top , #FFDB58 0%, #FFB903 100%) repeat scroll 0 0 transparent; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFDB58), color-stop(100%,#FFB903)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFDB58 0%,#FFB903 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFDB58 0%,#FFB903 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFDB58 0%,#FFB903 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFDB58 0%,#FFB903 100%); /* W3C */
-ms-box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
-moz-box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
-webkit-box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
border: 1px solid #d7b260;
}
#container .primary-button-1.inactive {
background: #fff3c4; /* Old browsers */
background: -moz-linear-gradient(top, #fff3c4 0%, #ffeeb0 30%, #ffea9e 71%, #ffe891 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff3c4), color-stop(30%,#ffeeb0), color-stop(71%,#ffea9e), color-stop(100%,#ffe891)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff3c4 0%,#ffeeb0 30%,#ffea9e 71%,#ffe891 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff3c4 0%,#ffeeb0 30%,#ffea9e 71%,#ffe891 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff3c4 0%,#ffeeb0 30%,#ffea9e 71%,#ffe891 100%); /* IE10+ */
background: linear-gradient(top, #fff3c4 0%,#ffeeb0 30%,#ffea9e 71%,#ffe891 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3c4', endColorstr='#ffe891',GradientType=0 ); /* IE6-9 */ */
-moz-box-shadow: 0 0 1px 1px #fff6d3 inset;
-webkit-box-shadow: 0 0 1px 1px #fff6d3 inset;
box-shadow: 0 0 1px 1px #fff6d3 inset;
}
#container .primary-button-2 {
border: 1px solid #689001;
color: #FFFFFF;
background: #91b13d; /* Old browsers */
background: -moz-linear-gradient(top, #91b13d 0%, #719a04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91b13d), color-stop(100%,#719a04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #91b13d 0%,#719a04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #91b13d 0%,#719a04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #91b13d 0%,#719a04 100%); /* IE10+ */
background: linear-gradient(top, #91b13d 0%,#719a04 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91b13d', endColorstr='#719a04',GradientType=0 ); /* IE6-8 */ */
}
#container .primary-button-2:hover {
border: 1px solid #668C01;
background: #86a937; /* Old browsers */
background: -moz-linear-gradient(top, #86a937 0%, #659004 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86a937), color-stop(100%,#659004)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #86a937 0%,#659004 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #86a937 0%,#659004 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #86a937 0%,#659004 100%); /* IE10+ */
background: linear-gradient(top, #86a937 0%,#659004 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86a937', endColorstr='#659004',GradientType=0 ); /* IE6-8 */ */
}
#container .primary-button-2:active {
border: 1px solid #435C01;
background: #779d2d; /* Old browsers */
background: -moz-linear-gradient(top, #779d2d 0%, #608c04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#779d2d), color-stop(100%,#608c04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #779d2d 0%,#608c04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #779d2d 0%,#608c04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #779d2d 0%,#608c04 100%); /* IE10+ */
background: linear-gradient(top, #779d2d 0%,#608c04 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#779d2d', endColorstr='#608c04',GradientType=0 ); /* IE6-8 */ */
box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
-moz-box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
-webkit-box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
color: #DBE7F5;
}
#container .primary-button-2.inactive {
border: 1px solid #B4C880;
background: #c7d89d; /* Old browsers */
background: -moz-linear-gradient(top, #c7d89d 0%, #b8cd82 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7d89d), color-stop(100%,#b8cd82)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c7d89d 0%,#b8cd82 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c7d89d 0%,#b8cd82 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c7d89d 0%,#b8cd82 100%); /* IE10+ */
background: linear-gradient(top, #c7d89d 0%,#b8cd82 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7d89d', endColorstr='#b8cd82',GradientType=0 ); /* IE6-8 */ */
}
#container .secondary-button {
background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top, #e8e8e8 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e8e8e8 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e8e8e8 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e8e8e8 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(top, #e8e8e8 0%,#dddddd 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */ */
border-color: #C2C2C2;
color: #666666;
}
#container .secondary-button:hover {
background: #e1e1e1; /* Old browsers */
background: -moz-linear-gradient(top, #e1e1e1 0%, #d5d5d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e1e1e1 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e1e1e1 0%,#d5d5d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e1e1e1 0%,#d5d5d5 100%); /* IE10+ */
background: linear-gradient(top, #e1e1e1 0%,#d5d5d5 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */ */
border: 1px solid #B6B6B7;
color: #5C5C5C;
}
#container .secondary-button:active {
background: #d8d8d8; /* Old browsers */
background: -moz-linear-gradient(top, #d8d8d8 0%, #cecece 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d8d8d8 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d8d8d8 0%,#cecece 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d8d8d8 0%,#cecece 100%); /* IE10+ */
background: linear-gradient(top, #d8d8d8 0%,#cecece 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#cecece',GradientType=0 ); /* IE6-8 */ */
border: 1px solid #BBBBBB;
box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
-moz-box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
-webkit-box-shadow: 0 0 2px -1px #FFFFFF inset, 0 2px 5px -2px #000000 inset;
color: #7C7C7C;
}
#container .secondary-button.inactive {
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(top, #f4f4f4 0%,#eeeeee 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ */
border: 1px solid #E1E1E1;
color: #B3B3B3;
}
.module-type2 .side-button {
width: 40px;
height: 64px;
display: inline-block;
cursor: pointer;
position: absolute;
top: 78px;
z-index: 9;
}
.dasch .module-type2 .left.side-button {
left: -20px;
}
.dasch .module-type2 .right.side-button {
right: -20px;
}
.dasch .module-type2 .side-button {
top: 41px;
}
.module-type2 .side-button {
top: 75px;
}
.module-type2 .left {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_sidebuttons.png") no-repeat scroll -17px -17px transparent;
}
.module-type2 .right {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_sidebuttons.png") no-repeat scroll -99px -17px transparent;
}
.module-type2 .left.hovered {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_sidebuttons.png") no-repeat scroll -17px -99px transparent;
}
.module-type2 .right.hovered {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_sidebuttons.png") no-repeat scroll -99px -99px transparent;
}
.module-type2 .left.clicked {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_sidebuttons.png") no-repeat scroll -17px -173px transparent;
}
.module-type2 .right.clicked {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_sidebuttons.png") no-repeat scroll -99px -173px transparent;
}
.module-type2 .left.inactive {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_sidebuttons.png") no-repeat scroll -17px -251px transparent;
}
.module-type2 .right.inactive {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_sidebuttons.png") no-repeat scroll -99px -251px transparent;
}
.module-type2 .left.side-button {
left: -13px;
}
.module-type2 .right.side-button {
right: -13px;
}
.cta span.standardbutton_small {
font-size: 11px;
line-height: 11px;
padding: 4px 11px 5px;
height: 11px;
}
.cta span.standardbutton_medium {
font-size: 15px;
height: 23px;
line-height: 23px;
text-align: center;
width: 133px;
}
.cta span.standardbutton_large {
font-size: 22px;
font-weight: 400;
height: 44px;
line-height: 46px;
padding: 0;
width: auto;
}
a .cta {
text-decoration: none;
}
strong.cta.dasch-button {
margin-top: 10px;
}
#zur-startseite {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/btn/zur_webde_mk.png") no-repeat scroll -66px -35px;
bottom: 47px;
height: 46px;
left: 36px;
position: absolute;
text-indent: -2000px;
width: 373px;
-moz-box-shadow: 0 0 3px #AAAAAA;
-webkit-box-shadow: 0 0 3px #AAAAAA;
box-shadow: 0 0 3px #AAAAAA;
}
#zur-startseite:hover {
background-position: -66px -116px;
}
#zur-startseite:active {
background-position: -66px -197px;
}
#zur-brand {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/btn/zur_webde.png") no-repeat scroll -66px -35px;
bottom: 47px;
height: 46px;
left: 36px;
position: absolute;
text-indent: -2000px;
width: 249px;
-moz-box-shadow: 0 0 3px #AAAAAA;
-webkit-box-shadow: 0 0 3px #AAAAAA;
box-shadow: 0 0 3px #AAAAAA;
}
.confirmation-two #zur-brand {
bottom: 177px;
left: 36px;
}
#zur-brand:hover {
background-position: -66px -116px;
}
#zur-brand:active {
background-position: -66px -197px;
}
#zur-brand.lottoBtn {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/btn/zum_webde_lotto.png") no-repeat scroll 0 -50px;
width: 278px;
height: 46px;
}
#zur-brand.lottoBtn:hover {
background-position: 0 0;
}
#zur-brand.lottoBtn:active {
background-position: 0 -100px;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-buttons.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-messages.css" */
.hint {
background: #FFFFFF url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/hint.png) no-repeat;
border-bottom: 6px solid;
color: #262626;
font: 400 13px/20px Verdana, Arial, Helvetica, sans-serif;
margin: 0px 20px 35px 0px;
min-height: 40px;
padding: 15px 15px 13px 65px;
position: relative;
margin-bottom: 20px;
margin-left: 30px;
margin-right: 30px;
}
.hint-single {
padding: 15px 15px 15px 65px;
}
.hint h2 {
font-size: 17px;
line-height: 19px;
font-weight: normal;
padding: 0;
margin: 0 0 3px;
}
.hint-single h2 {
line-height: 40px;
margin-top: 0px;
margin-bottom: 0px;
}
#main .hint p {
margin: 0;
}
.hint .subtext {
color: #6a6a6a;
font-size: 11px;
margin-top: 10px;
}
.hint-confirm { background-position: 15px 15px; }
.hint-info { background-position: 15px -65px; }/*64*/
.hint-warning { background-position: 15px -145px; }
.hint-error { background-position: 15px -225px;} /*223*/
.hint-confirm { border-color: #A9C88F; }
.hint-info { border-color: #97B7CE; }
.hint-warning { border-color: #F3DA79; }
.hint-error { border-color: #D59394; }
.hint-confirm { background-color: #F1F6ED; }
.hint-info { background-color: #EFF4F8; }
.hint-warning { background-color: #FDF9EA; }
.hint-error { background-color: #F8EEEE; }
.jsEnabled .hint-jsDisabled { display: none; }
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-messages.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-modules.css" */
.module {
/* overflow: hidden; */
width: 459px;
float: left;
margin: 0 0 15px 0;
position: relative;
}
.module .moduleContainer {
background: #eef0f3;
}
.module, .module .moduleContainer {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.module.odd {
margin-right: 20px;
}
.module a .with-cta {
color: #262626;
}
.mioclick-amount {
background: #93B341;
color: #FFFFFF;
font-size: 42px;
width: 430px;
height: 112px;
line-height: 112px;
text-align: center;
}
.module .small-pic {
float: left;
}
.module .small-pic img {
border: 1px solid #c0c9ce;
}
.module .user-story {
float: left;
margin-left: 17px;
width: 219px;
line-height: 21px;
}
.module .name-location {
display: block;
margin-top: 19px;
font-weight: 700;
}
.module .bottom-content {
clear: both;
padding-top: 13px;
}
.module .bottom-content img {
margin-bottom: 6px;
}
.module.module-type2 .moduleContainer, .module.module-type3 .moduleContainer {
height: 224px;
}
.sonderspiel .module.module-type2 .moduleContainer {
padding: 15px 0 0 15px;
height: 100%;
width: 455px;
}
.module.module-type5 .moduleContainer {
height: 313px;
}
.module.module-type4 .moduleContainer {
height: 316px;
}
.module.module-type5 .moduleSubtitle {
margin-top: 12px;
margin-bottom: 8px;
}
#main .module.module-type5 p, #main .module.module-type4 p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262626;
line-height: 20px;
}
.module.module-type4 table {
width: 431px;
margin-left: -1px;
}
.module.module-type4 .first-col {
width: 194px;
text-indent: 14px;
}
.module.module-type4 .middle-col {
width: 171px;
}
.module.module-type4 .last-col {
text-align: right;
padding-right: 16px;
}
.module.module-type4 tr {
border-top: 1px solid #d1d4d9;
}
.module.module-type4 tr.last-child {
border-bottom: 1px solid #d1d4d9;
}
.module.module-type4 th, .module.module-type4 td {
line-height: 32px;
}
.module a .moduleContainer:hover {
background: #eef0f3;
-moz-box-shadow: 0px 25px 25px -12px #E2E2E3;
-webkit-box-shadow: 0px 25px 25px -12px #E2E2E3;
-o-box-shadow: 0px 25px 25px -12px #E2E2E3;
-ms-box-shadow: 0px 25px 25px -12px #E2E2E3;
box-shadow: 0px 25px 25px -12px #E2E2E3;
text-decoration: none;
}
.module .ziehungsergebnisse-placeholder {
width: 430px;
height: 112px;
background: #FFF;
position: relative;
text-align: center;
}
.module .moduleContainer.with-cta {
background: none;
}
.module-teaser img {
display: block;
float: left;
margin-right: 15px;
margin-bottom: 11px;
}
#main .module p {
/* height: 40px; */
/* overflow: hidden; */
font: 400 13px/13px Verdana, Arial, Helvetica, sans-serif;
color: #262626;
}
.big-pic {
width: 430px;
overflow: hidden;
}
.big-pic img {
padding: 0;
margin: 0;
}
.module .moduleContainer {
padding: 11px 15px 0 15px;
/* overflow: hidden; */
display: block;
text-decoration: none;
height: 100%;
}
.moduleSubtitle {
font: 400 18px/18px Verdana, Arial, Helvetica, sans-serif;
color: #262626;
margin: 16px 0 12px;
display: block;
}
.module-type4 .moduleSubtitle {
margin: 18px 0 10px;
}
.module-teaser .moduleContainer:hover {
background: #EEF0F3;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 25px 25px -12px #E2E2E3;
-webkit-box-shadow: 0px 25px 25px -12px #E2E2E3;
-o-box-shadow: 0px 25px 25px -12px #E2E2E3;
-ms-box-shadow: 0px 25px 25px -12px #E2E2E3;
box-shadow: 0px 25px 25px -12px #E2E2E3;
text-decoration: none;
}
.module .with-cta a,
.module .with-cta a:hover {
text-decoration: none;
}
.big-numbers-list {
width: 100%;
height: 50px;
display: inline-block;
margin-top: 31px;
padding-left: 15px;
}
.big-numbers-list li {
float: left;
background: url('https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png') no-repeat -87px -250px;
width: 52px;
height: 50px;
margin-right: 4px;
line-height: 42px;
text-indent: -5px;
font-size: 15px;
text-shadow: 1px 1px 1px #CCCCCC;
}
.big-numbers-list li.superNumber {
margin-left: 13px;
background: url('https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png') no-repeat -22px -250px;
}
* html .module a {
}
* html .module a:hover {
background-color: #EEF0F3;
zoom: 1;
}
* html .module a:hover span.more {
text-decoration: underline;
}
.module h1,
.module h2,
.module h3,
.module h4,
.module h5,
.module h6,
.module-nav strong {
color: #499902;
font: 400 24px/28px Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
.module-nav strong {
display: block;
height: 28px;
margin-top: 10px;
overflow: hidden;
padding-left: 15px;
}
.moduleContent {
xzoom: 1;
xposition: relative;
}
/* .with-cta .moduleContent { */
/* padding-bottom: 6px; */
/* } */
.moduleContent h1,
.moduleContent h2,
.moduleContent h3,
.moduleContent h4,
.moduleContent h5,
.moduleContent h6,
.startseite .slideModule h4 {
color: #262626;
font: 400 24px/28px Verdana, Arial, Helvetica, sans-serif;
/* font-size: 17px; */
line-height: 24px;
margin-bottom: 13px;
}
.module p {
font-size: 13px;
line-height: 20px;
color: #000000;
}
.module p span.more {
color: #2269C3;
}
.module p span.more:hover {
text-decoration: underline;
}
/* Call-To-Action-Button */
.module .cta {
display: none;
position: absolute;
bottom: -12px;
left: 0px;
right: 100%;
width: 100%;
text-align: center;
}
xxx.module :hover .cta,
.module:hover .cta {
display: block;
}
.module .cta span {
position: relative;
xdisplay: table;
display: inline-block;
margin: auto;
padding: 3px 12px 4px 12px;
font-size: 11px;
line-height: 13px;
height: 13px;
color: #FFFFFF;
font-weight: 700;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #6f9901;
/*
background: -moz-linear-gradient(#7caed1, #33809c);
background: -webkit-linear-gradient(#7caed1, #33809c));
background: -o-linear-gradient(#7caed1, #33809c);
background: -ms-linear-gradient(#7caed1, #33809c);
background: linear-gradient(#7caed1, #33809c);
*/
background: -moz-linear-gradient(#74B13E, #4B9A05);
background: -webkit-linear-gradient(#74B13E, #4B9A05);
background: -o-linear-gradient(#74B13E, #4B9A05);
background: -ms-linear-gradient(#74B13E, #4B9A05);
background: linear-gradient(#74B13E, #4B9A05);
-moz-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000;
-webkit-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000;
-o-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000;
-ms-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000;
box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000;
border: 1px solid #6f9901;
}
.module .cta span:hover {
/*
background: -moz-linear-gradient(#7caed1, #2c6f87);
background: -webkit-linear-gradient(#7caed1, #2c6f87);
background: -o-linear-gradient(#7caed1, #2c6f87);
background: -ms-linear-gradient(#7caed1, #2c6f87);
background: linear-gradient(#7caed1, #2c6f87);
*/
background: -moz-linear-gradient(#68A938, #439004);
background: -webkit-linear-gradient(#68A938, #439004);
background: -o-linear-gradient(#68A938, #439004);
background: -ms-linear-gradient(#68A938, #439004);
background: linear-gradient(#68A938, #439004);
}
.module .cta span:active {
/*
background: -moz-linear-gradient(#2c6887, #2c6f87);
background: -webkit-linear-gradient(#74B13E, #408B04);
background: -o-linear-gradient(#74B13E, #408B04);
background: -ms-linear-gradient(#74B13E, #408B04);
background: linear-gradient(#74B13E, #408B04);
*/
background: -moz-linear-gradient(#74B13E, #408B04);
background: -webkit-linear-gradient(#74B13E, #408B04);
background: -o-linear-gradient(#74B13E, #408B04);
background: -ms-linear-gradient(#74B13E, #408B04);
background: linear-gradient(#74B13E, #408B04);
-moz-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000, inset 0px 2px 4px -1px #000000;
-webkit-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000, inset 0px 2px 4px -1px #000000;
-o-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000, inset 0px 2px 4px -1px #000000;
-ms-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000, inset 0px 2px 4px -1px #000000;
box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000, inset 0px 2px 4px -1px #000000;
border-top: 1px solid #2c5c01;
border-right: 1px solid #508b23;
border-bottom: 1px solid #387602;
border-left: 1px solid #3a7a02;
}
/* mehrfache Container */
.module .moduleContainer ~ .moduleContainer {
display: none;
}
.module .moduleContainer.inactive {
display: none;
}
.module .moduleContainer.active {
display: block;
}
/* Premium-Modul */
.module-premium {
width: 620px;
}
.module-premium .moduleContainer {
padding-top: 10px;
}
.module-premium img {
display: block;
}
/* Teaser-Modul */
.module-teaser {
width: 450px;
}
.module-teaser .moduleContainer {
padding-top: 10px;
}
.module-teaser img {
display: block;
float: left;
margin-right: 15px;
margin-bottom: 11px;
}
.module-teaser p {
/* height: 40px; */
overflow: hidden;
}
/* Halfsize-Modul */
.module-halfsize {
width: 300px;
}
.module-halfsize .moduleContainer {
height: 115px;
overflow: hidden;
}
h\:aside .module-halfsize .moduleContainer {
height: auto;
}
h\:aside .module-halfsize p {
height: auto;
}
.module-halfsize img {
float: left;
margin-bottom: 0px;
}
.module-halfsize h4 {
float: right;
font-size: 18px;
line-height: 23px;
margin: -2px 0px 4px;
max-height: 46px;
width: 145px;
}
.module-halfsize p {
float: right;
height: 80px;
overflow: hidden;
width: 145px;
}
/* Footnotes */
.module-footnotes {
margin-bottom: 0px;
padding-bottom: 20px;
}
.module-footnotes ul {
color: #6A6A6A;
font-size: 11px;
line-height: 16px;
padding: 15px 15px 0px;
}
.module-footnotes sup {
font-size: 9px;
padding-right: 5px;
}
/* Navigations-Modul */
.module-nav {
margin-bottom: 0px;
padding-bottom: 20px;
width: 300px;
}
.module-nav ul {
/* border-top: 1px solid ; */
}
.module-nav li a {
color: #000000;
/* border-bottom: 1px solid ; */
display: block;
font-size: 13px;
line-height: 30px;
position: relative;
overflow: hidden;
height: 30px;
padding: 0px 55px 1px 15px;
}
.module-nav li a:hover {
background-color: #F2F6FD;
color: #000000;
text-decoration: none;
}
.module-nav li a span.more {
color: #2269C3;
position: absolute;
right: 15px;
top: 0px;
text-decoration: none;
}
.module-nav li a span.more:hover {
text-decoration: underline;
}
/* Hero-Modul */
.module-hero {
margin-bottom: 20px;
width: 940px;
padding: 0px;
-moz-box-shadow: 0px 45px 30px -40px #D9DBDF;
-webkit-box-shadow: 0px 45px 30px -40px #D9DBDF;
-o-box-shadow: 0px 45px 30px -40px #D9DBDF;
-ms-box-shadow: 0px 45px 30px -40px #D9DBDF;
box-shadow: 0px 45px 30px -40px #D9DBDF;
}
.module-hero img {
display: block;
}
.module-hero .moduleContainer {
padding: 0px;
}
.module-hero .moduleContainer:hover {
background: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
#visual-switcher {
height: 450px;
}
#visual-switcher .moduleContainer {
position: absolute;
width: 940px;
height: 450px;
}
#visual-switcher .moduleContainer ul.dotlist {
display: block;
list-style-type: none;
position: absolute;
left: 435px;
top: 420px;
width: 75px;
}
#visual-switcher .moduleContainer ul.dotlist li {
display: inline;
}
#visual-switcher .moduleContainer ul.dotlist li div{
width: 16px;
height: 16px;
background-color: #fff;
border: 1px solid #565656;
float: left;
display: inline;
margin-left: 5px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
}
#visual-switcher .moduleContainer ul.dotlist li.active div {
background-color: orange;
}
.module-hero .partnermarker {
position: absolute;
right: 20px;
top: 0px;
width: 154px;
height: 102px;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/partnerlogo.png) no-repeat 0px 0px;
}
.module-content .details {
bottom: 8px;
display: block;
font-size: 13px;
left: 0;
position: absolute;
width: 100%;
}
.module-content #countdown p.countdown-wrap {
margin: 0 auto;
padding-top: 31px;
width: 207px;
}
.module-content #countdown .colon-divider {
left: 0;
width: 30px;
}
a .moduleContainer table {
display: inline;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-modules.css" */
/* */
/* */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-forms.css" */
textarea {
background: #FFFFFF;
box-shadow: inset #EFF2F6 0px 15px 20px -20px;
-moz-box-shadow: inset #EFF2F6 0px 15px 20px -10px;
-webkit-box-shadow: inset #EFF2F6 0px 15px 20px -20px;
border: 1px solid #99a1a7;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
margin-top: 10px;
min-height: 100px;
overflow: auto;
padding: 7px 10px;
width: 330px;
word-wrap: break-word;
}
* html textarea {
height: 100px;
}
form span.form-textarea {
border: 0;
background: 0;
}
.jsEnabled span.form-textarea, #not#ie6-8 {
background: #FFFFFF;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FAFAFA', endColorstr='#FFFFFF');
box-shadow: inset #E8E8E8 0px 15px 20px -20px;
-moz-box-shadow: inset #E8E8E8 0px 15px 20px -10px;
-webkit-box-shadow: inset #E8E8E8 0px 15px 20px -20px;
border: 1px solid #99A1A7;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: inline-block;
margin-top: 10px;
padding: 7px 9px;
}
.jsEnabled span.form-textarea textarea, #not#ie6-8 {
background: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: none;
border-radius: 0px;
-ms-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
margin: 0;
padding: 0;
}
.jsEnabled span.form-textarea.error, #not#ie6-8 {
background: #F5E5E6;
border-color: #C00030;
box-shadow: 0;
filter: none;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
}
.jsEnabled span.form-textarea.ok, #not#ie6-8 {
border-color: #79AA50;
}
html body.jsEnabled form span.form-textarea-active, #not#ie6-8 {
background: #FFFFFF !important;
box-shadow: 0 0 5px #DFE6EC;
filter: none;
-ms-box-shadow: 0 0 5px #DFE6EC;
-moz-box-shadow: 0 0 5px #DFE6EC;
-webkit-box-shadow: 0 0 5px #DFE6EC;
}
textarea.noresize {
resize: none;
}
textarea.vresize {
resize: vertical;
}
textarea:focus,
textarea:active,
textarea.error:focus,
textarea.error:active {
background: #FFFFFF;
box-shadow: 0 0 5px #DFE6EC;
-ms-box-shadow: 0 0 5px #DFE6EC;
-moz-box-shadow: 0 0 5px #DFE6EC;
-webkit-box-shadow: 0 0 5px #DFE6EC;
/* filter:progid:DXImageTransform.Microsoft.Glow(Color=#F2F2F2,Strength=3); */
}
textarea:focus,
textarea:active,
textarea.error:focus,
textarea.error:active,
#not#ie6-8 {
filter:none;
}
textarea.error {
background: #F5E5E6;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
color: #C00030;
font-style: italic;
border: 1px solid #C00030;
}
textarea.ok {
background: #FFFFFF;
border: 1px solid #79AA50;
}
#textarea .char-counter {
color: #AAAAAA;
font-size: 11px;
}
.form-horizontal {
display: block;
margin-top: 10px;
width: 640px;
}
.form-horizontal .form-button {
text-decoration: none;
}
.form-data {
/* height: 24px; */
margin-bottom: 10px;
}
.form-horizontal .input-big {
width: 416px;
border: 1px solid #c1ccd7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.form-horizontal .input-big {
height: 22px;
padding: 0;
}
.form-horizontal textarea {
box-shadow: 0 0 0 0 transparent;
}
.form-horizontal textarea.input-big {
height: 153px;
padding: 5px;
width: 406px;
}
.form-horizontal .form-label {
display: inline-block;
float: left;
margin-top: 2px;
padding-right: 18px;
text-align: right;
width: 150px;
word-spacing: -1px;
}
.form-horizontal .form-label, .form-horizontal .form-actions, .form-horizontal .cta span.standardbutton_small {
font-size: 13px;
}
.form-horizontal .cta span.standardbutton_small {
height: 13px;
line-height: 13px;
padding: 4px 11px 7px;
}
.msie-7 #captcha {
float: left;
}
.msie-7 .form-captcha-refresh {
float: left;
margin-top: 35px;
margin-left: 5px;
}
.form-horizontal .form-textarea-label {
margin-top: 12px;
}
.form-horizontal .form-field-column {
margin-left: 168px;
margin-bottom: 7px;
}
.form-horizontal .form-captcha {
margin-top: -4px;
margin-bottom: 12px;
}
.form-horizontal .form-hint {
color: #262626;
font-size: 13px;
margin-top: 6px;
width: 420px;
}
.form-horizontal .form-actions {
text-align: right;
}
#main.kundenservice .form-horizontal .form-actions {
margin-top: -3px;
text-align: left;
}
.form-horizontal .form-actions a {
float: left;
margin-right: 26px;
}
.form-horizontal .form-title {
font-size: 17px;
text-align: left;
margin-bottom: 15px;
margin-left: 2px;
}
#page-content .field, #page-content .field:focus, #page-content .field.hasError:focus {
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(top, #F3F3F3 0%, #ffffff 40%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F3F3F3 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F3F3F3 0%,#ffffff 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #F3F3F3 0%,#ffffff 40%); /* IE10+ */
background: linear-gradient(top, #F3F3F3 0%,#ffffff 40%); /* W3C */
/* border: 1px solid #B3B8C0; */
border-top: 1px solid #b3b8c0;
border-bottom: 1px solid #b3b8c0;
border-left: 1px solid #bec3ca;
border-right: 1px solid #bec3ca;
color: #262626;
font-size: 13px;
font-style: normal;
}
#page-content textarea.field, #page-content textarea.field:focus {
background: -moz-linear-gradient(top, #F9F9F9 0%, #ffffff 30%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(30%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F9F9f9 0%,#ffffff 30%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F9F9F9 0%,#ffffff 30%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #F9F9F9 0%,#ffffff 30%); /* IE10+ */
background: linear-gradient(top, #F9F9f9 0%,#ffffff 30%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#page-content .form-horizontal .field {
text-indent: 5px;
}
#page-content label.hasError, #page-content .dropdown .hasError span {
color: #c00030;
}
#page-content .dropdown .field.hasError {
font-style: normal;
}
#page-content .field.hasError {
border: 1px solid #c00030;
background: #f5e5e6;
color: #C00030;
font-style: italic;
filter: none;
}
#page-content .field:focus, #page-content textarea.field:focus, #page-content .field.hasError:focus {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 5px 0px #DDDDDD;
-moz-box-shadow: 0px 0px 5px 0px #DDDDDD;
box-shadow: 0px 0px 5px 0px #DDDDDD;
filter: none;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-forms.css" */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/page-content.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/page-footer.css" */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-generic.css" */
#page-footer {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/separator.png) no-repeat 50% 0px;
-moz-box-shadow: 0px -70px 6px -69px #DADDE1; /*FF3.6*/
box-shadow: 0px -70px 6px -69px #DADDE1; /*Opera10.54, Chrome18, FF10, Safari5, IE9*/
border-bottom: 1px solid #C0C9CE;
color: #687282;
font: 13px/20px Verdana, Arial, Helvetica, sans-serif;
padding-top: 2px;
position: relative;
}
* html #page-footer {
xmargin-top: 0px;
xpadding-top: 17px;
}
*+html #page-footer {
xmargin-top: 0px;
xpadding-top: 17px;
}
#page-footer a {
color: #687282;
text-decoration: none;
}
#page-footer a:hover {
text-decoration: underline;
}
#page-footer #footerOptional {
height: 88px;
}
#page-footer #footerMain {
background-color: #EEF0F3;
}
#page-footer #footerOptional + #footerMain {
background-color: #EEF0F3;
padding-top: 2px;
}
#page-footer #footerAddition {
background: transparent url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/separator.png) no-repeat 50% 100%;
overflow: hidden;
min-height: 110px;
padding: 0px 30px 2px;
position: relative;
}
#page-footer #footerOptional + #footerMain #footerAddition {
min-height: 178px;
}
/* Workaround für IE 7/8, da kein Multiple Backgrounds möglich */
*+html #page-footer #footerOptional {
background: #EEF0F3 url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/separator.png) no-repeat 50% 100%;
padding-bottom: 2px;
}
*+html #page-footer #footerOptional + #footerMain {
padding-top: 0px;
}
#page-footer #footerOptional {
background: #EEF0F3 url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/separator.png) no-repeat 50% 100%\0;
padding-bottom: 2px\0;
}
#page-footer #footerOptional + #footerMain {
padding-top: 0px\0;
}
:root #page-footer #footerOptional {
background: none\0;
padding-bottom: 0px\0;
}
:root #page-footer #footerOptional + #footerMain {
padding-top: 2px\0;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-generic.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-motd.css" */
#page-footer #footerMOTD {
position: absolute;
right: 30px;
top: -20px;
width: 270px;
height: 90px;
padding: 0px 15px;
background: #6f9901;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0px 25px 25px -12px #B0BAC4;
box-shadow: 0px 25px 25px -12px #B0BAC4;
}
#page-footer #footerMOTD h4 {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/motd_headline.png) no-repeat 0px 40px;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/motd_headline.png) no-repeat 0px 40px,
url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/motd_nose.png) no-repeat 240px 0px;
height: 60px;
position: absolute;
top: -23px;
width: 270px;
}
#page-footer #footerMOTD h4 span {
display: none;
}
#page-footer #footerMOTD a {
color: #FFFFFF;
font-weight: bold; /* rstate: links should be bold */
}
#page-footer #footerMOTD a:hover {
text-decoration: none;
}
/* 12px */
/* 17px */
#page-footer #footerMOTD p {
font-size: 12px;
line-height: 20px;
padding-top: 36px;
}
/* #page-footer #footerMOTD a:hover .more { */
#page-footer #footerMOTD a:hover { /* rstate: links are underlined on hover */
text-decoration: underline;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-motd.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-socialbookmarks.css" */
#page-footer #footerSocialbookmarks {
background: #CCD1D5;
overflow: hidden;
padding: 20px 0px;
}
#page-footer #footerSocialbookmarks ul {
margin-left: 30px;
}
#page-footer #footerSocialbookmarks li {
display: inline;
float: left;
margin-right: 20px;
position: relative;
height: 48px;
width: 300px;
}
#page-footer #footerSocialbookmarks.threeCols li {
width: 193px;
}
#page-footer #footerSocialbookmarks a:hover * {
text-decoration: underline;
}
#page-footer #footerSocialbookmarks h4 {
background: no-repeat 0px 0px;
font-weight: 400;
font-size: 18px;
height: 48px;
line-height: 25px;
padding-left: 63px;
}
#page-footer #footerSocialbookmarks a:hover h4 {
background-position: 0px 100%;
}
#page-footer #footerSocialbookmarks h4 span {
display: block;
font-size: 13px;
line-height: 20px;
}
.msie-7 #page-footer #modGoogleplus {
display: none;
}
#page-footer #footerSocialbookmarks #modFacebook h4 {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/facebook.png);
}
#page-footer #footerSocialbookmarks #modTwitter h4 {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/twitter.png);
}
#page-footer #footerSocialbookmarks #modGoogleplus h4 {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/googleplus.png);
}
#page-footer #footerSocialbookmarks #modRecommendation h4 {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/recommendation.png);
}
#page-footer #footerSocialbookmarks #modPartner h4 {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/partner.png);
}
#page-footer #footerSocialbookmarks .socialCommunity {
left: 63px;
position: absolute;
top: 28px;
}
#page-footer .socialCommunity {
overflow: hidden;
}
#modFacebook .socialCommunity {
width: 85px;
}
#modTwitter .socialCommunity {
width: 70px;
}
#modGoogleplus .socialCommunity {
width: 35px;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-socialbookmarks.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-navlinks.css" */
#page-footer #footerNavlinks {
display: inline;
float: left;
padding-top: 15px;
}
#page-footer #footerNavlinks h\:nav {
display: inline;
float: left;
margin-right: 20px;
padding-top: 32px;
position: relative;
width: 140px;
}
#page-footer #footerNavlinks h\:nav li {
display: block;
float: none;
}
#page-footer #footerNavlinks h\:nav h4,
#page-footer #footerNavlinks h\:nav .headline {
font-weight: 400;
font-size: 18px;
line-height: 25px;
overflow: hidden;
position: absolute;
left: 0px;
top: 1px;
width: 300px;
white-space: nowrap;
}
/* 3 spaltiges-Layout */
#page-footer #footerNavlinks.threeCols h\:nav {
width: 193px;
}
#page-footer #footerNavlinks.threeCols h\:nav h4,
#page-footer #footerNavlinks.threeCols h\:nav .headline {
width: 193px;
}
#page-footer #footerNavlinks.threeCols h\:nav:first-of-type h4,
#page-footer #footerNavlinks.threeCols h\:nav:first-of-type .headline {
width: 406px;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-navlinks.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-icons.css" */
#footerIcons {
float: right;
display: inline;
margin: 20px 0 10px;
width: 300px;
}
#footerIcons li {
float: left;
display: inline;
margin-right: 8px;
margin-bottom: 10px;
}
#footerIcons li.last {
margin-right: 0px;
}
#footerIcons li a,
#footerIcons li img {
display: block;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-icons.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-mainlinks.css" */
#page-footer #footerMainlinks {
background-image: none;
clear: both;
height: 98px;
padding: 0px 30px;
}
#page-footer #footerOptional + #footerMain #footerMainlinks {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/footer_bottom.png) no-repeat scroll 50% 100%;
}
#page-footer #footerMainlinks ul {
padding-top: 17px;
}
#page-footer ul {
line-height: 20px;
height: 16px;
}
#page-footer #footerMainlinks li {
display: inline;
float: left;
margin-right: 30px;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/footer-mainlinks.css" */
/* */
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/page-footer.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-service.css" */
#moduleNumbers .moduleContainer {
padding-bottom: 80px;
}
#moduleNumbers #moduleNumbersNumbers {
position: absolute;
left: 15px;
top: 60px;
width: 270px;
}
#moduleNumbers #moduleNumbersNumbers h5 {
font-size: 13px;
line-height: 20px;
font-weight: 400;
text-align: center;
}
#moduleNumbers #moduleNumbersNumbers ol {
position: absolute;
left: 20px;
top: 50px;
font-size: 16px;
line-height: 20px;
font-weight: 700;
}
#moduleNumbers #moduleNumbersNumbers ol li {
float: left;
display: inline;
text-align: center;
color: #000000;
width: 25px;
margin-right: 15px;
}
#moduleNumbers #moduleNumbersNumbers table {
position: relative;
top: 96px;
width: 270px;
border-collapse: collapse;
border-spacing: 0px;
}
#moduleNumbers #moduleNumbersNumbers table td,
#moduleNumbers #moduleNumbersNumbers table th {
text-align: left;
color: #000000;
}
#moduleNumbers #moduleNumbersNumbers table th {
font-weight: 400;
width: 100px;
}
#moduleNumbers #moduleNumbersNumbers table td {
font-weight: 700;
width: 35px;
}
#moduleNumbers #moduleNumbersNumbers table td ~ th {
}
#moduleNumbers #moduleNumbersNumbers table td ~ td {
text-align: right;
}
#moduleNumbers #moduleNumbersNumbers table .more {
font-weight: 400;
color: #2269C3;
}
#moduleNumbers #moduleNumbersNumbers table .more:hover {
text-decoration: underline;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-service.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/process-steps.css" */
#main.startseite #s_text {
/* padding-bottom: 54px; */
padding-bottom: 36px;
}
#main.large.startseite, #main.startseite {
padding-bottom: 0;
margin-bottom: -59px;
}
.step-process {
float: left;
height: 100%;
width: 313px;
padding: 0px;
position: relative;
}
#process-steps .step-process.small {
width: 305px;
}
#process-steps {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #E1E1E1;
overflow: hidden;
margin: 0px;
padding: 0px;
width: 938px;
height: 467px;
}
#process-steps, #hero-image {
-moz-box-shadow: 0 52px 30px -50px #BABCC3;
-webkit-box-shadow: 0 52px 30px -50px #BABCC3;
box-shadow: 0 52px 30px -50px #BABCC3;
}
.confirmation-two .alt-img { display: none; }
#process-steps.large {
width: 945px;
}
#process-steps {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/steps/mioklick_steps_shadow.png) no-repeat scroll center 49px transparent;
}
#main.large #process-steps {
margin-top: 7px;
margin-left: 7px;
}
#main.intro .top-section {
margin-bottom: 26px;
}
.stepTopZone {
background: #F6F6F6; /* Old browsers */
background: -moz-linear-gradient(top, #f9f9f9 0%, #f4f4f4 33%, #f0f0f0 63%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(33%,#f4f4f4), color-stop(63%,#f0f0f0), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 0%,#f4f4f4 33%,#f0f0f0 63%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 0%,#f4f4f4 33%,#f0f0f0 63%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 0%,#f4f4f4 33%,#f0f0f0 63%,#ededed 100%); /* IE10+ */
background: linear-gradient(top, #f9f9f9 0%,#f4f4f4 33%,#f0f0f0 63%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 )"; /* IE9 */
font-size: 19px;
font-weight: 700;
line-height: 48px;
height: 48px;
}
.step-two #tipping-module .stepContentZone, .step-three #tipping-module .stepContentZone {
padding-left: 13px;
}
.msie-7 .step-two #tipping-module .stepContentZone, .msie-7 .step-three #tipping-module .stepContentZone {
margin-left: -20px;
}
.step-one .module-one .stepTopZone,
.step-two .module-two .stepTopZone,
.step-three .module-three .stepTopZone {
background: transparent;
filter: none;
-ms-filter: none;
}
.step-one .module-two {
width: 307px;
}
.step-one .forced-banner:nth-child(n+2) {
display: none;
}
.module-two h2, .step-one .module-two h2 {
/* background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/sprite_123step.png") no-repeat scroll -387px -128px transparent; */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/123step.png") no-repeat scroll -384px -132px transparent;
}
.step-four .module-two h2 {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/123step.png") no-repeat scroll -394px -232px transparent;
}
/* .step-two .module-two h2 { */
/* background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/sprite_123step.png") no-repeat scroll -374px -36px transparent; */
/* } */
.step-three .module-two h2 {
/* background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/sprite_123step.png") no-repeat scroll -374px -128px transparent; */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/123step.png") no-repeat scroll -371px -132px transparent;
}
/* .step-four .module-two h2 { */
/* background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/sprite_123step.png") no-repeat scroll -387px -296px transparent; */
/* } */
.step-one .module-one {
width: 318px;
}
.step-one .login-module h2 {
/* background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/sprite_123step.png") no-repeat scroll -25px -36px transparent; */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/123step.png") no-repeat scroll -19px -37px transparent;
}
.large .module-one .stepContentZone {
margin-left: -7px;
}
.module-one .stepTopZone {
-webkit-border-radius-topleft: 4px;
-moz-border-radius-topleft: 4px;
border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
#konto-module h2 {
/* background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/sprite_123step.png") no-repeat scroll -26px -128px transparent; */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/123step.png") no-repeat scroll -16px -132px transparent;
}
.step-four #konto-module h2 {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/123step.png") no-repeat scroll -31px -232px transparent;
}
#konto-module h3, #konto-module .small-tipping, #konto-module .selected-arrows {
margin-left: -1px;
}
#banner-module .stepTopZone, #message-module .stepTopZone {
-webkit-border-radius-topright: 4px;
-moz-border-radius-topright: 4px;
border-radius-topright: 4px;
border-top-right-radius: 4px;
}
#banner-module {
overflow: hidden;
}
#banner-module h2 {
/* background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/sprite_123step.png") no-repeat scroll -732px -212px transparent; */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/123step.png") no-repeat scroll -733px -132px transparent;
}
.step-two #banner-module h2 {
/* background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/sprite_123step.png") no-repeat scroll -739px -212px transparent; */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/123step.png") no-repeat scroll -740px -132px transparent;
}
.step-two #tipping-module h2 {
/* background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/sprite_123step.png") no-repeat scroll -373px -35px transparent; */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/123step.png") no-repeat scroll -368px -37px transparent;
}
.step-three #banner-module h2 {
/* background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/sprite_123step.png") no-repeat scroll -729px -35px transparent; */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/123step.png") no-repeat scroll -722px -37px transparent;
}
.step-four #message-module h2 {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/123step.png") no-repeat scroll -737px -232px transparent;
}
#message-module h2 {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/steps/sprite_123step.png") no-repeat scroll -732px -296px transparent;
}
#process-steps .stepContentZone {
-webkit-box-shadow: 0 0 3px -50px #BABCC3;
-moz-box-shadow: 0 0 3px -50px #BABCC3;
box-shadow: 0 0 3px -50px #BABCC3;
margin-top: 16px;
text-align: center;
position: relative;
}
#process-steps h2 {
text-indent: -2000px;
}
.step-four .module-one {
width: 318px;
}
.step-two .module-one, .step-three .module-one {
width: 305px;
}
.step-two .module-two {
width: 327px;
}
.step-three .module-two {
width: 312px;
}
.step-four .module-two {
width: 307px;
}
.step-three .module-three {
width: 321px;
}
.step-two .module-three {
width: 306px;
}
.step-four .module-three {
width: 313px;
}
#login-module .stepLoginInputs {
width: 280px;
margin: -3px auto 0;
padding: 0 0 0 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#login-mehr-info {
bottom: 0;
font-size: 12px;
left: 102px;
position: absolute;
}
.frequentUser .stepLoginInputs {
margin: 16px auto 0;
}
.stepLoginInputs label {
display: block;
margin: 12px 0 9px;
text-align: left;
font-weight: 700;
font-size: 14px;
line-height: 14px;
color: #000000;
}
#mioklickuser_label {
padding-top: 4px;
margin-top: 0;
}
.stepLoginInputs .field, .stepLoginInputs .field:focus {
width: 260px;
height: 32px;
line-height: 32px;
padding: 0 9px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ie-lte8 .stepLoginInputs .field, .ie-lte8 #page-content .stepLoginInputs .field:focus {
line-height: 32px;
}
.stepLoginInputs .action {
float: right;
}
.stepLoginInputs .form-control {
margin: 11px 0 16px;
overflow: hidden;
}
.stepLoginInputs .info-links {
float: left;
margin-top: -2px;
width: 195px;
}
.stepLoginInputs .info-links a {
font-size: 13px;
float: left;
}
.info-links a:visited {
text-decoration: none;
}
.stepLoginInputs a:focus {
text-decoration: underline;
}
.stepLoginBanner {
height: 185px;
position: relative;
}
#goto-anmelden {
filter: alpha(opacity=0);
opacity: 0;
background: #f9f9f9;
height: 27px;
left: 15px;
position: absolute;
text-indent: -2000px;
top: 72px;
width: 122px;
z-index: 100;
}
#message-module .banner {
/* width: 300px; */
/* height: 120px; */
/* bottom: 22px; */
bottom: 19px;
float: right;
position: absolute;
right: 6px;
}
#tipping-module .banner {
width: 300px;
height: 250px;
position: absolute;
left: 0;
bottom: 22px;
}
.reference-number {
font-weight: 700;
display: block;
color: #29333d;
}
.stepBanner {
background: none repeat scroll 0 0 #656565;
height: 380px;
margin: 0 0 0 7px;
overflow: hidden;
padding-top: 4px;
width: 300px;
}
.step-two .stepBanner {
margin: 0;
}
.msie-7 .step-two .stepBanner {
margin-left: -5px;
}
.step-three .stepBanner {
margin-left: 15px;
}
.msie-7 .step-three .stepBanner {
margin-left: 10px;
}
.forced-banner {
line-height: 0;
margin-bottom: 10px;
cursor: pointer;
}
ul.placeholdersSelected {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/main/numbers/separator2.png) no-repeat scroll -9px 46px transparent;
margin: 0 0 0 29px;
overflow: hidden;
padding-bottom: 18px;
padding-top: 8px;
width: 275px;
}
.msie-7 ul.placeholdersSelected {
margin: 0 0 0 34px;
}
ul.placeholdersNumbers {
margin: -1px 0 0 28px;
overflow: hidden;
padding: 5px 5px 5px 4px;
width: 275px;
}
.msie-8 ul.placeholdersNumbers {
margin: -33px 0 0 28px;
}
.msie-8 ul.placeholdersNumbers.onBeforeLoad {
margin: 2px 0 0 28px;
}
.msie-7 ul.placeholdersNumbers {
margin: -1px 0 0 40px;
}
.msie-7 .step-one ul.placeholdersNumbers {
margin: -1px 0 0 32px;
}
.msie-7 .step-three ul.placeholdersSelected {
margin: 0px 0px 0px 46px;
}
.msie-7 .step-three ul.placeholdersNumbers {
margin: -1px 0px 0px 45px;
}
ul.placeholdersNumbers li, ul.placeholdersSelected li, ul.lastDraw li {
color: #000;
float: left;
height: 33px;
/* line-height: 31px; */
line-height: 28px;
list-style: none;
margin-left: -3px;
text-indent: -8px;
text-shadow: 1px 1px 1px #CCC;
width: 39px;
/* cursor: pointer; */
}
ul.placeholdersSelected li {
margin-left: 0;
text-indent: -6px;
width: 35px;
}
ul.placeholdersSelected .superBallSlot {
margin-left: 9px;
}
ul.placeholdersSelected li, ul.placeholdersNumbers li {
/* margin-right: 2px; */
}
ul.small-tipping, ul.selected-arrows {
margin-top: 11px;
/* width: 204px; */
height: 29px;
}
ul.small-tipping li, ul.selected-arrows li {
list-style: none;
float: left;
cursor: pointer;
width: 28px;
height: 29px;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png) no-repeat scroll -97px -216px transparent;
font-size: 9px;
line-height: 26px;
text-indent: -2px;
position: relative;
}
ul.small-tipping li {
margin-right: 1px;
}
ul.small-tipping .superBall {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png) no-repeat scroll -32px -216px transparent;
margin-left: 8px;
}
ul.selected-arrows {
height: 6px;
margin-top: 0;
position: relative;
}
ul.selected-arrows li {
cursor: default;
background: none;
height: 6px;
width: 29px;
}
ul.selected-arrows li img {
position: absolute;
top: -1px;
left: 7px;
}
ul.selected-arrows li.superBall img {
margin-left: 8px;
}
ul.lastDraw {
margin: 11px 0 0 25px;
overflow: hidden;
}
ul.lastDraw .superBall {
margin-left: 12px;
}
#main .lastDraw li, #main .small-tipping li {
cursor: default;
}
.number-commands {
margin: 5px 0 0 25px;
overflow: hidden;
width: 275px;
}
.msie-7 .number-commands {
margin: 5px 0 0 38px;
}
.number-commands a {
font-size: 13px;
float: right;
padding-left: 13px;
}
.number-commands #loschen {
padding-left: 0;
}
.number-commands #zuffalig {
margin-right: 19px;
}
/* rstate:added to implement inactive status to tipping links */
.number-commands .inactive {
color: #A6A6A6;
}
/*
.number-commands .cta span {
border: 1px solid #499902;
-webkit-box-shadow: 0 0 3px -1px #FFFFFF inset;
-moz-box-shadow: 0 0 3px -1px #FFFFFF inset;
box-shadow: 0 0 3px -1px #FFFFFF inset;
}
*/
#weiter {
float: right;
margin-top: 17px;
margin-right: 19px;
}
#login {
float: right;
}
#weiter span, #login span {
text-indent: -2000px;
text-transform: capitalize;
overflow: hidden;
display: block;
line-height: 0;
}
#weiter, #weiter span, #login, #login span {
width: 83px;
height: 34px;
}
#weiter span {
background: url('https://img.ui-portal.de/millionenklick/v0/9/webde/btn/weiter_sprite.png') no-repeat -8px -20px;
}
#weiter span:hover {
background-position: -8px -70px;
}
#weiter span:active {
background-position: -8px -124px;
}
#login span {
background: url('https://img.ui-portal.de/millionenklick/v0/9/webde/btn/login_sprite.png') no-repeat 0 0;
padding:0;
margin:0;
}
#login span:hover {
background-position: 0 -41px;
}
#login span:active {
background-position: 0 -82px;
}
.cta span {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 13px;
line-height: 13px;
margin: auto;
/* padding: 3px 6px 8px; */
padding: 4px 6px 7px;
position: relative;
cursor: pointer;
}
.msie .number-commands .cta span {
line-height: 16px;
}
.number-commands span.button_inactive {
opacity: 0.9;
border: 1px solid #666!important;
}
.number-commands .loschen {
float: right;
}
.number-commands span.secondary-button {
border: 1px solid #939393;
}
.normalBall {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -95px -31px transparent;
}
.normalBallSlot {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -93px -158px transparent;
text-indent: -1200px;
margin-left: -2px;
}
.firstNormalSlot {
margin-left: 0;
margin-right: -2px;
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -95px -158px transparent;
}
ul.placeholdersSelected .firstNormalSlot.normalBallSelected {
text-indent: -6px;
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -96px -31px transparent;
}
.normalBallHover {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -92px -95px transparent;
cursor: pointer;
}
ul.placeholdersSelected .normalBallSelected {
text-indent: -4px;
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -95px -31px transparent;
}
.superBallSlot {
margin-left: 10px;
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -31px -158px transparent;
}
.superBallHover {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -27px -95px transparent;
}
.hasError .normalBallSlot {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -156px -158px transparent;
}
.hasError .superBallSlot {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -159px -158px transparent;
}
.placeholdersSelected .superBall {
cursor: pointer;
}
.placeholdersSelected .superBall, .lastDraw .superBall {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -31px -31px transparent;
}
ul.placeholdersNumbers .normalBallHover, ul.placeholdersNumbers .superBallHover {
cursor: pointer;
height: 37px;
/* line-height: 39px; */
line-height: 36px;
margin: -4px 2px 0 -4px;
text-indent: -5px;
width: 38px;
}
ul.placeholdersNumbers li, ul.placeholdersNumbers .normalBallHover, ul.placeholdersNumbers .superBallHover {
margin-bottom: 2px;
}
ul.placeholdersNumbers .normalBallSelected {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -160px -31px transparent;
color: #FFFFFF;
/* background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png) no-repeat scroll -95px -158px transparent; */
/* text-indent: -1200px; */
}
ul.placeholdersNumbers .superBall {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/mioklick_sprite_balls.png") no-repeat scroll -31px -31px transparent;
}
.number-commands {
float: left;
}
.number-commands .cta {
float: left;
margin-right: 5px;
}
.number-commands .loschen {
float: right;
}
#stepMarker {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/steps/mioklick_marker.png) no-repeat scroll 0 0 transparent;
/* height: 478px; */
height: 481px;
top: 0;
position: absolute;
/* top: 3px; */
width: 327px;
}
.msie-7 #stepMarker {
top: -1px;
}
.step-two #stepMarker {
left: 344px;
}
.step-three #stepMarker {
left: 657px;
}
h3.stepTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
color: #6F9901;
text-align: left;
}
h3.firstStepTitle {
margin-top: -2px;
}
#tipp-andern {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #2269C3;
margin: 20px 12px 42px 0;
text-align: right;
float: right;
}
#konto-module .stepContentZone {
margin-left: 22px;
}
.normalBall-info {
margin-right: 21px;
}
.lastDraw-info {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/main/numbers/separator2.png") no-repeat scroll 4px bottom transparent;
height: 42px;
margin-top: 14px;
text-align: left;
}
.info-text {
color: #262626;
font-size: 13px;
}
.mein-treuebonus {
text-align: left;
}
.treuebonus-infotext, .treuebonus-infotext:hover, .treuebonus-infotext:visited {
color: #262626;
display: block;
font-weight: 700;
margin: 9px 0 -1px;
text-decoration: none;
}
.treuebonus-infotext-desc {
margin-bottom: 8px;
display: block;
}
.mein-treuebonus .stepTitle {
margin: 3px 0 20px 0;
}
#treuebonus-infotext {
margin-top: -1px;
}
#schones-infotext, #luckylooser-infotext {
padding-top: 1px;
}
.form-checkbutton {
cursor: pointer;
display: inline-block;
width: 15px;
height: 15px;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/form_btns.png) no-repeat scroll 0 -40px transparent;
}
.form-checkbutton.selected {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/form_btns.png) no-repeat scroll -85px -40px transparent;
}
.form-checkbutton input {
opacity: 0;
position: absolute;
z-index: -1;
display: none;
}
.form-checkbutton-label {
position: relative;
top: -2px;
}
.msie-7 .form-checkbutton-label {
padding-left: 2px;
}
.module-three .info-message {
text-align: left;
}
.module-three .info-message p {
line-height: 20px;
margin-top: -3px;
padding-left: 17px;
padding-right: 16px;
}
#process-steps #countdown {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/mioklick_countdown.png) repeat scroll center top transparent;
width: 280px;
height: 105px;
margin: 18px 0 31px 20px;
}
#countdown h3 {
font-family: Verdana;
font-size: 14px;
color: #262626;
text-align: center;
padding: 6px 0 8px 0;
}
#countdown span {
float: left;
}
#countdown p.countdown-wrap {
color: #7FB74D;
font-size: 28px;
line-height: 34px;
margin: 1px 56px 0;
overflow: hidden;
text-align: center;
width: 169px;
}
#countdown .countdown-label {
color: #262626;
font-size: 11px;
line-height: 13px;
text-align: center;
overflow: hidden;
width: 169px;
height: 30px;
margin: 0 53px;
padding-top: 4px;
}
#countdown .digit-group, #countdown .digit-group .digit, #countdown .colon-divider {
display: inline-block;
position: relative;
}
#countdown .colon-divider {
font-size: 31px;
top: -2px;
left: -3px;
width: 8px;
color: #262626;
}
#countdown .digit-group .digit-1 {
margin-right: 1px;
}
#countdown .digit-group .digit .dividerbar {
border-top: 1px solid #262626;
display: block;
font-size: 0;
height: 1px;
left: 1px;
line-height: 0;
margin: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
filter: alpha(opacity=30); /* IE 5-7 */
opacity: 0.3;
padding: 0;
position: absolute;
top: 17px;
width: 19px;
}
#countdown .digit-group .digit {
background: #93b240; /* Old browsers */
background: -moz-linear-gradient(top, #93b240 0%, #8fb03a 33%, #79a013 63%, #709902 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93b240), color-stop(33%,#8fb03a), color-stop(63%,#79a013), color-stop(100%,#709902)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #93b240 0%,#8fb03a 33%,#79a013 63%,#709902 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #93b240 0%,#8fb03a 33%,#79a013 63%,#709902 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #93b240 0%,#8fb03a 33%,#79a013 63%,#709902 100%); /* IE10+ */
background: linear-gradient(top, #93b240 0%,#8fb03a 33%,#79a013 63%,#709902 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b240', endColorstr='#709902',GradientType=0 ); /* IE6-8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b240', endColorstr='#709902',GradientType=0 )"; /* IE9 */
border: 1px solid #648502;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
-moz-box-shadow: 0 0 1px #648502 inset;
-webkit-box-shadow: 0 0 1px #648502 inset;
box-shadow: 0 0 1px #648502 inset;
color: #FFFFFF;
height: 34px;
line-height: 32px;
padding-left: 2px;
width: 20px;
}
#s_text {
clear: both;
font-size: 12px;
line-height: 18px;
padding: 0 15px;
}
#s_text .s_title {
color: #515151;
}
#s_text .s_content {
color: #a5a4a4;
}
.feedback {
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
-moz-box-shadow: 0 5px 7px #DDE0DC;
-webkit-box-shadow: 0 5px 7px #DDE0DC;
box-shadow: 0 5px 7px #DDE0DC;
background-color: #B33C3D;
display: block;
float: none;
margin: -72px 0 0 17px;
padding: 4px 10px 7px;
position: absolute;
text-align: left;
width: auto;
z-index: 999;
}
.opera .stepLoginInputs .feedback {
margin: -80px 0 0 17px;
}
.feedback p {
color: #FFFFFF;
line-height: 20px;
margin: 0;
padding: 0;
white-space: nowrap;
}
.feedback span.hook {
border-color: #B33C3D transparent transparent;
border-style: solid;
border-width: 6px;
height: 0;
margin: 7px 0 0 3px;
left: 10px;
position: absolute;
width: 0;
}
.feedback.feedback-info {
background-color: #b9cfdd;
}
.feedback.feedback-info p {
color: #262626;
}
.feedback.feedback-info span.hook {
border-color: #b9cfdd transparent transparent;
}
#banner-module .feedback {
margin: -38px 0 0 102px;
}
#tipping-module .feedback {
margin: -29px 0 0 172px;
}
.msie-6 .feedback, .msie-7 .feedback {
margin: -37px 0px 0px -265px;
}
.stepLoginInputs form {
position: relative;
}
.placeholdersNumbers .normalBallSelected,
.placeholdersNumbers .superBall, .normalBallSlot,
.superBallSlot {
cursor: default;
}
.placeholdersSelected .normalBallSelected {
cursor: pointer;
}
#tipping-module .normalBallSelected, #tipping-module .superBall {
cursor: pointer;
}
.hint {
margin: 0 30px 20px;
}
#page-content .hint-tipping {
margin: 0 30px 36px;
/* margin: 0 30px 36px 20px; */
}
.hint-tipping.hint-error {
background: url('https://img.ui-portal.de/millionenklick/v0/9/webde/icon/hint.png') no-repeat scroll 15px -225px #F8EEEE;
}
.hint-tipping.hint-info {
background: url('https://img.ui-portal.de/millionenklick/v0/9/webde/icon/hint.png') no-repeat scroll 15px -65px #EFF4F8;
}
.hint .arrow {
border-left: 44px solid transparent;
border-right: 44px solid transparent;
height: 0;
position: absolute;
top: 75px;
width: 0;
}
.hint-error .arrow {
border-top: 17px solid #D59394;
}
.hint-info .arrow {
border-top: 17px solid #97B7CE;
}
.hint.hint-step-one .arrow {
left: 143px;
}
.hint.hint-step-two .arrow {
left: 455px;
}
.hint.hint-step-three .arrow {
left: 768px;
}
#fAd {
display: none;
}
.fake-submit {
position:absolute;
left: -1000px;
top: -1000px;
}
#winner-info-layer {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/winner-layer.png) no-repeat #FFF;
border: 1px solid #c6d69f;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 7px 1px #BFD09A;
color: #262626;
height: 408px;
position: absolute;
top: -8px;
left: -17px;
width: 295px;
z-index: 9999;
}
#winner-info-layer p {
bottom: 59px;
margin-left: 46px;
position: absolute;
width: 205px;
}
.close-mkbox {
line-height: 16px;
position: absolute;
right: 5px;
top: 4px;
}
div .close-mkicon {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/x_schliessen.png);
display: inline-block;
height: 16px;
text-decoration: none;
width: 16px;
}
.close-mkicon:hover {
background-position: 0 -36px;
}
.modules-startpage * {
color: #262626;
font-family: Verdana;
font-size: 13px;
}
.modules-startpage {
padding-left: 14px;
margin-top: 2px;
margin-bottom: 93px;
overflow: hidden;
}
.modules-startpage > div {
/* background: #CCC; */
float: left;
overflow: hidden;
padding-top: 15px;
width: 270px;
}
.modules-startpage .small-tipping {
margin: 3px 0;
text-align: center;
}
.modules-startpage .small-tipping li {
margin-right: 7px;
}
.modules-startpage .small-tipping .superBall {
margin-left: 0;
}
.modules-startpage .module-second {
background: #f0f0f2;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 278px;
margin-left: 36px;
margin-right: 34px;
padding-bottom: 16px;
padding-left: 11px;
padding-right: 11px;
}
.modules-startpage .module-second h3 {
text-indent: -2px;
}
.modules-startpage .module-second p,
.modules-startpage .module-second h4 {
line-height: 20px;
}
.modules-startpage .module-second h4 {
font-size: 16px;
}
.module-box h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 17px;
}
.module-ziehung ul.tippdata {
width: 267px;
border-bottom: 1px solid #d1d5d8;
margin-bottom: 16px;
}
.module-ziehung li span {
border-top: 1px solid #d1d5d8;
display: block;
padding-top: 2px;
}
.tippinfo {
line-height: 20px;
margin-top: 16px;
}
.modules-startpage a {
color: #2269c2;
}
.modules-startpage .module-fig {
height: 110px;
width: 265px;
margin-bottom: 17px;
margin-left: 6px;
}
.modules-startpage .mioclick-amount {
border: 1px solid #bfd09a;
box-shadow: 0 0 5px 1px #bfd09a;
color: #6d9a00;
font-size: 25px;
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/bg/mkamountbg.png") no-repeat scroll 0 0 #FFFFFF;
letter-spacing: -0.05em;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/process-steps.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/static-pages.css" */
#main.static-pages {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262626;
padding-top: 17px;
padding-left: 45px;
}
#main.millionentraum {
padding-bottom: 10px;
}
#main.millionentraum .middle-section {
padding-top: 5px;
}
.static-pages h2 {
color: #515151;
font-size: 30px;
font-weight: 400;
padding-bottom: 28px;
}
.static-pages h3 {
color: #6F9901;
font-size: 21px;
font-weight: 400;
padding-bottom: 30px;
}
.dasch h3 {
padding-bottom: 30px;
}
.static-pages h4 {
padding-bottom: 34px;
}
.dasch h4 {
padding-bottom: 8px;
margin-left: -1px;
}
.static-pages h4, .static-pages .info-title {
font-size: 14px;
font-weight: 700;
clear: both;
}
.static-pages .info-title {
display: block;
padding-bottom: 7px;
}
#main.static-pages .info-content {
line-height: 20px;
font-size: 13px;
display: block;
max-width: 550px;
}
.schones h3 + .info-content {
font-weight: 700;
}
.static-pages .info-fragment {
margin-bottom: 25px;
}
.static-pages .info-block {
margin-bottom: 20px;
}
.static-pages .info-prize {
color: #6F9901;
margin-left: 95px;
}
.static-pages .static-hero {
-moz-box-shadow: 0 52px 30px -40px #BABCC3;
-webkit-box-shadow: 0 52px 30px -40px #BABCC3;
box-shadow: 0 52px 30px -40px #BABCC3;
margin-bottom: 34px;
}
.dasch .module-type2 .cta {
display: inline-block;
margin: 4px 0 20px;
}
.cta.dasch-button {
display: inline-block;
margin: 4px 0 20px;
}
.dasch .module-type2 {
width: 620px;
height: 145px;
margin-top: 25px;
margin-left: -17px;
}
.dasch .module {
background: #EEF0F3;
}
.dasch .module-type2 .moduleContainer {
/* width: 100%; */
background: none;
padding: 15px 15px 0;
}
.dasch .module-type2 .moduleContent {
float: left;
width: 460px;
}
.dasch .module-type5 {
background: none;
}
/* .dasch .module-type5 .cta { */
/* display: none; */
/* } */
.gewinner-photo {
float: left;
margin-right: 15px;
}
.dasch h3 + h4 {
margin-top: -4px;
}
.dasch h3 + .info-content {
margin-top: -6px;
}
.gewinner-schritt .info-content + h4 {
margin-top: 22px;
}
#main.gewinner-schritt .moduleStory {
width: 588px;
margin-left: 15px;
line-height: 21px;
float: left;
text-decoration: none;
}
.moduleStory span {
font-size: 13px;
}
#main.gewinner-schritt .moduleTitle {
display: block;
margin-bottom: 13px;
font-size: 21px;
}
#main.gewinner-schritt .module-type5 {
margin-left: -15px;
width: 910px;
margin-bottom: 40px;
}
#main.gewinner-schritt .moduleContainer {
width: 910px;
height: 155px;
padding-top: 15px;
}
#main.gewinner-schritt h3 {
padding-bottom: 15px;
}
#main.gewinner-schritt .last-module {
margin-bottom: 13px;
}
#main .module.with-cta a:hover {
text-decoration: none;
}
#main.hilfe-page {
/* min-height: 990px; */
padding-bottom: 15px;
}
#main.hilfe-page h\:article > h2 {
padding: 18px 0 27px;
font-size: 21px;
font-weight: 400;
color: #262626;
margin-left: -3px;
}
#hilfe-nav {
margin-left: -15px;
margin-top: 4px;
border-bottom: 1px solid #D1D4D9;
overflow: hidden;
padding-bottom: 10px;
width: 938px;
}
.hilfe-navigation li.hilfe-button {
cursor: pointer;
float: left;
font-size: 13px;
font-weight: 700;
display: inline;
height: 100%;
/* line-height: 13px; */
margin-right: 5px;
/* padding: 4px 15px 7px; */
padding: 0 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #dfe3e6;
}
#main .hilfe-navigation li:hover, #main .hilfe-navigation li:hover a {
cursor: pointer;
color: #FFFFFF;
background: #9AB74D;
}
.hilfe-navigation li.hilfe-button a {
color: #687282;
text-decoration: none;
display: inline-block;
height: 100%;
}
.hilfe-navigation li.hilfe-button span {
line-height: 24px;
height: 24px;
}
.hilfe-navigation #hilfe-zuruck {
float: left;
line-height: 13px;
padding: 4px 0 7px 52px;
}
#main .hilfe-navigation li.active, #main .hilfe-navigation li.active:hover, #main .hilfe-navigation li.active:hover a {
background: #6F9901;
}
.hilfe-navigation li.active a {
color: #FFFFFF;
}
.accordion {
border-bottom: 1px solid #D4D4D6;
margin: 0 20px 20px -15px;
width: 620px;
}
.accordion > div {
display: block;
}
#main .accordion .title {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 100% -31px transparent;
cursor: pointer;
font-weight: 400;
font-size: 13px;
border-top: 1px solid #D4D4D6;
line-height: 30px;
padding: 0 0 0 13px;
color: #262626;
}
#main .accordion .title.active:hover {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 100% 13px transparent;
}
.accordion > div > div {
display: none;
position: relative;
line-height: 20px;
padding: 0 15px 44px 13px;
font-size: 13px;
overflow: hidden;
}
.jsDisabled .accordion > div > div {
display: block;
}
#main .accordion .active, .jsDisabled #main .accordion .title {
background-position: 100% 13px;
font-weight: 700;
}
.jsDisabled #main .accordion .title, .jsDisabled #main .accordion .title:hover {
background: none;
cursor: default;
}
.jsDisabled #hilfe-nav {
display: none;
}
.accordion div .close {
display: none;
position: absolute;
right: 15px;
bottom: 16px;
}
.accordion div .visible {
display: block;
}
#main .accordion .title:hover {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif) no-repeat scroll 100% -31px #F4F7EB;
}
#fancybox-content h4 {
font-size: 30px;
color: #515151;
margin-left: -2px;
margin-bottom: 17px;
padding-top: 10px;
}
#fancybox-content p {
font-size: 17px;
color: #262626;
line-height: 24px;
width: 505px;
margin-bottom: 14px;
}
#fancybox-content > div {
overflow: hidden;
}
.input-data, #form-links li {
width: 285px;
margin-right: 20px;
float: left;
}
#form-links li {
font-size: 13px;
}
.input-data label {
color: #262626;
font-weight: bold;
font-size: 14px;
display: block;
margin: 10px 0 7px;
}
.input-data input {
width: 275px;
height: 32px;
border: 1px solid #CCC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 2px;
padding-left: 8px;
font-size: 14px;
}
#fancybox-content #login {
float: right;
margin-right: 20px;
margin-top: 19px;
position: relative;
}
#popup-login {
display: none;
}
#main #miotraum_modules {
padding: 0;
}
#miotraum_modules > .odd {
margin-right: 22px;
}
.millionentraum .middle-section h1 {
font-weight: 400;
font-size: 21px;
color: #6F9901;
padding-bottom: 29px;
}
#main.send-miotraum .middle-section {
margin-bottom: 56px;
}
.millionentraum .middle-section h2 {
padding-top: 8px;
padding-bottom: 9px;
font-weight: 400;
font-size: 17px;
color: #262626;
}
.millionentraum .middle-section label {
width: 94px;
font-size: 13px;
color: #262626;
display: block;
float: left;
margin-right: 17px;
}
#main.millionentraum .middle-section p {
font: 400 13px/20px Verdana, Arial, Helvetica, sans-serif;
color: #262626;
margin-bottom: 16px;
width: 565px;
}
.millionentraum textarea {
border: 1px solid #ccd5de;
width: 480px;
height: 165px;
overflow: auto;
}
.millionentraum .form-control {
width: 593px;
text-align: right;
margin-top: 13px;
}
.millionentraum .form-control a {
margin-right: 26px;
display: inline-block;
}
.msie-7 .millionentraum .form-control a {
height: 24px;
}
.millionentraum .btn-wrapper {
display: inline-block;
height: 34px;
cursor: pointer;
}
.millionentraum .zuruck {
width: 200px;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/btn/zuruck_neum_traum.png) no-repeat -43px -28px;
}
.millionentraum .zuruck.hovered {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/btn/zuruck_neum_traum.png) no-repeat -43px -108px;
}
.millionentraum .zuruck.clicked {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/btn/zuruck_neum_traum.png) no-repeat -43px -178px;
}
.millionentraum .neuen_traum {
margin-left: 31px;
width: 224px;
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/btn/zuruck_neum_traum.png) no-repeat -285px -28px;
}
.millionentraum .neuen_traum.hovered {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/btn/zuruck_neum_traum.png) no-repeat -285px -108px;
}
.millionentraum .neuen_traum.clicked {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/btn/zuruck_neum_traum.png) no-repeat -285px -178px;
}
.millionentraum .btn-wrapper a {
text-indent: -2000px;
text-align: left;
display: block;
width: 100%;
height: 100%;
}
#main.millionentraum_dasch .middle-section {
margin-bottom: 76px;
}
.millionentraum_dasch .form-control {
margin-top: 30px;
width: 624px;
}
div.stepBanner, .forced-banner {
/* background: #F8F8F9; */
background: transparent;
}
.first-banner {
width: 300px;
height: 250px;
}
.second-banner {
width: 300px;
height: 120px;
}
#main.tagesgewinner {
width: 620px;
color: #262626;
padding-bottom: 0;
}
/* .msie #main.tagesgewinner .dropdown { */
/* margin-right: 157px; */
/* } */
#main.tagesgewinner .dropdown {
float: left;
margin: 4px 0 4px 9px;
display: block;
}
#main.tagesgewinner p {
font-size: 13px;
padding: 0 15px 0 7px;
line-height: 20px;
}
#main.tagesgewinner h4 {
padding-left: 7px;
}
#main.tagesgewinner h2 {
padding-bottom: 28px;
}
#main.tagesgewinner .gewinnerzahlen {
margin-bottom: 29px;
}
.gewinnerzahlen > li {
border-bottom: 1px solid #d1d4d9;
height: 32px;
padding: 0 7px 0 15px;
line-height: 32px;
font-size: 13px;
}
.gewinnerzahlen li.gw_title {
background: #e6e9eb;
border-top: 1px solid #d1d4d9;
font-weight: 700;
}
.gewinnerzahlen li.gw_title > span {
float: left;
}
.gewinnerzahlen span.gw_info {
padding: 0 34px 0 0;
float: left;
width: 70px;
text-align: right;
}
.gewinnerzahlen span.gw_tip {
float: right;
}
.gewinnerzahlen ul.small-tipping {
margin: 0;
display: inline;
}
.gewinnerzahlen ul.small-tipping li {
padding: 0;
border: none;
text-align: center;
margin-top: 3px;
}
.gewinnerzahlen ul.small-tipping .superBall {
margin-left: 0;
}
#main.tagesgewinner p.tip-info {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/big_info.png) no-repeat scroll left 5px transparent;
padding-left: 35px;
margin: 19px 0 28px 7px;
}
#gewinner_alph {
border-bottom: 1px solid #d1d4d9;
margin-bottom: 25px;
overflow: hidden;
padding-bottom: 10px;
}
#gewinner_alph li {
background: #e6e9eb;
float: left;
font-size: 13px;
font-weight: 700;
height: 24px;
line-height: 24px;
margin-right: 5px;
text-align: center;
width: 24px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#gewinner_alph li.selected a {
background: #6f9901;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #FFFFFF;
}
#gewinner_alph li.inactive {
background: #eff0f2;
color: #abb1ba;
}
#main .inactive, #main .inactive a {
cursor: default;
text-decoration: none;
}
#gewinner_alph li.other {
background: none;
}
#gewinner_alph li.next, #gewinner_alph li.prev {
cursor: pointer;
background: #6F9901;
color: #FFFFFF;
font-size: 20px;
line-height: 21px;
}
#gewinner_alph li.next.inactive, #gewinner_alph li.prev.inactive {
background: #b3c87d;
cursor: default;
}
#gewinner_alph a {
color: #687282;
/* color: inherit; */
display: block;
height: 100%;
width: 100%;
}
#gewinner_table {
border-collapse: collapse;
margin-bottom: 45px;
width: 620px;
}
#gewinner_table thead {
background: #e6e9eb;
border-top: 1px solid #d1d4d9;
}
#gewinner_table tr, #gewinner_table td {
height: 32px;
line-height: 32px;
border-bottom: 1px solid #d1d4d9;
}
#gewinner_table .gewinner_name {
padding-left: 17px;
width: 230px;
}
#gewinner_table .gewinner_ort {
width: 210px;
}
#gewinner_table .gewinner_ziehung {
width: 125px;
}
#nicht_dabei_1 {
margin-bottom: 20px;
}
#main.agb-page {
padding-bottom: 65px;
}
#main.agb-page h2, #main.datenschutz-page h2 {
padding-bottom: 15px;
}
#main.agb-page h3, #main.datenschutz-page h3 {
color: #262626;
font-size: 17px;
padding-bottom: 39px;
}
#main.datenschutz-page h3 {
padding-bottom: 17px;
}
#main.datenschutz-page {
width: 600px;
}
#main.datenschutz-page p {
margin-bottom: 23px;
}
#main.datenschutz-page ol {
margin-top: -10px;
}
#main.datenschutz-page ol {
margin-left: 20px;
}
#main.datenschutz-page ol > li {
margin-top: 23px;
padding-left: 7px;
display: list-item;
list-style: decimal outside;
}
#main.datenschutz-page h\:article {
line-height: 20px;
}
#main.datenschutz-page {
padding-bottom: 5px;
}
#main.datenschutz-page .contact-cr {
margin-top: 10px;
}
#main.datenschutz-page .contact-cr span {
display: block;
}
/* .static-pages.dasch .moduleContainer { */
/* max-height: 135px; */
/* } */
#main.special_pages {
padding: 0 10px 84px 30px;
}
#page-content #main.offline {
background: transparent;
}
#main.acceptance {
margin-bottom: 18px;
width: 650px;
}
#main.acceptance h2 {
color: #515151;
margin-left: -3px;
padding-bottom: 43px;
}
#main.acceptance h3 {
color: #262626;
clear: both;
font-size: 17px;
padding-bottom: 16px;
margin-top: 17px;
}
#main.acceptance h2 ~ p {
margin-bottom: 20px;
/* margin-bottom: 29px; */
/* width: 550px; */
}
#main.acceptance div, #main.acceptance p {
color: #262626;
font-size: 13px;
line-height: 20px;
overflow: hidden;
}
#main.acceptance #weiter {
float: left;
clear: both;
}
#main.acceptance #weiter span {
margin-top: 16px;
}
#main.acceptance .form-checkbutton {
float: left;
}
#main.acceptance .form-checkbutton-label {
float: left;
width: 490px;
margin-left: 10px;
}
.einstellungen h2 {
margin-bottom: 42px;
padding-bottom: 0;
}
.einstellungen h3 {
margin-top: 19px;
margin-bottom: 13px;
padding-bottom: 0;
font-size: 17px;
color: #262626;
}
.einstellungen .form-data {
margin-top: 22px;
margin-bottom: 3px;
}
.einstellungen .info-content {
margin-bottom: 16px;
}
.einstellungen .form-data li {
padding-bottom: 6px;
}
#einstellungen-links li {
float: left;
}
#einstellungen-links .list-delimiter {
margin: 0 12px;
}
.confirmation-two #countdown {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/bg/mioklick_countdown.png) repeat scroll center top transparent;
height: 105px;
width: 280px;
position: absolute;
top: 6px;
right: 15px;
}
.msie-7 .confirmation-two h\:figure {
margin-top: 14px;
}
.confirmation-two h\:figure {
position: relative;
}
.drawing-details {
font-size: 18px;
color: #262626;
line-height: 25px;
position: absolute;
left: 37px;
top: 137px;
}
.drawing-numbers li {
float: left;
margin-right: 4px;
text-align: left;
}
li.drawing-supernumber {
margin-right: 6px;
/* color: #6f9901; */
}
.confirmation-two .lotto-details {
font-size: 13px;
position: absolute;
line-height: 25px;
left: 40px;
top: 291px;
}
.weiter-zum-postfach {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/btn/weiter_postfach.png) no-repeat -30px -30px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
box-shadow: 0 0 3px #AAAAAA;
border-radius: 7px;
cursor: pointer;
width: 239px;
height: 45px;
display: block;
position: absolute;
top: 231px;
left: 36px;
text-indent: -2000px;
}
.tipping-rejected .weiter-zum-postfach {
top: 169px;
}
.weiter-zum-postfach:hover {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/btn/weiter_postfach.png) no-repeat -30px -90px;
}
.weiter-zum-postfach:active {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/btn/weiter_postfach.png) no-repeat -30px -150px;
}
#main.confirmation-two {
padding: 18px 10px 166px 30px;
}
#kundenservice-special {
font-size: 13px;
top: 208px;
left: 337px;
position: absolute;
}
.msie-8 #kundenservice-special {
top: 209px;
}
.special_pages h\:figure {
position: relative;
}
#captcha {
background: none repeat scroll 0 0 #E1E1E3;
display: inline-block;
height: 52px;
overflow: hidden;
width: 222px;
}
.form-captcha-refresh {
font-size: 13px;
}
.field-status {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/hint_16x16.png) no-repeat scroll 0 0 #F8F8F9;
float: right;
height: 16px;
margin-top: 4px;
margin-right: 30px;
width: 16px;
display: none;
}
.msie-7 .field-status {
margin-top: -21px;
}
.hasTextarea .field-status {
margin-top: 14px;
}
.msie-7 .hasTextarea .field-status {
margin-top: -162px;
}
.msie-7 .dropdown-status {
margin-top: -10px;
}
.form-success-icon, .form-info-icon, .form-warning-icon, .form-error-icon {
display: block;
}
.form-success-icon {
background-position: 0 0;
}
.form-info-icon {
background-position: 0 -80px;
}
.form-warning-icon {
background-position: 0 -160px;
}
.form-error-icon {
background-position: 0 -240px;
}
.form-link {
margin-left: 3px;
margin-top: 13px;
}
#main.acceptance .primary-button-1 {
font-size: 13px;
height: 15px;
line-height: 13px;
}
.meine_daten h3 {
color: #262626;
font-size: 18px;
}
.meine_daten div {
color: #262626;
}
#gluckszahlen #gewinner_dropdown {
margin-left: 3px;
margin-right: 15px;
}
#gluckszahlen h3 {
padding-bottom: 5px;
}
.meine_daten .small-tipping {
display: inline-block;
margin-top: 0;
text-align: center;
}
.mein_tipp_title {
font-weight: bold;
}
.mein_tipp_content ul.small-tipping li {
position: relative;
top: 10px;
}
.mein_tipp_content .dropdown {
/* position: relative; */
/* top: -4px; */
}
.mein_tipp_superzahl {
margin-left: 13px;
margin-right: -8px;
}
#meine_statistics {
overflow: hidden;
}
#meine_statistics h3 {
padding-bottom: 11px;
}
#meine_statistics div {
float: left;
}
#meine_statistics div a {
margin-bottom: 4px;
}
#meine_statistics #treuebonus-infotext, #meine_statistics #schones-infotext {
margin-right: 76px;
}
#gluckszahlen, #meine-benach {
background: #eff0f4;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 15px 16px 0;
}
#gluckszahlen {
height: 84px;
margin-left: -16px;
margin-bottom: 33px;
width: 907px;
}
#meine-benach {
height: 235px;
width: 587px;
margin-right: 20px;
margin-left: -16px;
}
#meine-benach h3 {
padding-bottom: 10px;
}
.lotto-jump {
display: none;
background: #b6b6b8;
width: 300px;
height: 250px;
}
#settings-and-lotto {
margin: 32px 0;
}
#settings-and-lotto div {
float: left;
}
#settings-and-lotto .settings-boxes {
margin-top: 21px;
}
#settings-and-lotto .settings-boxes form {
display: block;
margin-top: 17px;
}
.settings-boxes .form-data li {
float: left;
width: 50%;
padding-bottom: 6px;
}
#meine_informationen {
clear: both;
padding-top: 32px;
padding-bottom: 13px;
}
#meine_informationen ul li {
display: inline-block;
float: left;
}
#meine_informationen .list-delimiter {
margin: 0 12px 0 8px;
}
/* IE7 hacks */
.msie-7 .settings-boxes .form-data li {
min-width: 290px;
}
.msie-7 .mein_tipp_content {
margin-top: 20px;
}
.msie-7 .mein_tipp_content ul {
margin-top: -15px;
margin-left: 5px;
}
.msie-7 .mein_tipp_content > * {
float: left;
}
.msie-7 #meine_informationen {
padding-top: 0;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/static-pages.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/fancybox.css" */
#fancybox-overlay {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 1100;
}
#fancybox-wrap {
display: none;
margin: 20px;
outline: none;
padding: 0;
position: absolute;
left: 0;
top: 0;
z-index: 1101;
width: 620px;
}
#fancybox-outer,
#fancybox-content {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
#fancybox-outer {
background: #FFFFFF;
margin-top: -35px; /*vertical position quick-fix */
padding: 30px 15px 35px;
position: relative;
width: 590px;
height: 245px;
overflow: hidden;
}
#fancybox-ie {
width: 720px;
}
#fancybox-content > div {
width: 610px;
}
#fancybox-content {
/* border: 10px solid #EEF0F3; */
height: 0;
outline: none;
/* overflow: hidden; */
padding: 0;
position: relative;
z-index: 1102;
width: 0;
}
#fancybox-img {
border: none;
height: 100%;
line-height: 0;
margin: 0;
outline: none;
padding: 0;
vertical-align: top;
width: 100%;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-hide-sel-frame,
#fancybox-error,
#fancybox-loading,
#fancybox-tmp,
#fancybox-left,
#fancybox-right {
display: none;
}
#fancybox-close {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background: transparent url(https://img.ui-portal.de/millionenklick/v0/9/webde/icon/x_schliessen.png) 100% 0px no-repeat;
cursor: pointer;
display: none;
float: right;
right: 15px;
top: 9px;
position: absolute;
padding-right: 23px;
height: 16px;
line-height: 16px;
z-index: 1103;
}
#fancybox-close:hover,
#fancybox-close:active,
#fancybox-close:focus {
background-position: 100% -36px;
}
#fancybox-title {
font-size: 22px;
line-height: 25px;
padding: 5px 0px 10px;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/fancybox.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/dropdown.css" */
#main .dropdown {
font-size: 13px;
}
.msie #main .dropdown {
font-size: 12px;
}
#main .dropdown dd, #main .dropdown dt, .dropdown ul {
margin: 0;
padding: 0;
font-weight: 400;
}
#main .dropdown dt {
position: relative;
z-index: 2;
}
#main .dropdown dd {
margin-top: -10px;
position: relative;
z-index: 1;
}
#main .dropdown a, #main .dropdown a:visited {
color: #262626;
outline: medium none;
text-decoration: none;
}
#main .dropdown.opened .hasError span {
color: #262626;
}
#main .dropdown dt a {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 142px -36px #f6f7f8; /* Old browsers */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 142px -36px, -moz-linear-gradient(center top , #F6F7F8 0%, #DEE1E3 100%) repeat scroll 0 0 transparent; /* FF3.6+ */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 142px -36px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f8), color-stop(100%,#dee1e3)); /* Chrome,Safari4+ */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 142px -36px, -webkit-linear-gradient(top, #f6f7f8 0%,#dee1e3 100%); /* Chrome10+,Safari5.1+ */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 142px -36px, -o-linear-gradient(top, #f6f7f8 0%,#dee1e3 100%); /* Opera 11.10+ */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 142px -36px, filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#dee1e3',GradientType=0 ); /* IE6-9 */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 142px -36px, linear-gradient(top, #f6f7f8 0%,#dee1e3 100%); /* W3C */
border: 1px solid #99A1A7;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding-right: 20px;
width: 138px;
height: 22px;
line-height: 11px;
}
#main.kundenservice .dropdown dt a {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 400px -36px #f6f7f8; /* Old browsers */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 400px -36px, -moz-linear-gradient(center top , #F6F7F8 0%, #DEE1E3 100%) repeat scroll 0 0 transparent; /* FF3.6+ */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 400px -36px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f8), color-stop(100%,#dee1e3)); /* Chrome,Safari4+ */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 400px -36px, -webkit-linear-gradient(top, #f6f7f8 0%,#dee1e3 100%); /* Chrome10+,Safari5.1+ */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 400px -36px, -o-linear-gradient(top, #f6f7f8 0%,#dee1e3 100%); /* Opera 11.10+ */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 400px -36px, filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#dee1e3',GradientType=0 ); /* IE6-9 */
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 400px -36px, linear-gradient(top, #f6f7f8 0%,#dee1e3 100%); /* W3C */
width: 396px;
}
#main.kundenservice .dropdown dd ul {
width: 416px;
}
#main.kundenservice .dropdown.opened dt a {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 400px 8px #F6F6F6;
}
#main .msie-7 .dropdown dt a, #main .msie-8 .dropdown dt a {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 142px -36px #f6f7f8; /* Old browsers */
}
#main .dropdown.opened dt a {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/icon/open-close.gif") no-repeat scroll 142px 10px #f6f6f6;
border: 1px solid #C3CCD0;
border-bottom: 1px solid #ecedee;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#main .dropdown dt a span {
cursor: pointer;
display: block;
padding: 5px;
}
#main.tagesgewinner .dropdown dt a span, #main.meine_daten .dropdown dt a span {
width: 150px;
}
#main .dropdown dd ul {
background: none repeat scroll 0 0 #F8F8F8;
border: 1px solid #C3CCD0;
-moz-box-shadow: 0 0 10px #CCC;
-webkit-box-shadow: 0 0 10px #CCC;
box-shadow: 0 0 10px #CCC;
color: #C5C0B0;
display: none;
left: 0;
list-style: none outside none;
padding: 15px 0 5px;
position: absolute;
top: 2px;
width: 158px;
}
#main .dropdown span.value {
display: none;
}
#main .dropdown dd ul li a {
display: block;
margin: 0 6px;
padding: 1px 3px;
height: 22px;
line-height: 22px;
}
#main .dropdown dd ul li a:hover {
background-color: #eef0f3;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/dropdown.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-slider.css" */
.slideModule-wrapper {
overflow: hidden;
position: relative;
width: 620px;
height: 145px;
}
.slideModule-container {
width: 2240px;
}
.slideModule .module {
background: #EEF0F3;
float: left;
/* margin: 0 20px 42px 0; */
margin: 0 20px 15px 0;
padding: 0;
position: relative;
width: 620px;
}
.jsDisabled .slideModule .module {
display: none;
}
.jsDisabled .slideModule .module:first-child {
display: block;
}
.slideBtn-wrapper {
display: inline-block;
height: 64px;
position: absolute;
z-index: 1;
}
.slideBtn {
background-image: url(https://img.ui-portal.de/millionenklick/v0/9/webde/webde/btn/content-slider.png);
cursor: pointer;
display: inline-block;
height: 64px;
margin-top: 41px;
position: absolute;
width: 40px;
}
.slideModule .inactive .slideBtn {
cursor: default;
}
.slideModule .slideBtn-left {
background-position: 0 0;
margin-left: -20px;
}
.slideModule .slideBtn-left:hover {
background-position: 0 -70px;
}
.slideModule .mousedown .slideBtn-left {
background-position: 0 -140px;
}
.slideModule .inactive .slideBtn-left {
background-position: 0 -210px;
}
.slideModule .slideBtn-right {
background-position: -60px 0;
margin-left: 600px;
}
.slideModule .slideBtn-right:hover {
background-position: -60px -70px;
}
.slideModule .mousedown .slideBtn-right {
background-position: -60px -140px;
}
.slideModule .inactive .slideBtn-right {
background-position: -60px -210px;
}
.slideModule {
margin: 25px 0 27px -17px;
width: 620px;
overflow: hidden;
height: 145px;
}
.msie-7 .userPhoto {
margin: 15px;
}
.slideModule .module, .slideModule .moduleContainer {
height: 145px;
overflow: hidden;
}
.slideModule img {
float: left;
margin: 3px 15px 15px;
}
.slideModule h4 {
clear: none;
margin-top: 12px;
margin-bottom: -5px;
}
.slideModule p {
margin-right: 40px;
}
.slideModule .moduleContainer {
padding: 0;
margin: 0;
}
.startseite .slideModule, .startseite .slideModule .slideModule-wrapper, .startseite .slideModule .moduleContainer, .startseite .slideModule .module {
height: 235px;
}
.startseite .slideModule, .startseite .slideModule .slideModule-wrapper, .startseite .slideModule .module {
width: 459px;
}
.startseite .slideModule .moduleContent {
padding: 0 15px 5px 15px;
}
.startseite .slideModule {
float: left;
position: relative;
margin: 0 20px 15px 0;
overflow: visible;
}
.startseite .slideModule .module-teaser p {
overflow: visible;
}
.startseite .slideModule .slideBtn-wrapper {
top: 35px;
}
.startseite .slideModule .slideBtn-left {
margin-left: -13px;
}
.startseite .slideModule .slideBtn-right {
margin-left: 433px;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/content-slider.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/sampleBanner.css" */
.sampleBanner {
margin-right: 20px;
position: relative;
width: 300px;
height: 115px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}
.first-title {
font-family: Arial;
font-size: 15px;
font-weight: 700;
}
.second-title, .sampleBanner .more {
font-size: 12px;
}
.sampleBanner .content {
overflow: hidden;
width: 150px;
}
.sampleBanner .content {
left: 150px;
}
.sampleBanner .content {
position: absolute;
top: 0;
}
.sampleBanner .content p {
font-size: 11px;
display: inline;
}
.sampleBanner p {
font-size: 11px;
line-height: 14px;
position: relative;
}
.sampleBanner .content .second-title a {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
margin-bottom: 2px;
}
.sampleBanner .content .second-title a {
display: block;
}
.sampleBanner .content p a {
text-decoration: none;
}
.sampleBanner p a, .sampleBanner .featured p a, .sampleBanner .news p a, .channels .sampleBanner p a {
color: #000000;
position: static;
text-decoration: none;
}
.sampleBanner .content a.more {
line-height: 17px;
}
.adv-promotion-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-left: 10px;
}
.sampleBanner a {
color: #2269C3;
cursor: pointer;
text-decoration: none;
}
.sampleBanner a img {
border: 0 none;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/sampleBanner.css" */
/* */
/* */
/* Begin of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/navigator.css" */
.navigator-mk #main.confirmation-two {
padding: 18px 10px 0px 30px;
}
.navigator-mk #wrapper {
height: 100%;
overflow: visible;
}
.navigator-mk #container {
background: transparent;
/* margin: 10px auto; */
-moz-box-shadow: none;
box-shadow: none;
border: none;
width: auto;
margin: 0;
height: 100%;
}
#navigator-footer {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/navigator/footer.png") repeat-x scroll left top transparent;
border-top: 1px solid transparent;
bottom: 0;
height: 43px;
min-width: 1000px;
position: relative;
width: 100%;
z-index: 1000;
}
#navigator-footer ul {
padding-left: 17px;
}
#navigator-footer ul li {
float: left;
}
#navigator-footer a {
color: #1F6A9F;
cursor: pointer;
font-size: 11px;
line-height: 41px;
margin-left: 15px;
text-decoration: none;
}
.navigator-mk-dark #navigator-footer a {
color: #FFFFFF;
}
#navigator-footer a:hover {
text-decoration: underline;
}
.navigator-mk #main {
background: #FFF;
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
border: 1px solid #BABCC3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 0 55px!important;
padding-top: 29px;
}
.navigator-mk .msie-7 #main {
padding-top: 29px;
}
.navigator-mk #stepMarker {
top: 29px;
}
.navigator-mk .msie-7 #stepMarker {
top: 20px;
}
.navigator-mk .hasHint #stepMarker {
top: 134px;
}
.navigator-mk #page-content .hint-tipping {
margin: 0 19px 36px 7px;
}
.navigator-mk #page-content {
min-height: 100%;
margin: 0 auto -44px auto;
background: transparent;
}
.navigator-mk #page-content:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.navigator-mk .hint.hint-step-two .arrow {
left: 444px;
}
.navigator-mk .hint.hint-step-three .arrow {
left: 757px;
}
.navigator-mk #page-content {
/* margin-top: 34px; */
padding-bottom: 0;
}
.navigator-mk #main.intro .content-part {
padding-bottom: 0;
}
.navigator-text {
margin-left: 6px;
margin-bottom: 27px;
margin-top: -5px;
line-height: 20px;
}
.navigator-mk #main.navigator-mk-agb {
height: 450px;
padding-bottom: 30px;
/* background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/navigator/headline.png) no-repeat; */
}
.navigator-mk #main.navigator-mk-agb .content-part {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/navigator/bg.png) repeat;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 52px 30px -50px #BABCC3;
box-shadow: 0 52px 30px -50px #BABCC3;
height: 450px;
width: 940px;
position: relative;
}
.navigator-mk #main.navigator-mk-agb .slogan {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/navigator/headline.png) no-repeat;
height: 85px;
left: 33px;
position: absolute;
text-indent: -2000px;
top: 41px;
width: 561px;
}
.navigator-mk #main.navigator-mk-agb .lead-container {
background: url(https://img.ui-portal.de/millionenklick/v0/9/webde/navigator/visual.png) no-repeat bottom right;
height: 100%;
width: 100%;
}
.navigator-mk #main.navigator-mk-agb .conditions {
bottom: 100px;
color: #515151;
left: 35px;
position: absolute;
height: 80px;
width: 505px;
font-size: 13px;
line-height: 23px;
}
.navigator-mk #main.navigator-mk-agb .action {
position: absolute;
bottom: 27px;
left: 34px;
}
.navigator-mk #main.navigator-mk-agb .action span a {
background-image: url("https://img.ui-portal.de/millionenklick/v0/9/webde/btn/key_l.png");
height: 43px;
line-height: 43px;
padding: 0 16px 3px 21px;
background-position: 0 0;
border: 0 solid;
border-radius: 0 0 0 0;
box-shadow: none;
margin: 0 0 0 -5px;
color: #000000;
text-decoration: none;
font-size: 19px;
font-weight: 300;
cursor: pointer;
display: inline-block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-style: normal;
outline: medium none;
overflow: visible;
position: relative;
text-align: center;
white-space: nowrap;
width: auto;
z-index: 1;
}
.navigator-mk #main.navigator-mk-agb .action span {
background-image: url("https://img.ui-portal.de/millionenklick/v0/9/webde/btn/key_l.png");
background-position: 100% 0;
border: 0 solid;
border-radius: 0 0 0 0;
margin: 0 0 0 5px;
padding: 0 5px 0 0;
height: 46px;
line-height: 41px;
display: inline-block;
}
.navigator-mk #main.navigator-mk-agb .action a:hover {
background-position: 0 -50px;
}
.navigator-mk #main.navigator-mk-agb .action span:hover {
background-position: 100% -50px;
}
.navigator-mk #main.navigator-mk-agb .action a:active {
background-position: 0 -100px;
}
.navigator-mk #main.navigator-mk-agb .action span:active {
background-position: 100% -100px;
}
.navigator-mk #main.navigator-mk-agb .headlines {
font-family: Verdana;
font-size: 18px;
color: #515151;
left: 38px;
position: absolute;
top: 152px;
line-height: 32px;
}
.navigator-mk #main.navigator-mk-agb .headlines li {
background: url("https://img.ui-portal.de/millionenklick/v0/9/webde/navigator/bullet.jpg") no-repeat scroll -2px 7px transparent;
padding-left: 23px;
}
.navigator-mk .special_pages h\:figure {
margin-bottom: -93px;
}
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/webde/navigator.css" */
/* */
/* End of file: "C:/Users/avladutu/xampp/htdocs/millionenklick/css/base.css" */