/* CSS Document */
/* kleuren: */
/* lb: #8FD6FF */
/* bl: #71B8CA */
/* db: #005E75 */
/* gr: #93D800 (link) */
/* dg: #C0D3DA (verloop) */
/* lg: #E9EDEF (verloop) */

/* main styles */
body {
	vertical-align:top;
	font-family: "Verdana";
	font-size: 11px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	/* height:100%; */
	background-color:#005E75;
}

table, tr, td, div {
	font-family: "Verdana";
	font-size: 11px;
	line-height: 16px;
}

img {
	border:0;
	margin:0;
	padding:0;
}

div#donkercontainer {
	width: 100%;
	background-color:#005E75;
	text-align:center;
}
div#lichtcontainer {
	width: 100%;
	background-color:#78d6ed;
	text-align:center;
}

div#headercontainer {
	position:relative;
	margin: 0 auto;
	text-align: left;
	width:785px;
	height: 80px;
}
div#contentcontainer {
	position:relative;
	margin: 0 auto;
	text-align: left;
	width:785px;
	background-image: url('../../images/bgr_new.gif');
}
div#footercontainer {
	position:relative;
	margin: 0 auto;
	text-align: left;
	width:785px;
}

div#container {
	position:relative;
	margin: 0 auto;
	text-align: left;
	width:785px;
	height:100%;
	background-image: url('../../images/album_bgrclean.gif');
}

/* links */
a:link, a:visited {
	color:#93D800;
	text-decoration:none;
	font-weight:bold;
}
a:hover, a:active {
	text-decoration:underline;
}

/* header */
div#toplinks {
	white-space:nowrap;
	float:right;
	width:770px;
	left: 0px;
	top: 0px;
	position:absolute;
	height:80px;
}
a.toplink:link, a.toplink:visited {
	position:absolute;
	top:10px;
	height:20px;
}
#logo {
	position:absolute;
	margin-left: 0px;
}
a#home {
	margin-left:354px;
	background-image: url('../../images/tophome_but.gif');
	background-position:0 -20px;
}
a#bestelling {
	margin-left:441px;
	background-image: url('../../images/topwinkelwagen_but.gif');
	background-position:0 -20px;
}
a#mijnfotoos {
	margin-left:571px;
	background-image: url('../../images/topmijnfotos_but.gif');
	background-position:0 -20px;
}
a#contact {
	margin-left:679px;
	background-image: url('../../images/topcontact_but.gif');
	background-position:0 -20px;
}
a#home:hover, a#home:active, a#bestelling:hover, a#bestelling:active, a#mijnfotoos:hover, a#mijnfotoos:active, a#contact:hover, a#contact:active {
	background-position:0 0px;
}

/* content tabs */
/* tabs */
div#tabheader {
	margin:0;
	width:770px;
	height:80px;
}
div#bgrheader {
	position:absolute;
}
div#tabmenu {
	position:absolute;
	margin-left:285px;
	margin-top:50px;
}
a.tablink:link, a.tablink:visited {
	position:inline;
	float:left;
	width:105px;
	height:28px;
	padding:2px 0px 0px 15px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background-image: url('../../images/tab_but.gif');
	background-position:0 -30px;
	margin-left: 1px;
}
a.tablink:hover, a.tablink:active {
	background-position:0 0px;
	color:#ffffff;
	text-decoration:none;
}

a#active.tablinkActive:link, a#active.tablinkActive:visited {
	position:inline;
	float:left;
	width:105px;
	height:28px;
	padding:2px 0px 0px 15px;
	color:#005e75;
	font-weight:bold;
	text-decoration:none;
	background-image: url('../../images/tabwit_but.gif');
	margin-left: 1px;
}
a#active.tablinkActive:hover, a#active.tablinkActive:active {
	color:#93d800;
}

