/* SVN $Id: main.css 104 2009-06-12 11:34:28Z peter $ */
/* SVN $URL: file:///T:/SOURCE_SVN/Start_Website/httpdocs/css/main.css $ */

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

/*###### RESET_CSS (http://developer.yahoo.com/yui/reset/) */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:                      0;
  padding:                     0;
}
table {
  border-collapse:             collapse;
  border-spacing:              0;
}
fieldset,img,a {
  border:                      0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:                  normal;
  font-weight:                 normal;
}
ol,ul {
  list-style:                  none;
}
caption,th {
  text-align:                  left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:                   100%;
  font-weight:                 normal;
}
q:before,q:after {
  content:                     '';
}
abbr,acronym {
  border:                      0;
}

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

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

.hidden {
  display:                     none;
}


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:                 12px;
  padding-left:                16px;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

table td {
  vertical-align:              top;
}

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

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

body {
  font:                        normal 12px verdana, sans-serif;
  line-height:                 16px;
  color:                       #666666;
}

body.standardpage {
  background-image:            url('http://www.white.nl/images/layout_grid.png');
  background-color:            #FFFFFF;
}

h1 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   16px;
}

h2 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   14px;
}

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

h4 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   16px;
}

h5 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   14px;
}

h6 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
}

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

p {
  margin-top:                  16px;
}

a {
  color:                       #666666;
}

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

div#fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
  background-color:            #001D45;
  overflow-x:                  hidden;
}

div#site_left {
  position:                    absolute;
  top:                         0;
  left:                        -476px;
  width:                       50%;
  height:                      100%;
  background:                  #00619C url('../images/site_left.gif') repeat-x left top;
}

div#site {
  width:                       952px;
  height:                      100%;
  margin:                      0 auto;
  text-align:                  left;
  background:                  #00619C url('../images/site_bg.gif') repeat-y left top;
}

div#header {
  width:                       952px;
  height:                      105px;
  text-align:                  left;
  background:                  url('../images/header_bg.gif') no-repeat left top;
}

a.logo, a.logo:hover {
  display:                     inline-block;
  float:                       left;
  width:                       386px;
  height:                      105px;
}

div#language {
  float:                       left;
  width:                       556px;
  height:                      98px;
  padding-top:                 7px;
  text-align:                  right;
}

a.lang, a.lang:hover {
  display:                     inline-block;
  height:                      15px;
  padding:                     6px 0px;
  text-decoration:             none;
}
a.lang_ned, a.lang_ned:hover {
  width:                       130px;
  background:                  url('../images/ned.gif') no-repeat right center;
}
a.lang_ned:hover, a.lang_ned_on, a.lang_ned_on:hover {
  background:                  url('../images/ned_over.gif') no-repeat right center;
}

a.lang_eng, a.lang_eng:hover {
  width:                       100px;
  background:                  url('../images/eng.gif') no-repeat right center;
}
a.lang_eng:hover, a.lang_eng_on, a.lang_eng_on:hover {
  background:                  url('../images/eng_over.gif') no-repeat right center;
}

div#menu {
  width:                       696px;
  height:                      70px;
  padding:                     53px 0px 0px 29px;
}

div#content {
  float:                       left;
  width:                       720px;
  height:                      261px;
  padding-left:                17px;
  line-height:                 10px;
  background:                  #FFFFFF;
}
div#content img {
  vertical-align:              top;
}

div#news_block {
  float:                       left;
  width:                       196px;
  height:                      237px;
  padding:                     12px 0px 12px 19px;
  font:                        bold 11px Verdana, sans-serif;
  line-height:                 18px;
  color:                       #000000;
  background-color:            #FFFFFF;
}
span.news_title {
  font:                        bold 16px Arial, sans-serif;
  color:                       #ED1C24;
}

a.read_link, a.read_link:hover {
  float:                       right;
  font:                        normal 11px Verdana, sans-serif;
  color:                       #ED1D25;
}

div#info_block {
  float:                       left;
  width:                       466px;
  height:                      79px;
  padding:                     32px 68px 0px 17px;
  font:                        normal 12px Arial, sans-serif;
  line-height:                 20px;
  color:                       #FFFFFF;
}

div#contact_holder {
  float:                       left;
  width:                       280px;
  height:                      69px;
  padding:                     42px 0px 0px 73px;
}

span.incontact_holder {
  display:                     inline-block;
  height:                      21px;
  padding-left:                36px;
  line-height:                 21px;
  text-transform:              lowercase;
}
span.incontact_holder img {
  vertical-align:              middle;
}

