/* BASE ELEMENTS */
* { margin: 0; padding: 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
body { background-color: #ad2400; font-family: Verdana; }
img { border: 0; }

/* TOP */
#top { height: 24px; width: 100%; background-color: #ffffe9; border-bottom: 1px #861c00 solid; }
#top #center { width: 992px; margin: 0 auto; color: #ad2400; text-align: right; padding: 4px 10px 0 0; font-family: Verdana; font-size: 11px; }
#top #center #topmail { margin: 0 10px 0 0; }
#top #center #topsign { margin: 0 100px 0 0; }

/* BASE */
#base { width: 100%; min-height: 150px; background: #ad2400 url( '../images/background.gif' ) repeat-x; }
#base #container { width: 992px; margin: 0 auto; }

/* HEADER */
#header { height: 117px; width: 992px; background: url( '../images/header.gif' ) no-repeat; }
#header #menu { float: right; margin: 47px 23px 0 0; }
#header #menu li { float: left; display: block; margin: 0 6px 0 0;}
#header #menu #home { width: 75px; height: 27px; background: url( '../images/home.png' ) no-repeat; }
#header #menu #home a { width: 75px; height: 27px; display: block; }
#header #menu #home a:hover, #header #menu #home_h { width: 75px; height: 27px; display: block; background: url( '../images/home_hover.gif' ) no-repeat; }
#header #menu #aboutme { width: 106px; height: 27px; background: url( '../images/aboutme.png' ) no-repeat; }
#header #menu #aboutme a { width: 106px; height: 27px; display: block; }
#header #menu #aboutme a:hover, #header #menu #aboutme_h { width: 104px; height: 27px; display: block; background: url( '../images/aboutme_hover.gif' ) no-repeat; }
#header #menu #work { width: 70px; height: 27px; background: url( '../images/work.png' ) no-repeat; }
#header #menu #work a { width: 70px; height: 27px; display: block; }
#header #menu #work a:hover, #header #menu #work_h { width: 70px; height: 27px; display: block; background: url( '../images/work_hover.gif' ) no-repeat; }
#header #menu #blog { width: 64px; height: 27px; background: url( '../images/blog.png' ) no-repeat; }
#header #menu #blog a { width: 64px; height: 27px; display: block; }
#header #menu #blog a:hover, #header #menu #blog_h { width: 64px; height: 27px; display: block; background: url( '../images/blog_hover.gif' ) no-repeat; }
#header #menu #contact { width: 90px; height: 27px; background: url( '../images/contact.png' ) no-repeat; }
#header #menu #contact a { width: 90px; height: 27px; display: block; }
#header #menu #contact a:hover, #header #menu #contact_h { width: 90px; height: 27px; display: block; background: url( '../images/contact_hover.gif' ) no-repeat; }

/* HEADER_TEXT */
#head_text { width: 992px; height: 113px; background: url( "../images/head_text.gif" ) no-repeat; }
/* OVERMIJ_TEXT */
#overmij_text { width: 992px; height: 113px; background: url( "../images/overmij_text.gif" ) no-repeat; }
/* OVERMIJ_TEXT */
#werk_text { width: 992px; height: 113px; background: url( "../images/werk_text.gif" ) no-repeat; }
/* BLOG_TEXT */
#blog_text { width: 992px; height: 113px; background: url( "../images/blog_text.gif" ) no-repeat; }
/* CONTACT_TEXT */
#contact_text { width: 992px; height: 113px; background: url( "../images/contact_text.gif" ) no-repeat; }
/* HEAD_TEXT_CUSTOM */
#head_text_custom img { width: 992px; height: 113px; }

/* CONTENT */
#content { width: 918px; padding: 23px 31px 0px 31px; margin: 0 auto 50px; background-color: #ffffec; background: #ffffec url( '../images/conbottom.gif' ) no-repeat bottom left; }

/* HOME */
#home { width: 960px; height: 245px; }
#home .portpre { width: 283px; height: 245px; float: left; margin: 0 34px 0 0px; background: url( '../images/portpre.gif' ) no-repeat; }
#home .portpre .img { width: 273px; height: 148px; padding: 5px; border: 0; }
#home .portpre h3 { font-size: 15px; color: #ad2400; font-weight: normal; margin: 11px 5px 11px 5px; }
#home .portpre h3 a { color: #ad2400; text-decoration: none; }
#home .portpre p { margin: 0 5px 0 5px; padding: 0; color: #61372c; font-size: 12px; }
#home .portpre .line { width: 282px; height: 15px; background: url( '../images/line.gif' ) no-repeat; }

/* SHORTBLOG */
#shortblog {  }
#shortblog h2 { font-size: 25px; color: #006666; font-weight: normal; margin: 30px 0 20px 3px; }
#shortblog .item { width: 350px; margin: 0 0 0 3px; float: left; }
#shortblog .item h4 { color: #ad2400; font-size: 18px; font-weight: normal; }
#shortblog .item h4 a { color: #ad2400; font-size: 18px; font-weight: normal; text-decoration: none; }
#shortblog .item p { color: #765246; font-size: 12px; margin: 0 0 0 40px; }
#shortblog p { padding: 0; margin: 0; }
#shortblog .button { margin: 10px 0 0 50px; float: left; }

/* OVERMIJ */
#overmij { width: 610px; float: left; }
#overmij h2 { font-size: 24px; color: #0d7b00; font-weight: normal; }
#overmij #overmij_line { width: 594px; height: 27px; margin: -6px 0 34px 0; background: url( '../images/overmij_line.gif' ) no-repeat; }
#overmij p { font-weight: normal; margin: 10px 2px 0px 3px; font-size: 12px; color: #ad2400; }
#overmij .intro { font-weight: bold; }
#overmij .special { float: right; width: 188px; margin: 12px 0px 40px 30px; color: #009090; font-size: 21px; }
#aboutme_info { float: right; margin: 84px 0 0 0; width: 257px; height: 362px; background: url( '../images/aboutme_info.gif' ) no-repeat; }
.longline { width: 594px; height: 18px; background: url( '../images/longline.gif' ) no-repeat; }

/* WERK */
#werk { width: 960px; height: 245px; }
#werk .portpre { width: 283px; height: 245px; float: left; margin: 0 34px 28px 0px; background: url( '../images/portpre.gif' ) no-repeat; }
#werk .portpre .img { width: 273px; height: 148px; padding: 5px; border: 0; }
#werk .portpre h3 { font-size: 15px; color: #ad2400; font-weight: normal; margin: 11px 5px 11px 5px; }
#werk .portpre h3 a { color: #ad2400; text-decoration: none; }
#werk .portpre p { margin: 0 5px 0 5px; padding: 0; color: #61372c; font-size: 12px; }
#werk .portpre .line { width: 282px; height: 15px; margin: 2px 0 0 0; background: url( '../images/line.gif' ) no-repeat; }

#werk #pages { width: 400px; float: right; margin: 10px 0 -25px 0; color: #ffffff; }
#werk #pages .button { float: left; text-align: center; margin: 0 5px 0 0; width: 123px; height: 24px; background: url( '../images/button.gif' ) no-repeat; font-size: 14px; padding: 5px 0 0 0; }
#werk #pages .button a { color: #ffffff; text-decoration: none; }
#werk #pages .pagenumber { float: left; text-align: center; margin: 0 5px 0 0; width: 29px; height: 24px; background: url( '../images/pagenumber.gif' ) no-repeat; font-size: 14px; padding: 5px 0 0 0; }
#werk #pages .pagenumber a { color: #ffffff; text-decoration: none; }
#werk #pages .button_b { float: left; text-align: center; margin: 0 5px 0 0; color: #000000; width: 123px; height: 24px; background: url( '../images/button.gif' ) no-repeat; font-size: 14px; padding: 5px 0 0 0; }
#werk #pages .button_b a { color: #000000; text-decoration: none; }
#werk #pages .pagenumber_b { float: left; text-align: center; margin: 0 5px 0 0; color: #000000; width: 29px; height: 24px; background: url( '../images/pagenumber.gif' ) no-repeat; font-size: 14px; padding: 5px 0 0 0; }
#werk #pages .pagenumber_b a { color: #000000; text-decoration: none; }

#portfolio { }
#portfolio #portfolio_preview { float: left; padding: 5px; width: 599px; height: 432px; background: url( '../images/port_big.gif' ) no-repeat; }
#portfolio #full_info { float: left; width: 250px; }
#portfolio #full_info #portfolio_info { margin: 0 0 0 60px; width: 240px; min-height: 403px; }
#portfolio #full_info #portfolio_info h4 { color: #009090; font-size: 18px; margin: 0 0 15px 0; font-weight: normal; }
#portfolio #full_info #portfolio_info p { color: #ad2400; font-size: 12px; margin: 4px 0 4px 0; }

#portfolio #full_info #pages { margin: 0 0 0 50px; width: 240px; color: #ffffff; }
#portfolio #full_info #pages .button { float: right; text-align: center; margin: 0 -17px 0 0; width: 123px; height: 24px; background: url( '../images/button.gif' ) no-repeat; font-size: 14px; padding: 5px 0 0 0; }
#portfolio #full_info #pages .button a { color: #ffffff; text-decoration: none; }
#portfolio #full_info #pages .pagenumber { float: left; text-align: center; margin: 0 5px 0 0; width: 29px; height: 24px; background: url( '../images/pagenumber.gif' ) no-repeat; font-size: 14px; padding: 5px 0 0 0; }
#portfolio #full_info #pages .pagenumber a { color: #ffffff; text-decoration: none; }
#portfolio #full_info #pages .button_b { float: left; text-align: center; margin: 0 -17px 0 0; color: #000000; width: 123px; height: 24px; background: url( '../images/button.gif' ) no-repeat; font-size: 14px; padding: 5px 0 0 0; }
#portfolio #full_info #pages .button_b a { color: #000000; text-decoration: none; }
#portfolio #full_info #pages .pagenumber_b { float: left; text-align: center; margin: 0 5px 0 0; color: #000000; width: 29px; height: 24px; background: url( '../images/pagenumber.gif' ) no-repeat; font-size: 14px; padding: 5px 0 0 0; }
#portfolio #full_info #pages .pagenumber_b a { color: #000000; text-decoration: none; }

/* BLOG */
#blog { padding: 0 0 0 5px; }
#blog #mainblog { width: 600px; float: left; }
#blog #mainblog h4 { font-size: 24px; color: #0d7b00; height: 45px; width: 595px; padding: 0 0 0 2px; font-weight: normal; background: url( "../images/blog_line.gif" ) no-repeat bottom left; }
#blog #mainblog h4 a { color: #0d7b00; text-decoration: none; }
#blog #mainblog .subtitle { font-size: 11px; color: #aa7567; margin: -6px 0 0 0; padding: 0 0 0 2px; }
#blog #mainblog .blogimg { margin: 0px 23px 0 2px; }
#blog #mainblog .message { margin: 20px 0 0 0; text-algin: justify; font-size: 12px; color: #ad2400; line-height: 24px; }
#blog #mainblog .message a { text-decoration: none; color: #ad2400; line-height: 24px; font-weight: bold; }
#blog #mainblog .blogunder { width: 594px; height: 17px; margin: 2px 0 2px 0; background: url( "../images/blog_u.gif" ) no-repeat; }
#blog #mainblog .blogfooter { font-size: 12px; color: #008787; margin: 8px 0 42px 0; }
#blog #mainblog .blogfooter .brown { float: left; color:#ccac9c; }
#blog #mainblog .blogfooter .brown2 { float: left; color:#ccac9c; margin: 0 0 0 50px; }
#blog #mainblog .blogfooter .spacer { float: left; width: 50px; }
#blog #mainblog .blogfooter .blue { float: left; color: #008787; }
#blog #mainblog .blogfooter a { color: #008787; text-decoration: none; }
#blog #mainblog #page { font-size: 14px; font-weight: normal; margin: 50px 0 10px 0; padding: 6px 0 0 10px; color: #ffffec; width: 123px; height: 29px; background: url( "../images/blogbutton.gif" ) no-repeat; }
#blog #mainblog #page a { color: #ffffec; text-decoration: none; }
#blog #mainblog .fline { width: 595px; height: 1px; background-color: #dedec2; }

#blog #mainblog #reacties { padding: 40px 0 0 0; }
#blog #mainblog #reacties .reactie { font-size: 12px; }
#blog #mainblog #reacties .reactie .top { width: 595px; height: 16px; background-color: #fffff5; border-top: 1px #dedec2 solid; }
#blog #mainblog #reacties .reactie .info { width: 140px; float: left; margin: 0 0 0 10px; }
#blog #mainblog #reacties .reactie .info a { text-decoration: none; color: #006666; }
#blog #mainblog #reacties .reactie .info .special { text-decoration: none; color: #0c6f00; }
#blog #mainblog #reacties .reactie .info .date { font-size: 11px; color: #ccac9c; }
#blog #mainblog #reacties .reactie .bericht { width: 440px; float: left; line-height: 22px; text-algin: justify; margin: 0 0 17px 0; color: #ad2400; }

#blog #mainblog #form { margin: 20px 0 0 16px; float: left; }
#blog #mainblog #form fieldset { border: 0; margin: 19px 0 0 1px;  font-size: 14px; color: #006666; }
#blog #mainblog #form fieldset .req { color: #ad2400; }
#blog #mainblog #form fieldset .spe { color: #c6a393; font-size: 12px; }
#blog #mainblog #form legend { }
#blog #mainblog #form input { border: 1px #c3c3b2 solid; margin: 8px 0 0 0; height: 19px; width: 316px; padding: 0 0 0 4px; }
#blog #mainblog #form #textarea { border: 1px #c3c3b2 solid; margin: 8px 0 0 0; height: 100px; width: 320px; }
#blog #mainblog #chars .back { margin: -29px 0 0 420px; }

#blog #mainblog #chars { width: 240px; height: 290px; margin: 61px 0 0 16px; float: left; line-height: 24px; font-size: 12px; color: #ad2400; }
#blog #mainblog #chars #tags { margin: 118px 0 0 0; font-size: 11px; color: #c3c3b2; line-height: 18px; }
#blog #mainblog #chars #tags .submit { width: 123px; height: 29px; margin: 3px 0 0 0; background: url( "../images/submit.gif" ) no-repeat; border: 0; }

#blog #side { width: 236px; margin: 47px 0 0 70px; color: #006666; font-size: 12px; float: left; }
#blog #side .box { margin: 28px 0 0 0; padding: 0 0 14px 0; border-bottom: 1px #dedec2 solid; }
#blog #side a { color: #006666; text-decoration: none; }
#blog #side h5 { color: #0d7b00; margin: 0 0 26px 0; font-size: 14px; }
#blog #side li { list-style: none; margin: 0 0 9px 0; }

#contact { }
#contact h2 { font-size: 24px; color: #0d7b00; font-weight: normal; }
#contact #contact_line { width: 594px; height: 27px; margin: -2px 0 0px 0; background: url( '../images/contact_line.gif' ) no-repeat; }
#contact p { margin: -9px 5px 8px 0; padding: 0; color: #ad2400; font-size: 12px; }
#contact #form { width: 320px; float: left; }
#contact #form p { margin: 0; color: #aa7567; font-size: 11px; }
#contact #form p .req { color: #ad2400; }
#contact #form label { margin: -2px 0 0 0; }
#contact #form fieldset { border: 0; margin: 19px 0 0 1px;  font-size: 14px; color: #006666; }
#contact #form fieldset .req { color: #ad2400; }
#contact #form input { border: 1px #c3c3b2 solid; margin: 5px 0 0 0; height: 19px; width: 316px; padding: 0 0 0 4px; }
#contact #form #textarea { border: 1px #c3c3b2 solid; margin: 6px 0 0 0; height: 151px; width: 320px; }
#contact #info { width: 265px; float: left; text-align: left; }
#contact #info h5 { color: #0d7b00; font-size: 14px; margin: 67px 0 0 44px; }
#contact #info p { color: #006666; font-size: 12px; margin: -1px 0 -2px 44px; line-height: 20px; }
#contact #info .spe { color: #ad2400; margin: 15px 0 0 44px; }
#contact #info .submit { width: 123px; height: 29px; margin: 48px 0 0 44px; background: url( "../images/submit.gif" ) no-repeat; border: 0; }
#contact #phone { float: left; width: 274px; height: 338px; background: url( "../images/contact_phone.png" ) no-repeat; margin: 34px 0 0 30px; }

/* FOOTER */
#footer { height: 35px; margin-left: -16px; width: 948px; clear: both; }
#footer #text { color: #ad2400; font-size: 11px; margin-top: 60px; padding: 10px 15px 0 19px; border-top: 1px #dbddc3 solid; }
#footer #text a { color: #aa7567; text-decoration: none; }