body{
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, Verdana;
	font-size:14px;
	line-height:16px;
	background: #f6f6f6;
}
html, body, #wrap {height: 100%;}
body > #wrap {
	margin:0 auto;
	width: 999px;
	min-height:100%;
	height:100%;
	height:auto;
	background: #f6f6f6;
	font-family:Arial;}

#wrap * a{
	text-decoration:none;
	/*color:#555; */
}

.clear:after{
	content: ""; display:block; clear:both;
}
.clear{zoom:1;} /* IE */

#main {padding-bottom: 150px;}	

#container{
	display:block;
	float:left;
	width:999px;
	min-height:700px;
	height:auto;
	background:#FFF;
}
#container #header{
	display:block;
	float:left;
	width:999px;
	height:139px;
	background:#fff;
	z-index:10;
}
#container #header #logo{
	background: url(../images/logo.png) no-repeat transparent;
	display: block;
	float: left;
	height: 139px;
	padding-left: 18px;
	width: 382px;
}
	#container #header #logo *{
			position:absolute;
			top:0px;
			z-index:15;
			float:left;
			display:block;
		}
	#container #header #logo a{
			padding:0;
			color:#021250;
			font-family:"Times New Roman", Georgia;
			font-size:17px;
			font-weight:bold;
			line-height:19px;
			text-decoration:none;
			letter-spacing:0px;
	}	
#container #header #mobile{
background:transparent none repeat scroll 0 0;
display:block;
float:left;
height:82px;
padding-right:50px;
padding-top:57px;
text-align:right;
width:549px;
}
#container #header #mobile p{
	font-size:16px;
}

#gallery_wrap {
    display: block;
    float: left;
    height: 450px;
    margin: 0px;
    margin-left: -45px;
    padding: 20px 90px;
    text-align: left;
    width: 819px;
   
}
#container #menu{
	display:block; 
	float:left; 
	width:999px; 
	height:215px; 
	background:url("../images/menubg2.jpg") no-repeat;
}

#container #menu #payoff {
display:block;
float:left;
/* height:auto; */
height:136px;
margin:20px 48px;
width:903px;
}
#container #call_to_action{
	clear:both;
	display:block;
	width:999px;
	text-align:right;
	position:relative;
	right:20px;
	z-index: 9999;
	float:right;
	margin-top:-34px;
}
/*
#container #menu #payoff{
	display: block;
	float: left;
	height: auto;
	margin: 30px 38px;
	margin-bottom: 20px;	
	width: 903px;
}
*/
#container #uitleg{
	display:block;
	float:left;
	width:999px;
	height:2px;
	position:relative;
}

#container #uitleg form{
	background: #F6F6F6;
	border-top: 0px;
	display: none;
	height: 120px;
	margin-left: 48px;
	padding: 0px 20px 10px 20px;
	position: absolute;
	right: 120px;
	top: 0px;
	width: 800px;
	z-index: 300;
}
#container #uitleg form p{
	font-size:12px;
	color:#555;
}

#container #uitleg #toggle{
	background: url("../images/huh.png") no-repeat 0% 0%;
	border: 0px;
	height: 45px;
	position: absolute;
	right: 0px;
	text-indent: -9999px;
	top: -1px;
	width: 85px;
	margin-right:35px;
}
#container #uitleg #toggle.up { 
	background:url(../images/huh.png) no-repeat right top; 
}

#container #content{
	display: block;
	float: left;
	height: auto;
	padding: 38px 65px 68px 45px;
	width: 891px;
	/*margin-bottom:60px; */
}
#container #content.usability{
	margin-top:30px;
}	
#container #content #pageheader{
	background: transparent;
	display: block;
	float: left;
	height: auto;
	margin-bottom: 20px;
	margin-top: 1px;
	padding-top: 20px;
	width: 891px;
	}
	#container #content #pageheader h1{
		display:none;
	}

#container #content #maincontent{
	display:block;
	float:left;
	background:transparent;
	min-height:350px;
	height:auto;
	width:940px;
}
#container #content #maincontent.usability{
	width:580px;
}
#container #content #maincontent #blok1{
	background:#EAEAEA none repeat scroll 0 0;
	border:1px solid #F8F8F8;
	display:block;
	float:left;
	height:220px;
	width:849px;
	padding:20px;
}
#container #content #maincontent #blok2{
	background: none repeat scroll 0px 0px rgb(248, 248, 248);
	border: 1px solid rgb(234, 234, 234);
	display: block;
	float: left;
	height: 190px;
	margin-top: 1px;
	padding: 20px;
	width: 849px;
}
#blok1 p, #blok2 p{
	padding: 0px !important;
}
#footer {
	clear:both;
	position: relative;
	margin-top: -106px; /* negative value of footer height */
	height:106px;
	clear:both;
	background:url("../images/footer_bg.png") repeat-x;
	width:999px;
	margin: 0px auto;
	margin-top:-106px;
}
#footer_overlay{
		background:url("../images/footer_overlay.png") no-repeat;
		display:block;
		bottom:0px;
		position:absolute;
		width:999px;
		height:106px;
		z-index:5;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.quote{
	background: rgb(247, 247, 247);
border: 1px solid rgb(234, 234, 234);
display: block;
float: right;
margin: 0px 0px 20px 40px;
padding: 15px;
width: 360px;
}
.quote p{
	font-family: Georgia;
	font-weight:normal;
}

