/* Global settings */
body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 80%;
	color: #666666;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
}
a img { border:0px; }
h2 { font-size: 120%; border-bottom: 6px solid #888; margin-top:4px;}
h3 { font-size: 100%; }
a:link, a:visited { color:#4d85cc; text-decoration: none; }
a:hover{ color:#3062b2; text-decoration: none; }

/* Page IDs */
#wrapper-menu-top, #header, #wrapper-content{	/* , #wrapper-footer   Set page width for the content wrappers */
	width: 928px;
	text-align: left;
}

#wrapper-menu-top, #header{
	height:38px;
}
#wrapper-menu-top {
	background-color: white;
}
	#menu-top {
		float:left;
		width:100%;
		background:white;
		font-size:93%;
		line-height:normal;
		border-bottom:1px solid #24618E;
	}
	#menu-top ul {
		margin:0;
		padding:10px 10px 0 10px;
		list-style:none;
	}
	#menu-top li {
		display:inline;
		margin:0;
		padding:0;
	}
	#menu-top a {
		float:left;
		background:url("images/tableft.gif") no-repeat left top;
		margin:0;
		padding:0 0 0 5px;
		text-decoration:none;
	}
	#menu-top a span {
		float:left;
		display:block;
		background:url("images/tabright.gif") no-repeat right top;
		padding:5px 15px 4px 6px;
		color:#24618E;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#menu-top a span {float:none;}
	/* End IE5-Mac hack */
	#menu-top a:hover  {
		color:#FFFFFF;
		background-position:0% -42px;
	}
	#menu-top a:hover span {
		color:#FFFFFF;
		background-position:100% -42px;
	}
#bg {
	background: transparent url('images/backdrop.png') repeat-y center top;
	width:945px;
}
#wrapper-header { /* header with optional horizontal bar */
	/*background: transparent url('/images/bg.png') top center repeat-x;*/
}
	#header { /* header image */
		background: #555 url('images/ictsolution_header_remainder.jpg') no-repeat center top;
		text-align:right;
		color: white;
		line-height: 3em;
		height: 120px;
	}
		#header h1 { /* header title */
			margin: 0 30px;
			padding: 10 0 0 0px;
			font-size: 170%;
		}
		#header p { /* slogan */
			margin: 0 30px;
			font-weight:bold;
		}
	#wrapper-header2 { /* Left side shade header */
		
	}
	#wrapper-header3 { /* right side shade header */
		
	}
#wrapper-content {
	
}
	#breadcrumbs{
		background-color: #2b292a;
		margin-top:1px;
		color: white;
		padding:2 0 2 6px;
		font-size:90%;
		text-transform:capitalize;
	}
	#company-logo{
		height:100px;
		width:185px;
		background: transparent url("images/logo_Yvesco.jpg") no-repeat center;
	}
	/* Different content layouts */
	#content {
		padding: 5px 200px 5px 200px;
	}
	#content2_3 {
		padding: 5px 200px 5px 25px;
	}
	#content1_3 {
		padding: 5px 25px 5px 200px;
	}
	#contentfull {
		padding: 5px 25px 5px 25px;
	}
#wrapper-last-items { /* LIJST MET LAATSTE TOEGEVOEGDE  ITEMS */
	margin: 10px 0 0 20;
	padding:1px;
	line-height: 120%;
	color:black;
	text-align:center;
	width:150px;
	font-size:90%;
}
	#wrapper-last-items ul{
		margin:0px;
		padding:0px;
		display:block;
		list-style:none;
	}
	#wrapper-last-items ul li{
		padding: 0 5 7 5px;
		background: transparent url("images/shadeBox_02.png") repeat-y center top;
		border-bottom:1px solid #DEDEDE;
	}
	#wrapper-last-items .header{
		padding:10 0px;
		font-weight:bold;
		text-decoration:underline;
		background: transparent url("images/shadeBox_01.png") repeat-y center top;
	}
	#wrapper-last-items p {
		margin:0px;
	}
	#wrapper-last-items .title {
		padding:5px 0px;
		font-size:95%;
	}
	#wrapper-last-items .info {
		font-size:90%;
		padding-left:2px;
	}
	#wrapper-last-items .boxBtm{
		background: transparent url("images/shadeBox_03.png") repeat-y center bottom;
		padding:10 0px;
	}
#wrapper-menu-page {
	float: right;
	width:180px;
	margin: 0px 10px 3em 0px;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}
#wrapper-main-menu {
		float: left;
		width:185px;
		margin: 1 0 0 0px;
		line-height: 140%;
		font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	}
	#main-menu {
		
	}
	#main-menu ul {
		margin: 0;
		padding: 0 0 0 3px;
		list-style: none;
		font-size: 100%;
	}
	#main-menu a:link, #menu-page a:visited { color: #333333; }
	#main-menu a:hover {color: black; text-decoration:underline;}
#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}
#footer {
	margin: 0 0px;
	background-color: #cccccc;
	border-bottom: 0;
	background: transparent url('images/footer_top.png') no-repeat center top;
	padding-top:10px;
	font-size:85%;
	clear:both;
}
	#footer a {
		color:#444;
		text-decoration:underline;
	}
	#footer a:hover {
		color:#000000;
		text-decoration:none;
	}
	#footer table{
		background-color:white;
	}
