/* GENERAL STYLES */
body {font-family: Arial, Verdana; font-size: 11px; margin: 0px; padding: 0px;}

#Wrapper {background: url(/media/51/achtergrond.jpg) repeat-y; position: relative; margin: 0px auto 0px auto; width: 776px; min-height: 560px; height: auto !important; height: 560px; padding-left: 0px;}
#Banner {float: left; width: 776px; min-height: 50px; height: auto !important; height: 50px; padding-left: 15px;}
#Logo {float: left; background: url(/media/16/logo.jpg) no-repeat; width: 279px; min-height: 47px; height: auto !important; height: 47px; padding-left: 5px;}
#SnelAanvragen {float: left; background: url(/media/21/snel-aanvragen.jpg) no-repeat; width: 208px; min-height: 39px; height: auto !important; height: 39px; margin: 5px 0px 0px 150px;}
#SnelAanvragen a {display: block; width: 205px; height: 32px;}
#Afbeelding {float: left; background: url(/media/26/banner.jpg) no-repeat; width: 748px; min-height: 95px; height: auto !important; height: 95px; padding-left: 30px;}
#Content #leftColumn {float: left; width: 322px; padding: 10px 10px 0px 40px; background: url(/media/153/1pxblauw.gif) repeat-y; background-position: right; margin: 20px 0px 20px 0px;}
#Content #leftColumnContent {float: left; width: 440px; padding: 0px 10px 0px 40px; border-right: 1px solid #3B8ACD; margin: 30px 0px 30px 0px; min-height: 325px; height: auto !important; height: 325px;}
#Content #leftColumnContent2 {float: left; width: 440px; padding: 0px 10px 0px 40px; margin: 30px 0px 30px 0px; min-height: 325px; height: auto !important; height: 325px;}
#Content #rightColumnTop {float: left; width: 322px; padding: 30px 0px 0px 30px;}
#Content #rightColumnTopContent {float: left; width: 230px; padding: 30px 0px 0px 20px;}
#Content #rightColumnTopContent a {color: #666666; text-decoration: none;}
#Content #leftColumnContentIFrame {float: left; width: 720px; min-height: 350px; height: auto !important; height: 350px; padding-left: 26px; padding-top: 10px;}
#breadCrumb {float: left; height: 5px; margin: 0px;}
.lineVertical {float: left; border-left: 1px solid #3B8ACD; width: 1px; height: 330px; margin-top: 25px;}
.lineHorizontal {float: left; border-bottom: 1px solid #3B8ACD; width: 350px; height: 1px; margin: 15px 0px 15px 15px;}
#footer {float: left; position: relative; bottom: 0px; background: url(/media/46/footer.jpg) no-repeat; width: 776px; min-height: 41px; height: auto !important; height: 41px;}
#footer #footerLeft {float: left; color: #ffffff; padding: 3px 0px 0px 20px;}
#footer #footerRight {float: right; color: #ffffff; padding: 3px 20px 0px 0px; text-decoration: none;}
#footer #footerLeft a{color: #ffffff; text-decoration: none;}

.ClearEnd {clear: both;}
h1 {font-size: 16px;}
p {font-size: 12px;} 
a {color: #3B8ACD;}

#rightColumnTop p.Groen {color: #00A94D; font-weight: bold; font-size: 16px; margin: 5px;}
#rightColumnTop p.LichtGroen {color: #C0D635; font-weight: bold; font-size: 16px; margin: 5px;}
#rightColumnTop p.Geel {color: #FFB109; font-weight: bold; font-size: 16px; margin: 5px;}
#rightColumnTop p.Rood {color: #F71523; font-weight: bold; font-size: 16px; margin: 5px;}
#rightColumnTop p.energie-label-aanvragen {float: left; background: url(/media/21/snel-aanvragen.jpg) no-repeat; width: 208px; height: 39px; margin: 10px 0px 0px 5px;}
#rightColumnTop p.energie-label-aanvragen  a {display: block; width:205px; height:32px;}
#rightColumnBottom p.voorbeeldAfbeelding {float: left; width:128px; height: 163px; background: url(/media/41/energie-label-aanvragen.jpg) no-repeat; margin: 10px 0px 10px 30px;}
#rightColumnBottom p.voorbeeldAfbeelding a {display: block; width: 128px; height: 163px;}
#rightColumnBottom p.voorbeeldAfbeeldingTekst {float: left; padding: 60px 0px 0px 30px; color: #3B8ACD; font-size: 17px; font-weight: bold;}
#rightColumnBottom p.voorbeeldAfbeeldingTekst a {color: #3B8ACD;}
#rightColumnBottomContent {float: left; padding: 40px 0px 10px 27px;}
#rightColumnBottomContentVragen {float: left; padding: 40px 0px 10px 7px;}

#siteMenu ul {list-style-type: none; margin: 0px; padding: 10px 0px 0px 3px; line-height: 20px; color: Red; font-weight: bold;}
#siteMenu ul li a {color: Red;}

#siteMenuFAQ ul {margin: 0px; padding: 6px 0px 0px 3px; line-height: 20px; font-size: 11px;}
#siteMenuFAQ ul li a {color: Blue;}

/* Common Styling Pulldown menu */
.NavMenu {font-family: arial, sans-serif; width:744px; height: 30px; font-size:11px; padding-left: 16px;}
.NavMenu ul li a, .NavMenu ul li a:visited {display:block; text-decoration:none; width:119px; height:30px; color:#fff; line-height:30px; font-size:11px; overflow:hidden; text-align: center;} /* Menu Background Color */
.NavMenu ul {padding:0px; margin:0px; list-style-type: none; }
.NavMenu ul li {float:left; position:relative;}
.NavMenu ul li ul {display: none;}

/* Specific to non IE browsers Pulldown menu */
.NavMenu ul li:hover a {color:#fff;}
.NavMenu ul li:hover ul {display:block; position:absolute; top:32px; left:0; width:100px;}
.NavMenu ul li:hover ul li a.NavHide {background:#6a3; color:#fff;}
.NavMenu ul li:hover ul li:hover a.NavHide {color:#000;}
.NavMenu ul li:hover ul li ul {display: none;}
.NavMenu ul li:hover ul li a {display:block; background:#ddd; color:#000; width: 165px; padding-left: 17px;} /* Submenu Background Color */
.NavMenu ul li:hover ul li a:hover {background-color: #ff8b1a; color:#ffffff;} /* Submenu Highlight Color */
.NavMenu ul li:hover ul li:hover ul {display:block; position:absolute; margin-left:182px; top:0;}
.NavMenu ul li:hover ul li:hover ul.left {left:-100px;}

/* EDITOR PROPERTIES */
