html {height:100%;}
body { font:12px Verdana; background:#FFF; padding:0; margin:0; height:100%; }
div.bg { height:100%; width:100%; }

a { color:#989898; text-decoration:none; }
a:hover { color:#1C1919; }
a img { border:0; }
p { padding:0; font:Verdana; font:Verdana; font-size:10px; line-height:18px; margin:0;}
h1 { padding:0; font:Verdana; font:Verdana; font-size:10px; font-weight:bold; margin:0;}

div#wrapper { padding:0 23px 5px 23px; width:860px; min-height:688px; background:white; position:relative; margin:0 auto; position:relative; z-index:100; }

div#wrapper_links  { width:100%; background-image:url(../gfx/wrapper_links.gif);  background-repeat:repeat-y; position:relative; z-index:90;}
div#wrapper_rechts { width:100%; background-image:url(../gfx/wrapper_rechts.gif); background-position:right; background-repeat:repeat-y; position:relative; z-index:90;}

div#header { background-color:#555; height:23px; color:white; font:10px verdana; text-align:right; }
div#header p { float:right; padding:2px 10px 0px 10px; background:url(../gfx/header_border.gif) no-repeat; background-position:right -1px;  }
div#header a { float:right; background-image:url(../gfx/icon_mail.gif); display:block; width:20px; height:16px; background-position:0 4px; background-repeat:no-repeat; margin:0 10px 0 10px;}
div#header a:hover { background-position:bottom; }

div#logo { margin:20px 0 0 48px; position:absolute;}
div#logo img { border:0;}

div#main_menu { text-align:right; margin:81px 0 21px 0;}
div#main_menu ul    { padding:2px 0 2px 0; margin:0; right:0px; height:14px; }
div#main_menu ul li { list-style-type:none; display:inline; font-weight:bold; font-size:13px;}

div#main_menu ul li#flickr a { padding:12px 30px 3px; background-image:url(../gfx/flickr.gif); background-repeat:no-repeat; background-position:0 4px; font-size:1px; color:white; overflow:hidden; }
div#main_menu ul li#flickr a:hover { background-position:0 -86px; }

div#main_menu a     { font-family:Verdana; font-size:12px; padding:0 30px 0 0; color:#808080; text-decoration:none; }
div#main_menu a:hover { color:#414141; }
div#main_menu a.selected { color:#414141; }

div.intro { height:265px; width:213px; display:block; float:left; margin:0; color:#000000; }
div.intro p { padding:0px 15px 0px 15px; font:Verdana; font-size:10px; line-height:18px; margin:0;}
div.intro h1 { padding:31px 15px 3px 15px; font:Verdana; font-size:10px; font-weight:bold; margin:0; }

a.projects { display:none; background-image:url(../gfx/bg_card.gif); background-repeat:no-repeat; height:236px; width:207px; float:left; padding:19px 0 0 0; margin:15px 5px 0 1px; position:relative; }
a.projects img.icon { position:absolute; right:12px; bottom:13px; }
a.projects img.foto { margin:0 0 0 4px; display:block;}
a.projects div.logo { position:absolute; bottom:20px; width:200px; }
a.projects h2 { font-family:Verdana; font-size:80%; color:#414141; margin:6px 8px 0 12px; }
div#tekst a.projects p { font-family:Verdana; font-size:10px; color:#989898; margin:0 8px 0 12px; }

div.special { position:absolute; height:236px; width:177px; float:left; padding:19px 15px 0 15px; margin:15px 5px 0 1px; color:#000000; }
div.special p { font:Verdana; font-size:10px; line-height:18px; margin:0;}
div.special h1 { font:Verdana; font-size:10px; font-weight:bold; margin:0;}
div#special1 { left:242px; top:144px }
div#special2 { left:455px; top:144px }
div#special3 { left:668px; top:144px }
div#special4 { left: 29px; top:414px }
div#special5 { left:242px; top:414px }
div#special6 { left:455px; top:414px }
div#special7 { left:668px; top:414px }

div#arnhem { text-align:right; padding:24px 24px 0 0; margin-top:9px; height:50px; border-top:1px solid #e1e1e1;  }

div#bg_links {background-image:url(../gfx/bg_links.gif); background-repeat:repeat-y; min-height:780px;  }
div#bg_rechts {background-image:url(../gfx/bg_rechts.gif); background-repeat:repeat-y; background-position:right; }
div#bg_bottom {background-image:url(../gfx/bg_bottom.gif); background-repeat:repeat-x; background-position:bottom; position:fixed; height:10px; width:100%; bottom:0; }
div#bottom_left { background-image:url(../gfx/bg_bottom_left.gif); width:10px; height:10px; position:absolute; left:0; bottom:0; }
div#bottom_right { background-image:url(../gfx/bg_bottom_right.gif); width:10px; height:10px; position:absolute; right:0; bottom:0; }

div#tekst { border-top:1px solid #e1e1e1; height:540px; width:856px; margin-left:6px; }
div#tekst p { color:#333; font:Verdana; font-size:10px; line-height:18px; }

/* WERK */
div#beschrijving { color:blue; display:block; float:left; width:280px; margin-top:27px; padding:0 20px 0 0;}
div#beschrijving h1 { font:verdana; font-size:16px; color:black; font-weight:normal; margin:0;}

/* FOTO ALBUM */
#album { width:622px; height:273px; position:relative; }
#album img { display:block; }
#album div.large { float:left; width:411px; height:273px; position:relative; overflow:hidden; margin-right:7px;}
#album div.thumb img { float:left; margin:0 5px 5px 0; cursor:pointer; }
#album div.large img { z-index:8; position:absolute; left:0; top:0; display:none;  }
#album div.large img.bovenop  { z-index:10; display:block; }
#album div.large img.erachter { z-index:9; display:block; }
#album div.logo  img { position:absolute; right:0; bottom:0;  }

/* Vervolgpagina's */

/*div.kolom_links h1 { margin-bottom:10px; }*/
div.kolom_links { margin-top:20px; width:191px; display:block; float:left; color:#000000;}
div.kolom_links p { margin-bottom:20px; font-size:10px; line-height:18px;}
div.kolom_links h1 { padding:0 15px 3px 0; font:Verdana; font-size:10px; font-weight:bold; margin:0;}

div.inhoud { margin-top:20px; width:621px; position:absolute; left:243px; display:block; float:left; color:#000000}
div#wrapper div.inhoud p { line-height:1.5em; margin-bottom:15px; }
div.inhoud img { margin-right:5px; }
div.inhoud h1 {margin:25px 0 15px 0;}
div.inhoud a { margin:0 30px 0 0; line-height:50px;}

div.submenu { width:191px; font:Verdana; font-size:10px; color:#989898; margin-top:20px; line-height:1.9em;}
div.submenu a { color:#000000; text-decoration:none;}
div.submenu a:hover { text-decoration:underline;}

div#submenu    { height:14px;}
div#submenu ul { margin:0; padding:0; height:23px; list-style-type:none; position:absolute; left:243px; }
div#submenu li { display:block; float:left;}
div#submenu a  { display:block; width:134px; height:19px; padding:4px 7px 0 7px; color:white; font-size:10px; overflow:hidden; background:#696967; margin-right:8px;}
div#submenu a:hover    { background:#c7d700; }
div#submenu a.selected { background:#cecece; }

/* GoogleMap: */
body.contact div.map { position:relative; width:615px; height:404px; margin-left:210px; margin-top:15px; }
body.contact div.map img { position:absolute; top:40px; right:10px; }
body.contact div#map div#logocontrol { display:block; margin-left:518px; position:absolute; top:375px; right:0px; width:100px; height:70px;}
