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

/*#############################################################################
# Default CSS
#############################################################################*/
html, body {
  width:                       100%;
  height:                      100%;
  font:                        normal 12px arial, sans-serif;
  line-height:                 22px;
  color:                       #FFFFFF;
  text-align:                  left;
  cursor:                      default;
  background-color:            #CE1E15;
}

h1 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   28px;
}

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

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

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

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

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

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

p {
  margin-top:                  16px;
}

strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

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

a:hover {
  color:                       #FFFFFF;
  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;
}

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

div#requiredtext {
  float:                       left;
}

/*#############################################################################
# Levanto CSS
#############################################################################*/
div#fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
}

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

div#header {
  height:                      110px;
  margin:                      0px;
  border-bottom:               solid 1px #FFFFFF;
}

div#contentholder {
  height:                      471px;
  margin:                      0px;
  background-color:            #000000;
}

div#footer {
  width:                       952px;
  height:                      18px;
  margin:                      -18px auto 0px auto;
  font:                        normal 11px arial;
  color:                       #FFFFFF;
  text-align:                  left;
}
div#footer div#sitemap {
  float:                       left;
  color:                       #FFFFFF;
}
div#footer div#sitemap a {
  margin-right:                20px;
  color:                       #FFFFFF;
  text-decoration:             none;
}
div#footer div#sitemap a:hover {
  text-decoration:             underline;
}
div#footer div#powered {
  float:                       right;
  color:                       #FFFFFF;
}
div#footer div#powered a {
  color:                       #FFFFFF;
  text-decoration:             none;
}
div#footer div#powered a:hover {
  text-decoration:             underline;
}

/*#############################################################################
# Levanto intro CSS
#############################################################################*/
div#intro_lng {
  float:                       right;
  height:                      20px;
  margin-top:                  90px;
  font:                        bold 11px arial, sans-serif;
  color:                       #FFFFFF;
  line-height:                 20px;
  text-transform:              uppercase;
}

div#intro_lng div.intro_lng_button {
  float:                       left;
  margin-left:                 5px;
}
div#intro_lng div.intro_lng_button a {
  display:                     block;
  padding:                     0px 10px;
  color:                       #FFFFFF;
  text-decoration:             none;
}
div#intro_lng div.intro_lng_button a:hover,
div#intro_lng div.intro_lng_button a.on {
  color:                       #FFFFFF;
  text-decoration:             none;
  background-color:            #FF2F25;
}

div#introcontent {
  height:                      421px;
  margin:                      0px;
  background-color:            #EB0418;
}

	#intro_left{
		display: block;
		position: relative;
		width: 600px;
		float: left;
	}
	
	#intro_left p{
		position: absolute;
		font-size: 22px;
	}
	
	#intro_left h1{
		position: absolute;
	}
	
	#intro_right{
		display: block;
		position: relative;
		width: 320px;
		background-color: #000;
		float: right;
		clear: right;
		height: 401px;
		overflow: auto;
		padding: 10px;
	}

div#intromenu {
  width:                       952px;
  height:                      49px;
  margin:                      0px;
  border-top:                  solid 1px #FFFFFF;
}

/*#############################################################################
# Levanto page CSS
#############################################################################*/
div#printlogo {
  display:                    none;
}

div#logo_levanto {
  float:                      left;
  height:                     110px;
}

div#language {
  float:                       right;
  height:                      21px;
  margin-top:                  0px;
  font:                        bold 11px arial, sans-serif;
  color:                       #FFFFFF;
  line-height:                 21px;
  text-transform:              uppercase;
}
div#language div.lng_button {
  float:                       left;
  margin-left:                 9px;
}
div#language div.lng_button a {
  display:                     block;
  padding:                     0px 5px;
  color:                       #FFFFFF;
  text-decoration:             none;
}
div#language div.lng_button a:hover,
div#language div.lng_button a.on {
  color:                       #FFFFFF;
  text-decoration:             none;
  border-bottom:               solid 1px #FFFFFF;
  background-color:            #FF2F25;
}

div#language div.site_button {
  float:                       left;
  height:                      21px;
  width:                       27px;
  margin-left:                 9px;
  border-bottom:               solid 1px #FFFFFF;
  background-color:            #000000;
}
div#language div.site_button a {
  display:                     block;
  color:                       #FFFFFF;
  text-decoration:             none;
}
div#language div.site_button a:hover,
div#language div.site_button a.on {
  height:                      21px;
  color:                       #FFFFFF;
  text-decoration:             none;
  background-color:            #FF2F25;
}

