/* SVN $Id: main.css 154 2010-01-29 16:21:33Z marc $ */
/* SVN $URL: file:///T:/SOURCE_SVN/Start_Website/httpdocs/css/main.css $ */

/*############################################################################*/
/*# WHITE BASIC CSS */

/*###### RESET_CSS */

* {
  text-align:                  left;
	vertical-align:              baseline;
	font-weight:                 inherit;
	font-family:                 inherit;
	font-style:                  inherit;
	font-size:                   100%;
	border:                      0 none;
	outline:                     0;
	padding:                     0;
	margin:                      0;
  border-collapse:             collapse;
  list-style:                  none;
}

/*###### /RESET_CSS */
/*###### BASIC STYLES */

body {
  width:                       100%;
  height:                      100%;
  cursor:                      default;
}

.hidden {
  display:                     none !important;
  visibility:	                 hidden !important;
}


strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

a {
  text-decoration:             underline;
  cursor:                      pointer;
  outline:                     none;
}

a:hover {
  text-decoration:             none;
}

ol,ul {
  margin-left:                 0px;
  padding-left:                15px;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

table td {
  vertical-align:              top;
}

/*###### /BASIC STYLES */

/*# /WHITE BASIC CSS */
/*############################################################################*/
/*# SITE BASIC CSS */

/*###### COLORCODE */
/*

	#CCCCCC												grey
	#E3E3E3												grey
	#AEAEAE												grey
	#999999												grey
	#666666												grey
	#696D73 											grey
	#231F20												black
	#CBE5EE												light blue	
	#0079C1												blue corporate id
	
*/
/*###### /COLORCODE */

body {
  font:                        normal 12px Arial, Helvetica, sans-serif;
  line-height:                 20px;
  color:                       #231F20;
}

h1 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   26px;
	line-height:								 40px;
	font-weight:								 normal;
}

h2 {
  margin:                      0px;
  padding:                     5px 0;
  font-weight:                 bold;
  font-size:                   20px;
	line-height:								 34px;
  color:                       #0079C1;
}

h3 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   12px;
	line-height:								 20px;
}

h4 {
  margin:                      0px;
  padding:                     0;
  font-size:                   18px;
	line-height:								 40px;
	color:											 #999999;
	font-weight:								 normal;
}

h5 {
	margin:                      0px;
  padding:                     20px 0px 0px 0px;
  font-weight:                 normal;
  font-size:                   16px;
	line-height:								 30px;
	color:											 #999999;	
}

h6 {
  margin:                      0px;
  padding:                     0 0 2px 0;
  font-size:                   14px;
	font-weight:								 bold;
	line-height:								 18px;
	color:											 #231F20;
}
h6.color {
	padding:                     0 0 12px 0;
	color:											 #0079C1;
}

hr {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  1px solid #000000;
}

p {
  padding:   	                 20px 0;
	text-align:									 justify;
}

a {
  color:                       #0079C1;
}

img {
	padding:										 0;
}

ol,ul {
  margin-left:                 12px;
  padding-left:                16px;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  disc;
}

/*# /SITE BASIC CSS */
/*############################################################################*/
/*# TEMPLATE CSS */

div#fullscreen {
  position:                     absolute;
  width:                        100%;
  height:                       100%;
  text-align:                   center;
	background:										url(../images/fullscreen_bg.png) top left repeat-x;
}
div#site {
  width:                        954px;
  min-height:                   100%;
	_height:										  100%;
  margin:                       0 auto;
  text-align:                   left;
}

div#header {
	float:												none;
	width:												100%;
	height:												136px;
	padding:											0	0	36px 0;	
}

div#logo {
	float:												left;
	width:												292px;
	height:												85px;
}
div#logo a, div#logo a:hover {
	text-decoration:							none;
}

div.search_holder {
	float:												left;
	width:												652px;
	height:												85px;
	padding-right:								10px;
	text-align:										right;
}

span.in_searchholder {
	display:											inline-block;
	padding-top:									24px;
}

span.in_searchholder form {
  display:                      inline-block;
}
input#searchfield {
	float:												left;
	display:											block;
	height:												16px;
	width:												226px;
	padding:											3px 0px;
	border:												1px solid #696D73;
	color:												#231F20;
	padding-left:									5px;
	line-height:									14px;
	background:										url(../images/searchfield_bg.jpg) no-repeat top left;
}
input.search_btn {
	float:												left;
	display:											block;
	text-align:										right;
  font:                         normal 12px Arial, Helvetica, sans-serif; 
	color:												#FFFFFF;
	background:										url(../images/bullet_search.png) no-repeat top left;
	height:												18px;
	width:												65px;
	line-height:									18px;
	padding:											3px 0px 3px 0px;
	cursor:											  pointer;
}
input.search_btn:hover {
	text-decoration:							underline;
}

