body {margin: 0px; padding: 10px 0px 0px 0px; background-color: rgb(235, 240, 205); background-image: url('../gfx/bg_body.gif'); background-position: top left;}

body, #wrapper, td, div {font-family: Verdana; font-size: 12px; color: #605b47; line-height: 170%}

h1, h2, h3, h4 {clear: both; font-family: Arial; color: #9f0814}
h1 {margin-bottom: 4px; font-weight: 100; font-size: 22px;}
h2 {font-size: 11pt; margin-bottom: 4px}
h3 {font-size: 10pt; margin-bottom: 0px}

a:link {color: rgb(159, 8, 20)}
a:visited {color: rgb(255, 102, 0)}
a:hover {color: rgb(159, 8, 20)}
a:active {color: rgb(159, 8, 20)}

#content li {list-style-image: url('../gfx/li_square.gif')}

fieldset {padding:15px; border:1px solid rgb(191, 184, 191)}
legend {color:#9f0814;}

.clear,
.spacer {clear: both}

/* link more */
.link_more:link,
.link_more:visited,
.link_more:hover,
.link_more:active {color: rgb(159, 8, 20); line-height: 22px; padding: 2px 24px 4px 0px; background-image: url('../gfx/link_more.gif'); background-position: top right; background-repeat: no-repeat}

/* link back */
.link_back:link,
.link_back:visited,
.link_back:hover,
.link_back:active {color: rgb(159, 8, 20); line-height: 22px; padding: 2px 0px 4px 24px; background-image: url('../gfx/link_back.gif'); background-position: top left; background-repeat: no-repeat}

/* teaser menu */
.teasermenu, 
.teasermenu_active {width: 131px; margin: 0px; margin-bottom: 17px; clear: both; cursor: pointer}

.teasermenu {}
.teasermenu .teasermenu_top {width: 131px; height: 7px; background-image: url('../gfx/teasermenu/top.gif'); background-position: top left; background-repeat: no-repeat}
.teasermenu .teasermenu_middle {width: 131px; height: 25px; vertical-align: middle; background-image: url('../gfx/teasermenu/middle.gif'); background-position: top left; background-repeat: repeat-y}
.teasermenu .teasermenu_middle .teasermenu_padding {font-family: Helvetica; color: rgb(198, 205, 160); text-align: center; padding: 0px 5px}
.teasermenu .teasermenu_bottom {width: 131px; height: 7px; background-image: url('../gfx/teasermenu/bottom.gif'); background-position: top left; background-repeat: no-repeat}

.teasermenu_active {}
.teasermenu_active .teasermenu_top {width: 131px; height: 7px; background-image: url('../gfx/teasermenu/top_active.gif'); background-position: top left; background-repeat: no-repeat}
.teasermenu_active .teasermenu_middle {width: 131px; height: 25px; vertical-align: middle; background-image: url('../gfx/teasermenu/middle_active.gif'); background-position: top left; background-repeat: repeat-y}
.teasermenu_active .teasermenu_middle .teasermenu_padding {font-family: Helvetica; color: rgb(159, 8, 20); text-align: center; padding: 0px 5px}
.teasermenu_active .teasermenu_bottom {width: 131px; height: 7px; background-image: url('../gfx/teasermenu/bottom_active.gif'); background-position: top left; background-repeat: no-repeat}

/* forms and buttons */
.formfield {font-family: Verdana; font-size: 12px}
.formfieldname {padding-left: 0px; padding-right: 5px; padding-top: 3px}
.formfielddata {}
.formbutton {width: 76px; height: 22px; font-size: 9pt; border: 0px; background-color: transparent;  text-align: center; color: rgb(198, 205, 160);  background-image: url('../gfx/formbutton.gif'); background-position: top left; background-repeat: no-repeat}
.formbutton:hover {color: rgb(159, 8, 20); background-image: url('../gfx/formbutton_hover.gif'); background-position: top left; background-repeat: no-repeat}

/* list navigator */
.list_navigator {clear: both}
.list_navigator_top {border-top: 1px dotted rgb(159, 8, 20)}
.list_navigator_index {padding: 1px 0px 1px 0px; border-bottom: 1px dotted rgb(159, 8, 20); font-size: 9pt}
.list_navigator_index a {color: rgb(159, 8 ,20); text-decoration: none}
.list_navigator_bottom {margin: 0px 0px 4px 0px; border-bottom: 1px dotted rgb(159, 8, 20)}
.list_navigator_pageindex {float: left; padding: 1px 0px 1px 0px; color: rgb(96, 91, 71)}
.list_navigator_spacer {float: left; padding: 1px 5px 1px 5px}
.list_navigator_previous {float: left; padding: 1px 0px 1px 0px}
.list_navigator_next {float: right; padding: 1px 5px 1px 0px}

/* list item */
.list_item {clear: both}
.list_item_indexnr {float: left; width: 20px; vertical-align: top; padding: 3px 0px 0px 0px; font-size: x-small; color: rgb(96, 91, 71)}
.list_item_text {float: left}
.list_item_text a {color: rgb(159, 8 ,20)}

/* shadow box */
.shadowbox {}
.shadowbox_top {height: 11px; background-color: rgb(255, 255, 255)}
.shadowbox_top_corner {width: 11px; height: 11px; background-image: url('../gfx/shadowbox/top_corner.gif'); background-position: top left; background-repeat: no-repeat}
.shadowbox_content {text-align: left; vertical-align: top; background-color: rgb(255, 255, 255)}
.shadowbox_right {width: 11px; background-image: url('../gfx/shadowbox/right.gif'); background-position: top left; background-repeat: repeat-y}
.shadowbox_bottom {height: 11px; background-image: url('../gfx/shadowbox/bottom.gif'); background-position: top left; background-repeat: repeat-x}
.shadowbox_bottom_corner {width: 11px; height: 11px; background-image: url('../gfx/shadowbox/bottom_corner.gif'); background-position: top left; background-repeat: no-repeat}

/* infobox */
.infobox {width: 343px;}
.infobox_title {padding: 4px 10px; color: #ffffff; font-weight: bold; font-size: 11pt}
.infobox_contents {padding: 4px 10px; color: #ffffff; font-size: 9pt}
.infobox_contents a {color: #ffffff;}
/* png background images */
.infobox_top_png {height: 5px; background-image: url('../gfx/infobox/top.png'); background-position: top left; background-repeat: no-repeat}
.infobox_middle_png {background-image: url('../gfx/infobox/middle.png'); background-position: top left; background-repeat: repeat-y;}
.infobox_bottom_png {height: 38px; background-image: url('../gfx/infobox/bottom.png'); background-position: top left; background-repeat: no-repeat}
/* gif background images */
.infobox_top_gif {height: 5px; background-image: url('../gfx/infobox/top.gif'); background-position: top left; background-repeat: no-repeat}
.infobox_middle_gif {background-image: url('../gfx/infobox/middle.gif'); background-position: top left; background-repeat: repeat-y; padding: 3px}
.infobox_bottom_gif {height: 38px; background-image: url('../gfx/infobox/bottom.gif'); background-position: top left; background-repeat: no-repeat}

/* text */
.text {clear: both;}

/* teaser */
.teaser {clear: both;}
.teaser_image {float: left; padding: 2px; border: 1px solid rgb(159, 8, 20); margin-right: 15px}
.teaser_text {float: left}
.teaser_linkto {clear: both; text-align: right; margin-bottom: 4px}

/* article */
.article {clear: both;}
.article h2 {margin-bottom: 4px}
.article_image {float: left; display: inline; width: 111px; padding-top: 4px; margin-right: 15px}
.article_image img {padding: 2px; border: 1px solid rgb(159, 8, 20)}
.article_text  {float: left; display: inline; width: 438px}

/* document */
.document {clear: both;}
.document h2 {}
.document p {}
.document img {}
.document a {}

/* teaser */
.banner {clear: both; text-align: center}
.banner a {}
.banner a img {margin-top: 2px; padding: 2px; border: 1px solid rgb(159, 8, 20)}

/* poll */
.poll {clear: both;}

/* sitemap */
.sitemap {clear: both;}
.sitemap ul {}
/*
.sitemap ul li {list-style-type: square; color: rgb(159,8,20)}
*/

.faq {clear: both}
.faq h2 {margin-bottom: 0px}

/* employee */
.employees {clear: both;}
.employee {width: 111px; border: 1px solid rgb(159, 8, 20); margin-right: 36px; margin-bottom: 18px; float: left; display: inline}
.employee .photo {width: 111px; text-align: center}
.employee .photo img {max-width: 105px; max-height: 140px; margin: 2px}
.employee .fullname {border-top: 1px dotted rgb(159, 8, 20); color: rgb(159, 8, 20); font-size: 8pt; font-weight: bold; text-align: center}

/* client */
.clients {clear: both; text-align: center}
.clients img {max-width: 100px; max-height: 100px; margin: 3px}

/* contact */
.businesscard {clear: both; width: 508px; height: 320px; margin: 0px auto; background-image: url('../gfx/businesscard.gif'); background-position: top left; background-repeat: no-repeat; border: 1px solid rgb(96, 91, 71)}
.businesscard .contactname {text-align: center; margin-top: 208px; color: rgb(159, 8, 20); font-weight: bold; line-height: normal}
.businesscard .mailto {text-align: center; line-height: normal}
.businesscard .mailto a {color: rgb(96, 85, 62); font-weight: bold; text-decoration: none}
.businesscard .mobilenr {width: 100px; text-align: left; margin-top: 49px; margin-left: 184px; color: rgb(96, 85, 62); font-weight: bold; font-size: 12px; line-height: normal}

/* Google Maps location */
.gmlocation {clear: both}
.gmlocation .map {border: 1px solid rgb(96, 91, 71)}
.gmlocation .route {}
.gmlocation .route form {margin: 5px 0px 2px 0px}
.gmlocation .directions {}

.mediashare {clear: both}

.photogallery {clear: both}
.photogallery .image_container {float: left; padding: 2px; margin: 5px; border: 1px solid rgb(198, 205, 160)}
.photogallery .image_container:hover {border-color: rgb(159, 8, 20)}
.photogallery .image_container img {border: 0px}

/* blog */
.blog,
.blogpost {clear: both; margin: 10px 0px}
.blogpost .author {font-weight: bold; color: rgb(159, 8 ,20)}
.blogpost .date_publication {font-style: italic; /*color: rgb()*/}
.blogpost .details {margin: 10px 0px 5px 0px; clear: both}
.blogpost .intro {width: 100%}
.blogpost .reactions_category {text-align: center; color: rgb(159, 8 ,20); border: 1px dotted rgb(159, 8, 20); border-left: none; border-right: none; margin-top: 6px; padding: 3px 0px}
.blogpost .link {text-align: right; margin-bottom: 4px}
.blogpost .image {margin-top: 2px; padding: 2px; border: 1px solid rgb(159, 8, 20)}
.blogpost .image_left,
.blogpost .image_right {margin-top: 4px; padding: 2px; border: 1px solid rgb(159, 8, 20); float: left; display: inline}
.blogpost .image_left {margin-right: 15px}
.blogpost .image_right {margin-left: 15px}
.blogpost .intro_left,
.blogpost .intro_right {width: 438px; float: left}

.blogpost_image_left {float: left; display: inline; width: 111px; margin-right: 15px; padding-top: 4px}
.blogpost_image_right {float: left; display: inline; width: 111px; margin-left: 15px; padding-top: 4px}
.blogpost_image_left img,
.blogpost_image_right img {padding: 2px; border: 1px solid rgb(159, 8, 20)}
.blogpost_text  {float: left; display: inline; width: 645px}

.blogpost .view_reactions {list-style-image: url('../gfx/reaction_cloud.gif')}

/* reacties */
.blogpost_reactie {clear: both}
.blogpost_reactie .author {font-weight: bold; color: rgb(159, 8 ,20)}
.blogpost_reactie .date_publication {font-style: italic; /*color: rgb()*/}
.blogpost_reactie_divider {height: 1px; line-height:1px; background-color:rgb(191, 184, 191); margin:5px 0px}

#column_top select {font-size: 9pt}

/* blog archief */
.blog_previous_page {float: left; width: 250px}
.blog_next_page {float: right; width: 250px; text-align: right}