/* css html-elementen */		
html { margin: 0, padding: 0; text-align: center }
body  { margin: 0; color: #8f807c; font-size: 13px; font-family: Georgia; line-height: 170%; background: #acbca3 url(../beeld/bg.gif) repeat-y center top; text-align: center }
table { border: 0 }
td  { font-size: 13px; line-height: 170%; }
img { border: 0; margin: 0 }
div { margin: 0 }
p { clear: left; margin: 0 }
h3 { color: #83422c; font-size: 13px; font-weight: bold; margin: 10px 0; padding: 0 }
li { list-style: none; display: inline }

/* css kleuren/tekst/koppen */
.wit { background-color: #fff }
.grijs { background-color: #eee }
.kop_rood_kl { color: #900; font-weight: bold }
.tekst_grijs666 { color: #666 }
.tekst_rood, .rood { color: #900 }

/* css special */
.euro { font-size: 11px }
.datum { font-size: 9px }

/* css layout */
#container { position: relative; margin-left: auto; margin-right: auto; width: 760px; text-align: left;  }
#kolom_links { position: absolute; left: 0; width: 159px; }
#kolom_midden { position: absolute; left: 165px; top: 110px; width: 374px; }
#kolom_rechts { position: absolute; left: 560px; width: 200px; }
#kolom_rechts p { padding-right: 20px }
#logo { position: absolute; left: 340px; top: 5px; }
#alfabet { position: absolute; left: 765px; width: 15px; height: 100px; }
.content, .content2, content3 { width: 100%; background-color: #EAEDE9; }
.content2 { background-color: #fff; }
.content3 { background-color: #f0e9e9; }

/* css portfolio */
.float1, .float2 { float: left; height: 250px; font-size: 12px; }
.float1 { margin: 10px 5px 10px 30px; }
.float2 { margin: 10px 15px 10px 20px; }
.saf_kop, .saf_bijschrift { width: 250px; line-height: 140%; }
.saf_kop, .colofon { font-weight: bold; }
.clear { clear: both }
.colofon { float: right; }
.saf_kop a img, .saf_kop img { height: 14px; width: 14px; border: 1px solid #fff; }
.saf_kop a:hover img { border: 1px solid #8f807c; }

.sitetitel { line-height: 16px; font-weight: bold; }

.safaricontainer { width: 250px; height: 170px; background: url(../beeld/safari-container.gif);  }
.safari { padding: 19px 0 0 2px;  }
.mouseover, .mouseover2, .onhover { width: 244px; height: 146px; }
.website {  }
.mouseover, .mouseover2 { background: url(../beeld/mac-ie5.png); }
/* verberg voor mac_ie5 \*/
.mouseover2 { background-color: #dcd8cf; filter:alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3 }
.mouseover { background-color: #006600; filter:alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3 }
/* einde verberg*/
.onhover { background-color: transparent }


#pp { margin: 216px 0 0 40px }
#art { margin: 300px 0 0 40px } 

a {
	text-decoration: none;
	color: #900;
}

a:hover {
	color: #8f807c;
}

.links { width: 186px; background-color: #006600; filter:alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3 }

.links2 a {
	text-decoration: none;
	color: #900;
}

.links2 a:hover {
	color: #8f807c;
}

td p {
	padding: 5px 10px;
}

#kolom_midden h1 {
	font-weight: normal;
	font-size: 24px;
	padding: 20px 8px;
	display: inline;
	line-height: 110%;	
}

#kolom_midden b {
	padding: 10px 17px;
	line-height: 110%;	
}

/* css alfabet */

#alf_a a, #alf_b a, #alf_c a, #alf_d a, #alf_e a, #alf_f a, #alf_g a, #alf_h a, #alf_i a, #alf_j a, #alf_k a, #alf_l a, #alf_m a, #alf_n a {
	display: block;
	width: 14px;
	height: 14px;
}

#alf_a a {
	background: url("../alfabet/a.gif") 0 -14px no-repeat ;
}

#alf_b a {
	background: url("../alfabet/b.gif") 0 -14px no-repeat;
}

#alf_c a {
	background: url("../alfabet/c.gif") 0 -14px no-repeat;
}

#alf_d a {
	background: url("../alfabet/d.gif") 0 -14px no-repeat;
}

#alf_e a {
	background: url("../alfabet/e.gif") 0 -14px no-repeat;
}

#alf_f a {
	background: url("../alfabet/f.gif") 0 -14px no-repeat;
}

#alf_g a {
	background: url("../alfabet/g.gif") 0 -14px no-repeat;
}

#alf_h a {
	background: url("../alfabet/h.gif") 0 -14px no-repeat ;
}

#alf_i a {
	background: url("../alfabet/i.gif") 0 -14px no-repeat;
}

#alf_j a {
	background: url("../alfabet/j.gif") 0 -14px no-repeat;
}

#alf_k a {
	background: url("../alfabet/k.gif") 0 -14px no-repeat;
}

#alf_l a {
	background: url("../alfabet/l.gif") 0 -14px no-repeat;
}

#alf_m a {
	background: url("../alfabet/m.gif") 0 -14px no-repeat;
}

#alf_n a {
	background: url("../alfabet/n.gif") 0 -14px no-repeat;
}

#alf_a a:hover, #alf_b a:hover, #alf_c a:hover, #alf_d a:hover, #alf_e a:hover, #alf_f a:hover, #alf_g a:hover, #alf_h a:hover, #alf_i a:hover, #alf_j a:hover, #alf_k a:hover, #alf_l a:hover, #alf_m a:hover, #alf_n a:hover {	
	background-position: 0 0;
}

