/* CREDITS
Title:  Immo Janssen Marres - CSS Main stylesheet
Author: chris@inventis.be
Date:   11/04/2007
*/

/* ===== GENERAL STYLES =========================================== */
body {
	background: #5E5E5E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
p, h1, h2, h3, h4 {
	margin: 1em 0;
}
a:link, a:active, a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
*::-moz-selection {
	background: #E51837;
	color: #ffffff;
}
::selection {
	background: #E51837;
	color: #ffffff;
}
input, option, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* ===== SITE CONTAINER =========================================== */
#container {
	position: relative;
	left: 50%;
	margin-left:-490px;
	width:980px;
	background-color:#FFFFFF
}
/* ===== SITE HEADER =========================================== */
#siteHeader {
	overflow: hidden;
	width: 980px;
}

/* ===== SITE TITLE =========================================== */
#siteTitle {
	width:  236px;
	height: 219px;
	background: transparent url(../images/layout/header_logo.png) no-repeat 0 0;
	float: left;
	text-indent: -9000px;
	margin: 0;
}
#siteTitle a img {
	display: none;
}
#siteTitle a {
	display: block;
	height: 185px;
}

/* ===== SITE MENU =========================================== */
#siteMenu {
	width: 156px;
	height: 219px;
	float: left;
	background-color: #E51837;
}
	/* Suckerfish */
	#siteMenu, #siteMenu ul {
		padding: 0;
		margin: 0;
		width : 156px;
	}
	
	#siteMenu li {
		position : relative;
		float : left;
		width : 156px;
	}
	
	#siteMenu li ul {
		position : absolute;
		left: -999em;
		margin-left : 156px;
		margin-top: -30px;
	}
	
	#siteMenu li ul ul {
		left: -999em;
	}
	
	#siteMenu li:hover ul ul, #siteMenu li:hover ul ul ul, #siteMenu li.sfhover ul ul, #siteMenu li.sfhover ul ul ul {
		left: -999em;
	}
	
	#siteMenu li:hover ul, #siteMenu li li:hover ul, #siteMenu li li li:hover ul, #siteMenu li.sfhover ul, #siteMenu li li.sfhover ul, #siteMenu li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#siteMenu li a {
		display: block;
		width: 156px;
		background: transparent url(../images/layout/menu.png) no-repeat 0 0;
		height: 30px;
		text-indent: -9000px;
		text-decoration: none;
	}
	#fr #siteMenu li a {
		background-image: url(../images/layout/menu_fr.png);
	}
	#siteMenu li.mKantoor a  { background-position: 0 0; height: 35px; }
	#siteMenu li.mTekoop a   { background-position: 0 -35px; }
	#siteMenu li.mTehuur a   { background-position: 0 -65px; }
	#siteMenu li.mDiensten a { background-position: 0 -95px; }
	#siteMenu li.mContact a  { background-position: 0 -125px; }
	#siteMenu li.mZoeken a   { background-position: 0 -155px; }
	
	#siteMenu li.mKantoor a:hover  { background-position: -156px 0; }
	#siteMenu li.mTekoop a:hover   { background-position: -156px -35px; }
	#siteMenu li.mTehuur a:hover   { background-position: -156px -65px; }
	#siteMenu li.mDiensten a:hover { background-position: -156px -95px; }
	#siteMenu li.mContact a:hover  { background-position: -156px -125px; }
	#siteMenu li.mZoeken a:hover   { background-position: -156px -155px; }

	#siteMenu li ul li a {
		background: #E51837 url(../images/layout/menu_background.png) repeat-y 100% 0 !important;
		text-indent: 0;
		height: 30px;
		line-height: 30px;
		color: #FFFFFF;
		width: 146px;
		padding-left: 10px;
		font-family: "Times New Roman", Times, serif;
		font-size: 14px;
		font-style: italic;
		font-weight: bold;
		text-decoration: none;
	}
	#siteMenu li ul a:hover {
		background-position: 0 0 !important;
	}
	#siteMenu li.mKantoor ul {
		margin-top: -35px;
	}
	#siteMenu li.mKantoor ul li a {
		height: 30px;
	}
	#siteMenu li.mKantoor ul li.first a {
		height: 35px;
		line-height: 35px;
	}

/* ===== HEADER PHOTO =========================================== */
#headerPhoto {
	float: left;
}

/* ===== SITE CONTENT =========================================== */
#siteContent {
	overflow: hidden;
	width: 980px;
}