span.incontact_holder a, span.incontact_holder a:hover {
  font:                        normal 11px Verdana, sans-serif;
  color:                       #FFFFFF;
  text-decoration:             none;
}
span.incontact_holder a:hover {
  text-decoration:             underline;
}

div#site_right {
  position:                    absolute;
  top:                         0;
  right:                       -476px;
  width:                       50%;
  height:                      489px;
  text-align:                  left;
}

div#footerholder {
  position:                    absolute;
  left:                        0;
  width:                       100%;
  height:                      21px;
  margin:                      -21px 0px 0px 0px;
  background-color:            #FFFFFF;
}

div#footer {
  width:                       935px;
  height:                      21px;
  margin:                      0 auto;
  padding-left:                17px;
  font:                        normal 11px Verdana, sans-serif;
  line-height:                 21px;
  color:                       #999999;
}
div#copy_holder {
  float:                       left;
  width:                       607px;
  text-align:                  left;
}
div#powered_holder {
  float:                       left;
  width:                       328px;
  text-align:                  right;
}
div#powered_holder a, div#powered_holder a:hover {
  color:                       #999999;
  text-decoration:             none;
}
div#powered_holder a:hover {
  text-decoration:             underline;
}

/*# /TEMPLATE CSS */
/*############################################################################*/
/*# SNIP_LISTMENU */

ul.mainmenu {
  width:                       696px;
  height:                      70px;
  margin:                      0px;
  padding:                     0px;
}

ul.mainmenu li {
  width:                       174px;
  height:                      70px;
  margin:                      0px;
  padding:                     0px;
  list-style-type:             none;
  text-align:                  left;
  float:                       left;
}

a.mainitem, a.mainitem:hover, a.mainitem_on, a.mainitem_selected {
  display:                     block;
  width:                       174px;
  height:                      70px;
  padding:                     0;
  font-size:                   15px;
  font-weight:                 normal;
  text-decoration:             none;
  line-height:                 24px;
  text-transform:              lowercase;
  color:                       #FFFFFF;
  white-space:                 nowrap;
}

ul.mainmenu li:hover ul.submenu {
  left:                        auto;
  margin:                      0px;
}

ul.submenu, ul.subsubmenu {
  position:                    absolute;
  clear:                       both;
  left:                        -9999px;
  width:                       174px;
  height:                      261px;
  margin:                      0px;
  padding:                     0px;
  opacity:                     0.75;
  filter:                      alpha(opacity=75);
  background:                  #FFFFFF;
  /*background:                  url('../images/submenu_bg.png') no-repeat left top;*/
}

ul.submenu li, ul.subsubmenu li {
  float:                       left;
  display:                     block;
  width:                       100%;
  height:                      30px;
  margin:                      0px;
  padding:                     0px;
  list-style:                  none;
}

a.subitem, a.subitem:hover,
a.subitem_on, a.subitem_on:hover {
  display:                     block;
  width:                       150px;
  height:                      30px;
  padding:                     0px 6px;
  font:                        bold normal 10px Arial, sans-serif;
  line-height:                 30px;
  text-align:                  left;
  text-decoration:             none;
  text-transform:              uppercase;
  color:                       #000000;
  white-space:                 nowrap;
}
ul.subsubmenu a.subitem, ul.subsubmenu a.subitem:hover,
ul.subsubmenu a.subitem_on, ul.subsubmenu a.subitem_on:hover {
  font-weight:                 normal;
}
a.subitem:hover,
a.subitem_on, a.subitem_on:hover {
  color:                       #E51B23;
}

/*# /SNIP_LISTMENU */
/*############################################################################*/
/*# AANPASSINGEN */

div#info_block {
  width:                       504px;
  height:                      79px;
  padding:                     32px 30px 0px 17px;
}

div#contact_holder {
  width:                       186px;
  padding:                     72px 0px 0px 0px;
	text-align:									 center;
}

span.incontact_holder {
  padding-left:                0px;
}

div#license {
	float:											 left;
	width:											 215px;
	font-size:									 9px;
	color:											 #CCCCCC;
  padding:                     69px 0px 0px 0px;
	text-decoration:						 none;		
}
div#license span#text {
	float:											 left;
	width:											 121px;
	padding:                     0px 0px 0px 19px;
	line-height:								 16px;
	color:											 #999999;
	text-decoration:						 none;	
}
div#license a {
	text-decoration:						 none;
}
div#license a:hover span#text {
	text-decoration:						 underline;
}
div#license span#logo {
	float:											 left;
	width:											 75px;	
	text-align:									 right;
	padding-top:                 2px;
}

/*# /AANPASSINGEN */
/*############################################################################*/