/* GENERAL STYLES */
body {background: #3d318f; font-family: Arial, Verdana; font-size: 11px; color: #483c7c; margin: 0px; padding: 0px;}

#wrapper {background: url(/media/62/mainbg.jpg) no-repeat; position: absolute; left: 50%; top: 50%; width: 796px; height: 473px; margin-left: -398px; /* half of width */ margin-top: -236px;  /* half of height */}
#leftColumnFront {float: left; padding: 30px 10px 10px 30px; width: 140px; min-height: 433px; height: auto !important; height: 433px;}
#rightColumnFront {float: left; padding: 10px 10px 10px 0px; width: 590px; min-height: 453px; height: auto !important; height: 453px;}
#frontContent {font-weight: bold; line-height: 28px;}

#leftColumn {float: left; padding: 30px 10px 10px 30px; width: 295px; min-height: 433px; height: auto !important; height: 433px;}
#rightColumn {float: left; padding: 10px 10px 10px 0px; width: 451px; min-height: 453px; height: auto !important; height: 453px;}
#rightColumnTextPage2 {float: left; padding: 10px 0px 0px 5px; width: 451px; min-height: 453px; height: auto !important; height: 453px;}

#leftColumn2 {float: left; padding: 30px 10px 10px 30px; width: 140px; min-height: 433px; height: auto !important; height: 433px;}
#rightColumn2 {float: left; padding: 10px 10px 10px 0px; width: 590px; min-height: 453px; height: auto !important; height: 453px;}
#content2 {font-weight: bold; font-size: 10px; line-height: 24px;}

#leftContent {width: auto; height: 270px; overflow: auto;}

#leftTopNav, #rightTopNav, #leftBottomNav, #rightBottomNav {float: left; width: 70px; min-height: 31px; height: auto !important; height: 31px;}
#leftTopNav {background: url(/media/12/geel_home.jpg) no-repeat;}
#rightTopNav {background: url(/media/2/geel_contact.jpg) no-repeat;}
#leftBottomNav {background: url(/media/32/geel_vorige.jpg) no-repeat;}
#rightBottomNav {background: url(/media/22/geel_volgende.jpg) no-repeat;}

#leftTopNav a, #rightTopNav a, #leftBottomNav a, #rightBottomNav a {display: block; float: left; width: 68px; min-height: 28px; height: auto !important; height: 28px;}

* html a:hover {visibility: visible;}
#navigation a img{float: left; visibility: hidden; border: 0px;}
#navigation a:hover img{visibility: visible;}

a img {border: 0px;}

a {text-decoration: underline; color: #483c7c;}
a:hover {text-decoration: none;}

#logoImage {padding: 0px 0px 10px 0px;}

h1, h2, p {margin: 0px;}
h1 {padding: 0px 0px 5px 0px; font-size: 12px;}
h2 {padding: 0px 0px 5px 0px; font-size: 11px;}
p {padding: 0px 0px 5px 0px;}

.clearEnd {clear: both;}

/* EDITOR PROPERTIES */