/* denniskoek.nl 181105 */

html,body,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,form,label {margin:0;padding:0;}
html,body {width:100%;height:100%;}
body {background-color:#333;color:#fffff0;font:80% verdana,sans-serif;}
h1 {padding:8px 5% 4px 5%;font-size:170%;text-align:center;text-shadow:1px 2px 1px #ccc;}
h2 {padding:8px 5% 4px 5%;font-size:170%;text-align:center;}
h3 {padding:6px 0 3px 0;font-size:140%;}
h4 {padding:4px 0 2px 0;font-size:140%;}
h5 {padding:2px 0 1px 0;font-size:120%;}
h1,h2,h3,h4,h5,dt {background-color:transparent;color:#fffff0;font-family:"apple chancery","lucida handwriting","brush script mt",cursive;font-weight:normal;}

p {padding:10px 5%;text-align:center;}
img {border:0;}
table {border:0;}
ul li {list-style:none;}
br.c {clear:both;font:1px serif;}

/* global links */
a:link {background-color:transparent;color:#ccc;text-decoration:underline;}
a:visited {background-color:transparent;color:#ddd;text-decoration:none;}
a:hover {background-color:#ccc;color:#333;text-decoration:none;}
a:active {background-color:transparent;color:#fff;text-decoration:none;}

/* header */
div#h {position:relative;width:100%;border-bottom:1px solid #333;padding-top:3px;background:#111 url(../im/bg_denniskoek_n/) no-repeat 10% 0;color:#fffff0;font-family:"apple chancery","lucida handwriting","brush script mt",cursive;text-shadow:2px 3px 2px #ccc;z-index:1;}
div#h div.dennis {width:66%;height:84px;float:left;font-size:400%;letter-spacing:15px;text-align:center;}
div#h div.dennis a {background-color:transparent;color:#999;text-decoration:none;}
div#h div.painter {width:25%;float:right;padding:10px 2% 0 0;text-align:right;letter-spacing:2px;font-size:150%;}
/* header breadcrumb */
div#b {float:left;width:65%;padding-left:5%;font:80% verdana,sans-serif;text-align:left;z-index:2;}
div#h div#b ul li {display:inline;}
div#h div#s {padding-right:2%;font:80% verdana,sans-serif;text-align:right;z-index:2;}
div#h div#b,div#h div#s {background:#222;color:#ccc;line-height:200%;}

/* content */
div#c {position:relative;width:62%;margin:0 36% 0 2%;padding:10px 0 10px 0;z-index:1;}
div#c h3 {text-align:center;}
div#c p.l {width:90%;text-align:left;text-indent:5%;}
div#c p.s {width:90%;font-size:85%;}
/* image 500px */
div#c img {display:block;margin:20px auto 0 auto;border-top:5px double #ccc;border-right:5px double #ccc;border-bottom:5px double #999;border-left:5px double #999;}
/* image thumbnails */
div#c div#thumbs {width:100%;}
div#c div#thumbs div {float:left;width:24%;padding-top:20px;font-size:85%;text-align:center;}
div#c div#thumbs p {text-align:left;}
div#c div#thumbs div a:hover {background:transparent;}
div#c div#thumbs div img {display:inline;margin:0 auto 3px auto;vertical-align:bottom;}

/* description col */
div#d {position:absolute;top:320px;right:20%;width:18%;text-align:left;z-index:2;}
div#d ul {margin-bottom:30px;}
div#d ul li {padding:3px 5px;}
div#d p {width:90%;padding:10px 5%;text-align:left;}
div#d img {display:block;margin:0 auto;}

/* fragment col */
div#p {position:absolute;top:220px;right:20%;width:13%;height:200px;background:transparent url(../im/random_n/) no-repeat top center;z-index:1;}

/* local navigation */
div#l {position:relative;width:62%;margin:0 36% 0 2%;padding:10px 0 30px 0;z-index:2;}
div#l ul {text-align:center;}
div#l ul li {display:inline;padding:0 5px;background:transparent;color:#999;}

/* navigation */
div#n {position:absolute;right:2%;top:130px;width:15%;text-align:right;z-index:3;}
div#n h4 {padding:0 5px 0 5px;border-right:5px double #ccc;text-align:left;text-shadow:1px 2px 1px #ccc;}
div#n h4.ch {background-color:transparent;color:#ccc;}
div#n ul {width:100%;margin-bottom:25px;}
div#n ul li {padding-right:3px;letter-spacing:1px;}
div#n ul li a {display:block;border-left:10px solid #333;text-decoration:none;}
div#n ul li a:hover {border-left:10px ridge #ccc;}
div#n ul li.loc a {background-color:transparent;color:#fffff0;}

/* footer */
div#f {position:relative;width:100%;padding:150px 0 0 0;text-align:center;z-index:1;}
div#f ul {border-top:1px solid #333;background-color:#222;line-height:140%;}
div#f ul li {display:inline;padding:0 5px;font-size:80%;}
div#f ul li i {background-color:transparent;color:#fffff0;}
div#f p {padding:7px 0 7px 0;background-color:#111;font:90% serif;}
div#f p.cr {padding:7px 0 0 0;}

/* forms */
form#message {width:70%;margin:50px 0 0 30%;}
form#message table th,form#message table td {text-align:left;font-weight:normal;}
form#message table th {text-align:right;}
form#message input,form#message textarea {border:1px solid #999;font:100% serif;}

/* sitemap lists */
ul.map {width:90%;margin:0 auto;text-align:left;}
ul.map li {padding:3px 0;}
ul.map li ul {margin:0 0 0 0;padding:0 0 0 15px;}

/* about lists */
dl.cv {width:90%;margin:15px auto;text-align:left;}
dl.cv dt {padding:0 0 0 0;font-size:140%;}
dl.cv dd {padding:1px 0 0 10px;}

/* links lists */
dl.lnk {width:80%;margin:5px auto;text-align:left;}
dl.lnk dt {padding:0 0 0 0;font-size:120%;}
dl.lnk dd {padding:1px 0 0 15px;}

/* search */
ol li {padding:3px;}
span.sea {background:#ff6;color:#333;}

div#c p.filler {padding-bottom:532px;}