@charset "UTF-8";
/* Background-Styles ------------------ */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	color: #003e7b;
	font-size: 13px;
	line-height: 16px;
	background: url(images/bg.jpg) top left no-repeat #cacee1;
}

html {
height: 100%;
}


/* Container ------------ */
#container {
width: 960px;
height: 648px;
margin: 50px auto 10px auto;
position: relative;
background-color: white;
}

/* Main block links ----------------- */
#main_links {
float: left;
width: 307px;
height: 648px;
border-right: 1px solid #003b79;
}

#logo {
float: left;
width: 307px;
height: 143px;
background: url(images/logo.jpg) top left no-repeat;
}

#quotes {
float: left;
width: 223px;
height: 194px;
background-color: #ea7039;
color: white;
padding: 20px 42px;
overflow-y: auto;
font-size: 11px;
line-height: 14px;
}

#links_beeld {
float: left;
width: 307px;
height: 157px;
background: url(images/links_beeld.jpg) top left no-repeat;
}

#domes_logo {
float: left;
width: 307px;
height: 114px;
background: url(images/domes_logo.jpg) top left no-repeat;
}

/* Main block links ----------------- */
#main_rechts {
float: left;
width: 652px;
height: 648px;
}

/* Menu ----------------- */
#menu {
margin-top: 44px;
padding: 0px 10px 0px 20px;
width: 622px;
height: 20px;
float: left;
background: url(images/menu_bg.jpg) 0px 2px repeat-x;
color: #003b79;
letter-spacing: 2px;
font-size: 10px;
line-height: 14px;
}

#menu a {
font-family: "Arial", "Helevetica", "sans-serif";
color: #003b79;
text-transform: uppercase;
text-decoration: none;
float: left;
height: 17px;
padding: 3px 4px 0px 4px;
margin-right: 1px;
}

#menu a:hover {
font-family: "Arial", "Helevetica", "sans-serif";
color: white;
text-transform: uppercase;
text-decoration: none;
float: left;
height: 17px;
padding: 3px 4px 0px 4px;
margin-right: 1px;
background-color: #003b79;
}

#menu .active {
font-family: "Arial", "Helevetica", "sans-serif";
color: white;
text-transform: uppercase;
text-decoration: none;
float: left;
height: 17px;
padding: 3px 4px 0px 4px;
margin-right: 1px;
background-color: #003b79;
}
/* Menu end --------------- */

/* Sub Menu ----------------- */
#submenu {
margin-top: 3px;
margin-bottom: 32px;
padding: 0px;
width: 652px;
height: 15px;
float: left;
background: #ecedf4;
color: #003b79;
letter-spacing: 2px;
font-size: 11px;
line-height: 14px;
}

#submenu_blank {
margin-top: 3px;
margin-bottom: 32px;
padding: 0px;
width: 652px;
height: 15px;
float: left;
}

#submenu a {
font-family: "Arial", "Helevetica", "sans-serif";
color: #003b79;
text-transform: uppercase;
text-decoration: none;
float: left;
height: 15px;
padding: 0px 5px 0px 5px;
}

#submenu a:hover {
font-family: "Arial", "Helevetica", "sans-serif";
color: black;
text-transform: uppercase;
text-decoration: none;
float: left;
height: 15px;
padding: 0px 5px 0px 5px;
}

#submenu .active {
font-family: "Arial", "Helevetica", "sans-serif";
color: black;
text-transform: uppercase;
text-decoration: none;
float: left;
height: 15px;
padding: 0px 5px 0px 5px;
}

#menu_spacer {
font-family: "Arial", "Helevetica", "sans-serif";
text-transform: uppercase;
text-decoration: none;
float: left;
height: 15px;
padding: 0px 5px 0px 5px;
}
/* Sub Menu end --------------- */

#rechts_boven_beeld {
float: left;
width: 652px;
height: 263px;
background: black;
position: relative;
}

#golf_wit {
width: 652px;
height: 37px;
background: url(images/golf_wit.png) top left no-repeat;
position: absolute;
top:0px;
left:0px;
z-index: 2;
}

#main_rechts_onder {
float: left;
width: 652px;
height: 271px;
background: #ecedf4;
}

#main_rechts_onder_tekst {
float: left;
width: 277px;
height: 211px;
padding: 30px 44px;
color: #003e7b;
overflow-y: auto;
}

#main_rechts_onder_foto {
float: left;
width: 287px;
height: 271px;
background: url(images/rechts_onder_beeld.jpg) top left no-repeat;
}

/* Footer ----------------- */
#footer {
width: 960px;
margin: 0px auto;
position: relative;
padding: 0px 0px 10px 0px;
font-size: 10px;
line-height: 14px;
text-align: right;
}

#footer a {
color: #003e7b;
text-decoration: none;
}

#footer a:hover {
color: #ea7039;
text-decoration: none;
}

/* Stappen ------------------- */
#stappen_but {
color: #e2dfd8;
width: 415px;
height: 38px;
float: left;
border-right: 1px solid #002040;
padding: 12px 20px 0px 45px;
color: white;
line-height: 12px;
position: relative;
}

#stappen_balk {
float: left;
width: 960px;
height: 50px;
background: url(images/stap_bg_balk.jpg) top left repeat-x; 
}

#terugbut {
width: 34px;
height: 36px;
background: url(images/backbut.png) top left no-repeat;
position: absolute;
z-index: 2;
top:8px;
left:6px;
cursor: pointer;
}

/* Tekst-Styles ------------------ */
h1 {
font-size: 14px;
line-height: 16px;
font-family: "Arial", "Helevetica", "sans-serif";
text-transform: uppercase;
font-weight: bold;
margin: 0px 0px 0px 0px;
}

a {
color: #ea7039;
text-decoration: none;
}

a:hover {
color: black;
text-decoration: none;
}

.clear {
clear: both;
display: block;
margin: 0px;
padding: 0px;
height: 0px;
widows: 0px;
}