/* ===================== GENERAL ======================== */

body {
	color: #000000;
background-image: url("/dynamic/media/1/images/website-elementen/bg-top.png");
background-repeat: repeat-x;
background-position: top center;
font-family: Calibri-regular;
font-size: 14px;
line-height: 24px;
letter-spacing: 0px;
}

#container, #shadowtop, #shadowbottom
{
	width: 990px;
}

#header-container, #content, #horizontalmenu, #horizontalmenuborder, #footer, #moodsetter
{
	width: 990px;
}

#header #logo0, #header #headerElements0, #contentHeader0{
	display: block;
}


#header .logo a
{
	display:inline-block;
	margin-left: -40px;
}

/* ===================== HEADINGS ======================== */

h1 {
	color: #666666;
font-size: 32px;
line-height: 32px;
font-family: Calibri-regular;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
}

h2 {
	color: #000000;
font-size: 18px;
line-height: 18px;
font-family: Calibri-regular;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
}

h3 {
	color: #666666;
font-size: 16px;
line-height: 16px;
font-family: Calibri-regular;
font-weight: normal;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 0px;
}

h4 {
	color: #666666;
font-size: 14px;
line-height: 14px;
font-family: Calibri-regular;
font-weight: normal;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 0px;
}

.error {
	color: #ff0000;
}

/* ===================== BREADCRUMBS ======================== */

#breadcrumbs {
	font-family: Calibri-regular;
font-size: 10px;
font-weight: normal;
color: #555555;
height: 30px;
line-height: 30px;
padding-right: 15px;
padding-left: 15px;
margin-top: 0px;
background-color: #ffffff;
text-align: left;
}

#breadcrumbs a {
	font-family: Calibri-regular;
font-size: 10px;
font-weight: normal;
color: #555555 !important;
text-decoration: underline !important;
}

#breadcrumbs a:hover {
	color: #0175b0 !important;
text-decoration: none !important;
}

/* ===================== INPUTS ======================== */

input[type="checkbox"],
input[type="radio"] {
	margin: 5px 0px 0px 0px;;
font-family: Calibri-regular;
font-size: 14px;
}

input[type="text"],
input[type="file"],
input[type="password"] {
	border: 1px solid #bfdceb !important;
padding: 2px !important;
background-color: #ffffff;
color: #666666;
font-family: Calibri-regular;
font-size: 12px;
margin-right: 1px;
width: 250px;
margin-bottom: 1px;
}

input[type="submit"],
.button {
	border: 1px solid #3b2240 !important;
padding: 1px 5px !important;
background-color: #ffffff;
background-repeat: repeat-x;
color: #666666;
font-family: Calibri-regular;
font-size: 14px;
margin-top: 5px;
}

textarea {
	border: 1px solid #bfdceb !important;
padding: 2px !important;
background-color: #ffffff;
color: #666666;
font-family: Calibri-regular;
font-size: 12px;
width: 250px;
height: 100px;
}

select {
	border: 1px solid #3b2240 !important;
background-color: #ffffff;
color: #666666;
font-family: Calibri-regular;
font-size: 12px;
width: 250px;
height: 22px !important;
}

/* ===================== HR'S ======================== */

hr {
	border: 0px none;
border-bottom: 1px solid #0175b0;
height: 1px;
}

/* ===================== SHADOWS ======================== */
#shadowtop {
	height: 0px;
}

#shadowleft {
	background-repeat: repeat-y;
width: 0px;
left: 0px;
}

#shadowright {
	background-repeat: repeat-y;
width: 0px;
right: 0px;
}

#shadowbottom {
	height: 0px;
}

/* ===================== CONTENT ======================== */

#content {
	background-color: #ffffff;
margin-left: 0px;
margin-right: 0px;
}

#content a {
	color: #4e2656;
text-decoration: none;
}

#content a:hover {
	color: #3b2240;
}

