/*
/* design by Ralf van de Sand (c) 2007-2008
/* www.ralfvandesand.nl
/*
*/

* {
margin:0px;
padding:0px;
}
a {
outline: none;
}
html, body {
height: 100%; /* héél belangrijk */
}
/* Zichtbare delen links en rechts van de content-container */ 
html {
    margin: 0px;
	background: #24342a; /* ori ddd8b9 212120 333333 322114*/
	}

body {
    width: 760px;
    margin: 0px auto;
	height:100%;
	padding: 0px;
	}
	
/* begin: onderstaande de body id's voor navigation bar active states */
#body-home #menu-home a,
#body-collectie #menu-collectie a,
#body-verkocht #menu-verkocht a,
#body-restyling #menu-restyling a,
#body-bestelinfo #menu-bestelinfo a,
#body-overons #menu-overons a,
#body-contact #menu-contact a,
#body-danku #menu-danku a,
#body-error #menu-error a {
color: #a2ca37;   
}


#body-home #menu-bestelinfo a:hover,
#body-collectie #menu-collectie a:hover,
#body-verkocht #menu-verkocht a:hover
#body-restyling #menu-restyling a:hover,
#body-bestelinfo #menu-bestelinfo a:hover,
#body-overons #menu-overons a:hover,
#body-contact #menu-contact a:hover,
#body-danku #menu-danku a:hover,
#body-error #menu-error a:hover  {
color: #a2ca37;  
}

/* einde: bovenstaande de body id's voor navigation bar active states */


/*	div { border:1px black solid; }*/

#content {
	background: #faf9f2;
	position: absolute;
	min-height: 100%;
	height:auto !important;
	height:100%;
	width: 760px;
	border-right: 1px solid #9ea77c;
	border-left: 1px solid #9ea77c;
	margin: 0px 0px 0px 0px;
}

/* HEADER SECTIE*/
#header-home2 {
	margin: 0px;
	padding: 0px;
	background: #faf9f2 url(images/logo_valentijn.jpg) repeat-x center top;
	height: 200px;
	width: 760px;
	}
#header-home {
	margin: 0px;
	padding: 0px;
	background: #faf9f2 url(images/logo_home_overons.jpg) repeat-x center top;
	height: 200px;
	width: 760px;
	}
#header-collectie {
	margin: 0px;
	padding: 0px;
	background: #faf9f2 url(http://www.deolivijn.nl/images/logo_collectie.jpg) repeat-x center top;
	height: 200px;
	width: 760px;
	}
#header-verkocht {
	margin: 0px;
	padding: 0px;
	background: #faf9f2 url(images/logo_verkocht.jpg) repeat-x center top;
	height: 200px;
	width: 760px;
	}
#header-restyling {
	margin: 0px;
	padding: 0px;
	background: #faf9f2 url(images/logo_restyling.jpg) repeat-x center top;
	height: 200px;
	width: 760px;
	}
#header-bestelinfo {
	margin: 0px;
	padding: 0px;
	background: #faf9f2 url(images/logo_bestelinfo.jpg) repeat-x center top;
	height: 200px;
	width: 760px;
	}
#header-overons {
	margin: 0px;
	padding: 0px;
	background: #faf9f2 url(images/logo_overons.jpg) repeat-x center top;
	height: 200px;
	width: 760px;
	}
#header-contact {
	margin: 0px;
	padding: 0px;
	background: #faf9f2 url(images/logo_contact.jpg) repeat-x center top;
	height: 200px;
	width: 760px;
	}
#header-disclaimer {
	margin: 0px;
	padding: 0px;
	background: #faf9f2 url(images/logo_bestelinfo_contact.jpg) repeat-x center top;
	height: 200px;
	width: 760px;
	}	
#headerlogo {
padding: 10px 10px 0px 550px;
height: 100px;
float: left;
}
/* EINDE HEADER SECTIE*/

/* NAVIGATIE IN DE HEADER */
#thicktabs{
    margin: 45px 0px 0px 0px;  
	padding: 0px 0px 0px 0px;
	float: left;
	width: 760px;
    height: 26px;
    background: transparent;
}
#thicktabs ul{
    width: 760px;
}
#thicktabs li{
	float: left;
	font: normal .9em Arial, Helvetica, sans-serif;
	list-style : url(none) none;
	background: #212120;
	letter-spacing: 0px;
}
#thicktabs li a{
float: left;
display: block;
color: #faf9f2;
padding: 4px 28px;  
text-decoration: none;
background: #212120;
border-top: 0px solid #c2c0b1; 
border-bottom: 0px solid #c2c0b1; 
}
#thicktabs li a#leftmostitem { 
border-left: 0px solid #ddd399; 
padding: 4px 28px 4px 28px;
}
#thicktabs li a#rightmostitem{
	border-right: 0px solid #ddd399; 
	background-position: left bottom;
	padding: 4px 28px 4px 29px;
}
#thicktabs li a:hover {
color: #a2ca37;  
}
#thicktabs li a:active {
color: #a2ca37;  
}
/* EINDE NAVIGATIE IN DE HEADER */

/* MAIN SECTIE */
#main {
	float: right;
	position:relative;
	height:auto;
	width: 75%;
	margin: 10px 10px 60px 10px;
	padding: 0px 0px 1px 0px;
	background-color: transparent;
	color: #4c4b3f;
    overflow:visible;
	}