div#menu {
  float:                       right;
  height:                      26px;
  width:                       736px;
  text-align:                  right;
  margin-top:                  45px;
}

div#content_photo {
  float:                       left;
  margin:                      0 auto;
  height:                      356px;
  width:                       632px;
  border-right:                solid 1px #FFFFFF;
  border-bottom:               solid 1px #FFFFFF;
  overflow:                    hidden;
}

div#content {
  float:                       left;
  margin:                      0 auto;
  height:                      356px;
  width:                       319px;
  border-bottom:               solid 1px #FFFFFF;
  overflow:                    auto;
  overflow-x:                  hidden;
  overflow-y:                  auto;

  scrollbar-base-color:        #000000;   /* basiskleur */
  scrollbar-face-color:        #000000;   /* basiskleur frontvlakken */
  scrollbar-arrow-color:       #FFFFFF;   /* pijlkleur */
  scrollbar-3dlight-color:     #000000;   /* randkleur linkboven */
  scrollbar-highlight-color:   #666666;   /* hooglicht linksboven */
  scrollbar-darkshadow-color:  #000000;   /* randkleur rechtsonder */
  scrollbar-shadow-color:      #666666;   /* laaglicht rechtsonder */
  scrollbar-track-color:       #000000;   /* achtergrondkleur lege ruimte scrollbar */
}

table.contentblock {
  width:                       269px;
  height:                      100px;
  margin:                      22px 8px 22px 23px;
}

table.contentblock2 {
  width:                       581px;
  height:                      100px;
  margin:                      22px 8px 22px 23px;
}

div#content_footer {
  height:                      114px;
}
div#content_footer div#scroll_left {
  float:                       left;
}
div#content_footer div#scroller {
  display:                     block;
  float:                       left;
  height:                      115px;
  padding-left:                16px;
  overflow:                    hidden;
}
div#scroller div.company {
  float:                       left;
  display:                     inline;
  height:                      73px;
  margin:                      20px 21px 0px 21px;
  padding-bottom:              20px;
  background:                  url('../images/scrollerlogo_bg.gif') repeat-x left bottom;
  border:                      none;
}
div#scroller div.company img {
  border-bottom:               1px solid #FFFFFF;
}
div#content_footer div#scroll_right {
  float:                       right;
}

div#content2 {
  float:                       left;
  margin:                      0 auto;
  height:                      449px;
  width:                       632px;
  border-right:                solid 1px #FFFFFF;
  border-bottom:               solid 1px #FFFFFF;
  overflow:                    auto;
  overflow-x:                  hidden;
  overflow-y:                  auto;

  scrollbar-base-color:        #000000;   /* basiskleur */
  scrollbar-face-color:        #000000;   /* basiskleur frontvlakken */
  scrollbar-arrow-color:       #FFFFFF;   /* pijlkleur */
  scrollbar-3dlight-color:     #000000;   /* randkleur linkboven */
  scrollbar-highlight-color:   #666666;   /* hooglicht linksboven */
  scrollbar-darkshadow-color:  #000000;   /* randkleur rechtsonder */
  scrollbar-shadow-color:      #666666;   /* laaglicht rechtsonder */
  scrollbar-track-color:       #000000;   /* achtergrondkleur lege ruimte scrollbar */
}
div#content_photo2 {
  float:                       left;
  margin:                      0 auto;
  height:                      449px;
  width:                       319px;
  border-bottom:               solid 1px #FFFFFF;
}

/*#############################################################################
# Listmenu Levanto Intro
#############################################################################*/
ul.intro_mainmenu {
  width:                       940px;
  height:                      49px;
  margin:                      0px 0px 0px 12px;
  padding:                     0px;
}

ul.intro_mainmenu li {
  height:                      49px;
  margin:                      0px 0px 0px 4px;
  padding:                     0px;
  list-style-type:             none;
  text-align:                  center;
  float:                       left;
}

a.intro_mainitem, a.intro_mainitem:hover, a.intro_mainitem_on {
  height:                      43px;
  padding:                     11px 30px 10px 30px;
  font-size:                   18px;
  font-weight:                 normal;
  text-decoration:             none;
  line-height:                 43px;
  text-transform:              lowercase;
  color:                       #FFFFFF;
  white-space:                 nowrap;
}
a.intro_mainitem:hover, a.intro_mainitem_on, a.intro_mainitem_on:hover {
  background-color:            #FF2F25;
}

