* { margin: 0; }

body {
	background: url(../img/bg/body.gif);
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 20px;
	text-align: justify;
	}
	body ::selection { background: #cef435; color: #04252a; }
	body ::-moz-selection { background: #cef435; color: #04252a; }

a { text-decoration: none; color: #cef435; }
h1 { font: 30px Trebuchet MS, Verdana; height: 30px; line-height: 30px; color: #fff; font-weight: normal; margin-bottom: 10px; clear: both; }
h2 { font: 24px Trebuchet MS, Verdana; height: 24px; line-height: 24px; color: #cef435; font-weight: normal; margin-bottom: 10px; }
p { margin-bottom: 20px; }

#wrapper {
	width: 100%;
	background: url(../img/bg/wrapper.gif);
	overflow: hidden;
	}

#container {
	width: 960px;
	margin: 0 auto;
	background: url(../img/bg/gallerij.gif) repeat-y 720px 0;
	overflow: hidden;
	}

#content {
	width: 720px;
	float: left;
	}

#header {
	width: 720px;
	height: 381px;
	background: url(../img/bg/camera.jpg) no-repeat 0 74px;
	margin-bottom: 30px;
	}

#headersub {
	width: 630px;
	height: 200px;
	padding: 15px;
	margin: -18px 0 30px 0;
	background: url(../img/bg/headerfoto.gif);
	}

.mainmenu {
	list-style: none;
	height: 42px;
	}
	.mainmenusub li, .mainmenu li { display: inline; }
	.mainmenusub li a, .mainmenu li a { float: left; color: #04252a; padding: 10px 13px 13px 13px; margin: 0 1px 0 0; background: url(../img/bg/menu-up.gif) repeat-x;  }
	.mainmenusub li a:hover, .mainmenu li a:hover { background: #cef435; padding: 10px 13px; border-bottom: 3px solid #cef435; }

.mainmenusub {
	list-style: none;
	height: 42px;
	float: right;
	margin-right: 59px;
	}

#intro {
	padding: 0 0 30px 457px;
	height: 365px;
	background: url(../img/bg/intro-quote.gif) no-repeat 416px 55px;
	}

#maincontent {
	width: 660px;
	overflow: hidden;
	}
	#maincontent label { font-weight: bold; color: #cef435; }

#contentleft {
	width: 315px;
	padding: 0 30px 20px 0;
	float: left;
	}
	* html #contentleft { width: 305px; padding: 0 30px 20px 0; float: left; }

#contentright {
	width: 315px;
	padding: 0 0 20px 0;
	float: left;
	}

#gallerij {
	width: 214px;
	float: left;
	padding: 0 0 26px 26px;
	}
	#gallerij img { background: #fff; padding: 1px; border: 2px solid #8bad00; margin-top: 26px; }
	#gallerij img:hover { border: 2px solid #465700; background: #465700; }

#gallerijtekst {
	background: url(../img/bg/gallerij-tekst.gif) no-repeat right bottom;
	width: 214px;
	height: 131px;
	position: fixed;
	float: right;
	}
	* html #gallerijtekst { position: absolute; }

#studio, #bruidsparen, #publiciteit {
	float: left;
	width: 200px;
	padding-right: 30px;
	}
	#studio img, #bruidsparen img, #publiciteit img { background: #fff; padding: 1px; border: 2px solid #0b5b5e; }
	#studio img:hover, #bruidsparen img:hover, #publiciteit img:hover { border: 2px solid #fff; }

#slider {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 20px 0;
    margin: 20px 0 0;
    border-top: 1px solid #0b5b5e;
	}
    #slider img { padding: 1px; background: #fff; border: 2px solid #0b5b5e; margin: 0 15px 0 0; cursor: pointer; }
    #slider img.hover { padding: 1px; border: 2px solid #fff; }

#footer {
    width: 960px;
	margin: 0 auto;
	height: 50px;
	color: #0b5b5e;
	padding: 8px 0 0 0;
	}
	#footer a { color: #327d80; }
	#footer a:hover { color: #cef435; }
	#footer p { margin: 0; }

.arrowlink { list-style: none; padding: 10px 15px; }
.arrowlink li a { color: #fff; background: url(../img/icons/arrow.gif) no-repeat left; padding-left: 20px; }
.arrowlink li a:hover { color: #cef435; }

ul.albumlist { margin: 0; padding: 0; }
.albumlist { list-style: none; }
.albumlist ul { list-style: none; margin: 0; padding: 0; }
.albumlist li { margin-bottom: 10px; clear: both; }
.albumlist li a { color: #cef435; width: 100%; display: block; background: url(../img/icons/arrow-down.gif) no-repeat right; cursor: pointer; }
.albumlist li a span { font: 24px Georgia, Times New Roman, Times, serif; }
.albumlist li a:hover { background: url(../img/icons/arrow-down-hover.gif) no-repeat right; color: #fff; }
.albumlist li ul li { margin-bottom: 0; clear: both; }
.albumlist li ul li a { color: #fff; width: 100%; display: block; background: none; padding-left: 10px; font-size: 13px; font-weight: bold; margin-bottom: 3px; overflow: hidden; }
.albumlist li ul li img { border: 2px solid #0b5b5e; padding: 1px; background: #fff; float: left; margin: 0 10px 5px 0; }
.albumlist li ul li img:hover { border: 2px solid #fff; }
.albumlist li ul li a span { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #327d80; }
.albumlist li ul li a:hover { color: #cef435; background: url(../img/icons/arrow-small.gif) no-repeat 308px 20px; }

.contentimg, .contentimggroot { padding: 1px; background: #fff; border: 2px solid #0b5b5e; margin-bottom: 20px; margin-left: auto;
  margin-right: auto; }
.contentimg:hover { padding: 1px; background: #fff; border: 2px solid #fff; }
.contentimgactive { border: 3px solid #cef435; }

.bgpatroon { background: url(../img/bg/body.gif); }
.padding10 { padding: 10px; }
.bulletcircle { list-style-type: circle; padding: 0 0 0 20px; margin: 0; }

.rood { color: #ff0000; }
.label { float: left; width: 100px; }
.mb20 { margin-bottom: 20px; }
.mr9 { margin-right: 7px; }
.floatleft { float: left; }
.clear { clear: both; }

/*_____________________________FORM_____________________________*/

label {
	float: left;
	width: 100px;
	}

input, textarea {
	width: 203px;
	margin-bottom: 5px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	}
	* html input, textarea { width: 190px; margin-bottom: 5px; font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 4px; }

select {
	margin-bottom: 5px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	}

textarea {
	width: 307px;
	height: 145px;
	}
	* html textarea { width: 303px; height: 145px; }
	
#verplicht {
	margin-top: 5px;
	}
	
#submitbutton {
	margin: 5px 0 20px 0;
	width: auto;
	}

.veld { border: 2px solid #07494b; background: #ddeaed; color: #04252a;; }
.veld:focus { border: 3px solid #cef435; background: #fff; padding: 3px; }