#main-box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#main-box a {
	color: #3e1203;	
    }
#main-box a:visited {
	color: #3e1203;
    }
#main-box a:hover {
	color: #a2ca37;
    }
	
#handtekening {
	width: 250px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	background: url(images/handtekening.gif) no-repeat;
}
/* EINDE MAIN SECTIE */

/* VRIJE GEDEELTE LINKS VAN MAIN */
#side {
	float: left;
	position:relative;
	width: 135px;
	margin: 10px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
	color: #3e1203;
	background: #E4E4D3 url(none) repeat-x scroll 0% bottom;
}
#side-box {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	}
#side-box a {
	color: #3e1203;	
    }
#side-box a:visited {
	color: #3e1203;
    }
#side-box a:hover {
	color: #a2ca37;
    }
#side-box2 {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
/*	border: 1px solid #212120;*/
	}
	
#side-box2 a {
	color: #3e1203;	
    }
#side-box2 a:visited {
	color: #3e1203;
    }
#side-box2 a:hover {
	color: #a2ca37;
    }
#side-box2 p {
	margin: 10px 0px 0px 0px;
}
#side-box3 {
	padding: 5px 0px 5px 10px;
	float: left;
	position:relative;
	width: 135px;
/*	height: 300px;*/
	margin: 30px 10px 0px 10px;
	color: #3e1203;
	font: 11px/normal Arial, Helvetica, sans-serif;
	background: #E4E4D3 url(none) repeat-x scroll 0% bottom; 
	}
#side-box3 a {
	color: #3e1203;
    }
#side-box3 a:visited {
	color: #3e1203;
    }
#side-box3 a:hover {
	color: #a2ca37;
    }
	
#side p {
font: 12px/normal Arial, Helvetica, sans-serif;
}	


/* EINDE VRIJE GEDEELTE LINKS VAN MAIN */
	
/* FOOTER SECTIE */
#footerwrap {
	float:left;
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	background: #212120 none repeat-x scroll 0% bottom; 
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	border-top: 1px solid #9ea77c;
    }
#footer {
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 10px/normal Arial, Helvetica, sans-serif;
	color: #f4f3e6;
	text-align: right;
	}
#footer p {
	padding: 0px 0px 5px 0px;
	font: 10px/normal Arial, Helvetica, sans-serif;
    }
#footer a {
	padding: 0px 2px 0px 2px;	
	font-weight: bold;
	text-decoration: none;
	color: #f4f3e6;	
    }
#footer a:hover {
	color: #a2ca37;
    }
/* EINDE FOOTER SECTIE */

.topje {
	margin: 10px 0px 10px 0px;
	float: left;
	position:relative;
}

.links p, .rechts p {font: 11px/normal Arial, Helvetica, sans-serif;}
.links h1 {
color:#3E1203;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-weight:bold;
}
.links {
    float: left;
	width: 440px;
	padding: 5px 0px 5px 0px;
	background: #FAF9F2 url(none) repeat-x scroll 0% bottom;
	color: #3e1203;
}
.links a {
	color: #3e1203;
    }
.links a:visited {
	color: #3e1203;
    }
.links a:hover {
	color: #a2ca37;
    }
.rechts {
float: left;
width: 125px;
text-align: center;
padding: 5px 0px 5px 0px;
background: #E4E4D3 url(none) repeat-x scroll 0% bottom;
}
.onder {
	margin: 0px 0px 10px 0px;
	float: left;
	position:relative;
}	

/* KETTING DISPLAY */
.ketting {
float: left;
	width:100%;
	height: 140px;
	margin: 5px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #afae9e;
}
.ketting-tekst {
float: left;
width: 70%;
height: 140px;
margin: 0px 0px 0px 0px;
}
.ketting-groot {
float: left;
height: 115px;
font: 12px/normal Arial, Helvetica, sans-serif;
top: 0px;
vertical-align: top;
}
.ketting-klein {
float: left;
width:150px;
height: 23px;
margin: 0px 0px 0px 0px;
font: 9px/normal Arial, Helvetica, sans-serif;
vertical-align: bottom;
}
.ketting-display {
float:right;
width: 130px;
height: 100%;
margin: 0px 0px 0px 5px;
}
.foto-1 {
height: 60px;
margin: 0px 0px 10px 0px;
}
.foto-2 {
height: 60px;
margin: 0px 0px 0px 0px;
}

/* EINDE KETTING DISPLAY */

img {
	border: 0px solid #ddd399;
	text-decoration: none;
}

.tekst {
	width:100%;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font: 12px/normal Arial, Helvetica, sans-serif;
}
.tekst2 {
	width: 556px;
	margin: 10px 0px 5px 0px;
	padding: 5px 0px 5px 10px;
	text-align: left;
	font: 11px/normal Arial, Helvetica, sans-serif;
	background: #E4E4D3 url(none) repeat-x scroll 0% bottom;
}

	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #3e1203;
}

h1, h2, h3, h4, h5, p {
	margin: 0;
	padding: 0 0 0 0;
	}

.nieuw {
	font-weight: bold;
	color: #3e1203;
}