* {
	margin:0px;
	padding:0px;
}
html {
	height:100%;
}
body {
	font-size:11px;
	font-family:arial;
	height:100%;
	background-color:#011130;	
	background-repeat:repeat-x;	
	background-image:url('../images/bodyback.gif');	
	letter-spacing: 0.1pt;
}

hr {
	height:1px;
	color:silver;
	margin-top:5px;
	margin-bottom:5px;
}

h1 {
	font-size:14px;
	margin-bottom:10px;
}

h2 {
	font-size:12px;
}

h3 {
	font-size:16px;
}

td {
	vertical-align:top;
}

img {
	border: 0;
}

#page li 	{ 
	list-style-image:url(../images/bullet.jpg);
	margin-left:15px; 
	}

a {
	text-decoration:none;
	color:red;
	font-weight:bold;
}
p {
	margin-bottom:10px;
}
a:hover {
	text-decoration:none;
	color:gray;
}
fieldset {
	width:285px;
	padding:10px;
	border:1px solid silver;
	float:left;
	margin-right:10px;
}

/*main*/
#address {
	padding-top:4px;
	margin-left:10px;
	color:white;
}
#navbar {	
	position:relative;
	width:980px;
	padding-top:15px;	
	height:20px;	
}
#logos {
	padding-top:3px;
	margin-left:10px;
}
#header {
	width: 980px;
	height: 189px;
	background-image: url('../images/top.jpg');
}

#page {
	float:left;
	width:700px;
	margin:20px;	
	height:70%;
}

/* aanbod */
#query {
	height:60px;
	padding:5px;
}
.tabdiv {
	height:45px;
}
.sfeertitle {
	text-align:center;
}
.frontthumb {
	float:left;
	width:150px;
	height:280px;	
	border:1px solid white;
	padding:5px;
	margin-left:16px;	
	margin-bottom:20px;	
	background-repeat:repeat-x;
	background-position:top;
	color:white;
}
.frontthumb h2 {
	text-align:center;
	margin-bottom:4px;
}
.objectthumb h2 {
	text-align:center;
	margin-bottom:4px;
}
.frontthumb a img {
	max-height:100px;
	height: expression(this.height > 100 ? "100px" : true);
}
.objectthumb {
	float:left;
	width:155px;
	border:1px solid silver;
	padding:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	border:1px solid white;
	background-repeat:repeat-x;
	background-position:top;
	color:white;
}
.objectthumb a img {
	max-height:100px;
	height: expression(this.height > 100 ? "100px" : true);
}
.objectthumb img {
	border:1px solid white;
}
.red {
	background-color:#d3004c;
	background-image: url('../images/sfeer/red.jpg');
}
.green {
	background-color:#bbc296;
	background-image: url('../images/sfeer/green.jpg');
}
.blue {
	background-color:#009cdf;
	background-image: url('../images/sfeer/blue.jpg');
}
.brown {
	background-color:#b9978c;
	background-image: url('../images/sfeer/brown.jpg');
}
.orange {
	background-color:#ea6e24;
	background-image: url('../images/sfeer/orange.jpg');
}
.grijs {
	background-color:#ffba00;
	background-image: url('../images/sfeer/grijs.jpg');
}


/* details */
.navitem{	
	float:left;
	margin-left:10px;
	font-size:14px;	
}
.navitem a{
	font-weight:bold;
	color:#fff;
	font-style:italic;
}
.navitem a:hover{
	font-weight:bold;
	color:silver;
}
.detailthumb {
	float:left;
	width:68px;
	padding:5px;
	height:65px;	
}
#detailthumbwrapper {
	width:240px;
	float:left;		
	border-left:1px solid #ccc;			
	margin-left:2px;
}
#detailinfo {
	width:300px;
	float:left;
	height:100px;
	margin-left:10px;
}
#detailactions {
	width:340px;
	float:left;
	height:100px;	
}
#detailproperties {
	clear:both;
	margin-top:20px;	
	margin-left:10px;
}
#shortdesc {
	
}
#longdesc {
	
}
.greenbar {
	background-image: url('../images/sfeer/greenbar.jpg');
	background-repeat: repeat-x;
	padding:12px;
}
.greenbar h2 {		
	color:white;
	margin-bottom:20px;	
}

.bluebar {
	background-image: url('../images/sfeer/bluebar.jpg');
	background-repeat: repeat-x;
	padding:12px;
}
.bluebar h2 {		
	color:white;
	margin-bottom:20px;	
}

.redbar {
	background-image: url('../images/sfeer/redbar.jpg');
	background-repeat: repeat-x;
	padding:12px;
}
.redbar h2 {		
	color:white;
	margin-bottom:20px;	
}

.yellowbar {
	background-image: url('../images/sfeer/yellowbar.jpg');
	background-repeat: repeat-x;
	padding:12px;
}
.yellowbar h2 {		
	color:white;
	margin-bottom:20px;	
}

.orangebar {
	background-image: url('../images/sfeer/orangebar.jpg');
	background-repeat: repeat-x;
	padding:12px;
}
.orangebar h2 {		
	color:white;
	margin-bottom:20px;	
}

.brownbar {
	background-image: url('../images/sfeer/brownbar.jpg');
	background-repeat: repeat-x;
	padding:12px;
}

.brownbar h2 {		
	color:white;
	margin-bottom:20px;	
}

.grijsbar {
	background-image: url('../images/sfeer/grijsbar.jpg');
	background-repeat: repeat-x;
	padding:12px;
}

.grijsbar h2 {		
	color:white;
	margin-bottom:20px;	
}



#mainpicturewrap {
	width:720px;	
	margin-top:5px;
	margin-right:10px;
	text-align:center;
	margin-bottom:10px;
}
#wrapper {
	border:1px solid white;
	width:980px;
	margin:15px;
	text-align:left;			
	background-repeat:no-repeat;
	background-position:80% 80%;
	color:white;
}
#leftmenu {	
	background-repeat:no-repeat;
	background-position:right;
	width:180px;
	float:left;
	height:311px;
	padding-top:20px;
	padding-left:20px;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid silver;
}

.detailthumbimage {
	cursor:pointer;
	max-height: 45px;  	
  height: expression(this.height > 45 ? "45px" : true);
  border:1px solid silver;
  width:68px;  	
}
#rotate {
	width:980px;
}
#bottom {
	margin-top:20px;
	clear:both;	
}
#copyright {
	border-top: 1px solid silver;
	background-color:white;
	padding:4px;
	text-align:right;
}
