BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #FFF url("../images/bg/body-bg.jpg") no-repeat center top;
}
body, html {height: 100%;}
A { text-decoration: none; }
A:HOVER { text-decoration: underline; }

A IMG { border: none; }
LABEL { cursor: pointer; }
H1, H2, H3, H4, H5, H6, FORM, UL, OL, P {
	padding: 0;
	margin: 0;
}
.relax {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
}

.wrapper {
	margin-bottom: -226px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	min-width: 999px;
	overflow-x: hidden;
	position: relative;
	_width: expression((documentElement.clientWidth||document.body.clientWidth)< 999?'999px':'100%');
}
.page-container {
	width: 1038px;
	margin: auto;
	text-align: left;
}

/*  Header  */
#header {
	background: url("../images/bg/header-bg.jpg") no-repeat left top;
	width: 100%;
	float: left;
	height: 397px;
	position: relative;
}
.head-photo {
	position: absolute;
	top: 0px;
	left: -135px;
}
#header A.logo {
	float: left;
	display: inline;
	position: relative;
	z-index: 5;
	margin-left: 35px;
}
#header A.logo IMG {display: block;}
/*  Main Menu  */
.main-menu {
	position: relative;
	z-index: 5;
	width: 780px;
	float: left;
	margin: 122px 0 0 163px;
	display: inline;
}
.main-menu UL LI {
	list-style: none;
	float: left;
	display: inline;
	margin: 0 62px 0 0; 
}
.main-menu UL LI A {
	outline: none;
	text-indent: -4000em;
	display: block;
	height: 69px;
	cursor: pointer;
}
.main-menu UL LI A.Home {
	width: 152px;
	background: url("../images/menu/home.png") no-repeat left top;
}
.main-menu UL LI A.Home:HOVER, .main-menu UL LI.active A.Home {background: url("../images/menu/home-hover.png") no-repeat left top;}  
.main-menu UL LI A.Diensten {
	width: 184px;
	background: url("../images/menu/diensten.png") no-repeat left top;
	margin-top: 32px;
}
.main-menu UL LI A.Diensten:HOVER, .main-menu UL LI.active A.Diensten {background: url("../images/menu/diensten-hover.png") no-repeat left top;}  
.main-menu UL LI A.Contact {
	width: 175px;
	background: url("../images/menu/contact.png") no-repeat left top;
	margin-top: 50px;
}
.main-menu UL LI A.Contact:HOVER, .main-menu UL LI.active A.Contact {background: url("../images/menu/contact-hover.png") no-repeat left top;}  