a.functional_link, a.functional_link:hover {
	float:												left;
	display:											block;	
	text-decoration:							none;
	line-height:									24px;
	height:												24px;
	margin-right:									30px;
	color:												#FFFFFF;
}
a.functional_link:hover {
	text-decoration:							underline;
}

a.verrijt_sitelink , a.verrijt_sitelink:hover {
  color:                        #EE3224;
}


div.menu {
	float:												left;
	width:												861px;
	height:												36px;
	padding:											15px 0 0 0;
}
a.mainitem, a.mainitem:hover {
	float:												left;
	display:											block;
	line-height:									26px;
	padding:											10px 10px 0px 10px;
	text-decoration:							none;
	color:												#FFFFFF;
	background:										url(../images/menuitem_bg.png) repeat-x top left;
}
a.mainitem:hover, 
a.mainitem_on, a.mainitem_on:hover {
	color:												#0079C1;
	background:										url(../images/menuitem_bg_over.png) repeat-x top left;
}
div.menu_first,
div.menu_last {
	float:												left;
	height:												36px;
	width:												10px;
	background:										url(../images/menu_shadow_first.png) no-repeat top left;
}
div.menu_last {
	background:										url(../images/menu_shadow_last.png) no-repeat top left;
}
div.menu_spacer {
	float:												left;
	height:												36px;
	width:												5px;
	background:										url(../images/menu_spacer.png) no-repeat top left;
}

div.login_holder {
	float:												left;
	width:												83px;
	height:												26px;
	padding:											25px 0px 0px 10px;
	background:										url(../images/login_holder_bg.png) no-repeat top left;
}
a.login, a.login:visited, a.login:hover {
	display:											inline-block;
	text-align:										center;
	color:												#FFFFFF;
	height:												26px;
	width:												73px;
	line-height:									26px;
	text-decoration:							none;
	background:										url(../images/login_btn.png) repeat-x top left;
}
a.login:hover,
a.login_on {
	display:											inline-block;
	text-align:										center;
	color:												#0079C1;
	height:												26px;
	width:												73px;
	line-height:									26px;
	text-decoration:							none;
	background:										#FFFFFF;
}

div.sidebar_holder {
  float:                        left;
  width:                        212px;
}

/* SUBMENU */

ul.submenu {
	width:												192px;
	padding:											10px 0;	
}
ul.submenu li {
	min-height:										32px;
	padding:											0px;
  list-style:                   none;
}
a.subitem, a.subitem:hover {
	display:											block;
	width:												172px;
	height:												32px;
	padding-left:									20px;
	font-weight:									bold;
	line-height:									32px;
	color:												#696D73;
	text-decoration:							none;
	background:										url(../images/bullet_small_subitem.png) no-repeat left top;
}

a.subitem:hover, a.subitem_on {
	color:												#0079C1;
}

/* SUBSUBMENU*/

ul.subsubmenu {
  margin:                       0;
	padding:											0 0 2px 0;
}
ul.subsubmenu li {
	min-height:										20px;
	padding:											0px;
  list-style:                   none;
}
a.subsubitem, a.subsubitem:hover {
	display:											block;
	width:												162px;
	min-height:										20px;
	padding-left:									30px;
	font-size:										11px;
	line-height:									20px;
	color:												#999999;
	text-decoration:							none;
	background:										url(../images/bullet_small_subsubitem.png) no-repeat left top;
}
a.subsubitem:hover, a.subsubitem_on {
	color:												#231F20;
  background:										url(../images/bullet_small_subsubitem_on.png) no-repeat left top;	
}

/* SIDEBAR */ 

a.sidebaritem, a.sidebaritem:visited, a.sidebaritem:hover {
  width:												152px;
	padding:											0px	0px	0px 10px;
	color:												#231F20;
	background:										url(../images/bullet_small_sidebaritem.png) no-repeat left top;
}
a.sidebaritem:hover {
	color:												#0079C1;
	text-decoration:							underline;
}

/* CONTENT */