/* ===== PRIMARY CONTENT =========================================== */
#primaryContent {
	width: 500px;	/* was 520px */
	padding: 12px 22px;
	padding-left: 12px;
	float: left;
	color: #666;
	font-size: 12px;
	line-height: 150%;
}
	#primaryContent h1 {
		color: #9D9FA2;
		font-family: "Times New Roman", Times, serif;
		font-size: 24px;
		text-transform: uppercase;
		margin: 0;
		font-weight: normal;
	}
	#primaryContent h2 {
		color: #9D9FA2;
		font-size: 15px;
		border-bottom: 1px dashed #9D9FA2;
	}
	#primaryContent h2.subtitle {
		color: #D0222A;
		font-family: "Times New Roman", Times, serif;
		font-size: 15px;
		font-style: italic;
		margin: -2px 0 0 10px;
		letter-spacing: -0.5px;
		border: 0;
	}
	#primaryContent ul,
	#primaryContent ol {
		margin-left: 20px;
	}
	#primaryContent ul li {
		list-style-type: disc;
	}
	#primaryContent ol li {
		list-style-type: decimal;
	}
	#primaryContent blockquote {
		margin: 1em 0.5em;
		font-style: italic;
		color: #666666;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
	}
	#primaryContent blockquote.centerQuote {
		background: transparent url(../images/layout/quote.png) no-repeat 0 0;
		padding: 5px 0 0 0;
	}
	#primaryContent blockquote.centerQuote div.inner {
		background: transparent url(../images/layout/quote2.png) no-repeat 100% 100%;
		text-align: center;
		padding: 0 0 5px 0;
	}

	#primaryContent a {
		color: #000000;
	}

	#primaryContent table.overview {
		margin-top: 15px;
		width: 100%;
	}
	#primaryContent table.overview tr {
		height: 50px;
		cursor: pointer;
	}
	#primaryContent table.overview tr td {
		border-bottom: 1px solid #dcdcdc;
	}
	#primaryContent table.overview tr.header {
		height: 12px;
		background-color: #9c9ea1;
		color: #ffffff;
		border-bottom: 0px;
		cursor: auto;
	}
	#primaryContent table.overview tr.header th {
		font-weight: bold;
	}
	#primaryContent table.overview tr.header th a {
		color: #ffffff;
		text-decoration: none;
		font-style: italic;
	}
	#primaryContent table.detail {
		margin-top: 25px;
		margin-bottom: 0px;
		width: 100%;
	}
	#primaryContent table.detail tr.header {
		color: #ffffff;
		background-color: #9c9ea1;
	}
	#primaryContent table.detail tr.header td {
		padding-left: 5px;
		font-weight: bold;
	}
	#primaryContent table.detail tr {
		border-bottom: 1px solid #dcdcdc;
	}
	#primaryContent table.detail tr td.detailFieldName {
		width: 170px;
		vertical-align: top;
		font-weight: bold;
		color: #e51837;
		padding-left: 10px;
		letter-spacing: 0.5px;
	}


.primaryWide {
	width: 700px !important;
}

#backOverview {
	width: 33%;
	float: left;
	text-align: left;
}
#moreInfo {
	width: 34%;
	float: left;
	text-align: center;
}
#mailFriend {
	width: 33%;
	float: right;
	text-align: right;
}

a.print {
	background: url("/design/images/icons/print.png") no-repeat 0 50%;
	padding-left: 25px;
	float: right;
}

/* ===== SECONDARY CONTENT =========================================== */
#secondaryContent {
	width: 212px;
	padding: 12px;
	float: left;
}
#secondaryContent p.info{ font-size:12px; color:#666666; margin-top:0; }
#secondaryContent p.info a{ color:#E51837; }

