/* grijs - text-align: center; in de body zorgt ervoor dat de boel (de div kaderwrap) gecentreerd wordt in ie */

body {
	background-image:url(images/achtergrond_metaal.jpg);
	background-position:center;
	margin: 5px;
	padding: 0 0 0 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	height: 100%;
	line-height: 95%;
}

/* hieronder hack: overschakelen naar traditionele boxmodel ipv w3c boxmodel om width en height overal hetzelfde te krijgen, 
werkt alleen bij geen doctype in html, wel doctype gebruiken? dan boxmodel declareren met tantek hack http://www.thenoodleincident.com/tutorials/box_lesson/index.html */

div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* beige - Hieronder de kaderwrap div, van logo t/m onderste navigatie, omspant alle andere divs, zorgt voor vaste breedte van 752px */

#kaderwrap {
  background-image: url(images/achtergrond_logo_jansen.jpg);
   background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 752px;
	padding: 0px;
	border: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: auto;
	position: relative;
	top: 5px;
}
/*  Hieronder de kader div, van logo t/m tekst */
#kader {
	position: relative;
	width: 100%;
	height: auto;
	border-top: thin solid #006699;
	border-right: thin solid #006699;
	border-bottom: none;
	border-left: thin solid #006699;
}

/* hardroze - Hieronder de logo div, hier zit logo links bovenin */
#logo {
   background-image: url(images/boven_logo2.jpg);
	position: relative;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 150px;
	z-index: 100;
}

#logo img {
	margin: 10px 10px 10px 10px;
}

.foto {
color: #ffffff;
font-size:1px;}

/* rood roze - Hieronder de fotoos div, hier zit foto rechts  bovenin 
#fotoos {
	background-color: Fuchsia;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #C82626;
	padding: 10px 10px 10px 10px;
	position: relative;
	top: 10px;
	left: 200px;
	width: 290px;
	height: 120px;
	z-index: 200;
}

#fotoos img {
	margin: 4px 3px 4px 1px;
	border-color: #006;
	border-width: 1px;
	border-style: solid;
}
*/
/* bruin - Hieronder de navi div, hier zit navi rechts onder de foto*/
#navi {
	background-color: #CCCCCC;
	position: absolute;
	top: 150px;
	left: 0px;
	text-align: center;
	width: 750px;
	height: auto;
	padding: 5px 0px 5px 0px;
}
/* hierboven padding b, l, o, r */

.navinav {
	border: none;
}

.navinav {
	font-size: 80%;
	font-variant: normal;
	text-align: center;
}

.navinav a{ 
	color: #333333;
	font-weight:800;
 	text-decoration : none;
} 

.navinav a:hover {
	color: #333333;
	font-weight:800;
	text-decoration: none;
	background-color: #ffffff;
}

.navinav  a:link {
	color : #333333;
	font-weight:800;
	text-decoration: none;
}

.navinav a:active {
	color: #333333;
	font-weight:800;
	text-decoration: none;
}

.navinav a:visited {
	color:#CC3300;
	font-weight:800;
	text-decoration: none;
}
/*
#navi img {
	margin: 4px 12px 4px 0px;
}
*/
/*
#margelinks {
	position: absolute;
	top: 165px;
	left: 0px;
	width: 165px;
	height: auto;
	margin: 0px 10px 0px 10px;
	font-size: 0.70em;
	text-align: center;
}
*/
/* wit - Hieronder de content div, hier zit de tekst in */

#content {
	background-color: transparent; /*background-image: url(images/content1.jpg);
	background-repeat: no-repeat;
	background-position: right;*/
	word-break: normal;
	position: relative;
	top: auto;
	left: 15%;
	width: 550px;
	height: auto;
	padding: 30px 10px 10px 10px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	/*border-top: thin solid #666666;
	border-right: thin solid #666666;
	border-bottom: thin solid #666666;
	border-left: thin solid #666666;*/
}
/* donkergroen -   
#content p.lead {
	color: #333333;
	font-weight : bold;
}*/
.kop1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight:800;
	color: #006699;
}		

#content h1, #content h2, #content h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #006699;
	background-color : transparent;
}

#content h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 13px;
	color: #006699;
}	

#content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	display: block;
	color: #006699;
}		


#content a {
   color: #006699;
	text-decoration : none;
	font-weight: bold;
}

#content a:link {
	color: #006699; text-decoration: none;
}

#content a:active {
	color: #006699; text-decoration: none;
}

#content a:visited {
	color: #006699; text-decoration: none;
}

#content a:hover {
	color: #006699;
	text-decoration: none;
}

.right {
	text-align: right;
}
/* link naar xomex */
.xs {
	font-size: 10px;
	text-align:right;
	font-weight:700;
	font-variant: normal;
	color: #006699;
}

/* geel is niet te zien klein beetje rechts- hieronder de bottom div,   achtergrondkleur onderste menu, die de footer en tekstnav omspant 

#bottomindex {
	position: relative;
	border-top: none;
	border-right: thin solid #C9A63E;
	border-bottom: thin solid #C9A63E;
	border-left: thin solid #C9A63E;
	background-image: url(schelpsite/1schelp.jpg);
	width: 100%;
	height: auto;
}
#bottommissie {
	position: relative;
	border-top: none;
	border-right: thin solid #C9A63E;
	border-bottom: thin solid #C9A63E;
	border-left: thin solid #C9A63E;
	background-image: url(schelpsite/2schelp.jpg);
	width: 100%;
	height: auto;
}
#bottomdiensten {
	position: relative;
	border-top: none;
	border-right: thin solid #C9A63E;
	border-bottom: thin solid #C9A63E;
	border-left: thin solid #C9A63E;
	background-image: url(schelpsite/3schelp.jpg);
	width: 100%;
	height: auto;
}	
/*
#bottombedrijf {
	position: relative;
	border-top: none;
	border-right: thin solid #C9A63E;
	border-bottom: thin solid #C9A63E;
	border-left: thin solid #C9A63E;
	background-image: url(schelpsite/6schelp.jpg);
	width: 100%;
	height: auto;
}

#bottomcontact {
	position: relative;
	border-top: none;
	border-right: thin solid #C9A63E;
	border-bottom: thin solid #C9A63E;
	border-left: thin solid #C9A63E;
	background-image: url(schelpsite/5schelp.jpg);
	width: 100%;
	height: auto;
}
*/
/* hard roze - hieronder de div voor de tekstnavigatie,  ligt over de gele bottom div, onderaan de pagina */
#textnavwrap {
	background-color: transparent;
	border-top: none;
	border-right: thin solid #006699;
	border-bottom: thin solid #006699;
	border-left: thin solid #006699;
	width: 752px;
	text-align: center;
	height: 2px;
	position: relative;
}

.textnav p{	
	font-size: 75%;
	font-variant: small-caps;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

table{
	font-size : 12px;
	padding: 3;
	border: 1;
	border-color: #C9A63E;
	width: 500px;
	height: auto;
}