/* 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;
}

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;
  min-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;
  position:					   relative;
  z-index: 					   100;
}

div#content {
  float:                       none;
  width:                       720px;
  height:                      261px;
  padding-left:                17px;
  line-height:                 10px;
  background:                  #FFFFFF;
  position: 	relative;
}
div#content img {
  vertical-align:              top;
}
div#content_text{
width: 450px;
position: absolute;
top: 60px;
left: 485px;
color: #000000;
line-height: 25px;
text-align: 		justify;
}

div#contact_holder_2{
width: 952px;
height: 100px;
padding-top: 30px;
padding-bottom:10px;
}
div#contact_holder_left{
float:left;
padding-left: 17px;
width: 720px;
}
div#contact_holder_right{
float:right;
width: 200px;
}
div#home_contact_title_2{
width: 120px;
padding-bottom: 10px;
font-weight: bold;
color: #FFFFFF;
}
.homecontact_img_2{
width: 250px;
height: 24px;
color: #FFFFFF;
font-size: 10px;
line-height: 20px;
}
.homecontact_img_2 img{
vertical-align: middle;
}
.social_img_2{
width: 32px;
height: 32px;
padding-right:10px;
}
div#footer_line{
width: 952px;
vertical-align: middle;
text-align: center;
}

div#contact_holder_bottom{
width: 952px;
height: 50px;
}
div#contact_bottom_left{
float:left;
width: 720px;
padding-top:10px;
padding-left:17px;
}
div#contact_bottom_right{
float:left;
width: 200px;
padding-top:10px;
}
.homecontact_img_3{
width: 130px;
height: 27px;
color: #FFFFFF;
font-size: 10px;
text-decoration: none;
}
.homecontact_img_3 img{
vertical-align: middle;
}
.homecontact_img_logo{
width: 57px;
height: 27px;
padding-right:10px;
color: #FFFFFF;
font-size: 11px;
line-height: 27px;
}
.homecontact_img_logo img{
vertical-align: middle;
text-decoration: none;
}


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;
  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;
  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;
}

div#home_contact {
  clear:                       both;
  padding-top:                 20px;
  padding-left:                17px;
  color:                       #FFFFFF;

}
div#home_contact_title {
  padding-bottom:              8px;
  font-weight:                 bold;
  text-transform:              uppercase;
}
table.homecontact_items td {
  padding-bottom:              25px;
}
div.homecontact_img {
  float:                       left;
  width:                       20px;
  height:                      20px;
  padding-top:                 6px;
  padding-right:               12px;
  overflow:                    hidden;
}
div.homecontact_text {
  float:                       left;
  padding-right:               40px;
  font-size:                   10px;
}

div#footerfixer {
  clear:                       both;
  height:                      60px;
}

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

/*############################################################################*/
/*# MAINMENU CSS */

#language{
	color: 											#FFFFFF;
}

#language img{padding-left:10px;}

#language span{
	height: 34px;
	line-height: 34px;
}
ul.languagemenu {
  position:                     relative;
  margin:                       0;
  padding:                      0;
  z-index:                      100;
	float:												right;
}

ul.languagemenu > li {
  position:                     relative;
  float:                        left;
  margin:                       0;
  padding:                      0;
  list-style:                   none;
}

ul.languagemenu > li.select{
margin-top: 8px;
}

a.languageitem{
	background-image: url(../images/arrow.png);
	background-position: 20px 15px;
	background-repeat:no-repeat;


}

a.languageitem, a.languageitem:hover {
  display:                      block;
  height:                       34px;
	font-weight:								  bold;
  font-size: 11px;
  line-height:                  34px;
  color:                        #FFF;
  text-decoration:              none;
	width:												140px;
	text-align: right;
}
ul.languagemenu li:hover a.languageitem,
a.languageitem:hover, a.languageitem_on {
	width:												140px;
}
ul.languagemenu li img, ul.languagemenu li img:hover {
  vertical-align:               middle;
}


/*# /MAINMENU CSS */
/*############################################################################*/
/*# SUBMENU CSS */

ul.languagemenu li:hover ul.languagesubmenu {
  display:                      block;

	
}

ul.languagesubmenu {
  position:                     absolute;
  top:                          34px;
  left:                         0;
  display:                      none;
  width:                        120px;
  margin:                       0;
  padding:                      0;
}
ul.languagesubmenu li {
  position:                     relative;
  height:                       30px;
  margin:                       0;
  padding:                      0;
  list-style:                   none;

	
}

a.languagesubitem, a.languagesubitem:hover {
  display:                      block;
  width:                        140px;
  height:                       30px;
  line-height:                  30px;
  text-decoration:              none;
  color:                        #fff;
	
}
ul.languagesubmenu li:hover a.languagesubitem, 
a.languagesubitem:hover, a.languagesubitem_on {
	width:                        140px;
	font-weight:bold;
}

ul.languagesubmenu li:hover ul.subsubmenu {
  display:                      block;
}

ul.languagesubmenu li {
  position:                     relative;
  height:                       30px;
  margin:                       0;
  padding:                      0;
  list-style:                   none;
}

#nl, #en, #aus, #usa, #de, #fr {
	position:absolute; 
	left: 200; 
	width:200; 
	visibility:hidden;
	color: #FFFFFF;
	font-size: 10px;
	margin-top: 5px;
}

ul.languageDiv {
	padding-left:0px;
	margin-left:0px;
}
.languageDiv li{
	float:left; 
	list-style-type:none; 
	padding: 10px;
	

}

/*# /SUBMENU CSS */
/*############################################################################*/