body { background-color: #162648; font: 75%/1.6em "Trebuchet MS" Arial; color: #8d8571; }
p { padding: 15px 0px; }
h1 { color: #b03652; font-size: 2em; margin-bottom: 15px; }
h2 { color: #b03652; font-size: 1.4em; margin: 20px 0px 0px 0; }
a { color: #b03652; }

div.hr { height: 4px; background-color: #002674; margin-bottom: 1px;}
div.hr hr { display: none;}

#wrapper { width: 800px; margin: 0 auto; }

ul#lang { background-color: #ffffff; padding: 5px 10px; margin-bottom: 17px;}
ul#lang li { display: inline; }
ul#lang li a { color: #002674; font-size: 0.9em; font-weight: bold; }

#content { background-color: #ffffff; overflow: auto; padding-bottom: 50px;}
.top_logo { margin: 20px; }
.top_adres { color: #002674; padding-top: 33px; line-height: 1.2em;}
.goldcrown-logo { margin: 20px; }

ul#menu {
	padding:0 22px 0 0px;
}
ul#menu li {
	height:25px;
	background:url(../img/bg-menu-left.gif) 3px 0px no-repeat;
	padding:0 0 0 12px;
	float: left;
	display: block;
}
ul#menu li span {
    display: block;
	height:25px;
	background:url(../img/bg-menu-right.gif) right 0px no-repeat;
	padding:0 9px 0 0;
}
ul#menu li span a {
    display: block;
	height:25px;
	padding-top: 2px;
	background:url(../img/bg-menu.gif) repeat-x;
	white-space:nowrap;
	text-transform: uppercase;
	color: #002674;
}
ul#menu li:hover, ul#menu li.hover {
	background:url(../img/bg-hovermenu-left.gif) 2px 0px no-repeat;
	padding:0 0 0 12px;
}
ul#menu li:hover span, ul#menu li.hover span  {
	background:url(../img/bg-hovermenu-right.gif) right 0px no-repeat;
	padding:0 9px 0 0;
}
ul#menu li:hover span a, ul#menu li.hover span a {
	background:url(../img/bg-hovermenu.gif) repeat-x;
	color:#9F0D05;
	text-decoration: none;
}
ul#menu li.active, ul#menu li.active:hover,  ul#menu li.activehover {
	background:url(../img/bg-activmenu-left.gif) 2px 0px no-repeat;
	padding:0 0 0 10px;
}
ul#menu li.active span, ul#menu li.active:hover span,  ul#menu li.activehover span {
	background:url(../img/bg-activmenu-right.gif) right 0px no-repeat;
	padding:0 9px 0 0;
}
ul#menu li.active span a, ul#menu li.active:hover span a, ul#menu li.activehover span a {
	background:url(../img/bg-activmenu.gif) repeat-x;
	color:#fff;
}

#beschikbaarheid { width: 243px; height: 180px; background-color: #ad324e; padding: 20px; }
#beschikbaarheid h1 { color: #ffffff; padding: 20px 0 0 15px; font-size: 1.6em; text-transform: uppercase; }
#beschikbaarheid ul { padding-top: 5px; }
#beschikbaarheid ul li { display: inline; }
#beschikbaarheid label,input { display: block; margin-bottom: 10px; }
#beschikbaarheid label { width: 65px; padding-right: 15px; text-align: left; color: #ffffff;}

.tekstvak { width: 120px; height: 15px;}
.kalender { padding: 2px 0 0 10px; }
.logo_besch { padding: 0 0 15px 10px; }

#leftie { width: 220px; background: url('../img/grijze_bg.jpg') no-repeat #aca390; margin: 30px 20px 0 25px; text-align: center;}
#leftie h1 { background: url('../img/grijze_header.jpg') no-repeat; height: 16px; margin-bottom: 15px; text-align: left; color:#ffffff; text-transform: uppercase; padding: 5px; font-size: 1em;}
#leftie p { padding: 15px; text-align: left; color: #ffffff;}
.leesmeer { color: #ffffff; text-decoration: underline; padding: 7px; }


.pijl { margin: -37px 5px 0 0; }

#rightie { width: 450px;  margin: 30px 45px 0 0;}
h1 { color: #b03652; font-size: 2em; margin-bottom: 15px; } 

.box { width: 220px; margin: 30px 0 0 20px; }
.box h1 { height: 16px; background: url('../img/rode_header.jpg') no-repeat; padding: 5px; color:#ffffff; font-size: 1em;}
.box p { padding: 10px; }
.box .leesmeer { color: #8d8571; text-decoration: underline; padding: 7px; }
.firstbox { margin-left: 45px; }
.bigbox { width: 800px; }

#footer { width: 800px; color:#ffffff; margin: 0 auto; padding: 10px 0px; text-align: center; font-size: 0.9em;}

#leftie ul
{
    margin-left:  10px;
    padding: 0px;
    float:   left;
    list-style: square;
}
#leftie ul li
{
    margin-left:  20px;
}
#leftie ul li a
{
    color:      #484848;
    font-size:  13px;
}

.images {display:inline;width:75px;height:75px;}