html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#6c6c6c; font-size:0.8em; font-family:Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x top #fff;}
body a{ text-decoration:none; color:#6c6c6c;}
body a:hover{ text-decoration:none; color:#D04E0C;}

.clear{clear:both;} .clear2{clear:both; height:0px;} img{border:0px;} ul, li{list-style:none;}


#container{ position:relative; width:872px; margin:0 auto; height:auto !important; height:100%; min-height:100%; background:url(../images/bg_container.jpg) repeat-y top;}

#container #inner{ position:relative; width:829px; padding:0px 21px 0px 22px; background:url(../images/bg_top.jpg) no-repeat;}
#container #inner h1{ position:absolute; width:0px; height:0px; display:hidden; text-indent:-3000px; margin:0px; padding:0px;}

#container #inner #top { position:relative; height:205px; width:829px; padding-top:10px;}
#container #inner #top #menu{ width:829px; height:34px; background:url(../images/bg_menu.jpg); font-size:1.0em; margin-bottom:1px;}
#container #inner #top #menu ul{ margin:0px; padding:0px 0px 0px 10px;}
#container #inner #top #menu ul li { display:block; float:left; text-align:center; height:34px;}
#container #inner #top #menu ul li a{ float:left; display:block; cursor: pointer; cursor: hand; font-weight:bold; color:#FFF; display:block; height:34px; background:url(../images/bg_liright.jpg) no-repeat right; padding-right:5px;}
#container #inner #top #menu ul li a:hover{ font-weight:bold; text-decoration:none; color:#bceaf9;}
#container #inner #top #menu ul li a span{ float:left; display:block; cursor: pointer; cursor: hand; padding:9px 16px 0px 16px; display:block; height:25px; }
#container #inner #top #menu ul li a:hover span{ background:url(../images/bg_lispan.jpg) no-repeat bottom; }

#container #inner #top #menu ul li.selected a span{ background:url(../images/bg_lispan.jpg) no-repeat bottom; }

/*#container #inner #top #logo{ float:left; width:221px;}*/
#container #inner #top #header{ float:left; width:829px;}

#container #inner #content { position:relative; width:828px; padding:0px 0px 40px 0px;}

#container #inner #content #left { float:left; width:222px;}
#container #inner #content #right{ float:right; width:211px;}

#container #inner #content #left .blok, 
#container #inner #content #right .blok{ width:211px; margin-bottom:12px;}
#container #inner #content #left .blok .inner, 
#container #inner #content #right .blok .inner{ width:201px; padding:6px 0px 0px 10px;}
#container #inner #content #left .blok .bottom, 
#container #inner #content #right .blok .bottom{ overflow:hidden;}
#container #inner #content #left .blok h2, 
#container #inner #content #right .blok h2{ width:auto; font-size:1.05em; margin:0px; padding:0px 0px 8px 0px; }
#container #inner #content #left .blue, 
#container #inner #content #right .blue{ background:url(../images/bg_blue.jpg) no-repeat;}
#container #inner #content #left .blue .bottom, 
#container #inner #content #right .blue .bottom{ background:url(../images/bg_bluebottom.jpg) no-repeat; height:17px;}
#container #inner #content #left .blue h2, 
#container #inner #content #right .blue h2{ color: #FFF;}
#container #inner #content #left .green, 
#container #inner #content #right .green{ background:url(../images/bg_green.jpg) no-repeat;}
#container #inner #content #left .green .bottom, 
#container #inner #content #right .green .bottom{ background:url(../images/bg_greenbottom.jpg) no-repeat; height:17px;}
#container #inner #content #left .green h2, 
#container #inner #content #right .green h2{ color: #FFF;}
#container #inner #content #left .white h2, 
#container #inner #content #right .white h2{ color: #287b9d;}
#container #inner #content #left .white, 
#container #inner #content #right .white{ background:url(../images/bg_white.jpg) no-repeat;}
#container #inner #content #left .white .bottom, 
#container #inner #content #right .white .bottom{ background:url(../images/bg_whitebottom.jpg) no-repeat; height:17px;}
#container #inner #content #left .orange h2, 
#container #inner #content #right .orange h2{ color: #287b9d;}
#container #inner #content #left .orange, 
#container #inner #content #right .orange{ background:url(../images/bg_orange.jpg) no-repeat;}
#container #inner #content #left .orange .bottom, 
#container #inner #content #right .orange .bottom{ background:url(../images/bg_orangebottom.jpg) no-repeat; height:17px;}
#container #inner #content #left .blok .inner ul, 
#container #inner #content #right .blok .inner ul{ margin:0px; padding:0px 0px 0px 6px;}
#container #inner #content #left .blok .inner ul li, 
#container #inner #content #right .blok .inner ul li{ width:185px; height:24px; display:block;}
#container #inner #content #left .blok .inner ul li a, 
#container #inner #content #right .blok .inner ul li a{ width:175px; height:20px; padding:4px 0px 0px 10px; display:block;}
#container #inner #content #left .blue .inner ul li a, 
#container #inner #content #right .blue .inner ul li a{ background:url(../images/bg_liblue.gif) no-repeat; color:#FFF; font-size:0.85em;}
#container #inner #content #left .white .inner ul li a, 
#container #inner #content #right .white .inner ul li a{ background:url(../images/bg_lired.gif) no-repeat; color:#878787; font-size:0.85em;}
#container #inner #content #left .orange .inner ul li a, 
#container #inner #content #right .orange .inner ul li a{ background:url(../images/bg_lired.gif) no-repeat; color:#FFF; font-size:0.85em;}
#container #inner #content #right .blue .inner img.shop{ border:2px solid #31aad4;}
#container #inner #content #right .green .inner img.shop{ border:2px solid #31aad4;}
#container #inner #content #right .blok p{ margin:0px; padding:0px; display:block; width:190px; text-align:center;}
#container #inner #content #right .blok p a{ margin:0px; padding:4px 8px 0px 0px; color:#FFF; font-size:0.9em;}
#container #inner #content #right .blok em{ width:190px; text-align:center; display:block; font-style:normal; color:#FFF; font-size:2.4em; font-weight:bold; padding-right:8px;}
#container #inner #content #right .blok a.nieuwste img{ border:2px solid #ae460f; margin-right:8px;}

#container #inner #content #midle{ float:left; width:385px;}

#container #inner #content #midle .welkom{ width:385px; margin-bottom:12px;}
#container #inner #content #midle .welkom .top{ width:361px; padding:6px 12px 0px 12px; height:39px; background:url(../images/bg_contenttop.jpg) no-repeat; overflow:hidden;}
#container #inner #content #midle .welkom .top h2{ font-size:1.05em; margin:0px; padding:0px 0px 8px 0px; }
#container #inner #content #midle .welkom .content{ font-size:0.85em;line-height:18px; width:361px; padding:0px 12px 0px 12px; background:url(../images/bg_content.jpg) repeat-y; overflow:hidden;}
#container #inner #content #midle .welkom .content p{ padding:0px 0px 16px 0px; margin:0px;}
#container #inner #content #midle .welkom .content p a{ color:#d904a0; text-decoration:none;}
#container #inner #content #midle .welkom .bottom{ width:385px; height:16px; background:url(../images/bg_contentbottom.jpg) no-repeat;}
#container #inner #content #midle .welkom p span{ color:#d904a0; }


#container #inner #content #midle .ingezonden{ width:385px; margin-bottom:12px; color:#FFF;}
#container #inner #content #midle .ingezonden .content h2{ width:160px; font-size:1.2em; margin:0px; padding:0px 0px 8px 0px; }
#container #inner #content #midle .ingezonden .content { font-size:0.85em;line-height:18px; width:361px; padding:10px 12px 0px 12px; background:url(../images/bg_red.jpg) repeat-y; overflow:hidden;}
#container #inner #content #midle .ingezonden .content p{ padding:0px 0px 16px 0px; margin:0px;}
#container #inner #content #midle .ingezonden .content p a{ color:#e7b195;}
#container #inner #content #midle .ingezonden .content input { font-size:0.8em;}
#container #inner #content #midle .ingezonden .content select { font-size:0.8em;}
#container #inner #content #midle .ingezonden .content .right{ float:right; width:170px; margin-top:40px; margin-left:10px;}
#container #inner #content #midle .ingezonden .content .right img{ border:2px solid white;}
#container #inner #content #midle .ingezonden .content .right p{ text-align:right; margin-top:6px;}
#container #inner #content #midle .ingezonden .bottom{ width:385px; height:13px; background:url(../images/bg_redbottom.jpg) no-repeat;}

#container #footer{ color:#000; z-index:70; background:url(../images/bg_bottom.jpg) no-repeat; font-size:0.85em; width:828px; padding:0px 22px; height:28px; overflow:block; position:absolute; bottom: 0; }
#container #footer p{ margin:0px; padding:0px; float:left; }
#container #footer p span{ color:#d904a0; }
#container #footer ul{ margin:0px; padding:0px; float:right;}
#container #footer ul li{ float:left; display:block;}
#container #footer ul li a{ float:left; display:block; font-weight:normal; color:#000; border-right:1px solid #c6c6c6; padding:0px 7px 0px 7px;}
#container #footer ul li.last a{ border-right:0px solid #c6c6c6; padding:0px 0px 0px 7px;}

