html,body{ 
	min-height: 100%; 
	height: 100%;
	margin: 0;
	margin-top: 0;
	padding: 0;
}

body{
	background-color: #B1C4E0;
	background-image: url(../images/bg-blue.gif);
	background-repeat: repeat-x;

	font-family: verdana,arial,helvetica,univers,sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

h1, .csc-firstHeader{
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}

.csc-textpic-border .csc-textpic-imagewrap img {
	border:2px solid black;
	padding:0;
	margin-left:10px;
}

.csc-default {
/*	padding-left:20px;*/
}
a:link, a:visited, a:hover, a:active{
	color: #FFFFFF;
}

#container{
	position:absolute; 
	left: 0px;
	top: 0px;
	min-height: 100%; 
	height: 100%;
}

#leftbar{
	position:absolute; 
	left: 0px;
	top: 0px;
	width: 200px;
	height: 738px;
	background-image: url(../images/leftbar.jpg);
}


/* Images on top of screen */
#topbar{
	position:absolute; 
	left: 0px;
	top: 0px;
	width: 990px;
	height: 97px;
	}

/* Red menu on top of screen */
#links{
	position:absolute; 
	left: 200px;
	top: 97px;
	width: 790px;
	height: 18px;
	background-color: #CE0000;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
}

#links a{
	text-decoration: none;
}
	
#breadcrumb {
	position: absolute; 
	width: 520px; 
	height: 43px; 
	left: 200px;  
	top: 127px; 
	color: #A7C3DF;
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active{
	color: #A7C3DF;
	text-decoration: none;
}

#content{
	position:absolute; 
	left: 200px;
	top: 160px;
	width: 790px;
	font-family: verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF;
	width: 700px;
}

#content h1 {
	font-family: verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF;
}	

#content a{	
	color: black;
	}

#content p {
	/* margin-top: -8px; */
	margin: 0px;
}

#search{
	position: absolute; 
	width: 270px; 
	height: 50px; 
	left: 720px; 
	top: 120px; 
}
#search .textfield{
	float:left;
	margin: 4px 4px 4px 4px;
	border: solid 1px #CE0000;
	background-color: #FFFFFF;
	color: #000000;
}
#search .button, #search .submit{
	position: absolute; 
	margin: 4px 4px 4px 4px;
	border: none;
	background-color: #CE0000;
	background-image: url(../images/zoek.gif);
	background-repeat: no-repeat;
	width: 79px;
	height: 24px;
	left: 170px; 
	top: 0px; 
	padding-bottom: 4px;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 2;
}

#addfav{
	position: absolute; 
	width: 270px; 
	height: 50px; 
	left: 620px; 
	top: 120px; 
}
#addfav .button, #addfav .submit{
	position: absolute; 
	margin: 4px 4px 4px 4px;
	border: none;
	background-color: #CE0000;
	background-image: url(../images/zoek.gif);
	background-repeat: no-repeat;
	width: 79px;
	height: 24px;
	left: 170px; 
	top: 0px; 
	padding-bottom: 4px;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 2;
}

#productsmenu{
	position:absolute; 
	left: 8px;
	top: 192px;
	padding-left: 20px;
	width: 150px;
	height: 216px;
	background-repeat: no-repeat;
	z-index: 30;
	font-weight: bold;
}

#productsmenu ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
} 

#productsmenu ul li{
	padding: 0px;
	margin: 4px 0px 0px 0px;
	height: 25px;
}

#productsmenu a:link, #productsmenu a:visited, #productsmenu a:hover, #productsmenu a:active{
	display: block;
	width: 155px;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
}



#materialsmenu{
	position:absolute; 
	left: 8px;
	top: 356px;
	padding-left: 20px;
	width: 150px;
	height: 216px;
	background-repeat: no-repeat;
	z-index: 30;
	font-weight: bold;
}

#materialsmenu ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
} 

#materialsmenu ul li{
	padding: 0px;
	margin: 4px 0px 0px 0px;
	height: 25px;
}

#materialsmenu a:link, #materialsmenu a:visited, #materialsmenu a:hover, #materialsmenu a:active{
	display: block;
	width: 155px;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
}



#contact{
	position:absolute; 
	left: 8px;
	top: 470px;
	padding: 10px;
	width: 157px;
	height: 116px;
	background-repeat: no-repeat;
	z-index: 3;
	font-weight: normal;
	overflow: hidden;
}
#contact p{
	margin: 0px;
	font-size: 10px;
}


/***************** added pictures **********************/

#pictures {
	position: absolute; 
	top: 260px;
	left: 200px;
	width: 504px; 
	height: 340px;
}
#pictures p {
	text-align: left;
	margin: 5px;
	font-weight: bold;
}	
#pictures p a {
        text-decoration: none;
	font-weight: bold;
	margin-left: 10px;
}

