/*
	defaults
*/
html{
	background:url(images/bgmotief3.gif);
	
}

body {
	font-family:arial,sans-serif;
	font-size:12px;
		color:#191042;	padding-bottom:10px;
	
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}

a {color: #fff;}
/* 
	global
*/
#container {
	margin: 0 auto;
	width: 812px;
	border: #fff solid 1px;
	margin-top:10px;
overflow:hidden;
	background: #fff;
}


/*
	header 
*/
#logo  {
	display: block;
	height: 165px;
	background: url(images/header.gif);
	border-bottom: 1px solid #fff;
}

#logo span {
	display: none;
}

#photo {
	background: url(images/headerFoto.jpg);
	height: 252px;
	position:relative;
	border-bottom:1px solid #fff;
	
}
#photo #photoCycler {
		height: 252px;
	overflow:hidden;
}
#photo a {
	display:block;
	position:absolute;
	left:124px;
	bottom:-16px;
	width:322px;
	height:58px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background-color:#650700;
	border:1px solid #fff;
	font-size:22px;
	padding-top:2px;
	z-index:10000;
}

#photo a small {
	display:block;
	padding-bottom:5px;
	font-size:12px;
}

/*
	content area: menu
*/
#menu {
	width:211px;
	float:left;

}
/*#sub #menu {
	padding-top:269px;
	background:#191042 url(images/menu.jpg) top left no-repeat;
	
}
#homepage*/ #menu {
	padding-bottom:269px;
	background:url(images/menu.jpg) bottom left no-repeat;
	
}
#homepage #menu ul{
	padding-top:10px;
	background-color:#191042;
}
#sub #mid {
	background:url(images/bg.gif);
overflow:hidden;
position:relative;
}

#sub #menu ul {
	border-top:1px solid #fff;
	
}
#menu li {
	line-height:33px;
	background-color:#191042;
	border-bottom:#676283 1px solid;
	text-decoration:none; 
	}

#menu li a {
	color:#fff;
	padding-left:10px;
	text-decoration:none; 
}
/*
	content area: content
*/
#content {
	float:left;
	width:601px;
	overflow:hidden;
	text-decoration:none; 
}

#calculationForm{
	height:188px;
	}
#calculationForm label {
	color:#191042;
	font-weight:bold;
}
#calculationForm .block label {
	display:block;
	padding-bottom:2px;
}
#calculationForm .inline,
#calculationForm .block {
	line-height:25px;
	
}
#calculationForm .left {
	width:224px;
	padding-top:20px;
	padding-left:25px;
	float:left;
	
}
#calculationForm .right {
	padding-top:20px;
	float:right;
	padding-left:25px;
	width:325px;
	position:relative;
	
}
#calculationForm #budget {
	width:100px;
}
#showPossibilities {
	position:absolute;
	right:0;
	bottom:-1px;
}
#info {
	color:#fff;
	text-decoration:none; 	
}

#info h2{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	line-height:42px;
	padding-left:15px;
}
#info blockquote {
	padding-left:15px;
	padding-bottom:29px;
	text-decoration:none; 
	
}
#info blockquote p {
	font-style:italic;
	padding-bottom:5px;
	text-decoration:none; 
}

#info blockquote cite {
	padding-left:88px;
	text-decoration:none; 	
}

#info .left {
	width:299px;
	float:left;
	height:329px;
	overflow:hidden;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background: #191042 url(images/badgepurple.gif) bottom left no-repeat ;
	text-decoration:none; 
}

#info .right {
	width:300px;
	overflow:hidden;
	height:329px;
	float:left;
	background:#191042;
	text-decoration:none; 
}

#info .right img {
	float:left;
	border:1px solid #fff;
	margin-left:15px;
	margin-right:15px;
	text-decoration:none; 
}

#info .right li {
	padding-bottom:23px;
	text-decoration:none; 
}

#info h3 {
	font-weight:bold;
	padding-bottom:5px;
	
}
#form h1 {
	font-size:14px;
	font-weight:bold;
	padding-left:12px;
	padding-top:20px;
	padding-bottom:26px;
	color:#191042;
	text-transform:uppercase;
	
}
#form p {
	padding-left:12px;
	padding-bottom:5px;
}
#form #reasons li{
	background:url(images/bullet.gif) 10px top  no-repeat;
	line-height:30px;
	padding-left:40px;
}
#form #reasons  {
	padding-bottom:34px;
}
#form .textBox {width:152px;}
#form label.text {
	font-size:14px;
	float:left;
	width:100px;
	padding-left:12px;
	color:#191042;
	text-transform:capitalize;
}
#form form li{
	height:30px;
}
#form form li.big {
	height:80px;
}
#form form textarea {
	width:400px;
}
#form #verstuur {
	margin-left:10px;
}
#bottomForm {
	background:#fff url(images/badgewhite.gif) bottom right no-repeat;
	border-top:1px solid #000;
	padding-top:10px;
	
}
#bottomForm li {
	font-size:14px;
	font-weight:bold;
}
#bottomForm li label {
	font-weight:normal;
}
.results h1 {
	font-size:14px;
	font-weight:bold;
	padding-left:12px;
	padding-top:20px;
	padding-bottom:26px;
	color:#191042;
	text-transform:uppercase;
}
.results p {
	padding-left:12px;
	font-size:14px;
}
.results {
	border-top:1px solid #000;
	padding-bottom:117px;
	background:url(images/logos.gif) bottom left no-repeat;
}
.results p.warning {
	background:url(images/warning.gif) 10px top no-repeat;
	padding-left:50px;
	height:50px;
}
.beschikbaar {color:green;}

#tableResults .price {
	height:120px;
	width:300px;
	font-size:20px;
	padding-top:20px;
	text-align:center;
}
#tableResults .price em {
	font-size:12px;
	line-height:14px;
}
#tableResults .price span {
	display:block;
}
.resultOffer{
	position:relative;
	margin-top:10px;
}
.resultOffer table {
	margin-top:20px;
	margin-bottom:40px;
	margin-left:12px;
}
.resultOffer table td {
	padding-right:20px;
}
.vraag {
	width:100px;
	top:0px;

	position:absolute;
	right:25px;
}

.vraag span {
	font-size:36px;
	display:block;
	text-align:center;
}

.vraag a{
	color:#191042;
		text-align:center;
	display:block;
	font-size:11px;
}
#content.custom {padding:10px;width:581px;}
/* 
	footer
*/
#footer {
	height:77px;
	background:url(images/footer.gif);
	border-top:#fff 1px solid ;
	color:#c8c5d5;
	padding-left:40px;
	line-height:77px;
}
/* 
	fixes
*/
.clearfix:after,#form li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