#contact a, #portfolio a, #filosofie a, #links a, #verstuur a, #terug a, #homepage a, #wie2 a, #waarom a, #wat a {
	display: block;
	width: 159px;
	height: 28px;
}
	
#contact a {
	background: url("../beeld/contact.gif") 0 -28px no-repeat;
}
	
#portfolio a {
	background: url("../beeld/portfolio.gif") 0 -28px no-repeat;
}
	
#filosofie a {
	background: url("../beeld/filosofie.gif") 0 -28px no-repeat;
}

#verstuur a {
	background: url("../beeld/verstuur.gif") 0 -28px no-repeat;
}

#terug a {
	background: url("../beeld/terug.gif") 0 -28px no-repeat;
}

#links a {
	background: url("../beeld/links.gif") 0 -28px no-repeat;
}

#homepage a {
	background: url("../beeld/homepage.gif") 0 -28px no-repeat;
}

#wie2 a {
	background: url("../beeld/wie.gif") 0 -28px no-repeat;
}

#waarom a {
	background: url("../beeld/waarom.gif") 0 -28px no-repeat;
}

#wat a {
	background: url("../beeld/wat.gif") 0 -28px no-repeat;
}

#contact a:hover, #portfolio a:hover, #filosofie a:hover, #links a:hover, #verstuur a:hover, #terug a:hover, #homepage a:hover, #wie2 a:hover, #waarom a:hover, #wat a:hover {	
	background-position: 0 0;
}

#subnavigatie1 {
	position: absolute;
	top: 10px;
	left: 250px;
}

#subnavigatie2 {
	position: absolute;
	top: 30px;
	left: 350px;
}

#subnavigatie3 {
	position: absolute;
	top: 50px;
	left: 250px;
}
	

#contactform {
	width: 100%;
	background-color: #dcd8cf;
}

#mailformulier {
	margin: 20px 40px;
}

/* css formulieren */
form br {
	clear: left
}

input, textarea {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	height: 20px;
	color: #777;
	font-size: 12px;
	font-family: Georgia;
	padding-left: 2px;
	border: solid 1px #dcd8cf;
	line-height: 170%;
}

textarea {
	height: 200px;
}

.hidden {
	display: none
}
	
.checkbox {
	display: inline;
	width: 15px
}	 

.feedback {
	color: #83422c;
	line-height: 170%
}

.px100 {
	width: 100px
}

.px150 {
	width: 150px
}

.px200 {
	width: 200px
}

.px300 {
	width: 300px
}

.px400 {
	width: 400px
}

.px500 {
	width: 500px
}

/* css header en hoofdnavigatie 
#header { position: absolute; width: 760px; height: 20px; background-color: #099 }
#logo_container  { position: absolute; width: 760px; top: 20px; height: 90px; background: url("../beeld/sitelogo.jpg") }
#logo2_container  { position: absolute; top: 20px; left: 600; width: 160px; height: 90px; background: url("../beeld/pauw_blauw_top.jpg") }
#logo3_container  { position: absolute; top: 110px; left: 600; width: 150px; height: 35px; background: url("../beeld/pauw_blauw_bottom.jpg"); z-index: 10 }
#nav_container { position: absolute; top: 110px; width: 760px; height: 35px; background-color: #f60 }
#nav_geel, #nav_blauw, #nav_rood, #nav_oranje { float: left; width: 150px; height: 35px }
#nav_geel { background-color: #fc3 }
#nav_blauw { background-color: #039 }
#nav_rood { background-color: #900 }
#nav_oranje { background-color: #f60 }
.nav_link { color: #fff; font-weight: bold; font-size: 10px; font-family: Verdana; text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 35px }
.nav_link a { color: #eee; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }
.nav_link a:hover { color: #fff }

/* css zoekvenster 
#zoek { text-align: right; padding: 8px 18px 0 0 }
.zoek { color: #333; font-size: 11px; font-family: Verdana; background: #fbea73 url("../beeld/zoek.gif") no-repeat; padding: 1px 2px 2px 20px; border: solid 1px #c93; width: 100px; height: 19px }

/* css content 
#content_container { position: absolute; top: 145px; width: 760px; background: url("../beeld/ega_bg.gif") repeat-y center top }
#nav_kolom, #content_kolom, #beeld_kolom, #tekst_kolom, #nieuws_kolom { float: left; width: 150px }
#content_kolom { width: 450px }
#tekst_kolom { width: 300px }
#nieuws_kolom { background-color: #fbe12a }
#subnav { text-align: right; padding: 5px 20px 50px 0 }
#subnav a { color: #900; font-style: italic; font-weight: bold; font-size: 13px; line-height: 39px; font-family: Verdana; text-decoration: none }
#subnav a:hover, #subnav .actief a { color: #f60 }
.tekst { padding: 7px }


/* css nieuws 
.nieuws { color: #039; margin-bottom: 10px }
.nieuws h3 { margin: 0; color: #039 }
.nieuws a, .bericht a { color: #f60; text-decoration: none }
.nieuws a:hover, .bericht a:hover { color: #039 }
.bullet { color: #f60; font-weight: bold }

/* css home 
.bericht { color: #039; margin-bottom: 10px }
.bericht h3 { margin: 0; color: #039 }


css voetregel 
#footer { position: relative; clear: both; width: 760px; height: 20px; background-color: #f60; z-index: 10 } */
#footer_content { text-align: right; line-height: 20px; text-align: right; padding-right: 15px }
#footer_content a { color: #eee; font-size: 9px; font-family: Verdana; text-decoration: none }
#footer_content a:hover { color: #fff }