.headerElements {
	position: absolute;
top: 0px;
right: 0px;
z-index: 11;
}

/* ===================== SEARCH ======================== */

#searchForm {
	position: absolute;
top: 0px;
right: 28px;
}

#searchForm form #searchForm_pattern {
	background-color: #fcf8fd !important;
color: #666666;
border: 1px solid #3b2240 !important;
font-family: Calibri-regular;
font-size: 14px;
width: 280px;
height: 24px;
}

/* ===================== HORIZONTAL MENU ======================== */




#horizontalmenu {
	background-color: #0175b0;
background-repeat: repeat-x;
min-height: 30px;
}

#horizontalmenu ul.level0 {
	position: relative;
margin-left: 0px;
}

#horizontalmenu ul.level0 li {
	height: 30px;
line-height: 30px;
position: relative;
}

#horizontalmenu ul.level1 {
	filter: alpha(opacity=100);
		opacity: 1;}

#horizontalmenu ul.level1 li {
	height: 25px;
line-height: 25px;
}

#horizontalmenu ul.level1 li.level2 {
	line-height: 25px;
position: relative;
width: 100%;
clear: left;
}

#horizontalmenu ul.level1 li.level2 ul.level2 li {
	line-height: 25px;
width: 100%;
clear: left;
}

#horizontalmenu ul li.level1 a {
	color: #ffffff;
font-weight: normal;
font-family: Calibri-regular;
font-size: 10px;
letter-spacing: 0px;
border-bottom: 0px solid #888888;
padding: 0px 2px 0px 2px;
}

#horizontalmenu ul li.level1 a.even {
	}

#horizontalmenu ul li.level2 a {
	color: #0175b0;
background-color: #d9eaf3;
font-weight: normal;
font-family: Calibri-regular;
font-size: 12px;
letter-spacing: 0px;
border-bottom: 0px solid #888888;
}

#horizontalmenu ul li.level2 a.even {
	}

#horizontalmenu ul li.level3 a {
	color: #0175b0;
background-color: #d9eaf3;
font-weight: bold;
font-family: Calibri-regular;
font-size: 12px;
letter-spacing: 0px;
border-bottom: 0px solid #888888;
}

#horizontalmenu ul li.level3 a.even {
	}

#horizontalmenu ul li.level1:hover a.level1 {
	color: #555555;
background-color: #d9eaf3;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul li.level1:hover a.level1.even {
	}

#horizontalmenu ul li.level2:hover a.level2 {
	color: #555555;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul li.level2:hover a.level2.even {
	}

#horizontalmenu ul li.level3:hover a.level3 {
	color: #555555;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul li.level3:hover a.level3.even {
	}

#horizontalmenu ul li.level1 a.selected {
	color: #555555;
background-color: #d9eaf3;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul li.level2 a.selected {
	color: #555555;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul li.level3 a.selected {
	color: #555555;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul.level1 {
	background-color: #d9eaf3;
left: 0px;
top: 100%;
}

#horizontalmenu ul.level2 {
	background-color: #d9eaf3;
top: 0px;
left: 100%;
}

#horizontalmenu ul li.horizontalseperator {
	background-image: url("/dynamic/media/1/images/thema/scheidingslijn.png");
background-repeat: no-repeat;
width: 2px;
}

#horizontalmenu ul li.lasthorizontalseperator {
display: none;}

#horizontalmenu ul li.first {
	border-left: 0px none;
}

#horizontalmenu ul.level0 li.selected ul.level1 {
	}

#horizontalmenu ul.level0:hover li.selected ul.level1 {
	}

#horizontalmenu ul.level0:hover li.selected:hover ul.level1 {
	}


#horizontalmenuborder {
	height: 20px;
background-repeat: repeat-x;
}

/* ===================== VERTICAL MENU ======================== */

#verticalmenu {
	font-family: Calibri-regular;
font-size: 18px;
width: 310px;
}

