/*	---------------------------------------------------------------------------------------
	Buro 7
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	File:				Susanne Peeters.css
	Version:			0.1
	Date:				  02.07.2011
	Author:				Buro 7
	---------------------------------------------------------------------------------------	*/

/*	---------------------------------------------------------------------------------------
	Reset styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, hr
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;   */
}
body {line-height:1;}


/*	---------------------------------------------------------------------------------------
	Algemeen
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

html        {background: #8fc4e0 url(../images/layout/bg_verloop.jpg) repeat-x  ;  /*height: 100%;*/  }
body        {font-family: arial; font-size: 13px; height: 100% ; padding: 15px 0 0 0; line-height: 16px;  }
*           {margin:0; padding:0;}
a img       {border:0; margin:0; padding: 0 }
img.border  {border: 1px solid #CFCFCF; margin-bottom: -1px}
hr          {clear: both; color: #fff; background-color: #fff; height: 1px; border: 0px; margin:0px; padding: 0px; line-height: 0px; font-size: 0px}
.pixel_line {height: 5px; width: 100%; border-bottom: 1px solid   #D8D8D8; font-size: 0px; line-height: 0px; clear: both; margin:10px 0 15px 0 ; padding:0px}
.intro_pixel_line {height: 5px; width: 100%; border-bottom: 1px solid #fff; font-size: 0px; line-height: 0px; clear: both; margin:10px 0 15px 0 ; padding:0px ; position: absolute; top: 116px;}
a           {outline: none;}
div.clear   {clear: both;}

h1 { font-size: 24px; color: #00549c; padding: 0 0 10px 0; line-height: 24px; font-weight: normal}
h2 { font-size: 16px; color: #00549c; padding: 0 0 10px 0;}
h3 { font-size: 14px; color: #00549c; padding: 0 0 10px 0;}

b.blauw{ color: #00549c; padding: 0 0 10px 0; display: block;}

a.intern:link { color: #00549c; font-weight: bold; text-decoration:underline; }
a.intern:visited { color: #00549c; font-weight: bold; text-decoration:underline;}
a.intern:active { color: #00549c; font-weight: bold; text-decoration:underline;}
a.intern:hover { color: #00549c; font-weight: bold;	text-decoration:underline;}

a.link_blauw{color:#00549c;font-size:12px;font-weight:bold;background-image:url(../images/layout/lees_meer.png); list-style-type:none;background-position:left 0px;padding-left:17px;background-repeat:no-repeat}

a.link_mail{color:#00549c;font-size:12px;font-weight:bold;}


/*	---------------------------------------------------------------------------------------
	Wrappers
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#wrapper_1280{
  position: static;
  padding: 0px;
  border: 0px;
  max-width: 1280px;
  min-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

#wrapper_1024 {
  position: static;
  width: 950px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  top: 80px;
  height: 400px;
  background-color: #f3f3f1;
  border-top: #B4B4B4 1px solid;
}

/*	---------------------------------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#header{
  height:80px;
  position: relative;
  padding-bottom:19px;
  background-image: url(../images/layout/header_rounded.png);
  background-repeat: no-repeat;
  background-position: top;
}

#header_content{
  position: static;
  width: 950px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: auto;
  margin-right: auto;
  top: 80px;
}


/*	---------------------------------------------------------------------------------------
	Menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

ul#nav{font-family:helvetica,arial,sans-serif;font-size:15px;font-weight:bold;margin:58px 20px 0 0px;padding:0 0 0 1px;list-style-type:none; text-align:center; float:right; height:41px;background:url(../images/layout/menu/bg_nav1.gif) repeat-x; }
ul#nav li{float:left;padding:0;margin:3px 1px 0 0;height:38px;background:url(../images/layout/menu//bg_nav1tab.gif) repeat-x}
ul#nav li.actief{background:url(../images/layout/menu/bg_nav1tabactief_right.png) no-repeat;background-position:right;margin:0 0 0 -3px;height:41px}
div.shadowleft,div.shadowright{display:none}

ul#nav li.actief div.shadowleft{background:url(../images/layout/menu/shadow_navtab_left.png) no-repeat;width:3px;height:37px;position:absolute;z-index:200;top:4px;left:-3px;display:block}
ul#nav li.actief div.shadowright{background:url(../images/layout/menu/shadow_navtab_right.png) no-repeat;width:3px;height:37px;position:absolute;right:-3px;top:4px;z-index:200;display:block}
ul#nav li.actief div.tableft{position:relative}
ul#nav li.topnav_hidden{background:none;margin:0}
ul#nav li.topnav_hidden a{display:none}
ul#nav li.topnav_hidden ul{margin-top:41px}
ul#nav li.topnav_hidden ul a{display:block}
ul#nav a{display:block;color:#444291;padding:11px 10px 0px;height:27px;text-decoration:none}
ul#nav li.actief a{color:#ffffff;background:url(../images/layout/menu/bg_nav1tabactief_left.png) no-repeat;background-position:left;color:#ffffff;height:30px}
ul#nav li ul{background:url(../images/layout/menu/bg_nav2.png) no-repeat;font-family:arial,sans-serif;font-size:12px;font-weight:bold;margin:0;padding:0;list-style-type:none;text-align:center;position:absolute;width:950px;left:-9999px;overflow:hidden}

/*	---------------------------------------------------------------------------------------
	Topmenu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.topmenu{
 position: absolute;
 right: 20px;
 width: 345px;
 height: 20px;
 top: 15px;
}

a.topmenu_link:link { color: #737374; font-weight: normal; text-decoration:none; }
a.topmenu_link:visited { color: #737374; font-weight: normal; text-decoration:none;}
a.topmenu_link:active { color: #737374; font-weight: normal; text-decoration:none;}
a.topmenu_link:hover { color: #737374; font-weight: normal;	text-decoration:underline;}

.menu_item{
  display:  list-item;
  list-style-type: none;
  padding: 0 5px 0 0;
  /*background: url(../images/layout/bullit_01.jpg) no-repeat 2px 4px;*/ /* position of bullet from left then top */
  text-indent: 15px; /* size of bullet and any spacing */
  float: left;
  border-left: 1px solid #e9e9ea;
}

.menu_item.first {  padding: 0 5px 0 0; border-left: 0px solid #e9e9ea;}
.menu_item.last {  padding: 0 0px 0 0; border-right: 0px solid #e9e9ea;}

/*	---------------------------------------------------------------------------------------
	Logo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

img.headerlogo{margin:15px 0px 0 20px; float:left; }



/*	---------------------------------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


#content_container{
  position: absolute;
  top: 146px;
  width: 950px;
  background-image: url(../images/layout/content_bg.png);
  background-position: bottom;
  background-repeat:   repeat-x;
}

#content_rounder{
  clear: left;
  margin-top: -20px;
  height: 46px;
  border-top: #B4B4B4 1px solid;
  background-image: url(../images/layout/bottom_rounded.png);
  background-position: top;
  background-repeat:  no-repeat;
  padding-bottom: 20px;
  text-align: center;
}

#content_tekst{
  width:680px;
  padding: 0px 40px 40px 40px;
  min-height: 480px;
  color:  #505050;
  line-height: 18px;

}

/*	---------------------------------------------------------------------------------------
	Main visual Algemeen
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.main_visual{
  top:0px;
  height:325px;
  width:730px;
  padding:22px 26px 0px 30px;
  overflow:hidden;
  margin: 0 0 0px 15px;
}

.home_img{
  background-image: url(../images/layout/home/main_home.png); background-repeat: no-repeat;
}


/*	---------------------------------------------------------------------------------------
	Main visuals
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.de-mondhygienist_img{
  background-image: url(../images/layout/headers/02.png); background-repeat: no-repeat;
}

.de-praktijk_img{
  background-image: url(../images/layout/headers/03.png); background-repeat: no-repeat;
}

.de-behandeling_img{
  background-image: url(../images/layout/headers/04.png); background-repeat: no-repeat;
}
.wie_img{
  background-image: url(../images/layout/headers/05.png); background-repeat: no-repeat;
}

/*	---------------------------------------------------------------------------------------
	Main visual contact
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#main_visual_contact_mask{
  position: absolute;
  float: left;
  top:0px;
  height:325px;
  width:730px;
  overflow:hidden;
  background-image: url(../images/layout/contact/main_image_contact.png); background-repeat: no-repeat;
}

.main_visual_contact{
  top:5px;
  overflow:hidden;
  margin: 10px 0 30px 10px;
}

#map{width: 705px; height: 302px; left: 10px;}

/*	---------------------------------------------------------------------------------------
	Main visual text
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#main_visual_text{
  margin-left: -25px;
  margin-top: 30px;
  padding: 20px 15px 25px 22px;
  line-height: 18px;
  width: 230px;
/*  height: 178px;  */
  background-color: #FFFFFF;
  filter: alpha(opacity=85); /* IE syntax  */
  -moz-opacity: .80; /* Mozilla */
  opacity: .80;  /* De rest */
  font-size: 12px;

}

.main_visual_title{
  position: absolute;
  display: block;
  margin: 0 0 0 0px;
  font-size: 16px;
  color: #00549c;
  padding: 0px;
  font-weight:  bold;
  clear: both;
}

p.intro{
  font-weight:  bold;
}


/*	---------------------------------------------------------------------------------------
	Rechter kolom
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


div#rightcolumn{
  float:right;
  position:relative;
  width:180px;
  background-repeat:no-repeat;
  background-position:0px 95px;
  padding: 36px 20px 0 0;
}

/*	---------------------------------------------------------------------------------------
	Aangesloten bij
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.aangeslotenBij {margin-bottom:10px;width:186px}
.aangeslotenBij_head{background-image:url(../images/layout/sidebar/sidebar_top_white.png); background-repeat:no-repeat; height: 10px;}
.aangeslotenBij h2 { font-size:18px;color: #C0C0C0;font-weight:bold;padding:14px 15px 2px 15px;margin:0 0 0 0;}
.aangeslotenBij td {vertical-align: middle;}
.aangeslotenBij_content{margin:0px;padding:4px 10px 0px 16px;  background-image: url(../images/layout/sidebar/sidebar_middle_white.png); background-repeat: repeat-y; color: #fff;}
.aangeslotenBij_footer{background-image:url(../images/layout/sidebar/sidebar_bottom_white.png);background-repeat:no-repeat;background-position:center bottom;height:10px;overflow:hidden}

/*	---------------------------------------------------------------------------------------
	Adresgegevens
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.adresgegevens {margin-bottom:10px;width:186px}
.adresgegevens_head{background-image:url(../images/layout/sidebar/sidebar_top_dark_blue.png); background-repeat:no-repeat; height: 26px;}
.adresgegevens h2 { font-size:18px;color:#ffffff;font-weight:bold;padding:14px 15px 2px 15px;margin:0 0 0 0;}
.adresgegevens h2.phone { font-size:18px; color:#fff; font-weight:bold; padding:0px 0px 0px 5px;margin:0 0 0 0; }
.adresgegevens td {vertical-align: middle;}
.adresgegevens_content{margin:0px;padding:18px 10px 15px 16px;  background-image: url(../images/layout/sidebar/sidebar_middle_dark_blue.png); background-repeat: repeat-y; color: #fff;}
.adresgegevens_footer{background-image:url(../images/layout/sidebar/sidebar_bottom_dark_blue.png);background-repeat:no-repeat;background-position:center top;height:22px;overflow:hidden}


/*	---------------------------------------------------------------------------------------
	Interim
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.interim {margin-bottom:21px;width:186px;}
.interim_head{background-image:url(../images/layout/sidebar/sidebar_top_light_blue.png); background-repeat:no-repeat; height: 26px;}
.interim h2 { font-size:18px;color:#ffffff;font-weight:bold;padding:14px 15px 0px 15px;margin:0 0 0 0;}
.interim_content{margin:0px;padding:20px 15px 5px 16px;  background-image: url(../images/layout/sidebar/sidebar_middle_light_blue.png); background-repeat: repeat-y; color: #fff;}
.interim_footer{background-image:url(../images/layout/sidebar/sidebar_bottom_light_blue.png);background-repeat:no-repeat;background-position:center top;height:22px;overflow:hidden}

.interim ul li { font-size: 11px;}

ul{margin:15px;padding:0px}
li{margin-bottom:10px}

/*	---------------------------------------------------------------------------------------
	Fiscaal advies
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.fiscaal_advies {margin-bottom:21px;width:186px; display: none;}
.fiscaal_advies_head{background-image:url(../images/layout/sidebar/sidebar_top_light_blue.png); background-repeat:no-repeat; height: 8px;}
.fiscaal_advies h2 { font-size:14px;color:#ffffff;font-weight:bold;padding:14px 15px 0px 15px;margin:0 0 0 0;}
.fiscaal_advies_content{margin:0px;padding:20px 15px 5px 16px;  background-image: url(../images/layout/sidebar/sidebar_middle_light_blue.png); background-repeat: repeat-y; color: #fff;}
.fiscaal_advies_footer{background-image:url(../images/layout/sidebar/sidebar_bottom_light_blue.png);background-repeat:no-repeat;background-position:center top;height:22px;overflow:hidden}

.fiscaal_advies ul li { font-size: 12px;}

ul{margin:15px;padding:0px}
li{margin-bottom:10px}


/*	---------------------------------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.date {position: relative;
  top: 27px;
  color: #fff;
}