/*  Content  */
#content {
	background: url("../images/bg/content-bg.png") repeat-y left top;
	width: 100%;
	float: left;
	padding-bottom: 14px;
}
#content H2 {
	font-size: 25px;
	color: #009193;
	line-height: 30px;
	padding-bottom: 17px;
}
#content H2#display-none {
	display:none;
}
#content P {
	line-height: 16px;
	padding-bottom: 18px;
	font-size: 12px;
}
#content UL, #content OL {margin-bottom: 17px;}
#content UL LI, #content OL LI {
	line-height: 16px;
	font-size: 12px;
	list-style-position: inside;
}
#content A {color: #065859;}
#content A:HOVER {text-decoration: none; color: #ef1e17;}
.content-bottom {
	float: left;
	margin-bottom: -55px;
	position: relative;
	width: 100%;
}
.content-bottom DIV {
	background: url("../images/bg/content-bottom.png") no-repeat left top;
	height: 88px;
	width: 100%;
}
.content-bottom A {
	display: inline;
	float: left;
	outline: none;
	text-indent: -30000em;
	position: relative;
}
.content-bottom A:HOVER {background-position: left top !important;}
.content-bottom A.style {
	background: url("../images/logos/style.gif") no-repeat left bottom;
	width: 110px;
	height: 27px;
	margin-left: 150px;
}
.content-bottom A.savantis {
	background: url("../images/logos/savantis.gif") no-repeat left bottom;
	width: 144px;
	height: 64px;
	margin-left: 125px;
}
.content-area {
	float: left;
	margin: 0 0 0 40px;
	display: inline;
	background: url("../images/bg/content-box-bg.gif") repeat-y left top;
	width: 757px;
	position: relative;
}
.content-area .top-box {
	background: url("../images/bg/content-box-top.gif") no-repeat left top;
	width: 100%;
	float: left;
}
.main-content {
	width: 588px;
	float: left;
	display: inline;
	margin: -30px 0 0 112px;
	position: relative;
}
.main-content#statictmp {
	margin-left:23px;
}
.bottom-pic {
	width: 100%;
	float: left;
	position: relative;
	min-height: 196px;
}
.bottom-pic IMG {margin-left: 1px;}
.bottom-pic .bottom-corners {
	position: absolute;
	left: 0px;
	bottom: 0px;	
}
.bottom-pic .bottom-corners DIV {
	z-index: 1;
	background: url("../images/bg/bottom-corners.png") no-repeat left top;
	width: 757px;
	height: 196px;
}
.hyperlink {
	position: absolute;
	left: 0px;
	top: 0px;
	outline: none;
	z-index: 5;
	width: 650px;
	height: 335px;
	display: block;
	cursor: pointer;
	background: url("../images/bg/empty.gif") repeat left top;
}
/*  Buttons Column  */
.buttons-col {
	float: right;
	width: 196px;
	display: inline;
	margin: 0 17px 0 0;
}
#content .buttons-col UL {margin: 0px;}
#content .buttons-col UL LI {
	float: left;
	display: inline;
	margin: 0 10px 5px 0;
	list-style: none;
}
#content .buttons-col UL LI A {
	outline: none;
	text-indent: -20000em;
	width: 88px;
	height: 84px;
	display: block;
}
#content .buttons-col UL LI A:HOVER {background-position: left bottom !important;}
#content .buttons-col UL LI A.btn-1 {background: url("../images/buttons/button-1.gif") no-repeat left top;}
#content .buttons-col UL LI A.btn-2 {background: url("../images/buttons/button-2.gif") no-repeat left top;}
#content .buttons-col UL LI A.btn-3 {background: url("../images/buttons/button-3.gif") no-repeat left top;}
#content .buttons-col UL LI A.btn-4 {background: url("../images/buttons/button-4.gif") no-repeat left top;}
#content .buttons-col UL LI A.btn-5 {background: url("../images/buttons/button-5.gif") no-repeat left top;}
#content .buttons-col UL LI A.btn-6 {background: url("../images/buttons/button-6.gif") no-repeat left top;}
#content .buttons-col UL LI A.btn-7 {background: url("../images/buttons/button-7.gif") no-repeat left top;}
#content .buttons-col UL LI A.btn-8 {background: url("../images/buttons/button-8.gif") no-repeat left top;}
#content .buttons-col UL LI A.btn-9 {background: url("../images/buttons/button-9.gif") no-repeat left top;}
#content .buttons-col UL LI A.btn-10 {background: url("../images/buttons/button-10.gif") no-repeat left top;}
#content .buttons-col UL LI A.btn-11 {background: url("../images/buttons/button-11.gif") no-repeat left top;}
#content .buttons-col UL LI A.btn-12 {background: url("../images/buttons/button-12.gif") no-repeat left top;}

/*  Footer  */
.push {height: 226px;}
#footer {
	background: url("../images/bg/footer-bg.jpg") no-repeat center top;
	height: 226px;
}
#footer .container {padding: 168px 23px 0 38px;}
#footer UL {float: left;}
#footer UL LI {
	display: inline;
	float: left;
	list-style: none;
	font-size: 17px;
	color: #065859;
	margin: 20px 10px 0 0;
}
#footer UL LI A {color: #065859; position: relative;}
#footer UL LI A:HOVER, #footer UL LI.active A {
	text-decoration: none;
	color: #ef1e17;
}
#footer P {
	font-size: 17px;
	color: #065859;
	line-height: 20px;
	position: relative;
}
.right-text {float: right;}

.main-area {
	zoom: 1;
}

#content FORM.contact .wrapper {
	float: left;
	margin-bottom: 5px;
	width: 530px;	
}
#content FORM.contact LABEL {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	float: left;
	padding-top: 3px;
	width: 100px;
}
#content FORM.contact INPUT {
	border: 1px #999999 solid;
	color: #666666;
	font-size: 12px;
	height: 16px !important;
	height: 20px;
	padding: 1px 5px;
	width: 230px;
}
#content FORM.contact SELECT {
	border: 1px #999999 solid;
	color: #666666;
	font-size: 12px;
	height: 20px;
	width: 242px !important;
	width: 230px;
}
#content FORM.contact TEXTAREA {
	border: 1px #999999 solid;
	color: #666666;
	font-size: 12px;
	height: 100px;
	width: 400px;
}
#content FORM.contact BUTTON.submit {
	font-weight: bold;
	margin-left: 99px !important;
	margin-left: 102px;
}