﻿@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}
html
{
	overflow-y: scroll;	
}
body{
	background: url('../images/layout/bg.png') repeat;
	color:#87888a;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
.GeenBorder {border: none;}
.Border {border:1px solid #97bf0d;}
UL 
{
	margin-left: 15px;
	line-height:18px;
}
.inactive {color: Red !important;}
.active {color: Blue !important;}
h1
{
    background: url(../images/layout/headerarrow.jpg) no-repeat;
    background-position: left 8px;
    padding-left: 25px;
    color: #97bf0d;
    font-size: 20px;
    line-height: 32px;
    font-weight: bold;
}
h2
{
    background: url(../images/layout/headerarrow_small.jpg) no-repeat;
    background-position: left 4px;
    padding-left: 15px;
    color: #006829;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;    
}
h3
{
    color: #97bf0d;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}

a {outline: none;}
a:link, a:visited{
color: #97bf0d;
text-decoration: none;
}

a:hover, a:active{
color: #97bf0d;
text-decoration: underline;
} 

hr
{
    color: #97bf0d;
    background-color: #97bf0d;
    height: 1px;
    border: none;
}


#sitemap{
line-height: 10px;
}


.mailform tr{
	vertical-align:top;
	height:20px;
}

.FormInput
{
     background-color: #FFFFFF;
     border: solid 1px #97bf0d;
}
.FormInputActive
{    
     background-color: #FFFFFF;
     border: solid 1px #016728;
}
.Floatright{
	float:right;
	width:65px;
}

.Floatleft{
	float:left;
}

.clearboth {
	clear:both;
}

.hiddenTB
{
	visibility:hidden;
}

/* LAYOUT */
#DivHeaderBG
{
	background: url('../images/layout/headerbg.png') repeat-x;
	height: 282px;
	width: 100%;  
}
#DivHeader
{
	height: 179px;
	margin: 0px auto;
	width: 984px;
}
#PnlHeaderRotator
{
	width: 750px;
	height: 179px;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
	position: relative;
}
.LabelVestiging
{
    position: absolute;
    top: 11px;
    right: 3px;  
    
    color: #97bf0d;
    font-size: 20px;
    line-height: 32px;
    font-weight: bold;
}
#DivWrapperTopMenu
{
    background: url('../images/layout/topmenubg.png') no-repeat;	
	width: 984px;
	margin: 0px auto;
	height: 103px;
}

#DivWrapper
{
    background: url('../images/layout/shadow.png') repeat-y;
	margin: 0px auto;
	width: 984px;
	position: relative;
}
#DivMenu
{
    width: 216px;
    float: left;
    min-height: 270px;
    padding-bottom: 110px;
}
#DivLeftCol
{
    margin-left: 9px;
    background: url('../images/layout/menubg.png') no-repeat left bottom;
}
.DivContentNormaal
{
    float: left;
    margin: 0px 0px 0px 52px;
    width: 459px;
}
.DivContentBreed
{
    float: left;
    margin: 0px 0px 0px 52px;
    width: 675px !important;
}
#DivRechts
{
    float: right;
    width: 209px;
    padding-right: 9px;
}
.DivBlokRechts
{
    margin-bottom: 23px;
}
.DivBlokRechts img
{
    border: none;
}
.RightAssImage {margin-bottom: 23px;width: 209px;overflow: hidden;}
.PnlAanbieding 
{
    cursor: pointer;
    width: 189px;
    min-height: 260px;
   /*float: left;
    clear: both;*/
    position: relative;
}
.tablewrapper
{
    float: left; position: relative;
}

    
.AanbiedingCel
{
    background-color: #e3e4e5;
    vertical-align: top;         
}
.AanbiedingCelDiv
{
    background-color: #e3e4e5;
    vertical-align: top;
    position: relative;
    width: 189px;
    height: 100%;
}
.DivImgAanbieding 
{
          min-height: 90px;
     overflow: hidden; 
     border-left: 1px solid #e3e4e5;
    border-right: 1px solid #e3e4e5;
    background-color: #FFFFFF;
    text-align: center;
    height: 90px;
    vertical-align: middle;    
}

.AanbiedingNaam
{
    font-weight: bold;
}
.AanbiedingPrijs
{
    color: #b57247;
    font-weight: bold;
}
.DivAanbiedingText
{
    padding: 15px 15px 60px 15px;
}
.DivAanbiedingPrijs
{
    position: absolute;
    bottom: 15px;
    margin-left: 15px;
    width: 159px;
    cursor: pointer;
}
.AanbiedingTextDetails {float: left; width: 459px;}
.AanbiedingImageDetails {float: right; margin-bottom: 25px; width: 195px; }

/* Vestigingen */
.PnlVestigingImg
{
    width: 200px;
    height: 110px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.PnlVestigingImgOverlay
{
    width: 200px;
    height: 110px;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: pointer;
}
.DivVestigingText
{
/*    width: 235px;*/
    float: left;
}
.SepVestigingen
{
    border-bottom: dashed 1px #97bf0d; 
    height: 1px;
    margin-bottom: 3px;
    padding: 0px;
    line-height: 1px;
    font-size: 1px;
    width: 198px;
}
#DivFooter
{
    position: relative;
    background: url('../images/layout/footerbg.png') no-repeat;
    width: 984px;
    height: 81px;
	margin: 0px auto;
}

/* START TOPMENU */
#DivTopMenu
{
	width:481px;
	overflow: hidden;
}
#topmenu
{
	list-style:none;
	margin-left: 13px;
	color:#97bf0d;
}
#topmenu a
{
	color:#97bf0d;
    font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 12px;
	display: block;
	height: 20px;
	padding: 5px 10px 0px 13px;
	text-decoration: none;
}
#topmenu li
{
	float:left;
}
.topmenusep { float: left; padding-top: 4px;}

/* START MENU */
/* LEVEL 1 */
.menu
{
	width:216px;
	list-style:none;
	border-bottom: 1px solid white;
	margin-left: 0px;
    margin-bottom: 10px;
}
.menu li
{
	border-top: 1px solid white;
}
.menu li a
{
    background: url('../images/layout/menuitembg.png') no-repeat;
	text-decoration:none;
	display: block;
	height: 24px;
	width: 177px;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	color:#97bf0d;
	font-size: 13px;
	text-decoration: none;
	padding: 7px 0px 0px 39px;
}
.menu li a:hover
{
    background-position: 0px -31px;
	color:#ffffff;
}
.menu li a.Menuselected
{
    background-position: 0px -31px;
	color:#ffffff;
}
/* LEVEL 2 */
.submenu
{
	margin:0px 0px 5px 39px;	
	list-style:none;	
	font-weight:normal;
}
.submenu li
{
	border: none;
}
.submenu li a
{
    background: url(../images/layout/arrow.png) no-repeat;
    background-position: 0px 10px;
    padding-left: 13px;
	text-decoration:none;
	display: block;
	line-height: 16px;
	height: auto;
	width: 164px;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	color:#006729;
	font-size: 12px;
	text-decoration: none;
}
.submenu li a:hover
{
    background-position: 0px 10px;
	color:#006729;
}
.submenu li a.Submenuselected
{
    background-position: 0px 10px;
	color:#006729;
} 
/* LEVEL 3 */
.subsubmenu
{
	margin-left:13px;
	list-style:none;	
	font-weight:normal;
	margin-top:0px;
	display: none;	
}
.subsubmenu li
{
	border: none;
}
.subsubmenu li a
{
	padding: 1px 0px;
    background: none;
	text-decoration:none;
	display: block;
	line-height: 15px;
	height: auto;
	width: 164px;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	color:#007c30;
	font-size: 11px;
}
.subsubmenu li a:hover
{
	color:#007c30;
}
.subsubmenu li a.Submenuselected
{
	color:#007c30;
} 
.subsubmenuactive {display: inline-block;}
/* END MENU */

#HUSSbox
{
    position:absolute;
    left: 928px;
    top: 35px;
}
#DivFooterCopy 
{
    position:absolute;
    left: 650px;
    top:35px;
    font-weight: normal;
	color:#97bf0d;
	font-size: 10px;
}