ul.intro_mainmenu li:hover ul.intro_submenu {
  left:                        auto;
  margin:                      0px;
}

ul.intro_submenu, ul.intro_subsubmenu {
  position:                    absolute;
  clear:                       both;
  left:                        -9999px;
  width:                       120px;
  margin:                      0px;
  padding:                     0px;
  background:                  url('../images/spacer.gif');
  border-bottom:               1px solid #FFFFFF;
}
ul.intro_subsubmenu {
  padding-left:                1px;
}

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

a.intro_subitem, a.intro_subitem:hover,
a.intro_subitem_on, a.intro_subitem_on:hover {
  display:                     block;
  width:                       100%;
  height:                      24px;
  line-height:                 24px;
  font-size:                   12px;
  font-weight:                 bold;
  text-align:                  center;
  text-decoration:             none;
  text-transform:              lowercase;
  color:                       #FFFFFF;
  white-space:                 nowrap;
  background-color:            #000000;
  border-top:                  1px solid #FFFFFF;
}
ul.intro_subsubmenu a.intro_subitem, ul.intro_subsubmenu a.intro_subitem:hover,
ul.intro_subsubmenu a.intro_subitem_on, ul.intro_subsubmenu a.intro_subitem_on:hover {
  font-weight:                 normal;
}
a.intro_subitem:hover,
a.intro_subitem_on, a.intro_subitem_on:hover {
  background-color:            #484848;
}
ul.intro_subsubmenu a.intro_subitem:hover,
ul.intro_subsubmenu a.intro_subitem_on, ul.intro_subsubmenu a.intro_subitem_on:hover {
  background-color:            #FF2F25;
}

ul.intro_submenu li:hover ul.intro_subsubmenu {
  left:                        auto;
  margin:                      0px;
}

/*#############################################################################
# Listmenu Levanto
#############################################################################*/
ul.mainmenu {
  float:                       right;
  height:                      25px;
  margin:                      0px 0px 0px 22px;
  padding:                     0px;
}

ul.mainmenu li {
  height:                      25px;
  margin:                      0px 0px 0px 20px;
  padding:                     0px;
  list-style-type:             none;
  text-align:                  center;
  float:                       left;
}

a.mainitem, a.mainitem:hover, a.mainitem_on, a.mainitem_selected {
  height:                      24px;
  padding:                     5px 12px 2px 12px;
  font-size:                   15px;
  font-weight:                 normal;
  text-decoration:             none;
  line-height:                 24px;
  text-transform:              lowercase;
  color:                       #FFFFFF;
  white-space:                 nowrap;
}
a.mainitem:hover, a.mainitem_on, a.mainitem_on:hover, a.mainitem_selected, a.mainitem_selected:hover {
  background-color:            #FF2F25;
  border-bottom:               1px solid #FFFFFF;
}

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

ul.submenu, ul.subsubmenu {
  position:                    absolute;
  clear:                       both;
  left:                        -9999px;
  width:                       120px;
  margin:                      0px;
  padding:                     0px;
  background:                  url('../images/spacer.gif');
  border-bottom:               1px solid #FFFFFF;
}
ul.subsubmenu {
  padding-left:                1px;
}

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

a.subitem, a.subitem:hover,
a.subitem_on, a.subitem_on:hover {
  display:                     block;
  width:                       100%;
  height:                      24px;
  line-height:                 24px;
  font-size:                   12px;
  font-weight:                 bold;
  text-align:                  center;
  text-decoration:             none;
  text-transform:              lowercase;
  color:                       #FFFFFF;
  white-space:                 nowrap;
  background-color:            #000000;
  border-top:                  1px solid #FFFFFF;
  border-bottom:               0px;
}
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 {
  background-color:            #484848;
}
ul.subsubmenu a.subitem:hover,
ul.subsubmenu a.subitem_on, ul.subsubmenu a.subitem_on:hover {
  background-color:            #FF2F25;
}

ul.submenu li:hover ul.subsubmenu {
  left:                        auto;
  margin:                      -1px -25px 0px 0px;
}

/*#############################################################################
# Levanto Customer login
#############################################################################*/