/* content */
div#content {
	width: 754px;
	padding:16px 0px 0px 16px;
}
/* homecontent */
div.contentLinks {
	float:left;
	width:495px;
	border: 1px solid #78d6ed;
}
div.contentRechts {
	float:left;
	width:223px;
	padding: 0px 0px 0px 11px;
	margin:0px;
}

ul.homeList {
	margin: 0px 0px 0px 4.25em;
	padding: 0px;
	list-style-type: disc;
}
ul.homeList li {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

a.linkbutton:link, a.linkbutton:visited {
	white-space:nowrap;
	position: absolute;
	height: 40px;
	width: 169px;
	background-position:0 -40px;
}
a#leesverder {
	background-image: url('../../images/leesverder_but.jpg');
	left: 50px;
}
a#start {
	background-image: url('../../images/start_but.gif');
	left: 217px;
}
a#zowerkthet {
	background-image: url('../../images/zowerkthet_but.gif');
}
a#start:hover, a#start:active, a#leesverder:hover, a#leesverder:active, a#zowerkthet:hover, a#zowerkthet:active {
	background-position:0 0px;
}

div.linkBlok {
	margin: 0px;
	width: 227px;
	border: 1px solid #ffffff;
	padding-right: 5px;
	padding-bottom: 8px;
}
div.linkBlok_MO {
	margin: 0px;
	width: 227px;
	border: 1px solid #78d6ed;
	padding-right: 5px;
	padding-bottom: 8px;
	background-color: #d5ffff;
	cursor: pointer;
}
div.linkBlok_BG {
	background-position: bottom right;
	background-repeat:no-repeat;
}

#linkBlokContent {
	padding-left: 21px;
}
#linkBlokContent .prijs {
	color: #93d800;
	font-size: 14px;
	font-weight: bold;
}
#linkBlokContent .prijsToelichting {
	color: #005e75;
}

#demoDiv {
	margin-left: 22px;
	color: #005e75;
	font-size: 14px;
	font-weight: bold;
}

div.home_demo {
	position:relative;
	top:-200px;
	left:20px;
	z-index:100;
	width:85px;
	height:85px;
}
div.blokje {
	display:block;
	float:left;
	width:189px;
	height:360px;
	margin:20px 0px 32px 0;
	padding:0;
	color:#000000;
	background-image: url('../../images/album_blokbgr.gif');
	background-position: bottom;
	background-repeat: no-repeat;
}
div.blokje img {
	width: 175px;
	padding-left: 1px;
}
div.blokje .startLink {
	font-weight: bold;
	font-size: 30px;
	line-height: 36px;
	color: #93D800;
	position:absolute;
	margin-top:305px;
	margin-left: 3px;
	width:135px;
	padding-left: 35px;
	background-color: #ffffff;
	filter: alpha(Opacity=90, Style=0);
}
div.blokje a.link {
	position:absolute;
	margin-top:0;
	width:177px;
	height:347px;
	font-weight:bold;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0 309px;
	background-image: url('../../images/album_bloklink.gif');
	z-index: 5;
}

#klantervaringen div.klantervaring {
	padding: 13px 0px 13px 0px;
	border-bottom: 1px solid #78D6ED;
	font-style: italic;
}
#klantervaringen div.eerste {
	padding-top: 0px;
}
#klantervaringen div.laatste {
	border-bottom: 0px;
	padding-bottom: 0px;
}
#klantervaringen span.afzender {
	font-style: normal;
}
#klantfotos img {
	margin-top: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid #78D6ED;
}
#klantfotos img.eerste {
	margin-top: 6px;
}
#klantfotos img.laatste {
	margin-bottom: 6px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

/* content-content */
h1 {
	margin:0;
	margin-top:28px;
	padding-left:13px;
	font-size:18px;
	line-height:32px;
	font-weight:bold;
	color:#71B8CA;
}
h2 {
	margin:0;
	margin-top:14px;
	font-size:14px;
	line-height:28px;
	font-weight:bold;
	color:#005E75;
}
h3 {
	margin:0;
	font-size:12px;
	line-height:28px;
	font-weight:bold;
	color:#71B8CA;
}
h4 {
	margin:0;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#005E75;
}
div#containerend {
	clear:both;
	height: 16px;
}
div.inhoud {
	display:block;
	padding:13px;
	color:#005E75;
}

