/*
 * Main body and table defenitions
 */
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { text-align: center; }

/*
 * Table and td defenitions
 */
table, tr, td {	border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */
div#main        { background: #FFF; width: 980px; margin: 15px auto; }
div#top         { background: #FFF; height: 20px; width: 980px; margin: 0 auto; }
div#sitechooser { float: right; padding: 0 14px 0 14px; width:377px; }
div#header      { width: 980px; margin: 0 auto; background: #FFF url(../images/logo.gif) no-repeat 5% 50%; text-align: right; cursor: pointer; }
div#navigator   { width: 950px; margin: 0 auto; height: 53px; background: #FFF; }
div#navigator div.level1 { background: #9C9D9F; height: 31px; }
div#navigator div.level1 div.icon   { float: left; width: 31px; height: 31px; background: url(../images/icon.gif);cursor:pointer}
div#navigator div.level1 div.menu   { float: left; }
div#navigator div.level1 div.search { float: right; }
div#navigator div.level2 { height: 22px; display:block; }

div#navigator div.level2 div.menu   { float: right; }
div#teaser { margin-bottom: 15px; }
div#middle { text-align: left; width: 678px; float: left; padding: 0; clear: both; }
div#right  { text-align: left; width: 287px; float: left; padding: 0; margin-left:0px; }
div#footer { text-align: center; height: 40px; width: 981px; clear: both; margin: 0 auto; padding: 0 15px; }

/* Making the footer stick to the bottom =] */
div#footer      { height:70px; }

/*
 * Module, menu and block definitions
 */
div.block  { margin-bottom: 0px; }
div.menu   { margin-bottom: 0px; }
div.module { margin-bottom: 0px; }

div.header { padding: 5px 0; }
div.module div.header { }
div.block  div.header { }
div.menu   div.header { }

div#middleHomeBlocks { padding: 0px; margin: 0px; padding-left: 15px; padding-bottom: 15px; }
div#middle div.module div.content { margin-left: 15px; padding: 0px; }
div#middle div.block  div.content { margin: 0px; margin-left: 15px; }
div#right div.block div.content   { margin-left: 0px; }
div.clear { clear: both; }

/*
 * Corners
 */
div#cornerTopLeft { float: left; background: url(../images/background.corner.topLeft.gif) no-repeat; height: 12px; width: 12px; }

/*
 * Navigator -> Level1 -> Icon
 */
div#navigator div.level1 div.icon { border-right: 2px solid #FFF; }

/*
 * Navigator -> Level1 -> Menu
 */
div#IZITopmenu { float: left; margin: 0; padding: 0; }

/*
 * Navigator -> Level1 -> Search
 */
div#navigator div.level1 div.search div.field { float: left; }
div#navigator div.level1 div.search div.field div.input { background: transparent url(../images/background.search.field.2.gif) no-repeat 50% 0; width: 140px; height: 20px; margin: 5px 0px 0px 0px; padding: 0 10px; }
div#navigator div.level1 div.search div.field div.input input { width: 125px; height: 14px; border: 0; margin: 1px 0 3px 0; }
div#navigator div.level1 div.search div.button { float: left; border-left: 1px dotted #000; }
div#navigator div.level1 div.search div.button input { margin: 7px; background: url(../images/button.search.gif) no-repeat; width: 17px; height: 17px; cursor: pointer; border: 0; }

/*
 * Navigator -> Level2 -> Menu
 */
div#navigator div.level2 div.menu { padding: 0 2px;margin-bottom:2px; }

/*
 * Middle -> Content blocks
 */
div#middle div.module div.content div.block { padding-bottom: 15px;}
div#middle div.module div.content div.block div.type0 { background: #FFFFFF; overflow: auto; width: 100%; }
div#middle div.module div.content div.block div.type1 { background: #E7E9E5; overflow: auto; width: 100%; }
div#middle div.module div.content div.block div.type2 { background: #E0EDC5; overflow: auto; width: 100%; }
div#middle div.module div.content div.block div.type3 { background: #Ffeac0; overflow: auto; width: 100%; }
div#middle div.module div.content div.block div.type4 { background: #F7EAE4; overflow: auto; width: 100%; }
div#middle div.module div.content div.readmoretype0 { background: #FFFFFF; padding: 0px;}
div#middle div.module div.content div.readmoretype1 { background: #E7E9E5; padding: 0px;}
div#middle div.module div.content div.readmoretype2 { background: #E0EDC5; padding: 0px;}
div#middle div.module div.content div.readmoretype3 { background: #F0E4D7; padding: 0px;}
div#middle div.module div.content div.readmoretype4 { background: #F7EAE4; padding: 0px;}

div#middle div.module div.content div.block div.footer { }
div#middle div.module div.content div.block div.even,
div#middle div.module div.content div.block div.odd     { overflow:hidden;}
div#middle div.module div.content div.block div.even    { padding-left: 10px; }
div#middle div.module div.content div.block div.odd     { padding-right: 10px; }
div#middle div.module div.content div.block div.blockContent { width: auto; height: 255px;}
div#middle div.module div.content div.block div.even div.image { float: right; margin-left:25px;}
div#middle div.module div.content div.block div.odd  div.image { float: left; margin-right:25px;}
div#middle div.module div.content div.block div.even div.text { float:right; width: 250px;}
div#middle div.module div.content div.block div.odd div.text { float: left; width: 250px;}
div#middle div.module div.content div.block div.even div.longtext,
div#middle div.module div.content div.block div.odd div.longtext { margin-top: 250px; display: block; width: 100%; height: 0px; }
div#middle div.module div.content div.block div.odd div.image,
div#middle div.module div.content div.block div.even div.image{ width:336px;background-position:top left;overflow:hidden }

div#middle div.module div.content div.block div.evenBlockFooter { width: 355px; position: relative; top: -45px; margin-bottom: -45px; left: 0px;}
div#middle div.module div.content div.block div.oddBlockFooter  { width: 375px; position: relative; top: -45px; margin-bottom: -45px; left: 340px; }
div#middle div.module div.content div.block div.evenBlockFooter p,
div#middle div.module div.content div.block div.oddBlockFooter p    { background: transparent url(/skins/default/images/arrow_down.gif) no-repeat scroll 10px 10px; padding-left: 40px; margin-top: 5px; line-height: 40px; height: 40px; width: 100px; cursor: pointer; }

/*
 * global slider- definitions
 *
 * mootools functionality to expand/fold windows
 */
div.slide{  }
div.slidebutton{ margin:0; padding:0;background: url(../images/arrow_block.gif) no-repeat 0px 3px; padding-left: 20px; cursor: pointer;}
div.slidewindow{}


/*
 * Middle Blocks
 */
div#middle div.block div.content div#nieuws,
div#middle div.block div.content div#gastenboek,
div#middle div.block div.content div#poll,
div#middle div.block div.content div#recepten,
div#middle div.block div.content div#agenda { float: left; width: 184px; border: 1px solid #bbbbbb; padding: 10px; margin: 0 15px 15px 0; height: 249px; overflow: hidden; }
div#middle div.block div.content div#agenda { margin-right: 0px; }

div#middle div.block div.content div#nieuws div.header,
div#middle div.block div.content div#gastenboek div.header,
div#middle div.block div.content div#poll div.header,
div#middle div.block div.content div#recepten div.header,
div#middle div.block div.content div#agenda div.header{ padding: 0; margin: 0; }

div#middle div.block div.content div#nieuws div.footer,
div#middle div.block div.content div#gastenboek div.footer,
div#middle div.block div.content div#poll div.footer,
div#middle div.block div.content div#recepten div.footer,
div#middle div.block div.content div#agenda div.footer{ text-align: right; margin-top: 10px;}

div#middle div.block div.content div#nieuws ul,
div#middle div.block div.content div#gastenboek ul,
div#middle div.block div.content div#poll ul,
div#middle div.block div.content div#recepten ul,
div#middle div.block div.content div#agenda ul { margin: 0; padding: 0; list-style: none; }

/*
 * Right Blocks
 */
div#right div.block div.content div.imageblock{ float:left; vertical-align:bottom; position:relative; margin: 0px 0px 0px 15px; display: inline; cursor: pointer; }
div#right div.block div.content div.imageblock div.blockimage{ width:215px; height:173px; overflow:hidden; float:left; vertical-align:bottom; position:relative; cursor: pointer; }

div#right div.block div.content div#nieuws,
div#right div.block div.content div#recepten,
div#right div.block div.content div#poll,
div#right div.block div.content div#gastenboek,
div#right div.block div.content div#agenda { float: left; width: 195px; border: 1px solid #bbbbbb; padding: 10px; margin: 0px 0px 15px 15px; display: inline; }
div#right div.block div.content div#agenda { margin-right: 0px; }

div#right div.block div.content div#nieuws div.header,
div#right div.block div.content div#recepten div.header,
div#right div.block div.content div#gastenboek div.header,
div#right div.block div.content div#poll div.header,
div#right div.block div.content div#agenda div.header { padding: 0; margin: 0; }

div#right div.block div.content div#nieuws ul ,
div#right div.block div.content div#agenda ul ,
div#right div.block div.content div#gastenboek ul ,
div#right div.block div.content div#poll ul ,
div#right div.block div.content div#recepten ul { margin: 0; padding: 0; list-style: none; }
div#right div.block div.content div#nieuws div.footer,
div#right div.block div.content div#agenda div.footer,
div#right div.block div.content div#gastenboek div.footer,
div#right div.block div.content div#poll div.footer,
div#right div.block div.content div#recepten div.footer{ text-align: right; margin-top: 10px; }

/*
 */
div#messageContainer { width: 400px; margin: 0 auto; }

/*
 * Imagelinks
 */
div.imagelink { width: 285px; height: 113px; margin-bottom: 15px; };

/*
 * global rounded corners
 */
.corner_top,
.corner_bottom,
.corner_l,
.corner_r{ display:inline;margin:0;overflow:visible}
.corner_top .corner_r{ float:right; background: url('/skins/default/images/corner_tr.gif')    no-repeat; width:10px; height:10px;line-height:1px;font-size:1px;}
.corner_top .corner_l{ float:left;  background: url('/skins/default/images/corner_tl.gif')    no-repeat; width:10px; height:10px;line-height:1px;font-size:1px;}
.corner_bottom .corner_r{ float:right; background: url('/skins/default/images/corner_br.gif') no-repeat; width:10px; height:10px;line-height:1px;font-size:1px;}
.corner_bottom .corner_l{ float:left;  background: url('/skins/default/images/corner_bl.gif') no-repeat; width:10px; height:10px;line-height:1px;font-size:1px;}

/*
 * Recept page
 * NOTE : inherits from global rounded corners
 */
div.recept div.content,
div.recept{ background-color: #e0edc5; margin-right:15px; }
div.recept .tab{ display:inline; no-repeat;height:35px;float:left;text-indent:15px;}
div.recept .content img{ border:1px solid #9c9d9f;margin-right: 10px; }
div.recept div.content li,
div.recept div.content div,
div.recept div.content p{ padding-right:20px; }
div.receptlist,
div.receptlist div.content{ background-color: #e7e9e5 }
div.receptlist div.content{ padding-left:20px; margin:0;}

/*
 * Item page
 * for displaying global blog items
 * NOTE : inherits from global rounded corners
 */
div.item div.content,
div.item{ background-color: #e7e9e5;margin-right:15px;}
div.item .tab{ display:inline; no-repeat;height:35px;float:left;text-indent:15px;}
div.item .content img{ border:1px solid #9c9d9f;margin-right: 10px; }
div.item .content img.icon{ border:none }
div.item div.content li,
div.item div.content p,
div.item div.content div{ padding-right:20px; }
div.itemlist,
div.itemlist div.content{ background-color: #e7e9e5;}
div.itemlist div.content{ padding-left:20px;margin:0}

/*
 * Nieuws & Recept
 * for displaying nieuws & recept items
 * NOTE : inherits from global rounded corners & Item-div
 */
div.module div#nieuws,
div.module div#nieuws div.content{ background-color: #e7e9e5; }
div.module div#agenda,
div.module div#agenda div.content{ background-color: #e7e9e5; }
div.module div#contact,
div.module div#contact div.content{ background-color: #e7e9e5; }

table.p4 { border-collapse: collapse; border-spacing: 3px; margin: 0px; padding: 0px; }
table.p4 tbody.header td { border:2px solid #ffffff; margin: 2px; padding: 5px; background-color : #C7C9C5; text-align: center; }
table.p4 td ,
table.p4 td.label { border:2px solid #ffffff; margin: 2px; padding: 5px; background-color : #D7D9D5; text-align: center; }
table.p4 td.spacer,
table.p4 td.label { background-color : #E7E9E5; text-align: left; }

/*
 * NewsLetter editor prefs
 */
div#newsletter { background-color: white; width: 575px; margin: 0 auto;  text-align: left; font-size: 11px;  line-height: 18px; color: #7B7C7E; }
div#newsletter a, div#newsletter a:visited { text-decoration: underline; color: #7B7C7E; }
div#newsletter a:hover { text-decoration: underline; color: #000000; }
div#newsletter ul li a { text-decoration: none; }
div#newsletter ul li a:hover { text-decoration: underline; }
div#newsletter table { width: 100%; font-size: 11px; line-height: auto; }
div#newsletter table tr td { border: 2px solid #eaebec; }
div#newsletter table tr td img { margin: 5px; }
div#newsletter table tr td table tr td { border: 0; padding: 0; margin: 0; }
div#newsletter img.alignLeft  { margin-right: 10px; }
div#newsletter img.alignRight { margin-left:  10px; }
div#newsletter div#headerLogo { text-align: center; height: 120px; }
div#newsletter div#headerLogo img { margin: 22px 0 0 0; }
div#newsletter div#headerTitle { margin: 0 10px 14px 10px; background-color: #bcbdbf; color: white; text-align: center; font-size: 11px; line-height: 20px; vertical-align: middle; }
div#newsletter div#headlineBlock { background-color: #e7e9e5; height: 185px; margin: 0 10px; color: #5e6c55; }
div#newsletter div#headlineBlock a { color: #5e6c55; }
div#newsletter div#headlineBlock img { border-left: 10px solid white; }
div#newsletter div#headlineBlock div.content { padding: 10px; }
div#newsletter div#headlineBlock ul { padding: 0; margin: 0; list-style: none; }
div#newsletter div#headlineBlock ul li { background: url('/skins/default/images/newsletter/bullet.gif') no-repeat 2px 50%; padding: 0 0 0 17px; }
div#newsletter h1 { font-weight: bold; font-family: sans-serif; font-size: 12px; margin: 0; padding: 0; }