#secondaryContent ul.niceList li{ padding:4px 0; background:url(../images/layout/bullet_sidebar.gif) no-repeat 0 4px; padding-left: 20px; }
#secondaryContent ul.niceList li a{ line-height:13px; font-size:12px; color:#E51837;  }

	#secondaryContent .highlighList li {
		background-color: #E6E7E8;
		width: 210px;
		/*padding: 4px 4px 5px 4px;*/
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	#secondaryContent .highlighList li img {
		border: 1px solid #ffffff;
		width: 200px;
		margin: 4px 4px 0 4px;
		display: block;
	}
	#secondaryContent .highlighList li p.info {
		background-color: #9D9FA2;
		margin: 0 0 5px 5px;
		padding: 4px 0 0 6px;
		height: 37px;
		height: 49px;
		width: 122px;
		float: left;
		color: #FFFFFF;
		font-weight: bold;
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 11px;
	}
	#secondaryContent .highlighList li p.info span {
		font-weight: normal;
	}
	#secondaryContent .highlighList li a.meer {
		display: block;
		width: 72px;
		height: 27px;
		background: #D31633 url(../images/layout/tekoop.png) no-repeat 0 25%;
		text-align: center;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		padding-top: 26px;
		line-height: 25px;
		float: right;
		margin: 0 5px 5px 0;
	}
	#fr #secondaryContent .highlighList li a.meer {
		display: block;
		width: 72px;
		height: 27px;
		background: #D31633 url(../images/layout/avendre.png) no-repeat 0 25%;
		text-align: center;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		padding-top: 26px;
		line-height: 25px;
		float: right;
		margin: 0 5px 5px 0;
	} 
	
	#secondaryContent .highlighList li a.meer:hover {
		color: #FFCFD1;
	}

/* ===== TERTIARY CONTENT =========================================== */
#tertiaryContent {
	margin: 55px 0 0 -8px;	/* was 65px 0 0 15px */
	width: 218px;			/* was 180px; */
	padding: 0;
	float: left;
}
	#tertiaryContent .imageList {
		overflow: hidden;
		width: 100%;
	}
	#tertiaryContent .imageList li {
		padding: 3px;
		border: 1px solid #DCDCDC;
		float: left;
		margin-bottom: 6px;
		margin-right: 5px;
	}
	#tertiaryContent .imageList li img {
		float: left;
	}
	
/* ===== FOOTER =========================================== */
#siteFooter {
	margin: 0;
	width: 954px;
	padding: 6px 13px;
	background-color: #E51837;
	color: #FFFFFF;
	font-size: 12px;
}
	#siteFooter a {
		color: #FFFFFF;
	}




/* ===== GOOGLE MAP =========================================== */
#kantoorMap {
	margin: 1em 0;
	border: 3px solid #9D9FA2;
}

/* ===== STYLED FORM =========================================== */
.niceForm fieldset {
	border-top: 1px solid #9D9FA2;
	padding-left: 1em;
	margin: 1em 0;
}
	.niceForm fieldset div {
		width: 100%;
		overflow: hidden;
		padding: 5px;
		margin-bottom: 5px;
	}
	.niceForm fieldset legend {
		font-weight: bold;
		color: #9D9FA2;
		font-size: 110%;
	}
	.niceForm fieldset label {
		float: left;
		width: 25%;
	}
	.niceForm fieldset input,
	.niceForm fieldset select,
	.niceForm fieldset textarea {
		float: left;
		width: 50%;
		margin-right: 5px;
		border: 1px solid #9D9FA2;
		padding: 1px 3px;
	}
	.niceForm fieldset input.number {
		text-align: right;
	}
	.niceForm input.submit {
		display: block;
		margin-left: 188px;
	}

	.niceForm fieldset div.checkradio input {
		float: none;
		width: auto;
		margin-right: 0;
		border: 0;
		padding: 0;
	}
	.niceForm fieldset div.checkradio label {
		float: none;
		width: auto;
	}
	.niceForm fieldset div.checkradio p.fakelabel {
		float: left;
		width: 25%;
	}
	.niceForm fieldset div.checkradio p.checkradioContainer {
		float: left;
		width: 50%;
	}

	/* ERRORS */
	.niceForm fieldset div.error {
		color: #FF0000;
		background-color: #FFFCD9;
	}
	.niceForm fieldset div.error div.errorMessage {
		clear: both;
		padding: 0;
		margin-bottom: 0;
		width: auto;
		margin-left: 25%;
		font-style: italic;
		width: 100%;
	}
	.niceForm fieldset div.error input,
	.niceForm fieldset div.error select,
	.niceForm fieldset div.error textarea {
		border: 1px solid #FF0000;
	}

	/* OTHER FORM STYLES */
	span.required {
		color: #FF0000;
		font-weight: bold;
	}

/* ===== LANGUAGE SELECT =========================================== */
ul#langSelect {
	position: absolute;
	top: 190px;
	left: 5px;
}
ul#langSelect li {
	display: inline;
}
ul#langSelect li a {
	display: block;
	float: left;
	background-color: #BFBFBF;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	text-decoration: none;
	height: 24px;
	width: 24px;
	text-align:center;
	line-height: 24px;
	margin-right: 5px;
}
ul#langSelect li a:hover {
	background-color: #E51837;
}