ul.content {
	padding:											20px 0 10px 0;
}
ul.content li {
	display:											inline-block;
	padding:									    0 0 12px 10px;
	font-size:										12px;
	min-height:										20px;
	line-height:									20px;
	text-decoration:							none;
	background:										url(../images/bullet_more.png) no-repeat left top;
}
a.contentlistitem, a.contentlistitem:visited, a.contentlistitem:hover {
	display:											block;
	width:												162px;
	min-height:										20px;
	padding-left:									30px;
	font-size:										11px;
	line-height:									20px;
	color:												#999999;
	text-decoration:							none;
	background:										url(../images/bullet_small_subsubitem.png) no-repeat left top;
}
a.contentlistitem:hover {
	color:												#231F20;	
}
a.contentlistitem_on {
	background:										url(../images/bullet_small_subsubitem_on.png) no-repeat left top;
}

div.sidebar_top {
	width:												212px;
	height:												20px;
	background:										url(../images/sidebar_bg_top.png) no-repeat left top;
}
div.sidebar_content {
	font-size:										11px;
  width:                        192px;
	padding:											0 10px;
  background:										url(../images/sidebar_bg_content.png) repeat-y left top;
}
div.sidebar_content ul {
  margin:                       0;
  padding:                      0;
}
div.sidebar_content ul li {
  list-style:                   none;
}

div.sidebar_content img {
	vertical-align:							 	top;
}
div.sidebar_content_box {
	padding:											20px;
	border-bottom:								1px solid #E3E3E3;
}
div.noborder {
	border-bottom:								none;
}

div.sidebar_bottom {
	height:												20px;
	width:												212px;
	background:										url(../images/sidebar_bg_bottom.png)
}

a.korting, a.korting:hover {
	display:											block;
	height:												43px;
	width:												192px;	
	text-decoration:							none;
	background:										url(../images/korting_btn.png) top left no-repeat;
}
a.korting:hover {
	background:										url(../images/korting_btn_over.png) top left no-repeat;
}

div#content {
  float:											  left;
  width:											  470px;
  padding:                      20px 30px 0px 30px;
	text-align:										justify;
}

div#content img {
	vertical-align:							 	top;
}

div#content div#breadcrumbs {
	float:												left;
	width:												440px;
	padding:											0 0 10px 0;
	font-size:										11px;
	color:												#231F20;
}
div#breadcrumbs a, div#breadcrumbs a:hover {
	color:												#CCCCCC;
}
div#breadcrumbs a:hover {
	color:												#231F20;
}
div#breadcrumbs span.breadcrumb_bullit {
	color:												#CCCCCC;
}

div.breadcrumbs ul {
	padding:											0px;
}
div.breadcrumbs ul li {
	display:											inline;
}

div#print {
	float:												left;
	width:												30px;
	padding-bottom:								10px;
}

div#content p {
	font-size:										12px;
	line-height:									20px;
	font-weight:									normal;
}
div#content p.introtext {
	padding-top:									10px;
	font-weight:									bold;
	color:												#0079C1;
}

a.more, a.more:hover {
	display:											block;
	width:												142px;
	height:												20px;
	line-height:									20px;
	font-size:										12px;
	line-height:									20px;
	padding-left:									10px;
	font-weight:									bold;
	color:												#231F20;
	text-decoration:							none;
	background:										url(../images/bullet_more.png) no-repeat left top;								
}
a.more:hover {
	color:												#666666;
}

div.footerfixer {
  clear:                        both;
	height:											  336px;
	padding:											36px 0 0 0;
}

div#footer {
  clear:                        both;
  width:                        100%;
  height:                       336px;
  margin:                       -336px auto 0px auto;
	background:										url(../images/footer_bg.png) top left repeat-x;
}
div#footer_top {
	width:												954px;
	height:												211px;
	margin:												0 auto;
	padding:											20px 0 0 0;
}
div.teaser {
	float:												left;
	width:												476px;
	height:												auto;
}

a.teaser_title, a.teaser_title:visited, a.teaser_title:hover {
	margin:                      0px;
  padding:                     0 0 0 30px;
  font-size:                   18px;
	line-height:								 20px;
	text-decoration:						 none;
	color:											 #CBE5EE;
/*	background:									 url(../images/bullet_big.png) 10px 50% no-repeat;*/
}
a.home_teaser_title, a.home_teaser_title:hover {
  background:									 url(../images/bullet_big.png) 10px 50% no-repeat;
}
a.teaser_title:hover {
	color:											 #FFFFFF;	
}

