@import url("css/menu.css");
@import url("css/modules.css");
@import url("css/winkelmodule.css");
/*@import url("css/mobile.css");*/

/* ====== Import font Avenir LT Std 95 Black ====== */
@font-face {
    font-family: 'AvenirLTStd95Black';
    src: url('fonts/avenirltstd-black-1-webfont.eot');
    src: url('fonts/avenirltstd-black-1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenirltstd-black-1-webfont.woff') format('woff'),
         url('fonts/avenirltstd-black-1-webfont.ttf') format('truetype'),
         url('fonts/avenirltstd-black-1-webfont.svg#AvenirLTStd95Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ====== Import font Avenir LT Std 35 Light ====== */
@font-face {
    font-family: 'AvenirLTStd35Light';
    src: url('fonts/avenirltstd-light-1-webfont.eot');
    src: url('fonts/avenirltstd-light-1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenirltstd-light-1-webfont.woff') format('woff'),
         url('fonts/avenirltstd-light-1-webfont.ttf') format('truetype'),
         url('fonts/avenirltstd-light-1-webfont.svg#AvenirLTStd35Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ====== Algemeen ====== */
html { overflow-y:scroll; }
body { margin:0 auto; padding:0; text-align:center; }
body.editor { text-align:left; }

/* ====== Layout startpagina ====== */
#start { width:1024px; height:709px; margin:0 auto; }
#start #headerwrap { width:1024px; height:673px; margin:0 auto; }
#start .gridbreed { position:absolute; background-image:url("images/grid.png"); width:1024px; height:673px; margin:0 auto; }
#start #rij1 { width:1024px; height:170px; margin:85px auto 0; }
#start #rij2 { width:1024px; height:170px; margin:0 auto; }
#start #rij3 { width:1024px; height:170px; margin:0 auto; }
#start #shoppingcenter { float:left; width:169px; height:168px; margin-left:172px; }
#start #megastores { float:left; width:169px; height:169px; margin-left:86px; }
#start #woonmall { float:left; width:169px; height:169px; margin-left:86px; }
#start #banner { width:679px; height:170px; background-color:#FFFFFF; margin-left:172px; }
#start #Hoofdmenu { float:left; width:595px; margin-left:172px; margin-right:0; }
#start #Extramenu { float:left; width:85px; margin-left:0; margin-right:0; }

/* ====== Layout default ====== */
#servicewrap { width:1024px; height:36px; margin:0 auto; }
#servicebalk { margin-right:172px;  }
#servicemenu { float:right; margin-right:10px; padding:13px 0; }
#zoeken { float:right; margin-right:10px; padding:8px 0; }
#socialmedia { float:right; padding:7px 0; }
#nieuwsbrief { float:right; padding:13px 0; }
#headerwrap { width:1024px; height:341px; margin:0 auto; text-align:left; position:relative; z-index:1000; }
#middenfoto { position:absolute; width:680px; height:341px; margin:0 auto; }
.gridbreed { position:absolute; background-image:url("images/grid.png"); width:1024px; height:341px; margin:0 auto; }
#header { position:absolute; width:680px; height:341px;  }
#rij1 { width:1024px; height:85px; margin:0 auto; }
#rij2 { width:1024px; height:85px; margin:0 auto; }
#rij3 { width:1024px; height:85px; margin:0 auto; }
#rij4 { width:1024px; height:86px; margin:0 auto; }
#megastores { float:left; width:84px; height:84px; margin-left:427px; }
#woonmall { float:right; width:84px; height:84px; margin-right:173px; }
#banner { width:339px; height:84px; background-color:#FFFFFF; margin-left:342px; }
#shoppingcenter { width:84px; height:84px; margin-left:257px; }
#logo { float:left; width:170px; height:85px; background-color:#FFFFFF; margin:0 1px 0 86px; }
.blokkenvulling1 { float:left; width:83px; height:84px; background-image:url("images/blok.png"); margin:0 1px 0 0; padding:0 1px 1px 0; _padding:0 0 1px 0; }
#hoofdmenu { float:left; position:relative; width:596px; }
.blokkenvulling2 { float:left; width:84px; height:84px; background-image:url("images/blok.png"); margin:0 1px 0 0; padding:0 1px 1px 0; }
#contentwrap { width:1024px; margin:0 auto; }
#contentlinkerwrap { float:left; width:86px; background-image:url("images/schaduw.png"); background-position:top left; background-repeat:repeat-x; }
#linkerschaduw { background-image:url("images/linkerschaduw.png"); background-position:top right; background-repeat:repeat-y;}
#contentmiddenwrap { float:left; width:938px; background-image:url("images/schaduw.png"); background-position:top left; background-repeat:repeat-x; text-align:left;  }
.linkerkolom { float:left; width:171px; text-align:left; }
#AdminHostList { width:171px; }
#Linkermenu { padding:20px; }
#contentkolom { float:right; width:767px; min-height:400px; text-align:left; }
.contentpane { float:left; padding:20px 0; width:681px; }
.contentkolom-winkel { float:left; padding:0; width:681px; margin:36px 0 36px 0; }
.contentpane-smal { float:left; padding:20px 0; width:471px; }
.rightpane { float:left; padding:20px 0; width:210px; }
#footer { clear:both; width:1024px; margin:20px auto; text-align:center; }

/* ====== Stijlen servicebalk ====== */
#socialmedia img { border:0; }
#zoeken input.NormalTextBox { width:153px; height:18px; background-image:url("images/zoeken.png"); border:0px; font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; padding:3px 5px; }

/* ====== Algemene stijlen ====== */
p, div, span, span.CategoryTitle, table, td { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; line-height:20px; text-align:left; }
a, a:link, a:visited, a:active, a:hover { color:#666666; text-decoration:underline; }
h2 { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; color:#666666; text-transform:uppercase; margin:0; padding:0; } 
h3 { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; text-transform:uppercase; margin:0; padding:0; } 
h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#707172; text-transform:none; text-decoration:none; }

/* ====== DNN stijlen ====== */
.Head { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; font-size:26px; color:#666666; text-transform:uppercase; line-height:28px; } 
.Head2 { font-family:'AvenirLTStd95Black', Verdana, Arial, Helvetica, sans-serif; font-size:26px; color:#666666; text-transform:uppercase; line-height:28px; } 
.SubHead { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666; text-transform:uppercase; }
.SelectedTab { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
.Normal { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; }
.NormalBold { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
input.NormalTextBox, textarea.NormalTextBox, select.NormalTextBox, .OptIn_TextBox { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; text-transform:none; }
a.CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:underline; }
a.CommandButton:hover { color:#333333;}
.PagingTable { border:1px solid #DDDDDD; }

/* ====== Zoeken ====== */
a.ServerSkinWidget { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-decoration:none; text-transform:uppercase;  }
a.ServerSkinWidget:hover { font-family:'AvenirLTStd35Light', Verdana, Arial, Helvetica, sans-serif; color:#707172; text-decoration:none;  }

/* ===== Linkerkolom ===== */
.linkerkolom .c_head { padding:0 20px;  }
.linkerkolom .c_head .Head { font-size:12px; font-weight:bold; color:#000000; text-transform:uppercase; }
.linkerkolom .c_content { padding:0 20px; }

/* ===== Contentpane ===== */
.contentpane p, .contentpane td,
#contentpane-winkel p, #contentpane-winkel td,
.contentpane-smal p, .contentpane-smal td { font-size:13px; }