/* Iffective.nl - copyright (c) 2007-2008 --- Iffectiv Business Solutions /  NieuweWonen.nl bij Arjan Tippe  */
/* Created for Bloemert-Dunninkauto's Staphorst */


html {
  height            : 100%;
}

body { 
  height            : 100%;
  background        : #333333;
  margin            : 0px;
  padding           : 0px;
  text-align        : center;
}

td, tr, p, div {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  line-height	    : 150%;
  color             : #222222;
  text-align        : justify;
}

footer {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  line-height	    : 150%;
  color			    : #cccccc;
  text-align        : justify;
}

address {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 15px;
  font-weight       : bold;
  line-height	    : 150%;
  color			    : #555555;
  text-align        : right;
}

.menu {
  line-height       : 22px;
}

/* ############## TOP MENU CONTAINER SETTINGS ############### */
#topmenu {
margin				:10px auto -13px auto;
font-size			:0.9em;
width				:835px;
}

#topmenu p {
text-align			:right;
color				:#808080;
}

.topmenu {
padding				:4px 5px 3px 5px;
margin				:0 0 0 4px;
text-decoration		:none;
background			:transparent;
color				:#808080;
}

.topmenu:hover {
background			:transparent;
color				:#99cc00;
text-decoration		:none;
}

.activetopmenu {
padding				:4px 5px 3px 5px;
margin				:0 0 0 4px;
color				:#505050;
text-decoration		:none;
background			:transparent;
}

.activetopmenu		:hover {
text-decoration		:none;
}

/* ############## MAIN TABLE CONTAINER SETTINGS ############### */
.desitable {
  height            : 100%;
}
.maintable {
  width             : 852px;
  background        : #ffffff;
  padding           : 0px;
  border            : 5px solid #ffffff;
}

.logocontainerright {
  background        : #ffffff;
  height            : 80px;
  border            : 1px solid #000000;
}

#navigation {
/* clear				:both; */
padding				: 0 0 0 25px;
float				:left;
}

#homebutton {
float				: left;
}

.contentcontainer {
  vertical-align    : top;
  border-left       : 1px solid #000000;
  border-right      : 1px solid #000000;
  border-bottom     : 1px solid #000000;
}
.contentmain {
  background        : #ffffff;
  vertical-align    : top;
  height            : 565px;
  line-height       : 15px;
  padding           : 8px;
  border-left       : 30px solid #000000;
  border-right      : 30px solid #000000;
}
.breadcrumbcontainer {
  height            : 25px;
  border-bottom     : 1px solid #999999;
  margin-bottom     : 10px;
}
.copyright_container {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  line-height	    : 150%;
  color             : #999999;
  float             : left;
  padding           : 5px;
  width             : 840px;
  text-align        : center;
}
.maincontentcontainer {
  background        : transparent;
  padding           : 5px;
  margin-bottom     : 15px;
}

#breadcrumbs{
margin				: -10px 0 5px 15px;
}

#main {
width				:838px;
padding				:0 0 0 0;
margin				:0;
height				: 565px;
}

#button1 {
width				: 276px;
height				: 400px;
float				: left;
margin				: 10px 0 0 4px;
}

#button2 {
width				: 276px;
height				: 400px;
float				: left;
margin-top			: 10px;
}

#button3 {
width				: 276px;
height				: 400px;
float				: left;
margin-top			: 10px
}
#content {
color				: #222222;
width				: 600px;
margin				: 20px 0 0 10px;
float				: left;
}
#addressbox {
width				: 200px;
margin				: 30px 10px 0 10px;
float				: right;
}

/* ############## BACKGROUND CONTAINER SETTINGS ############### */
.box_rl {
  vertical-align   : top;
  background       : url(../images/background_main.png) top right transparent;
}
.box_c {
  width            : 882px;
  background       : url(../images/background_main.png) top left transparent;
  vertical-align   : top;
}
.box_rr {
  vertical-align   : top;
  background       : url(../images/background_main.png) top left transparent;
}
.box_vl {
  width            : auto;
  height           : 400px;
  background       : url(../images/background_top.png) top right repeat-x transparent;
}
.box_vr {
  width            : auto;
  height           : 400px;
  background       : url(../images/background_top.png) top left repeat-x transparent;
}
.shadow_tl {
  width            : 16px;
  height           : 40px;
  background       : url(../images/shadow_tl.png) top left no-repeat transparent;
}
.shadow_tc {
  height           : 40px;
  background       : url(../images/shadow_tc.png) top left repeat-x transparent;
  text-align       : right;
  font-weight      : bold;
}
.shadow_tr {
  width            : 16px;
  height           : 40px;
  background       : url(../images/shadow_tr.png) top left no-repeat transparent;
}
.shadow_cl {
  width            : 16px;
  background       : url(../images/shadow_cl.png) top left repeat-y transparent;
  vertical-align   : top;
}
.shadow_l {
  width            : 16px;
  height           : 360px;
  background       : url(../images/shadow_l.png) top left no-repeat transparent;
}
.shadow_cc {
}
.shadow_cr {
  width            : 16px;
  background       : url(../images/shadow_cr.png) top left repeat-y transparent;
  vertical-align   : top;
}
.shadow_r {
  width            : 16px;
  height           : 360px;
  background       : url(../images/shadow_r.png) top left no-repeat transparent;
}
.shadow_bl {
  width            : 16px;
  background       : url(../images/shadow_bl.png) 7px 0px no-repeat transparent;
}
.shadow_bc {
  height           : 40px;
  background       : url(../images/shadow_bc.png) 3px 0px repeat-x transparent;
}
.shadow_br {
  width            : 16px;
  background       : url(../images/shadow_br.png) -2px 0px no-repeat transparent;
}

/* ########################### LINKS ########################## */
a:link, a:visited {
  text-decoration  : none;
  color            : #ffd900;
}
a:hover {
  color            : #99cc00;
}
a.category:link, a.category:visited {
  font-weight      : bold;
}
.readon {
  font-weight      : bold;
}
.content_bottom a {
  text-decoration  : none;
  border-bottom    : 1px dotted #444444;
  color            : #444444;
}
.content_bottom a:hover {
  text-decoration  : none;
  border-bottom    : 1px dotted #336600;
  color            : #336600;
}