div.teaser_imageholder {
	height:												150px;
	padding:											10px;	
	width:												456px;
	background:										url(../images/teaser_big_bg.png) top left no-repeat;
}
	
div#footer_bottom  {
	width:												954px;
	height:												87px;
	margin:												0 auto;
	padding:											18px 0 0 0;
	color:												#AEAEAE;
}
	
div#footer_bottom a, div#footer_bottom a:visited, div#footer_bottom a:hover {
	color:												#AEAEAE;
}
	
div#footer_bottom div#terms {
	float:												left;
	width:									  		467px;
	text-align:										left;
	padding:											0 0 0 10px;
}
			
div#terms a, div#terms a:visited, div#terms a:hover {
	margin-right:									30px;
	text-decoration:							none;
}			
div#terms a:hover {
	text-decoration:							underline;
}

div#footer_bottom div#powered {
	float:												left;
	width:								  			467px;
	text-align:										right;
	padding:											0 10px 0 0;	
}

div#powered a, div#powered a:hover  {
	text-decoration:							none;
}

div#powered a:hover  {
	text-decoration:							underline;
}
	
/*# /TEMPLATE CSS */
/*############################################################################*/
/*# INTRO CSS */

body.intro {
  background-color:             #2F2F33;
}

div#intro_site {
  width:                        100%;
  min-height:                   100%;
  margin:                       0 auto;
  text-align:                   left;
}

div#intro_header {
	float:												none;
	width:												954px;
	height:												136px;
  margin:                       0 auto;
}
div#intro_contentholder {
  width:                        100%;
  background-color:             #FFFFFF;
}
div#intro_content {
  width:                        934px;
  margin:                       0 auto;
  padding:                      26px 10px;
	text-align:										justify;
}
div#intro_content img {
  vertical-align:               top;
}

div#intro_teaserholder {
  width:                        100%;
  height:                       150px;
  padding:                      10px 0px 20px 0;
  background:                   #0079C1 url('../images/intro_teaser_bg.gif') repeat-x left top;
}

div#intro_footer_top {
  width:                        954px;
  margin:                       0 auto;
  overflow:                     hidden;
}

div.intro_footerfixer {
  height:                       115px;
}

div#intro_footer {
  clear:                        both;
  width:                        100%;
  border-top:                   solid 1px #FFFFFF;
  background-color:             #2F2F33;
  overflow:                     hidden;
}

div.intro_teaser {
	float:												left;
	width:												318px;
	height:												auto;
}
div.intro_teaser_imageholder {
	height:												110px;
	padding:											10px;	
	width:												298px;
	background:										url(../images/teaser_small_bg.png) top left no-repeat;
}
div.intro_teaser_imageholder img {
  float:                        left;
  height:                       110px;
  width:                        110px;
}

div.intro_teaser_imageholder img.contactimg {
  width:                        270px;
  height:                       82px;
}

div.intro_teaser_textbox {
  float:                        left;
  width:                        178px;
  height:                       82px;
  padding:                      14px 10px 14px 0;
  font-size:                    11px;
}
div.intro_teaser_textbox .more {
  font-size:                    11px;
}
div.intro_teaser_newsbox {
  float:                        left;
  width:                        270px;
  height:                       82px;
  padding:                      14px;
}
div.intro_teaser_newsbox .more {
  font-size:                    11px;
}

a.introitem, a.introitem:visited, a.introitem:hover {
  width:												256px;
	padding:											0px	0px	0px 10px;
	color:												#231F20;
	background:										url(../images/bullet_more.png) no-repeat left top;
}
a.introitem:hover {
	color:												#0079C1;
	text-decoration:							underline;
}
/*############################################################################*/
/*# Form CSS */

fieldset {
  border:                      0px;                                                 
}

xmp {
  font-size:                   18px;
}

label.before {
  float:                       left;
  clear:                       left;
  width:                       150px;
  line-height:                 18px;
}

label.radio, label.checkbox {
  cursor:                      pointer;
}

input.required, textarea.required, select.required {
  background-image:            url('../images/form_required.gif');
  background-repeat:           no-repeat;
  background-position:         top right;
}

input.text {
  width:                       220px;
  height:                      18px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
  vertical-align:              middle;
}

input.file {
  width:                       224px;
  height:                      22px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
  vertical-align:              middle;
}

input.focus {
  background-color:            #FFFFCC;
}

input.button {
  font:                        normal 12px verdana, sans-serif;
  vertical-align:              middle;
}

input.contentwidth {
  margin-top:                  6px;
  width:                       360px;
}

