body { 
	margin: -30px 0 0 0;
	width:100%;
	background: url('../images/background.png') repeat-x #056885;
	text-align: center;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	}


#container {
	width: 815px;
	margin: 0 auto;
	text-align: left;
	}

#header {
	width: 614px;
	height: 196px;
	margin-left: 101px; 
	background: url('../images/header.png');
	}
	
#menu {
	height: 95px;
	text-align: center;
}
	
ul#menulist {
	width: 500px;
	margin: 24px auto 0;
	list-style-type: none;
}

ul#menulist li {
	display: block;
	position: relative;
	float: left;
	width: 100px;
	height: 22px;
	
}

ul#menulist li a {
	color: white;
	text-shadow: 0px 0px 7px #000;
	text-decoration: none;
	display:block;
	text-align: center;
	line-height: 22px;
	
}

ul#menulist li a:hover {
	color: #00a3d4;
	text-shadow: 0 0 10px aqua;
}


ul#menulist li.active {  
	background: url('../images/dingetje.png') no-repeat center top; 
}

ul#menulist li.active a:hover {
	color: white;
	text-shadow: none;
}

/* menu hovers */
#overonshover { visibility: hidden; position: relative; float: left; left: 260px; margin-top: -10px; z-index: -1;}
#dienstenhover {  visibility: hidden; position: relative; float: left; left: 160px;}
#portfoliohover { visibility: hidden; position: relative; float: left; left: 0px; }
#contacthover { visibility: hidden; position: relative; float: left; left: 0px;}

/* portfolio */
#portfolio tr td {
	padding: 5px;
	vertical-align: top;
}

#portfolio {
	margin-left: -10px;}


#right-flower {
	position: relative;
	float: right;
	margin-top: -120px;
	margin-right: 26px;
	
}

#left-flower {
	margin-top: -188px;
}

a#teruglink {
	display:block;
	background: url('../images/arrow_left.png') no-repeat;
	width: 109px;
	height: 109px;
	color: white;
	font-size:0px;
	text-decoration: none;
	margin-left: 28px;
	position: relative;
	z-index: 1;
	visibility: hidden;
}

a#volgendelink {
	display:block;
	background: url('../images/arrow_right.png') no-repeat;
	width: 109px;
	height: 109px;
	color: white;
	font-size:0px;
	text-decoration: none;
	margin-top: -130px;
	margin-right: 31px;
	position: relative;
	float:right;
	visibility: hidden;
}

a#volgendelink:hover { background: url('../images/arrow_righthover.png') no-repeat; }
a#teruglink:hover { background: url('../images/arrow_lefthover.png') no-repeat; }

#content {
	margin-left: 101px;
	margin-top:-137px;
	position: relative;
	float: left;
}

#contenttop {
	width: 614px;
	height: 15px;
	background: url('../images/body-top.png') no-repeat;
}

#contentbottom {
	width: 614px;
	height: 15px;
	background: url('../images/body-bottom.png') no-repeat;
}


#contentmain {
	background: #919191;
	position:relative;
	overflow:hidden;
	width: 610px;	 
	height:330px;
	border-right: 2px solid #4b4b4b;	
	border-left: 2px solid #4b4b4b;
}

h2 {	
	margin-top: 0;
	padding-top: 0;
}

p {
	text-align: justify;
}

u {
	color: #CCC;
}

i, em {
	color: #CCC;
}

strong, b {
}

a {color: #009; text-decoration: none;}
a:active{ color: #ccc;}
a:hover{ text-shadow: 0 0 3px black; }
a:visited{}

#footer {
	width: 614px;
	height: 40px;
	margin-left: 101px;
	font-size: 11px;
	color: #ccc;
	text-shadow: 0 0 5px #000;
	text-align: center;
	position: relative;
	padding-top: 15px;
	margin-bottom: 50px;
}

a img { border: none; }

/* haal die stomme stippel-border weg om geklikte links */
a:active { outline:none; }
:focus { -moz-outline-style:none; }


a.disabled { visibility:hidden !important; }
hr { height: 0; background: none; border: none; margin: 0;}

#paginas {	
	position:absolute;
	width:20000em;	
	clear:both;
}

#paginas div {
	float:left;
	width:553px;
	height:330px;
	color:#fff;
	padding: 0 25px;
	/* omdat javascript uitgeschakeld niet opzij kan scrollen.. */
	clear:both;
}


/* contact */

.bedanktBericht {
	text-align: center;
	
	
}

.bedanktBericht h1 {
	text-align: center;
	margin: 100px 0 0 0;
	font-size: 50px;
}
	
	
.error {
	color: #900;
	font-size: 10px;
	line-height: 20px;
	padding: 3px;
	border: 1px solid #900;
	background: #b26666;
	}