/********************GENERAL**********************************/


html, body, #container, #top, #logo, #imagepres{ height:100%; }


body {
	margin:0; 
	padding:0;
	background: #f3f1f5;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	position:relative;



}


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

p{
	line-height:150%;
}

/**********************CLASSES********************************/

.maincontainer{
	float:right;
	margin:4px;
	margin-right:0;
	padding:0;
}

.title{
	font:25px Sylfaen, Helvetica, Arial, sans-serif;
	color: #3f2513;
	background: url('elements/Archidomus-Previs03b-titlegrad.jpg') repeat-x bottom left;
	width:880px;
	border-bottom: #bbb 1px solid;
	padding:18px;
	padding-top:30px;
	padding-bottom:20px;
	margin:0px;
}


.next{
	color:#111;
	float:right;
	padding:5px;
	background:#fff;
}

.lightcolor{
	color: #8f7583;
}



.houselink{
	clear:both;
	display:block;
	width:560px;
	height:80px;
	/*border-top: #eee 1px solid;*/
	border-bottom: #eee 1px solid;
	padding:10px;
}

.houselink:hover{
	background: #e6e5e8; /*url('elements/Archidomus-Previs03b-titlegrad.jpg') repeat-x bottom left;*/
}

.houselink:hover p.housetext{
	color:#7f6553;
}

.housetext{
	float:left;
	font-size:17px;
	width:400px;
	letter-spacing:2px;
	padding:0;
	padding-top:20px;
	margin:0;
	color:#3f2513;
}

.subhousetext{
	float:left;
	font-size:11px;
	width:400px;
	letter-spacing:2px;
	padding:0;
	padding-top:4px;
	margin:0;
	color:#777;
}

.housethumbnail{
	float:left;
	border: #aaa 1px solid;
	padding:3px;
	margin:5px;
	margin-right:30px;
}

.thumb{
	width:69px;
	height:50px;
}

/**********************INTRO**********************************/

#bgcolor{
	margin:0;
	padding:0;
	background: #081c24;
}

#IntroContainer{
	position:relative;
	top:0;
	left:50%;
	padding-top:0px;
	margin-left: -300px;
	width:600px;
	height:580px;
}

#intro{
	width:100%;
	height:100%;
}

#introbuffer{
	width:100%;
	height:0px;	
}
	
#head{
	
	margin:0;
	padding:0;
	width:100%;
	height:100px;
	/*border-bottom:1px solid #b6b5b7;*/
	
}

#logohead{
	position:relative;
	top:41px;
	width:190px;
	height:56px;
	background: url('elements/ArchidomusIntroLogo.jpg') no-repeat left bottom transparent;
}


/**********************HEADER*********************************/

#container{
	position:relative;
	left:50%;
	margin-left:-460px;
	width:919px;
	height:auto;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
	background: #fff url('elements/Archidomus-Previs03b-footerbg.jpg') no-repeat bottom left;
}

#top{
	width:916px;
	
}

#logo{
	float:left;
	width:339px;
	height:118px;
	background: url('elements/Archidomus-Previs03b-logo.jpg') no-repeat 0px 0px transparent;
}

#imagepres{
	float:right;
	width:577px;
	height:118px;
	background: url('elements/Archidomus-Previs03b-imghouse01.jpg') no-repeat 0 0 transparent;
}

#flashslideshow{
	position:relative;
	width:577px;
	height:118px;
	top:-2px;
	left:-2px
}

#nav{
	clear:both;
	width:919px;
	height:38px;
	background: url('elements/Archidomus-Previs03b-navbar.jpg') repeat-x 0 0 transparent;
}

#navleft{
	float:left;
	width:36px;
	height:38px;
	background: url('elements/Archidomus-Previs03b-navbarL.jpg') no-repeat 0 0 transparent;
}

#navright{
	float:right;
	width:36px;
	height:38px;
	background: url('elements/Archidomus-Previs03b-navbarR.jpg') no-repeat 0 0 transparent;
}

#navcenter{
	margin:0;
	float:right;
}

#navlist{
	margin:0;
	padding:0;
	list-style-type:none;
}

#navlist li{
	float:left;
}

#navlist a{
	display:block;
	margin-top:3px;
	margin-bottom:2px;
	padding:8px;
	padding-left:15px;
	padding-right:15px;
	border-left: #1f3543 1px solid;
	border-right: #375668 1px solid;
	text-transform:lowercase;
	color:#91a0b3;
	font-weight:900;
}

#navlist a:hover{
	color:#ccc;
}

#navlist a#renovatieslink:hover{
	color:#91a0b3;
}

/*************************MAIN**************************************/

#maincontainer{
	float:right;
}

/*************************FOOTER************************************/

#footer{
	clear:both;
	height:100px;
	padding-top:20px;
	margin:0;

}

#footer ul#footertext{
	color:#555;
	text-align:center;
	margin:0;
	padding-top:60px;
	list-style-type:none;
	position:relative;
	bottom:0px;
}

#footer ul li{
	display:inline;
}


/*************************IMAGEGALLERY******************************/

#imggallerycontainer{
		clear:both;
		float:right;
		position:relative;
		padding-left:100px;
		padding-top:30px;	
		width:200px;
		height:400px;
		overflow:visible;
}






#imggallerycontainer ul{
	margin:0;
	padding:0;
}

#imggallerycontainer li{
	display:inline;
	list-style-type:none;
	
}

#imggallerycontainer a{
	display:block;
	float:left;
	border: 1px solid #eee;
	margin:0;
	padding:3px;
	padding-bottom:0px;
}

#imggallerycontainer a:hover{
	border: #879 solid 1px;
}

#imggallerycontainer a span, #imggallerycontainer a:visited span {display:none;}

#imggallerycontainer a:hover span {
  	position:absolute;
	top:32px;
	left:-505px;
	width:533px;
	height:400px;
	display:block;
	padding:0;
	margin:0;
	border: #999 solid 1px;  
	z-index:10;
}

/* hacks */
* html #imggallerycontainer a:hover span {
  width:533px; w\idth:516px;
  }



/**/


#imggallerycontainer img{
	padding:0;
	margin:0;
	border: 1px solid #eee;
}


/******************************CONTACT**************************************************/

#maincontainercontact{
	clear:both;
	margin:80px;
	width:80%;

}


#maincontact2textL{
	float:left;
	/*border:1px solid #e2e5e6;*/
	color:#535456;
	/*color:#c3c3e3;*/
	margin-top:10px;
	padding:0;
	width:400px;
	height:300px;
	background: url('elements/archidomus-AE-logo-01.gif') no-repeat 0px -10px transparent;
	/*background: #f4f5f8;*/
	/*background:#21202f;*/
}

#maincontact2textL ul{
	visibility:hidden;
	margin:0;
	padding:25px;
	list-style-type:none;
}


#maincontact2textR{
	float:right;
}

#maincontact2textR p{
	text-align:right;
}

#maincontact2textR form p{
	color: #818184;
}

.required{
	line-height:25px;
	color: #122334;
	text-decoration:overline;
}

#maincontact2textR input, textarea {
	border: 1px solid #416184;
}

input#verzendbutton{
	background: transparent;
	border: 2px #fff solid;
}

input#verzendbutton:hover{
	background: #fff;

}

.lightcolorcontact{
	color: #4f5563;
	/*color:#dfe2f1;*/
}

.lightcolorcontact2{
	color: #3f3543;
	/*color:#c3c4d3;*/
}

.contactmessage{
	position:absolute;
	top:630px;
	left:620px;
}


#red{
	color: #812121;
}

#green{
	color: #218121;
}

/**********************************SLIDESHOW***********************************************/