input.error, textarea.error, select.error {
  border:                      1px solid #FF0000;
}

input.good, textarea.good, select.good {
  /*border:                      1px solid #339933;*/
}

input.radio {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
  border:                      0px;
}

input.checkbox {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
}

select.select {
  width:                       220px;
  height:                      18px;
  margin:                      1px;
  font:                        normal 12px verdana, sans-serif;
  border:                      1px solid #000000;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       220px;
  height:                      50px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
}

fieldset li, fieldset ul {
  list-style:                  none;
  margin:                      0px;
  padding:                     0px;
}

li.oneline {
  clear:                       both;
  line-height:                 20px;
  white-space:                 nowrap;
  vertical-align:              top;
  padding-bottom:              4px;
}

li.multilinein {
  margin-left:                 150px;
}

li.buttons {
  clear:                       both;
  width:                       370px;
  height:                      22px;
  line-height:                 22px;
}

div.fielderror, div.counter {
  color:                       #FF0000;
  margin-left:                 150px;
  margin-top:                  4px;
  height:                      20px;
}
div.counter {
  color:                       #000000;
  white-space:                 nowrap;
}

.hidden {
  display:                     none;
  visibility:                  hidden;
}

span.fieldhint {
  color:                       #AAAAAA;
}

span.hint {
  color:                       #AAAAAA;
}

input#street {
  width:                       133px;
}

input#housenr {
  width:                       60px;
}

input#zip {
  width:                       80px;
}

input#city {
  width:                       133px;
}

input#persontotal {
  width:                       80px;
}

div#captcha1 {
  float:                       left;
  padding-left:                150px;
}

div#captcha2 {
  float:                       left;
  padding-left:                32px;
  font-size:                   11px;
  line-height:                 13px;
}
div#captcha2 img {
  margin:                      0px 6px 0px -22px;
}

input#captcha_code {
  width:                       111px;
}

div#captcha_code_error {
  clear:                       both;
}

input#submit {
  float:                       right;
  cursor:                      pointer;
  font:                        normal 12px verdana, sans-serif;
  text-align:                  center;
}

div#requiredtext {
  float:                       left;
}

li.information {
  padding-left:                149px;
}

/*# Form CSS */
/*############################################################################*/
/* EDITOR CSS */
body.editor {
  background:                  none;
  background-color:            #FFFFFF;
  font:                        normal 12px Arial, Helvetica, sans-serif;
  line-height:                 20px;
  color:                       #231F20;
}

body.editor h1 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   26px;
	line-height:								 40px;
	font-weight:								 normal;
}

body.editor h2 {
  margin:                      0px;
  padding:                     5px 0;
  font-weight:                 bold;
  font-size:                   20px;
	line-height:								 34px;
  color:                       #0079C1;
}

body.editor h3 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   12px;
	line-height:								 20px;
}

body.editor  p.introtext {
	padding-top:									10px;
	font-weight:									bold;
	color:												#0079C1;
}

/* /EDITOR CSS */
/*############################################################################*/

div.info_holder {
  position:                     relative;
  width:												934px;
  height:                       224px;
}
div.intro_infoblock {
  position:                     relative;
  width:												636px;
  height:                       224px;
}
div.intro_infomask {
  position:                     absolute;
  width:												636px;
  height:                       224px;
}
div.intro_info {
  width:												636px;
  height:                       224px;
  overflow:                     hidden;
}

div.intro_linkholder {
  position:                     absolute;
  top:                          0;
  right:                        0;
  width:                        318px;
  height:                       224px;
}
div.infolink_btn {
  width:                        298px;
  height:                       56px;
  padding-left:                 20px;
  background:                   #FFFFFF;
}

a.info_link, a.info_link:hover {
  display:                      block;
  width:                        286px;
  height:                       55px;
  padding-left:                 12px;
  font:                         bold 16px Arial;
  line-height:                  55px;
  color:                        #0079C1;
  text-decoration:              none;
  border-bottom:                solid 1px #CCE4F3;
  background:                   url('../images/info_bullit.png') no-repeat left top;
}
a.info_link_last, a.info_link_last:hover {
  border:                       0 none;
}

div.infolink_open {
  background:                   transparent url('../images/infolink_bg.png') no-repeat left top;
}
div.infolink_open a.info_link,
div.infolink_open a.info_link:hover,
div.infolink_open a.info_link_last,
div.infolink_open a.info_link_last:hover {
  background:                   none;
}