﻿/* ### general ### */
* {
padding: 0px;
margin: 0px;
}

html, body {
font-family: verdana;
font-size: 12px;
color: #000;
}

input, select, textarea {
font-family: verdana;
font-size: 12px;
color: #000;
}

body {
background: #fee8af url('../images/body.jpg') top repeat-x;
}

img {
border: 0px;
display: block;
}

a, input {
outline: none;
}


/* ### global classes ### */
.clear {
clear: both;
}


/* ### wrapper ### */
#wrapper {
position: relative;
display: block;
width: 100%;
min-height: 100%;
}


/* ### main container ### */
#mainCntr {
margin: 0 auto 0 auto;
width: 979px;
}


/* ### header container ### */
#headerCntr {
position: relative;
top: 13px;
width: 979px;
height: 102px;
background: url('../images/header-border.jpg') left bottom repeat-x;
}

#headerCntr h1 {
position: absolute;
bottom: 0px;
left: 0px;
}

#headerCntr h1 a {
display: block;
width: 740px;
height: 102px;
text-indent: -9999px;
background: url('../images/logo.jpg') no-repeat;
}


/* ### address box ### */
.addressBox {
padding: 14px 35px 0 0;
width: 156px;
float: right;
font-family: arial;
}

.addressBox address {
font-style: normal;
font-size: 12px;
font-weight: bold;
color: #53534d;
}

.addressBox a {
text-decoration: none;
width: 148px;
color: #53534d;
font-weight: bold;
}
 				
.addressBox a:hover {
text-decoration: underline;
}


/* ### content container ### */
#contentCntr {
padding-bottom: 18px;
margin-top: 16px;
width: 979px;
background: url('../images/container.jpg') repeat-y;
}


/* ### left container ### */
#leftCntr {
float: left;
width: 190px;
}


/* ### menu box ### */
.menuBox {
padding-top: 18px;
width: 190px;
overflow: hidden;
}

.menuBox ul {
list-style: none;
line-height: 42px;
width: 100%;
}

.menuBox li {
padding-left: 4px;
list-style: none;
height: 42px;
float: left;
width: 100%;
background: url('../images/menu-border.jpg') bottom no-repeat;
}

.menuBox li.last {
background: none;
}

.menuBox li a {
padding-left: 32px;
font-family: Verdana;
display: block;
font-size: 18px;
color: #53534d;
text-decoration: none;
}
 
.menuBox li a:hover, .menuBox li a.current {
background: url('../images/list-hover.png') left center no-repeat;
}
			
.menuBox a.hobby {
margin: 22px 0 0px 30px;
float: left;
display: inline;
background: url("../images/hobby.png") no-repeat;
text-indent: -9999px;
width: 135px;
height: 46px;
 }


/* ### right container ### */
#rightCntr {
padding: 5px 0 0 1px;
position: relative;
float: right;
width: 788px;
background: #fff;
background: url('../images/rightborder.jpg') top no-repeat;
}


/* ### banner box ### */
.bannerBox {
position: relative;
width :788px;
height: 241px;
font-family: arial;
}
			
.bannerBox .text {
padding-left: 57px;
position: absolute;
top: 1px;
right: 0px;
width: 170px;
height: 240px;
background: url('../images/dataBox.png') no-repeat;
}

.bannerBox ul {
width: 172px;
list-style: none;
}

.bannerBox li {
list-style: none;
width: 82px;
float: left;
font-family: Arial;
font-size: 10px;
color: #fff;
}
			
.bannerBox h3 {
padding: 43px 0 10px 0;
display: block;
color: #fff;
text-transform: uppercase;
font-size: 10px;
font-weight: normal;
}


/* ### text box frontpage ### */
.textBox {
padding: 26px 380px 11px 13px;
position: relative;
background: url('../images/textBox-top.jpg') top repeat-x;
}

.textBox img.home {
position: absolute;
bottom: -44px;
right: 0px;
}

.textBox img.girl {
position: absolute;
z-index: 0;
top: 57px;
right: 178px;
}

.textBox h2 {
color: #231f20;
font-size: 15px;
 }

.textBox h3 {
display: block;
font-size: 12px;
line-height: 35px;
font-weight: bold;
}
	
.textBox p {
padding: 6px 0;
font-family: Verdana;
line-height: 18px;
color: #000;
}

/* ### text box volgpagina ### */
.textBoxPage {
padding: 26px 20px 11px 13px;
position: relative;
background: url('../images/textBox-top.jpg') top repeat-x;
}

.textBoxPage h2 {
color: #231f20;
font-size: 15px;
 }

.textBoxPage h3 {
display: block;
font-size: 14px;
line-height: 35px;
font-weight: bold;
}
	
.textBoxPage p {
padding: 6px 0;
font-family: Verdana;
line-height: 18px;
color: #000;
}

/* ### footer container ### */
#footerCntr{
margin-top: 1px;
overflow: hidden;
width: 979px;
height: 44px;
background: #f3901d;	 }

#footerCntr p {
padding: 25px 0 0 7px;
float: left;
color: #fff;
font-weight: bold;
}

bold;
}

#footerCntr a.logo {
margin: 16px 5px 0 0;
float: right;
}

#footerCntr a {
margin: 25px 10px 0 0;
float: right;
color: #6d6e71;
font-family:Arial;
font-size: 12px;
text-decoration: underline;
}

#footerCntr a:hover {
text-decoration: none;
}

#footerInt {
	margin-left:200px;
	height:40px;
	padding:4px 6px 6px 5px;
}
#logo-1 {
	position:absolute;
	background-image:url('../images/powr.gif');
	width:30px;
	height:38px; 
	left:310px;
}

#logo-2 {
	position:absolute;
	background-image:url('../images/gerjak.gif');
	width:86px;
	height:38px;
	left:350px;
}
#logo-3 {
	position:absolute;
	background-image:url('../images/dorema.gif');
	width:51px;
	height:38px;
	left:445px;
}#logo-4 {
	position:absolute;
	background-image:url('../images/brand.gif');
	width:43px;
	height:38px;
	left:507px;
}