#verticalmenu .padding {
	padding-top: 30px;
}


/* How to handle the submenu from the vertical menu */
	#verticalmenu ul li ul {
		display				:	none;
	}

#verticalmenu ul li.level1 {
	padding: 0px 0px;
}

#verticalmenu ul li.level2 {
	padding: 0px 0px;
}

#verticalmenu ul li.level3 {
	padding: 0px 0px;
}

#verticalmenuborder {
	background-repeat: repeat-y;
}

#verticalmenu ul li.level1 a {
	color: #ffffff;
font-family: Calibri-regular;
font-size: 18px;
font-weight: normal;
background-color: #4e2656;
height: 30px;
line-height: 30px;
border-bottom: 1px solid #ffffff;
padding-left: 10px;
letter-spacing: 0px;
}

#verticalmenu ul li.level1 a.even {
	}

#verticalmenu ul li.level2 a {
	color: #ffffff;
font-family: Calibri-regular;
font-size: 14px;
font-weight: normal;
background-color: #a692aa;
height: 30px;
line-height: 30px;
border-bottom: 1px solid #ffffff;
padding-left: 10px;
letter-spacing: 0px;
}

#verticalmenu ul li.level2 a.even {
	}

#verticalmenu ul li.level3 a {
	color: #ffffff;
font-family: Calibri-regular;
font-size: 12px;
font-weight: normal;
height: 30px;
line-height: 30px;
border-bottom: 0px solid #d9eaf3;
padding-left: 5px;
letter-spacing: 0px;
}

#verticalmenu ul li.level3 a.even {
	}

#verticalmenu ul li.level1 a:hover {
	color: #ffffff;
background-color: #3b2240;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenu ul li.level1 a.even:hover {
	}

#verticalmenu ul li.level2 a:hover {
	color: #ffffff;
background-color: #7a5c80;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenu ul li.level2 a.even:hover {
	}

#verticalmenu ul li.level3 a:hover {
	color: #ffffff;
background-color: #0175b0;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenu ul li.level3 a.even:hover {
	}

#verticalmenu ul li.level1 a.selected {
	color: #ffffff;
background-color: #3b2240;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenu ul li.level2 a.selected {
	color: #ffffff;
background-color: #7a5c80;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenu ul li.level3 a.selected {
	color: #ffffff;
background-color: #555555;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenucontent
{
	padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

/* ===================== FOOTER ======================== */

#bottommenu ul li.horizontalseperator {
	background-repeat: no-repeat;
width: 1px;
}


#footer {
	font-family: Calibri-regular;
font-size: 14px;
color: #ffffff;
}

#footercontainer {
background-image: url("/dynamic/media/1/images/website-elementen/bg-footer.png");
background-repeat: repeat-x;
}

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

#footer a:hover {
	color: #ffffff;
}

#leftFooter {
	text-align: left;
margin-left: 0px;
margin-right: 0px;
width: 310px;
}

#rightFooter {
	text-align: left;
margin-left: 0px;
margin-right: 0px;
width: 310px;
}


.siteobject_locations_location .locationMap
{
	height: 400px;
width: 400px;
	float:right;
}
/* Tabs in content */
.siteobject_pages_tabs ul.tablist {
	border-bottom: #ADAD9F 2px solid;
}
.siteobject_pages_tabs ul.tablist li {
	height: 32px;
line-height: 32px;
background: #D6D6D6;
}
.siteobject_pages_tabs ul.tablist li a {
	padding-left: 20px;
padding-right: 20px;
background: #D6D6D6;
color: #8C8472 !important;
border-bottom: #ADAD9F 2px solid;
}
.siteobject_pages_tabs ul.tablist li a:hover, 
.siteobject_pages_tabs ul.tablist li a.current {
	background: #ffffff;
color: #000000 !important;
border-bottom: #ffffff 2px solid;
}

.siteobject_pages_tabs .tabs {
	padding-top: 10px;
}