/* Page specific layouts */
#clientLogin {
	padding: 11 0 10 2px;
	margin-top:15px;
	text-align:center;
	height:170px;
	background: transparent url('images/clientPortal_bg.png') no-repeat center top;
}
	#clientLogin h3{
		margin-bottom:26px;
	}
	#clientLogin p{
		margin:0px;
		padding:1 0px;
		line-height:11O%;
	}
	#clientLogin input {
		font-size:smaller;
		width:80%;
	}
#quickSearch {
	margin:6 0px;
	padding-left:5px;
}
#mailing  table{
	font-size:100%;
	text-align:left;
}
#mailing{
	text-align:center;
}
#ajax_listOfOptions{position:absolute;width:175px;height:250px;overflow:auto;border:1px solid #317082;background-color:#FFF;text-align:left;font-family:Verdana, Arial;font-size:11px;z-index:100;}
#ajax_listOfOptions div{margin:1px;padding:1px;cursor:pointer;font-size:0.9em;}
#ajax_listOfOptions .optionDiv{}
#ajax_listOfOptions .optionDivSelected{background-color:#317082;color:#000;}
#ajax_listOfOptions_iframe{background-color:#F00;position:absolute;z-index:5;}
#mailing form{display:inline;}
#mailing input , textarea{
	background-color:#eeeeee; 
	border:1px Solid #666666; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	margin:1px;
}
#searchCategories{
	text-align:left;
	padding:10px;
	background:transparent url("images/quickSearch_bg.png") no-repeat left top;
	width:520px;
	height:360px;
}
	#searchCategories table{
		width:100%;
		border:0px;
		font-size:100%;
		margin-top:-1px;
	}
	#searchCategories table  td{
		vertical-align:top;
		width:33%;
		padding-left:10px;
	}
	#searchCategories table  .title{
		font-size:110%;
		font-weight:bold;
		padding-bottom:8px;
	}
	#searchCategories table  .item{
	}
#link{
	padding-left:25px;
	margin-top:-28px;
}
#searchform{
	color:black;
	width:522px;
	text-align:left;
	padding:10px;
	margin-left:0px;
	border:1px solid #aaa;
	line-height:180%;
	background:white url("images/vergrootglas.png") no-repeat center;
}
	#searchform table{
		font-size:100%;
		width:100%;
	}
	#searchform ul{
		list-style:none;
		margin:0 10px;
	}
	#searchform input, #searchform select{
		font-size:90%;
	}

/* Bugfixes */


/* SearchResults */
.searchResult{font-size:100%; width:700px;}
.searchResult .verkocht_verhuurd {
	width:140px;
	padding:3px;
	background-color:#BB3344;
	color:white;
	text-align:center;
	font-weight:bold;
	margin:5px;
	border:1px solid red;
	float:left;
}
.new, .update, .optie{text-align:center;cursor:pointer;}
.new{padding:0px 5px; background-color:green; color:white;}
.update{padding:0px 5px; background-color:#ffcc33; color:white;}
.optie{padding:0px 5px; background-color:#ff6600; color:white;}

.searchResult .rowstyle1{width:690px;}
.searchResult .rowstyle1 .title{font-weight:bold; border-bottom:1px solid #333333; margin-bottom:10px;}

.searchResult .rowstyle1 .mainImage{float:left;margin-right:10px;margin-left:5px;}

.searchResult .rowstyle1 .description{text-align:justify;padding:8px;}

.searchResult .rowstyle2{width:690;}
.searchResult .rowstyle2 .title{font-weight:bold; border-bottom:1px solid #333333; margin-bottom:10px;}
.searchResult .rowstyle2 .mainImage{float:left; margin-right:10px; margin-left:5px;}
.searchResult .rowstyle2 .informationRequest{text-align:left;}
.searchResult .rowstyle2 .description{text-align:justify;}

#stbInfo {width:260px;float:left;padding-top:20px}
#stbInfo table{font-size:85%; color:black;}
#stbInfo td{background-color:#e4e4e4;padding:3 10px; }
#stbInfo .bold {background-color:transparent;}
#specs table {font-size:100%;vertical-align:top; padding-top:5px;}
#detailInfo {border-top:2px solid #BBB; margin:10 10 10 280px; padding-top:10px;}
#detailInfo #desc{}
#detailInfo .verkocht_verhuurd {padding:1px; background-color:#BB3344; color:white; text-align:center; font-weight:bold;margin:5px;}

#imageContainer{float:left;margin-right:15px;width:270px;}
#imageContainer .smallImg {margin:1px; padding:1px; background-color:white; width:88px; height:88px; border:1px solid #CCC}
#imageContainer .smallImg_No {margin:1px; padding:3px; background-color:white; width:100px; border:1px solid #CCC}
#bigImg {text-align:center;}


/* Classes */
.bold {font-weight:bold;}
.orange {color:#f16818; margin:0; padding:0}
.blue {color:#40BFDE; margin:0; padding:0}
.small {font-size:smaller;}
.submit{border:1px solid #333;padding:0px; margin:0px;}
.underlinedlink{text-decoration:underline;}
.smaller{font-size:90%;}

.facilimmo-normal{font-family:Verdana, Arial;font-size:10px;color:#000000;}
.facilimmo-alert{font-family:Verdana, Arial;font-size:10px;color:#000000;background:#FFA6A6;}
.facilimmo-header{font-family:Verdana, Arial;font-size:11px;font-weight:bold;color:#eeeeee;background:#013b60;}
.facilimmo-buttons{font-family:Verdana, Arial;font-size:11px; color:#000000; background-color:#FF3300; margin-left:15px;}

