File: D:/HostingSpaces/SBogers10/molen.komma.pro/wwwroot/css-js/screen.css
@charset "utf-8";
/* CSS Document */
* {
outline:0;
}
body, html, h1, h2, h3, h4, p, ul, ol, li, img{ margin:0; padding:0; border:0; }
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2B388F; background-color:#f1f1f1; }
::selection {
background: #2B388F; /* Safari */
color:#fff;
}
::-moz-selection {
background: #2B388F; /* Firefox */
color:#fff;
}
li{ vertical-align: text-top;}
.clear_both{ clear:both;}
.right{ float:right;}
.left{ float:left;}
h1{
font-size:32px;
line-height:35px;
padding-bottom:18px;
float:left;
display:block;
font-weight:bold;
}
h2{
font-size:15px;
padding-bottom:15px;
font-weight:bold;
float:left;
display:block;
line-height:21px;
width:220px;
}
p{
line-height:18px;
padding-bottom:20px;
float:left;
}
p.paddingNul{
padding-bottom:0;
}
a{
text-decoration:none;
color:#2B388F;
}
a:hover{
color:#D1232A;
}
#mainframe{
margin:0 auto;
position:relative;
width:801px;
background:url(../img/content_backgr.png) repeat-y 4px top;
}
#logo{
width:95px;
height:95px;
float:left;
position:absolute;
z-index:10;
top:137px;
left:346px;
}
#hoofdmenu{
float:left;
margin-top:8px;
width:728px;
margin-bottom:62px;
}
#hoofdmenu li{
list-style:none;
float:left;
display:block;
margin-left:33px;
}
#hoofdmenu li.first{
margin-left:0;
}
#hoofdmenu li a{
font-weight:bold;
font-size:14px;
color:#2B388F;
}
#hoofdmenu li a:hover, #hoofdmenu li a.active{
color:#D1232A;
}
#header{
float:left;
position:relative;
background:url(../img/header_backgr.png) no-repeat;
height:242px;
width:801px;
}
#headerFoto{
float:left;
position:relative;
width:726px;
height:216px;
background:url(../img/header_foto.jpg) no-repeat;
margin-left:37px;
}
#headerBottom{
float:left;
position:relative;
width:787px;
height:26px;
background:url(../img/header_separator.png) no-repeat;
margin-left:7px;
margin-top:-1px;
}
#content{
float:left;
width:727px;
background:url(../img/content_backgr_top.png) no-repeat 4px top;
padding-bottom:50px;
padding-left:36px;
}
.headerLine{
width:137px;
height:3px;
background-color:#2b388f;
display:block;
float:left;
margin-bottom:40px;
clear:left;
}
#footer{
float:left;
position:relative;
width:774px;
margin-left:14px;
background:url(../img/footer_backgr.png) no-repeat;
background-color:#f1f1f1;
text-align:center;
padding-bottom:70px;
}
.contactInfo{
margin-top:40px;
color:#8E8E8E;
}
.contactInfo strong{
padding-bottom:4px;
display:block;
}
.contactInfo ul{
float:left;
margin-top:6px;
margin-left:32px;
margin-bottom:10px;
}
.contactInfo li{
list-style:none;
margin-left:11px;
float:left;
}
.contactInfo li span.data{
float:left;
display:block;
margin-left:5px;
}
.contactInfo li span.small{
float:left;
display:block;
font-size:10px;
margin-top:1px;
}
.contactInfo li span.vertLine{
display:block;
margin-left:11px;
float:left;
}
.contactInfo a{
color:#8E8E8E;
}
.contactInfo a.komma{
float:left;
display:block;
margin-left:278px;
margin-top:0px;
font-size:11px;
}
.contactInfo a:hover{
color:#D1232A;
}
#home .leftColumn{
width:280px;
float:left;
}
#prijslijst .leftColumn{
width:700px;
float:left;
}
#prijslijst th{
text-align:left;
font-size:13px;
border-bottom:1px solid #b3b7d7;
border-spacing:10px;
padding-bottom:15px;
margin-bottom:20px;
}
#prijslijst td{
text-align:left;
padding-bottom:7px;
padding-top:7px;
}
#geschiedenis .leftColumn{
width:420px;
float:left;
}
#geschiedenis .rightColumn{
float:right;
width:285px;
margin-bottom:50px;
}
#geschiedenis .leftColumn_2{
width:280px;
float:left;
}
#geschiedenis .rightColumn_2{
float:right;
width:420px;
}
#geschiedenis .leftColumn_3{
width:280px;
float:left;
margin-top:50px;
}
#geschiedenis .rightColumn_3{
float:right;
width:280px;
margin-top:50px;
margin-right:140px;
}
#geschiedenis #fotogalerie_1, #geschiedenis #fotogalerie_2,#geschiedenis #fotogalerie_3, #geschiedenis #fotogalerie_4{
float:left;
width:420px;
position:relative;
margin-top:0;
}
ul.tekstUl{
position:relative;
float:left;
padding-bottom:20px;
}
ul.tekstUl li{
margin-left:13px;
line-height:17px;
}
#producten p.width470{
width:470px;
}
#producten ul li{
list-style:none;
/*width:165px;
margin-left:22px;*/
width:220px;
display:block;
float:left;
margin-left:30px;
margin-bottom:55px;
}
#producten ul li.first{
margin-left:0;
clear:both;
}
#producten ul li .image{
/* width:165px;
height:165px;*/
width:220px;
height:220px;
background-color:#ccc;
display:block;
float:left;
margin-bottom:20px;
}
#contact .leftColumn{
width:280px;
float:left;
}
#contact .rightColumn{
width:380px;
float:right;
}
#contact #googlemaps{
position:relative;
float:left;
width:726px;
height:355px;
overflow:hidden;
margin-bottom:40px;
}
#contact #googlemaps .gmnoprint{
display:none !important;
}
#markerContent h1{
font-size:14px;
line-height:14px;
padding-bottom:10px;
}
#markerContent p{
padding-bottom:0px;
clear:left;
}
#routebeschrijving input[type="text"]{
border:solid 1px #2B388F;
width:225px;
height:18px;
line-height:18px;
font-size:12px;
margin-right:10px;
color:#899ec6;
padding-left:5px;
float:left;
}
#routebeschrijving input[type="text"]:focus{
color:#2B388F;
}
#routebeschrijving input[type="submit"]{
color:#fff;
background-color:#2B388F;
font-size:12px;
display:block;
height:22px;
border:none;
cursor:pointer;
width:110px;
line-height:22px;
float:left;
padding-bottom:3px;
}
#routebeschrijving input[type="submit"]:hover{
background-color:#D1232A;
}
#home #fotogalerie_1{
float:right;
width:420px;
position:relative;
margin-top:132px;
}
.fotogalerieMenu{
position:absolute;
bottom:-15px;
width:420px;
text-align:center;
height:6px;
left:0;
}
.fotogalerieMenu ul{ position:relative; display:block; float:left; left:50%; }
.fotogalerieMenu li{ list-style:none; float:left; display:block; width:6px; height:6px; margin-left:9px; }
.fotogalerieMenu li.first{ margin-left:0;}
.fotogalerieMenu li a{ width:6px; height:6px; background:url(../img/img_dot.png) no-repeat left top; cursor:pointer; display:block; }
.fotogalerieMenu li a:hover, .fotogalerieMenu li a.active{ background-position:left bottom; }
.fotogalerieFotos{ float:left; width:420px; height:320px; overflow:hidden; }
.fotogalerieFotos ul{ position:relative; float:left; }
.fotogalerieFotos li{ position:absolute; left:0; top:0; display:none; list-style:none; }
#geschiedenis.werking .leftColumn_2{ width:350px; float:left; }
#geschiedenis.werking .rightColumn_2{ float:right; width:350px; }
#geschiedenis.werking .rightColumn_2 .fotogalerieFotos{ width:350px; height:475px; }
#geschiedenis.werking .rightColumn_2 .fotogalerieMenu{ width:350px; }
.marginTop{ margin-top:60px; }
#geschiedenis.werking .rightColumn_4{ float:right; width:350px; }
#geschiedenis.werking .rightColumn_4 .fotogalerieFotos{ width:350px; height:320px; }
#geschiedenis.werking .rightColumn_4 .fotogalerieMenu{ width:350px; }
#spelt_en_kamut .leftColumn{ width:280px; float:left; }
#spelt_en_kamut .rightColumn{ float:right; width:420px; }
#spelt_en_kamut .leftColumn_2{ width:420px; float:left; }
#spelt_en_kamut .rightColumn_2{ float:right; width:280px; }
#toevoegenDiv{ position:relative; width: 600px; background: #fff; }
#toevoegenDiv h1{ font-family:Arial, Helvetica, sans-serif; font-size:32px; line-height:35px; padding-bottom:18px; float:left; display:block; font-weight:bold; }
#toevoegenDiv .columnLeft{ clear: left; float: left; width: 200px; margin-top: 20px; margin-bottom: 20px;}
#toevoegenDiv .columnRight{ float: left; width: 300px; margin-left: 50px; margin-top: 20px; margin-bottom: 20px;}
#toevoegenDiv label{ float: left; width: 100px; margin-top:7px;}
#toevoegenDiv .moreMargin{margin-top: 11px;}
#toevoegenDiv input{ float: left; width: 50px;}
#toevoegenDiv input[type="text"]{ border:1px solid #2B388F; padding-left:7px; padding-bottom:8px; padding-top:8px; line-height: 12px;}
#toevoegenDiv select{ float: left; width: 200px; border:1px solid #2B388F; padding-left:5px; height: 28px; margin-bottom: 20px; font-family:Arial, Helvetica, sans-serif;}
#toevoegenDiv select span{ float: left; width: 100px;}
#toevoegenDiv select option{ height: 20px; }
#totaalbedragLabel{float: left; width: 300px; margin-top: 20px;}
#totaalbedragLabel .text{ float: left; width: 100px; font-weight: bold;}
#total_item_1_1{ float: left; font-weight: bold;}
.verderWinkelenKnop{ clear:left; float:left; color:#fff; background-color:#cfcfcf; font-size:12px; display:block; cursor:pointer; padding: 5px 10px; text-transform: uppercase; margin-top: 20px;}
.verderWinkelenKnop:hover{ color: #fff; background-color:#2B388F;}
.bestelKnop{ clear:left; float:left; color:#fff; background-color:#2B388F; font-size:12px; display:block; cursor:pointer; padding: 5px 10px; text-transform: uppercase; margin-top: 40px;}
.bestelKnop:hover{ color: #fff; background-color:#333;}
.knoppen_balk{ width:700px; float:left; margin-bottom:30px;}
.knoppen_balk .bestelKnop{ clear:none; float:left; margin-right:25px;}
#artikelenTabel{ float: left; width: 725px; margin-bottom: 30px;}
#artikelenTabel .kleur{background: #f1f1f1;}
#artikelenTabel tr{ height: 26px;}
#artikelenTabel td{ border:none; height: 26px; line-height: 26px; padding-left: 20px;}
#winkelwagen .header{
float:left;
width:725px;
padding-bottom:10px;
}
#winkelwagenStappen{
float:left;
margin-bottom:48px;
position: relative;;
height: 24px;
width: 725px;
}
#winkelwagenStappen ul{ position:absolute; top:0; left:-21px; width: 771px; }
#winkelwagenStappen li{
float:left;
width:128px;
height:30px;
list-style:none;
display:block;
background: #cccccc;
}
#winkelwagenStappen li .tekst{
width:108px;
height:30px;
float:left;
display:block;
color:#fff;
font-size:12px;
font-weight:bold;
line-height:30px;
padding-left:20px;
}
#winkelwagenStappen li .separator{
width:14px;
height:24px;
float:left;
display:block;
}
#winkelwagenStappen li.stap1{
width:130px;
padding-left: 15px;
background: #2B388F;
}
#winkelwagenStappen li.stap1 .tekst{
padding-left: 7px;
}
#winkelwagenStappen li.stap6{
width:114px;
}
#winkelwagenStappen li.stap6 .tekst{
width:114px;
}
#winkelwagenStappen.procesStap2 li.stap1{ background: #8088bc; }
#winkelwagenStappen.procesStap2 li.stap2{ background: #2B388F; }
#winkelwagenStappen.procesStap3 li.stap2{ background: #2B388F; }
#winkelwagenStappen.procesStap3 li.stap3{ background: #2B388F; }
#winkelwagenStappen.procesStap4 li.stap2{ background: #2B388F; }
#winkelwagenStappen.procesStap4 li.stap3{ background: #2B388F; }
#winkelwagenStappen.procesStap4 li.stap4{ background: #2B388F; }
#winkelwagenStappen.procesStap5 li.stap2{ background: #2B388F; }
#winkelwagenStappen.procesStap5 li.stap3{ background: #2B388F; }
#winkelwagenStappen.procesStap5 li.stap4{ background: #2B388F; }
#winkelwagenStappen.procesStap5 li.stap5{ background: #2B388F; }
#winkelwagenStappen.procesStap6 li.stap2{ background: #2B388F; }
#winkelwagenStappen.procesStap6 li.stap3{ background: #2B388F; }
#winkelwagenStappen.procesStap6 li.stap4{ background: #2B388F; }
#winkelwagenStappen.procesStap6 li.stap5{ background: #2B388F; }
#winkelwagenStappen.procesStap6 li.stap6{ background: #2B388F; }
#winkelwagen .rightColumn{
float:right;
width:275px;
}
#winkelwagen .rightColumn .totaal{
border-bottom:1px solid #efeeee;
float:left;
width:275px;
padding-bottom:25px;
margin-bottom:15px;
}
#winkelwagen .rightColumn .totaal h2{
padding-bottom:24px;
}
#winkelwagen .rightColumn .onlineBestellingen h2{
padding-bottom:16px;
width:275px;
}
#winkelwagen .rightColumn .onlineBestellingen h3{
clear: left;
}
#winkelwagen .rightColumn .totaal .winkelwagenIcon{
width:19px;
height:19px;
background:url(/img/molen_sprite.png) no-repeat -254px -91px;
display:block;
float:left;
margin-right:9px;
margin-top:4px;
}
#winkelwagen .rightColumn h3{
font-size:14px;
padding-top:0;
width:275px;
padding-bottom: 5px;
}
#winkelwagen .rightColumn .bestellenBtn{
margin-top:10px;
}
#winkelwagen .rightColumn ul{
float:left;
}
#winkelwagen .rightColumn ul li{
width:275px;
list-style:none;
float:left;
display:block;
}
#winkelwagen .rightColumn ul li .omschrijving{
float:left;
color:#2B388F;
font-size:13px;
width:195px;
line-height:22px;
}
#winkelwagen .rightColumn ul li .omschrijving em{
font-size:12px;
font-style:normal;
}
#winkelwagen .rightColumn ul li .bedrag{
float:right;
color:#2B388F;
line-height:22px;
font-size:13px;
}
#winkelwagen .rightColumn ul li .bedrag .euro{
float:left;
}
#winkelwagen .rightColumn ul li .bedrag .getal{
float:left;
display:block;
width:60px;
text-align:right;
}
#winkelwagen .rightColumn ul li.streep{
height:22px;
}
#winkelwagen .rightColumn ul li.streep span{
float:right;
height:22px;
display:block;
width:67px;
border-top:1px solid #2B388F;
}
#winkelwagen .rightColumn ul li.totaalBedrag{
font-weight:bold;
}
#winkelwagen .leftColumn{
float:left;
width:425px;
padding-bottom:55px;
}
#winkelwagen .winkelenBtn{
height:25px;
line-height:24px;
background:#cccccc;
display:block;
float:left;
color:#fff;
font-weight:bold;
font-size:12px;
padding-left:30px;
cursor:pointer;
position:relative;
margin-right:20px;
padding-right: 10px;
}
#winkelwagen .winkelenBtn span{
height:9px;
width:13px;
background:url(/img/molen_sprite.png) no-repeat 0 -18px;
left:9px;
top:7px;
position:absolute;
}
#winkelwagen .bestellenBtn{
height:25px;
line-height:24px;
background:#2B388F;
color:#fff;
display:block;
float:left;
color:#fff;
font-weight:bold;
font-size:12px;
padding-left:10px;
cursor:pointer;
position:relative;
padding-right:25px;
}
#winkelwagen .bestellenBtn span.arrowRight{
background:url(/img/molen_sprite.png) no-repeat -16px -18px;
width:13px;
height:9px;
display:block;
position:absolute;
top:7px;
right:0;
}
#winkelwagen .bestellenBtn span.rightSide{
height:25px;
width:9px;
background:#2B388F;
right:-9px;
top:0;
position:absolute;
}
#winkelwagen .bestellenBtn:hover{
background-position:-718px -245px;
}
#winkelwagen .bestellenBtn:hover span.rightSide{
background-position:right -245px;
}
.winkelwagenArtikelen li{
width:360px;
height:100px;
float:left;
list-style:none;
border-bottom:1px solid #efeeee;
margin-bottom:24px;
}
winkelenBtn.last{
margin-bottom:24px;
}
.winkelwagenArtikelen li .image .shadow{
background:url(/img/molen_sprite.png) no-repeat left -373px;
position:absolute;
bottom:-8px;
left:0;
height:8px;
width:160px;
display:block;
}
.winkelwagenArtikelen li .tekst{
width:335px;
float:left;
position:relative;
height:80px;
}
.winkelwagenArtikelen li .tekst .artikelNaam{
display:block;
float:left;
color:#2B388F;
font-weight:bold;
padding-bottom:5px;
width:235px;
}
.winkelwagenArtikelen li .tekst .artikelNaam a{
color:#2B388F;
font-size: 14px;
}
.winkelwagenArtikelen li .tekst .artikelNaam a:hover{
color:#2D2B29;
}
.winkelwagenArtikelen li .tekst .artikelPrijs{
display:block;
float:left;
color:#2B388F;
width:235px;
}
.winkelwagenArtikelen li .tekst .artikelStuks{
display:block;
float:left;
width:235px;
margin-top:20px;
}
.winkelwagenArtikelen li .tekst .artikelStuks select{
color:#2D2B29;
}
.winkelwagenArtikelen li .tekst .artikelCode{
color:#2B388F;
position:absolute;
right:0;
top:0;
font-weight:bold;
}
.winkelwagenArtikelen li .tekst .verwijderBtn{
height:25px;
line-height:23px;
background: #dddddd;
display:block;
position:absolute;
bottom:1px;
right:0;
color:#fff;
font-weight:bold;
font-size:9px;
padding-left:10px;
padding-right:10px;
cursor:pointer;
}
.winkelwagenArtikelen li .tekst .verwijderBtn:hover{
background:#222222;
}
#winkelwagen .leftColumn .stapContent{
float:left;
width:525px;
margin-bottom:24px;
}
#winkelwagen .leftColumn .stapContent input[type="radio"]{
float:left;
display:block;
margin-top:11px;
}
#winkelwagen .leftColumn .stapContent .checkboxDescription{
float:left;
width:450px;
}
#winkelwagen .leftColumn .stapContent .paddingLeft{
padding-left:25px;
}
#winkelwagen .leftColumn .stapContent .checkboxDescription h3{
width:450px;
}
#winkelwagen .leftColumn .stapContent .checkboxDescription h3.socialMediaTitel{
color:#2B388F;
line-height:18px;
padding-bottom:0;
padding-top:20px;
}
#winkelwagen .leftColumn .stapContent .checkboxDescription em{
color:#2B388F;
}
#winkelwagen .leftColumn .stapContent .checkboxDescription p{
width:280px;
}
#winkelwagen .leftColumn .stapContent .checkboxDescription h3.anders{
font-size:14px;
padding-bottom:8px;
}
#winkelwagen .leftColumn .stapContent .checkboxDescription h3 em{
font-style:normal;
font-weight:normal;
}
#winkelwagen .leftColumn .stapContentForm{
float:left;
width:430px;
padding-bottom:33px;
}
#winkelwagen .leftColumn h3.error{
width:376px;
border:solid 1px #ff0000;
padding:10px;
background-color:#fbdada;
color:#ff0000;
float:left;
margin-bottom:15px;
}
#winkelwagen .leftColumn .stapContentForm h3{
padding-bottom:12px;
}
#winkelwagen .leftColumn .stapContentForm label{
float:left;
width:190px;
display:block;
clear:both;
color:#2B388F;
font-weight:bold;
line-height: 16px;
margin-bottom: 9px;
padding-top: 3px;
}
#winkelwagen .leftColumn .stapContentForm label a{
color:#2B388F;
text-decoration:underline;
}
#winkelwagen .leftColumn .stapContentForm input, #winkelwagen .leftColumn .stapContentForm select{
float:left;
display:block;
color:#2D2B29;
font-size:11px;
}
#winkelwagen .leftColumn .stapContentForm input[type="radio"]{
width:50px;
}
#winkelwagen .leftColumn .stapContentForm input[type="radio"].withMarginRight{
margin-right:50px;
}
#winkelwagen .leftColumn .stapContentForm label.checkboxLabel{
float:left;
width:215px;
clear:none;
color:#2D2B29;
font-weight:normal;
line-height:16px;
margin-bottom:0;
padding-top:0;
}
#winkelwagen .leftColumn .stapContentForm .tekstCheckbox{
float:left;
margin-left:12px;
margin-top:2px;
width: 180px;
}
#winkelwagen .leftColumn .stapContentForm input[type="text"]{
width:200px;
height:19px;
line-height:19px;
padding-left:8px;
border:none;
background-color:#EFEFEF;
margin-bottom:7px;
font-style:italic;
}
#winkelwagen .leftColumn .stapContentForm input[type="text"]:focus{
font-style:normal;
color:#2D2B29 !important;
}
#winkelwagen .leftColumn .stapContentForm input[type="text"].helft{
width:93px;
}
#winkelwagen .leftColumn .stapContentForm input[type="text"].helft2{
width:93px;
margin-left:6px;
}
#winkelwagen .leftColumn .stapContentForm select{
width:208px;
height:19px;
line-height:19px;
padding-left:8px;
border:none;
background-color:#EFEFEF;
margin-bottom:7px;
}
#winkelwagen .leftColumn .stapContentForm label.radiobox{
float:left;
width:auto;
clear:none;
color:#2D2B29;
font-weight:normal;
line-height:21px;
margin-bottom:0;
padding-top:0;
}
#winkelwagen .leftColumn .stapContentForm span.radioLabel{
float:left;
display:block;
line-height:21px;
height:24px;
color:#2D2B29;
font-style:italic;
}
#winkelwagen .leftColumn .stapContentForm span.leftPadding{
padding-left:11px;
}
#winkelwagen .leftColumn .formSeparator{
float:left;
width:415px;
height:25px;
}
#winkelwagen .leftColumn .verplichtOpmerking{
float:left;
width:200px;
color:#2B388F;
line-height:14px;
font-style:italic;
margin-top:4px;
}
#winkelwagen .leftColumn #bezorgadres{
display:none;
border-top:2px solid #2B388F;
border-bottom:2px solid #2B388F;
float: left;
margin-bottom:30px;
padding-top:24px;
width: 420px;
}
#winkelwagen .leftColumn h3{
color:#2D2B29;
float: left;
}
#winkelwagen .leftColumn .error{
color:red !important;
}
#winkelwagenTab{position: absolute; top:275px; right: -15px; width: 30px; height: 50px; background: #2b388f; color: #ffffff; z-index: 20; cursor: pointer; text-align: center; padding-top: 10px;}
#winkelwagenTab a{ color: #ffffff;}
#winkelwagenTab .icon{ width: 20px; height: 20px; background: url("/img/winkelwagen.png"); margin-left: 4px; margin-bottom: 5px;}
#stap5formContent{ float: left;}
#stap5formContent select{ height: 25px; line-height: 25px; width: 200px; margin-right: 20px;}
#iDealText{ float: left; width:525px; margin-top:20px; margin-bottom:24px;}
#webwinkelTextLeft{clear:left; float: left; width: 350px; margin-bottom: 40px;}
#webwinkelTextRight{float: right; width: 280px; margin-left: 20px; }
#webwinkelTextRight p{ padding-bottom: 25px;}
#webwinkelTextRight .logo_ideal{ float:left; margin-bottom:20px; margin-left:1px; }
#webwinkelTextRight .logo_mistercash{ float:left; margin-right:16px; margin-bottom:20px;}
#webwinkelTextRight .logo_belfius{ float:left; margin-top:8px;}
#algemeneVoorwaardenPopup{ width: 400px; }
#algemeneVoorwaardenPopup h1{ width: 400px; float: left; margin-bottom:20px;}
#algemeneVoorwaardenPopup ul{ float:left; margin-bottom: 100px;}
#algemeneVoorwaardenPopup li{ margin-left: 15px; float: left; width: 350px; margin-bottom: 5px; }