#boxes{
	display: block;
	float: left;
	min-height:300px;
	height: auto;
	width: 891px;
}
#e1, #e2, #e3{
	/*cursor:pointer; */
	
}
.exposed{
	background: rgb(234, 234, 234);
	border: 1px solid rgb(204, 204, 204);
	display: block;
	float: left;
	height: auto;
	margin: 10px 15px;
	min-height: 240px;
	padding: 10px;
	position: relative;
	width: 254px;
}
.price{
	position: absolute;
	bottom: 0px;
	display: block;
	float: left;
	margin-top: 10px;
	width: 250px;
}
.design{
	background:#f9f9f9;
	margin-left: 0px;
	height:621px;
}
.cms{
	background:#eaeaea;
	border:1px solid red;
	height:621px;
}
.custom{
	background:#F4F4F4;
	margin-right: 0px;
}
.nu{
	font-weight:normal !important;
	text-decoration:underline !important;
}
#footer{
	position:relative;
	bottom:0px;
	width:959px;
	height:75px;
	background:#767676;
	color:#fff;
	margin-top:30px;
	text-align:right;
	padding:30px 20px;
	padding-top:30px;
	font-size:12px;
}
#footer a{
	color:#fff;
	text-decoration:underline;
	line-height:16px;
}

/* CUSTOM THINGIES */
#homepage{
border-bottom:1px solid #dedede;
display:block;
float:left;
height:auto;
margin-bottom:30px;
padding-bottom:0px;
width:auto;
}
	#homepage #leftr{
		display: block;
	float: left;
	height: auto;
	margin-right: 20px;
	width: 530px;
	}
	#homepage #recent{
		display: block;
		float: left;
		height: auto;
		margin-left: 30px;
		padding-left: 10px;
		width: 340px;
		margin-top:3px;
		background:#f2f2f2;
	}
	#homepage #recent #place{
		background:#f4f4f4 none repeat scroll 0 0;
		font-size:14px;
		font-weight:normal;
		line-height:21px;
		padding:10px;
	}
	#homepage #recent #place div.first{
		display:block; float:left; width:auto; min-height:40px; height:auto;border-bottom:1px solid #eaeaea;padding-bottom:10px; margin-bottom:10px;
	}
	#homepage #recent #place div.second{
		display:block; float:left; width:auto; height:auto;margin-top:10px;
	}
	#recent h1.payoff{
		display: block;
float: left;
font-size: 16px !important;
margin: 10px 0px 20px 0px;
padding: 0px !important;
	}
	#recent p{
		font-size:12px !important;
		width:auto !important;
	}
	#recent h3{
		display: block;
		float: left;
		font-size: 20px !important;
		line-height: 30px;

		width: 300px;
	}
	#recent img{
		margin:10px;
		margin-left:0px;
		margin-top:0px;
		float:left;
		display:block;
	}
.groter{
	font-size:18px;
	line-height:24px;
	margin-bottom:20px;
}
.kleiner{
	font-size:11px;
	line-height:16px;
}
.groterder{
	font-size:24px;
	font-weight:bold;
	line-height:28px;
}
.blokje{
	float:left;display:block;background:transparent;padding:10px 10px 10px 0px; margin-bottom: 10px;
}
.blokje ul{
	
}
.blokje ul li{
	font-family: Helvetica,Arial, Sans-serif;
	font-size:13px;
	line-height: 18px;
}
.error{
	border:solid 1px #a21d1d;
	background-color:#f8e6e6;
}

.vtip{border-bottom:1px dashed #777;cursor:pointer;}
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }


.slideHeader{
	color: white;
	cursor: pointer;
	height: 28px;
	padding: 15px;
	padding-top: 15px;
	padding-right:5px;
	background:rgb(22, 160, 212);
}
.slideHeader h3{
	padding-right:5px;
	height:20px;
	background:url("../images/bt_more.png") no-repeat right -20px;
}
.slideHeader h3:hover {
	background-position:right 0px;
	}

.attention{
	border:1px red solid;
}
.slideBody{
  background: #fff;
  padding:    10px 5px;
  display:none;
  min-height:50px;
  height:	auto;
}

.slidePanel{
  width:      285px;
  float:      left;
  margin:     5px;
  min-height:50px;
  height:	auto;
  display:    block;
  position:relative;
}


button{
	padding:5px 15px;
	border:1px solid #999;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	 behavior: url(border-radius.htc);
    border-radius: 5px;
	background:#eaeaea;
	text-align:center;
	padding-left:5px;
	color:#222;
	 -moz-box-shadow: 2px 2px 10px #000000;
}
button:hover{
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	 behavior: url(border-radius.htc);
    border-radius: 5px;
	background:#ddd;
	color:#444;
	 -moz-box-shadow: 2px 2px 10px #000000;
}
.contact{

}
.mail,
.mail:hover{
    background: url("../images/mail-front.gif") no-repeat scroll 10px center transparent;
    padding-left: 18px;

}