@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background:#565656;
		font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0000; }


h1 { font-size:30px; color:#cc0066; font-family:Georgia, Helvetica, Arial; font-weight:normal; }
h2 { font-size:25px; color:#cc0066; font-family:Georgia, Helvetica, Arial; font-weight:normal; }
	h2 a { text-decoration:none; }

a { color:#535353; }
a:hover { color:#000; }

a img { border:0; }
img.left { float:left; margin:0 5px 5px 0; }
img.right { float:right; margin:0 0 5px 5px; }

/* Id's */
.site { position:relative; width:896px; margin:auto; }

#header { position:relative; height:86px; background:url(/static/img/layout/bg_header.gif) 0 0 repeat-x;}
	#header .site { background:url(/static/img/layout/bg_header.gif) 0 -86px repeat-x; height:86px; }
	#logo { position:absolute; right:0; top:0; text-indent:-10000px; background:url(/static/img/logo.gif) 0 0 no-repeat; height:35px; width:135px; outline:0;}

	#menu { margin:0; padding:0; list-style:none; position:absolute; bottom:0; left:12px;}
	#menu li { float:left; height:26px;}
	#menu li a { float:left; height:26px; margin-right:5px; padding-right:10px; text-decoration:none; color:#fff; line-height:26px;}
	#menu li a span { padding-left:10px; display:block;  height:26px; cursor:pointer; }
	#menu li.active a,
	#menu li a:hover { background:url(/static/img/layout/elements.gif) 100% 0 no-repeat; color:#000000;}
	#menu li.active a span,
	#menu li a:hover span { background:url(/static/img/layout/elements.gif) 0 0 no-repeat; }
	
	#menu li a#home { padding:0; text-indent:-10000px; outline:0; background:url(/static/img/layout/elements.gif) 0 -26px; width:41px;}
	#menu li.active a#home,
	#menu li a#home:hover { background:url(/static/img/layout/elements.gif) -41px -26px;}


#container { position:relative; background:#ccc url(/static/img/layout/bg_container.gif) 0 0 repeat-x; overflow:hidden; padding-bottom:30px; }
	#submenu { background:#efefef; border-bottom:1px solid #000; padding:5px 12px; }
	#submenu ul { margin:0; padding:0; list-style:none; }
	#submenu ul li { float:left; }
	#submenu ul li a { float:left; padding:0 8px; color:#000; text-decoration:none; }
	#submenu ul li a.active,
	#submenu ul li a:hover { text-decoration:underline; }
	
	#content { padding:0 12px 30px 12px; }

	#album { height:480px; overflow:hidden; width:100%; padding:30px 0; position:relative; }
	#albumslider { position:absolute; left:0; top:30px; }
	#albumslider .photo { float:left; margin:0 50px; position:relative; height:480px; display:block; }
	
	#albumslider .photo .prev,
	#albumslider .photo .next {	position:absolute; bottom:0; text-decoration:none; width:20px; height:20px; text-align:center; border:1px solid #000;
								background:#ddd; font-size:18px; line-height:18px;}
	#albumslider .photo .next { right:0; }
	#albumslider .photo .prev { left:0; }
	#albumslider .photo .prev:hover,
	#albumslider .photo .next:hover { background:#000; color:#fff; }

	.caseitem { background:#ddd; width:886px; margin:15px 0; display:block; padding:5px; text-decoration:none; color:#000; }
	.caseitem .foto { width:220px; float:left; text-align:center; }
	.caseitem .desc { width:666px; float:left; }
	.caseitem .desc h1 { margin:0 0 5px 0;}
	.caseitem:hover { color:#000; background:#aaa}

#footer { position:relative; height:176px; background:url(/static/img/layout/bg_footer.gif) 0 0 repeat-x;}
	#footer .site { background:#3a3a3a url(/static/img/layout/bg_footer_site.gif) 0 0 repeat-x; height:156px; padding:20px 12px; }
	#quote { display:block; width:310px; height:53px; padding:20px; background:url(/static/img/layout/quote.gif) 0 0 no-repeat;
				position:absolute; right:12px; top:20px; color:#fff; font-size:20px; font-family:Georgia, Helvetica, Arial;}
				
	#footer td { vertical-align:top; line-height:18px; }
	#footer a { color:#fff; text-decoration:none; }
	#footer a:hover { text-decoration:underline; }










/* Classes */
.clear { clear:both; }
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.input_veld { width:270px; border:1px solid #a7a7a7; margin:0; font-size:12px; padding:5px; }
textarea.input_veld { width:594px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.input_error { border-color:#f00;}
select.input_veld { width:280px; }