* {
margin : 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0 auto;padding : 0;
vertical-align : baseline;
border : 0;
outline : 0;
background : transparent;
font-family : Arial, sans-serif;
font-size : 98%;
line-height : 1.5em;
font-style : normal;
}
html {
	background: url(../images/standaard/grasNW.png) no-repeat center top;
	height: 100%;
}
body {
height :100%;
color : #000000;
width : 900px;
overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6, h7, h8 {
margin:0;padding :0 20px;
font-family : Arial, sans-serif;
font-size : 98%;
line-height : 1.3;
font-variant : normal;
font-style : normal;
font-weight : normal;
letter-spacing : normal;
color : #06A6B7;
text-align : left;
clear : both;
}
h1 {
font-size : 120%;
line-height : 1.5em;
text-align : left;
}
h2 {
font-size : 98%;
color:#06A6B7;
}
h3 {
font-size : 98%;
color : #367324;
}
h4 {
font-size : 100%;
}
h5 {
font-size : 100%;
color : #ffffff;
line-height : 175%;
background-color : #77B646;
}

/* DIV'S
******************************************* */
div.container {
position:relative;
left:50%;
margin : 0 0 -40px -450px;padding : 0; 
/*margin-bottom = - hoogte footer + 1 + som van de top en bottompadding*/
width : 900px;
min-height : 100%;
height : auto !important ;
height : 100%;
}
div.header{
position: fixed;
left:50%;
margin : 0 0 -60px -450px;padding : 0;
width: 900px;
height: 140px;
z-index:101;
border-bottom:1px solid #06A6B7;
background-color:white;
text-align:center;
}
div.backlinks{
width:885px;
height:20px;
color:#06A6B7;
text-align:right;
margin:0 20px 0 0;padding:5px 15px 0 0;
}
div.content{
position : relative;
left:0;
margin :152px 0 0 0;padding :0; 
/* margin-top = hoogte header */
width : 899px;
float : left;
color : #000000;
text-align : left;
vertical-align : top;
border-left : 1px solid #c0c0c0;
background-color:transparent;
z-index:0;
}
/* P
******************************************* */
div.content p, div.content p.rand, div.content p.r, div.content p.smal {
margin : 0;padding :0 20px;
font-size : 98%;
line-height : 1.5em;
font-weight : normal;
font-style : normal;
color : #000000;
vertical-align : top;
background-color : transparent;
}
div.content p.rand {
font-size : 50%;
border-bottom: 1px dotted #77B646 ; 
}
div.content p.smal {
font-size : 50%;
}
div.content p.r{
text-align :right;
}
/* A
******************************************* */
a {
color : #000000;
border : none;
font-weight : normal;
text-decoration : none;
cursor : pointer;
outline : 0;
}
a.rand_uit:link, 
a.rand_uit:visited {
border-bottom : 1px solid rgb(175, 175, 175);
}
a.rand_uit:hover, 
a.rand_uit:active {
border-bottom : 1px solid #06A6B7;
}
a.rand_in:link, 
a.rand_in:visited {
border-bottom : 1px solid #06A6B7;
}
a.rand_in:hover, 
a.rand_in:active {
border-bottom : 1px solid rgb(175, 175, 175);
}
/* TABLE
******************************************* */
table.portfolio{
width:875px;
margin:0 0 0 15px;padding:0;
font:1em Arial, sans-serif, sans;
color:#000000;
}
table.portfolio td{
text-align:center;
width:33%;
}
table.portfolio td.l, table.portfolio td.l1, table.portfolio td.l2{
text-align:left;
font-size:1em;
}
table.portfolio td.l1{
width:450px;
}
table.portfolio td.l2{
width:425px;
}
table.ander_thuis, table.jalbum{
width:875px;
margin:0 0 0 15px;padding:0;
font:1em Arial, sans-serif, sans;
color:#000000;
}
table.ander_thuis td{
text-align:left;
width:50%;
}
table.jalbum td{
text-align:center;
}
table td img{
border : 1px solid #06A6B7;
}
/* FLOAT1 MENU
******************************************* */
div.float1 {
position:relative;
width : 200px;
float : left;
vertical-align : top;
background-color : transparent;
}
div.float1 #menu {
position : fixed;
left:50%;
margin : 10px 0 -25px -450px;padding:0 20px;
top : 147px; 
/*=hoogte header */
width : 160px;
font-family : Arial, sans-serif;
font-size : 100%;
line-height : 1.5em;
font-weight : normal;
font-style : normal;
color : #000000;
height:100%;
background-color:transparent;
}
/* CLASSES
******************************************* */
.cursief {
font-style : italic;
}
.vet {
font-weight : bold;
}
.center {
text-align : center;
}
.klein {
font-size : 90%;
line-height : 1.5em;
}
.hoger{
line-height : 2.5em;
}
.kleinkapitaal {
font-variant : small-caps;
}
.wijd {
letter-spacing : 2px;
}
.sup {
position : relative;
font-size : 0.7em;
vertical-align : super;
}
.sub {
position : relative;
font-size : 0.7em;
vertical-align : sub;
}
/* IMAGES
******************************************* */
img {
margin : 0;padding : 0;
border : 0 none;
}
img.kop {
margin : 0 auto;
padding : 0 0 0 1px;
border : 0 none;
}
img.r, img.l, img.midden {
margin : 0;padding : 0;
border : 1px solid #06A6B7;
}
img.l {
margin : 5px 10px 0 0;
float : left;
clear : left;
}
img.r {
margin : 5px 0 0 10px;
float : right;
}
img.midden {
vertical-align : middle;
}
img.c{
tex-align:center;
border:none;
}
img.linkedin{
margin-bottom:-7px; 
background-color:red;
}
img.sites{
margin : 0;padding : 0;
width:276px;
height:187px;
border : 1px solid #06A6B7;
}
/* FOOTER
******************************************* */
div.spacer {
clear : both;
}
#footer, .push {
position:relative;
height : 39px;
clear : both;
float:left;
left:50%;
margin : 0 0 0 -450px;padding:0;
width : 900px;
}
#footer{
background-color:white;
border-top:1px solid #06A6B7;
}
div.push {
height : 5px;
}
#footer p {
margin : 0;padding :10px 20px;
font-size : 80%;
line-height : 1.5em;
font-weight : normal;
font-style : normal;
color : #808080;
background-color : white;
text-align : center;
}
#footer p a {
color : #808080;
}
#footer p a:hover {
color : rgb(255, 127, 127);
}
/* LIJSTEN
******************************************* */
ul, div.content ul, div.content ul.metstip {
margin : 0;padding : 0 20px;
font-size :1em;
line-height : 1.5emem;
font-weight : normal;
font-style : normal;
color : #000000;
list-style : none;
background-color : transparent;
}
div.content ul.metstip {
list-style : disc;
margin : 0 0 0 14px;
}
div.content ul.kleur {
color : #06A6B7;
}
div.float3 ul.metstip {
background-color : #e0e0e0;
}
li a, li li a {
margin : 0;padding : 0;
color : #000000;
}
li.kleur, li.kleur a, li.kleur li a {
color : #06A6B7;
}
li.kleur span, li.kleur span a, li.kleur li span {
color : #000000;
}
object{
position:relative;
z-index:0;
background : transparent;
}
/* ELSTRAPLEIN
******************************************* */
div.rboven{
position:absolute;
right:15px;
top:5px;
color:#000000;
}
#foto{
text-align:center;
margin:0;padding:0;
margin-top:30px;
}
/* TABLE ELSTRAPLEIN
******************************************* */
table.dia{
position:absolute;
width:810px;
margin:15px 0 0 40px;
/*margin:15px 0 0 23px;*/
padding:0;
/*height:450px;*/
border:0;
text-align:center;
}
table.dia td.rechts{
text-align:left;
width:300px;
padding-top:3px;
vertical-align:top;
}
table.dia td.knoppen{
width:170px;
text-align:left;
margin:0;
}
table.dia td img{
margin : 0 0 0 5px;padding : 0;
border : 0 none;
}
table.dia td.knoppen img{
margin : 0;padding : 0;
border : 0 none;
}