/* shadow bottom / footer */
div#shadow {
	margin:0;
	width:769px;
	height:60px;
	color: #ffffff;
	padding:20px 0 0 16px;
	background-image: url('../../images/footer_bgr.gif');
}

div#shadow a{
	/* font-size: 10px; */
}

div#keurmerk {
	margin:0;
	width: 510px;
	height: 80px;
	color: #ffffff;
	padding-left: 16px;
	background-color: #005e75;
	float: left;
}

div#keurmerk img {
	vertical-align: top;
	margin: 0px 15px 0px 0px;
}

div.contentRechts div.tool {
	display:block;
	width: 210px;
	padding:7px 7px 7px 13px;
	border:1px solid #8FD6FF;
	margin-bottom:14px;
	color:#005E75;
}
div.contentRechts div.spacer {
	display:block;
	padding:7px 7px 7px 13px;
	margin-bottom:14px;
}
div.contentRechts div.formtool {
	width: 210px;
	display:block;
	padding:7px 7px 7px 13px;
	margin-bottom:14px;
	color:#005E75;
	background-repeat:repeat-Y;
	border:1px solid #78d6ed;
	/*
	background-image: url('../../images/blokbgr.gif');
	background-color:#E9EDEF;
	*/
}

input {
	font-family: "Verdana";
	width:165px;
	height:20px;
	line-height:16px;
	margin-bottom:8px;
	color:#000000;
	font-size:11px;
}
textarea {
	font-family: "Verdana";
	width:165px;
	height:40px;
	margin-bottom:8px;
	color:#000000;
	font-size:11px;
}

/* tables */
table {
	margin-bottom:13px;
}
thead th {
	text-align:left;
	margin:0;
	padding-left:13px;
	padding-right:7px;
	height:22px;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	color:#005E75;
}
tfoot th {
	text-align:left;
	margin:0;
	padding-left:13px;
	padding-right:7px;
	height:22px;
	line-height:16px;
	font-weight:normal;
	color:#005E75;
}
td.head, td.subhead, td.fhead, td.fsubhead {
	padding-left:7px;
	padding-right:7px;
	background-color:#E9EDEF;
	border-right:1px solid #ffffff;
	font-weight:bold;
	color:#005E75;
	height:22px;
	line-height:22px;
}
td.subhead, td.fsubhead {
	font-weight:normal;
	line-height:16px;
}
td.even, td.feven {
	padding-left:7px;
	padding-right:7px;
	background-color:#ffffff;
	border-right:1px solid #ffffff;
	color:#005E75;
	height:22px;
	line-height:22px;
}
td.feven {
	padding-left:13px;
}
td.odd, td.fodd, td.empty {
	padding-left:7px;
	padding-right:7px;
	background-color:#E9EDEF;
	border-right:1px solid #ffffff;
	color:#005E75;
	height:22px;
	line-height:22px;
}
td.empty {
	height:14px;
	line-height:14px;
}
td.fodd, td.feven, td.fhead, td.fsubhead {
	padding-left:13px;
}

/* extras */
.zoom {
	position:absolute;
	margin-top:25px;
	margin-left:180px;
}
a.thumb {
	display:inline;
}
img.thumb {
	margin-right:10px;
	margin-top:10px;
}
img.button {
	margin:10px 10px 7px 0;
}
.selector {
	display:block;
}

#demoknop{
	margin:15px;
}

/* promo's onderaan */

div#consumentenbond {
	width: 210px;
	float: left;
	padding: 5px;
	border: 1px solid #ffffff;
	color: #ffffff;
}