div#contentklanten {
  float:                       left;
  margin:                      0 auto;
  height:                      449px;
  width:                       952px;
  border-bottom:               solid 1px #FFFFFF;
  overflow:                    auto;
  overflow-x:                  hidden;
  overflow-y:                  auto;

  scrollbar-base-color:        #000000;   /* basiskleur */
  scrollbar-face-color:        #000000;   /* basiskleur frontvlakken */
  scrollbar-arrow-color:       #FFFFFF;   /* pijlkleur */
  scrollbar-3dlight-color:     #000000;   /* randkleur linkboven */
  scrollbar-highlight-color:   #666666;   /* hooglicht linksboven */
  scrollbar-darkshadow-color:  #000000;   /* randkleur rechtsonder */
  scrollbar-shadow-color:      #666666;   /* laaglicht rechtsonder */
  scrollbar-track-color:       #000000;   /* achtergrondkleur lege ruimte scrollbar */
}

table.contentklanten {
  width:                       900px;
  height:                      100px;
  margin:                      22px 8px 22px 23px;
}

div#klantenfooter {
  width:                       898px;
  height:                      18px;
  font:                        normal 11px arial;
  line-height:                 18px;
  color:                       #FFFFFF;
  margin:                      0px 23px 0px 22px;
  text-align:                  left;
}

td.klantentitle {
  height:                      41px;
  vertical-align:              bottom;
  border-bottom:               1px solid #989898;
  padding-bottom:              8px;
  font-size:                   24px;
}

td.klantenaddressen {
 padding-top:                  28px;
}

td.klantencardname0 {
  width:                       246px;
}

td.klantencardname1 {
  width:                       246px;
}

td.klantencardname2 {
  width:                       212px;
}

td.klantencardcode {
  width:                       64px;
  height:                      14px;
  color:                       #989898;
}

table.klantentable {
  width:                       100%;
  margin-bottom:               12px;
  border:                      0px;
}

table.klantentableorders {
  width:                       576px;
  margin-left:                 34px;
}

a.klanthoofdvestiging {
  margin:                      0;
  padding:                     0;
  font-size:                   100%;
  font-weight:                 normal;
  font-size:                   20px;
}

a.letterenabled {
  font-weight:                 bold;
  text-decoration:             none;
  margin-right:                 14px;
}

span.letterdisabled {
  font-weight:                 bold;
  color:                       #989898;
  margin-right:                14px;
}

td.klantenfieldname {
  width:                       64px;
  color:                       #989898;
}

td.klantenfieldname2 {
  width:                       128px;
  color:                       #989898;
}


td.klantenfieldname3 {
  width:                       130px;
}

td.klantenfieldname4 {
 padding-top:                  8px;
}


td.klantenfieldvalue {
 width:                        212px;
}

td.klantenfieldvalue2 {
 width:                        236px;
}

td.klantenfieldvalueknop_underline {
 padding-bottom:               8px;
}

td.klantenfieldvaluecomment {
  border-top:                  1px solid #989898;
  padding-top:                 8px;
}

td.klantenfieldvalueknop {
 width:                        72px;
}

div.logoutdiv {
  height:                      20px;
  border-bottom:               1px solid #FFFFFF;
}
a.logoutlink {
  display:                     block;
  height:                      20px;
  padding:                     0px 6px;
  color:                       #FFFFFF;
  line-height:                 20px;
  text-decoration:             none;
  background-color:            #000000;
}
a.logoutlink:hover {
  text-decoration:             none;
  background-color:            #FF2F25;
}
a.logoutlink img {
  vertical-align:              middle;
}

div#tabs {
  float:                       right;
  width:                       736px;
  height:                      20px;
  margin-top:                  69px;
  text-align:                  right;
}
div#tabs a {
  float:                       right;
  display:                     block;
  height:                      20px;
  color:                       #FFFFFF;
  text-align:                  center;
  font-weight:                 bold;
  line-height:                 20px;
  text-transform:              uppercase;
  text-decoration:             none;
  background-color:            #FF2F25;
}
div#tabs a:hover {
  color:                       #000000;
  text-decoration:             none;
}
div#tabs a.overview {
  width:                       153px;
}

a.button {
  display:                     block;
  height:                      20px;
  color:                       #FFFFFF;
  text-align:                  center;
  font-weight:                 bold;
  line-height:                 20px;
  text-transform:              lowercase;
  text-decoration:             none;
  background-color:            #FF2F25;
}

div.buttondisabled {
  display:                     block;
  height:                      20px;
  color:                       #000000;
  text-align:                  center;
  font-weight:                 bold;
  line-height:                 20px;
  text-transform:              lowercase;
  text-decoration:             none;
  background-color:            #474747;
}
/*###########################################################################*/