#picttop {
	position: absolute;
	width: 504px; 
	top: 0px;
	left: 0px;
	float: left;
}


#pict1 {
	position: absolute;
	width: 160px;
	top: 0px;
	left: 0px;
	float: left;
	margin-left: 0px;
	margin-top: 3px;
	z-index: 0;
}
#border1 {
	position: absolute;
	width: 160px;
	top: 0px;
	left: 0px;
	float: left;
	z-index: 1;
}
#link1 {
	position: absolute;
	width: 150px;
	height: 20px;
	overflow: hidden;
	top: 130px;
	left: 5px;
	background-color: #CE0001;
	z-index: 0;
}
	
#pict2 {
	position: absolute;
	width: 160px;
	top: 0px;
	left: 170px;
	float: left;
	margin-left: 0px;
	margin-top: 3px;
	z-index: 0;
}
#border2 {
	position: absolute;
	width: 160px;
	top: 0px;
	left: 170px;
	float: left;
	z-index: 1;
}
#link2 {
	position: absolute;
	width: 150px;
	height: 20px;
	overflow: hidden;
	top: 130px;
	left: 175px;
	float: left;
	z-index: 0;
	background-color: #CE0001;
}
	
#pict3 {
	position: absolute;
	width: 160px;
	top: 0px;
	left: 340px;
	float: left;
	margin-left: 0px;
	margin-top: 3px;
	z-index: 0;
}

#border3 {
	position: absolute;
	width: 160px;
	top: 0px;
	left: 340px;
	z-index: 1;
}

#link3 {
	position: absolute;
	width: 150px;
	height: 20px;
	overflow: hidden;
	top: 130px;
	left: 345px;
	z-index: 0;
	background-color: #CE0001;
}

#pictbottom {
	position: absolute;
	width: 504px; 
	height: 180px;
	top: 0px;
	left: 0px;
	float: left;
}

#pict4 {
	position: absolute;
	width: 160px;
	top: 165px;
	left: 0px;
	float: left;
	margin-left: 0px;
	margin-top: 3px;
	z-index: 0;
}
#border4 {
	position: absolute;
	width: 160px;
	top: 165px;
	left: 0px;
	float: left;
	z-index: 1;
}
#link4 {
	position: absolute;
	width: 150px;
	height: 20px;
	overflow: hidden;
	top: 295px;
	left: 5px;
	background-color: #CE0001;
	z-index: 0;
}
	
#pict5 {
	position: absolute;
	width: 160px;
	top: 165px;
	left: 170px;
	float: left;
	margin-left: 0px;
	margin-top: 3px;
	z-index: 0;
}
#border5 {
	position: absolute;
	width: 160px;
	top: 165px;
	left: 170px;
	float: left;
	z-index: 1;
}
#link5 {
	position: absolute;
	width: 150px;
	height: 20px;
	overflow: hidden;
	top: 295px;
	left: 175px;
	float: left;
	z-index: 0;
	background-color: #CE0001;
}
	
#pict6 {
	position: absolute;
	width: 160px;
	top: 165px;
	left: 340px;
	float: left;
	margin-left: 0px;
	margin-top: 3px;
	z-index: 0;
}
#border6 {
	position: absolute;
	width: 160px;
	top: 165px;
	left: 340px;
	z-index: 1;
}
#link6 {
	position: absolute;
	width: 150px;
	height: 20px;
	overflow: hidden;
	top: 295px;
	left: 345px;
	z-index: 0;
	background-color: #CE0001;
}
	
#text {
	position: absolute; 
	width: 249px; 
	height: 355px; 
	top: 260px;
	left: 710px;
	background-image: url(../images/textblock.gif);
	background-repeat:  no-repeat;
}

#textheader {
	margin: 5px;
}
	
#blocktext {
	margin: 5px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#blocktext .bodytext{
		margin: 0px;
		padding: 0px;
		}
		
#blocktext H3{
		margin: 0px;
		padding: 0px;
		}
	
#archlink {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#textheader {
	font-weight: bold;
}



/* ------------------- En toen moest alles weer in het zwart... zucht. ------------------- */

#content, #content h1{
	color: #000000;
}

.zanddb-single-prevnext a:link, .zanddb-single-prevnext a:visited, .zanddb-single-prevnext a:hover, .zanddb-single-prevnext a:active{
	color: #000000;
}

.tx_zanddb_filters a:link, .tx_zanddb_filters a:visited, .tx_zanddb_filters a:active, .tx_zanddb_filters a:hover{
	color: #000000;
}