﻿body, form {min-height: 100% !important;color:#555555; margin:0; padding:0; text-align:left; display:block; position: relative; height: 100%; font-family: Arial, Verdana, Sans-Serif;font-size: 12px;  }
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html {position: static; background-color: transparent; }
.ajax__tab_tab{ width:186px;}

.ajax__tab_xp .ajax__tab_body {font-family: Arial, Verdana, Sans-Serif !important ;font-size: 12px; border: 1px solid #999999;
    border-top: 0;
    padding: 0px !important;
    background-color: #ffffff;
}


h1{ font-size:16px; font-weight:bold; color:#546eb8; margin:0; padding:0;}
h2{ font-size:14px; font-weight:bold; color:#444444; margin:0; padding:0;}
a, a:link, a:visited, a.active{text-align: left; text-decoration: none; color:#0000ff; }
a:hover{color:#000099;}

.MainMax {position:relative;  width:100%; height:100%;  margin:0 auto; padding:0;  font-size: 12px; text-align:center; min-height: 100% !important; }
.BodyBack {position:relative; width:100%; min-width:1000px; height:100%;   margin:0 auto; padding:0; background-image: url("/images/body1178.gif"); background-repeat:repeat-y; background-position:center;  min-height: 100% !important; background-attachment:scroll; }

.SubMain {position:relative; top:0px; left: -1px; background-color:#fff;margin: 0 auto 0 auto;text-align:left;  width:1000px; height: 100%;}
.TopFrame {height: 100px; width:1000px; z-index:20; overflow: visible; position:relative; float:none;  left:0px; top:0px; padding:0; margin:0; background-color: #fff;}
.CenterFrame{ width:1000px; overflow: visible; z-index:22; position:relative; float:none;  left:px; top:0px; padding:0px; margin:0; background-color: Transparent;  }
.Bottomframe{height: 25px; width:1000px; font-size:12px; overflow: visible; position:relative; float:none;  left:0px; top:0px; padding:0; margin:0; background-color: silver;  }

.FixedBottom{position: fixed;  width:100%; height:25px;     bottom: 0px;  z-index:10000;}
.InFixedBottom{position:relative; margin-left: auto;  left:-1px;   margin-right: auto;width:1000px; }

.TopMenuFrame{ position:relative; height:45px; overflow: visible; position:relative; float:none;  left:0px; top:0px; padding: 0; margin:0; background-color: Transparent;}
.TopMenuFrame.scrolled{ position:fixed; top:0; z-index:20000;  width:100%;}
.TopMenuFrame.scrolled .InFixedTopMenu{margin-left: auto;    margin-right: auto;width:1000px;  }
.TopMenuFrame.scrolled .InTopMenuFrame{height: 55px; width:1000px; font-size:12px; overflow: visible; position:relative; float:none;  left:0px; top:0px; padding:0; margin:0;  }
.LogoMenu{width:65px; position:absolute; left:15px; opacity: 0; transition: opacity 0.1s ease-in-out; }
.TopMenuFrame.scrolled .LogoMenu{ opacity: 1;}
.TopMenuBack {position:absolute; left:0; top:0px; width:1000px; height:40px;  background-image:url('/Images/BackTopMenu.gif'); background-repeat:repeat-x; }



.MainLogo { position:relative; left:15px; top:10px;}
.MainLogoImg { position:Absolute; left:20px; top:20px;}
.MainLogoTxt { position:Absolute; left:5px; top:3px;}
.MainLogoTxt h1{ position:absolute; left:10px; width:120px; text-align:center; top:10px; font-family:Arial;  font-size:52px; font-weight:bold; color:#0000ff;}
.MainLogoTxt h2{ position:absolute; left:10px; width:120px; text-align:center; top:70px; font-family:Arial;  font-size:16px; font-weight:bold; color:#0000ff;}
.MainLabel h1{ position:absolute; left:100px; width:800px; text-align:center; top:25px; font-family:Arial;  font-size:40px; font-weight:bold; color:#444444;}
.MainSubLabel h2{ position:absolute; left:100px; width:800px; text-align:center; top:75px; font-family:Arial;  font-size:15px; font-weight:bold; color:#444444;}


.Bottomframe .Voorwaarden{position:absolute; left:50px; text-align:center; width:225px;  top:6px;}
.Bottomframe .Disclaimer{position:absolute;  left:275px; text-align:center; width:225px;  top:6px;}
.Bottomframe .Copy{position:absolute; left:500px; text-align:center; width:225px; top:6px; }
.Bottomframe .Sitemap{position:absolute;  left:725px; text-align:center; width:225px; top:6px;}
a.Voorwaarden, a.Voorwaarden:link, a.Voorwaarden:visited, a.Voorwaarden a.active{color:#0000ff;}
a.Voorwaarden:hover{color:#000099;}

.LinkerKolom{ position:relative; width:200px; float:left;  margin:  10px  14px 0 10px; padding:0;  }
.RechterKolom{ position:relative; width:200px; float:left;  margin:   10px   0px 0 14px; padding:0;   }

.RepairDirect{ position:absolute; width:300px; left:690px; top:30px;  }
.RepairDirect .Button{border-top:solid 2px silver; border-left:solid 2px silver;border-bottom:solid 2px grey;border-right:solid 2px grey; position:absolute; right:0px; background-color:#0000ff; color:#fff; padding: 6px 12px 6px 12px;}
.RepairDirect .Button:hover {background-color:#3333FF;}
.Talen{ position:absolute; width:600px; left:390px; top:80px; }

.Kolom550{ position:relative; width:551px; float:left; top:10px; padding:0 ; margin-bottom:10px;  }
.TopTabMenu{ text-align:center;  }
.TopTabMenu Li{Position:relative;  height:29px; margin: 0 5px 0 5px;}
.TopTabMenu .t{ color:#fff;  float:left;   background-repeat: repeat-x;  }

.TopTabMenu a, .TopTabMenu a:link, .TopTabMenu a:visited, .TopTabMenu a:hover
{  text-align: left;  text-decoration: none;  outline: none;  letter-spacing: normal;  word-spacing: normal;}
.TopTabMenu{ position:relative;  margin: 0; margin-left:auto; margin-right:auto;  padding: 0;  border: 0;  display: block; }
.TopTabMenu ul{position:relative;  margin: 0;  padding: 0;  border: 0;  display: inline; }
.TopTabMenu li{  margin: 0;  padding: 0;  border: 0;  display:inline;  float: left;  position: relative;  z-index: 5;  }

.TopTabMenu{  padding: 6px 6px 6px 6px;}
.TopTabMenu a{  position: relative;  display: inline;  overflow: hidden;  height: 29px;  cursor: pointer;  text-decoration: none;}
.TopTabMenu li{  margin-right: 4px;  margin-left: 4px;}
.TopTabMenu a .t{  font-family: Arial, Verdana, Sans-Serif;
  font-size: 12px;  font-style: normal;  font-weight: Bold;  text-decoration: none;  text-transform: uppercase;  color:#0000ff;
  padding: 0px;  margin: 0;  line-height: 29px;  text-align: center;}
.TopTabMenu a:hover .t{ color:#000099;}
.TopTabMenu-separatort{    width: 2px;  height: 29px;  background-image: url('/images/menuseparator.png'); }


.ExtraSearch{position:absolute; left:800px; top:50px; }

.navcentre {
 margin:5px auto;
 display:table;
 padding:0px;
 white-space:nowrap;
 }
 .navcentre ul {
 list-style:none;
 margin:0;
 padding:0;
 display:table-row;
 white-space:nowrap;
height:29px;
 }
 
.navcentre ul li{
 display:table-cell;  vertical-align:middle;
 }
 .navcentre ul a{ 
 display:block;
 padding:  5px 10px;
 font-family : Arial, Verdana, Sans-Serif;
  font-size: 12px;  font-style: normal;  font-weight: Bold;  text-decoration: none;  text-transform: uppercase;  
  }
 .navcentre ul a:hover{color:#000099;}
.TopTabMenu-separator{ display:block;   width: 2px;  height:29px; background-image: url('/images/menuseparator.png'); }


 





.Kolom200{ position:relative; width:200px; float:left; margin:0 0 5px 0 ; padding:0; background-color:#eee;   }
.Top200{ position:relative; width:200px; float:none; clear:both; height:11px; margin:0; padding:0;}
.Center200{position:relative; width:180px; float:none; clear:both;  margin:0; padding:0 10px 0 10px; }
.Bottom200{ position:relative;width:200px; height:11px;  }


.pageView {  border: 1px solid  #898c95;       margin-top: -1px;           }

.pnlKlantInvoer 			{  padding:  15px 0 0 0px;}
.pnlUnitInvoer 		    	{ padding: 15px 0 0 0px;}
.InvoerLeft 				{position:relative; width:200px; height:22px; *height:20px; float:left; color:#000; margin:0; padding:0 3px 0 0; font-size:12px; display:inline;}
.InvoerRight 				{width:300px; height:22px; *height:18px; float:left; color:#000; margin:0; padding:0;}
.InvoerRight2 				{width:300px; height:52px; *height:48px; float:left; color:#000; margin:0; padding:0;}
.InvoerRight3 				{width:300px; height:42px; *height:48px; float:left; color:#000; margin:0; padding:0;}
.InvoerRight4 				{width:300px;  float:left; color:#000; margin:0; padding:0;}
.clear 						{clear:both; line-height:0; height:0; margin:0; padding:0; width:0;}
.clear10					{clear:both; line-height:0; height:10px; margin:0; padding:0; width:0;}
input.invoer				{font-size:12px; font-style:normal; color:#000; width:283px; height:15px; border:1px solid #6788be;}
seelect.invoer				{font-size:12px; font-style:normal; color:#000; width:285px; height:20px; border:1px solid #6788be;}
 
input.invoer2				{font-size:12px; font-style:normal; color:#000; width:50px; border:1px solid #6788be;}
input.invoer3				{font-size:12px; font-style:normal; color:#000; width:175px; border:1px solid #6788be;}
textarea.invoerMulti		{font-size:12px; font-style:normal; color:#000; height:44px; width:283px; border:1px solid #6788be;}
textarea.invoerMulti2		{font-size:12px; font-style:normal; color:#000; height:34px; width:283px; border:1px solid #6788be;}
.tekstklein					{padding: 0px 0 0 0; font-size:10px; color:#000;}
.sterretje					{padding:0 0 0 3px; float:right; font-size:12px; color:#ff0000; font-weight:normal; line-height:12px; *margin-top:-12px; /*display:none;*/}
.radiofont					{font-size:12px; color:#000;}
.RequiredLogin				{left:0; top:10px; width:250px; position:absolute; font-size:10px; font-style:normal; color:red; text-align:left;}
.ImgHelp { position:absolute; left:185px; top:3px;}

.AanmeldenRadio 			{width:20px; position:relative; float:left; margin-top:3px 0 0 5px;}
.AanmeldRadioTekst 			{width:200px; position:relative; float:left; color:#143468; font-size:14px; font-weight:bold; margin-top:6px; padding-left:11px;}
.Left10						{padding:0 10px 0 10px; position:relative; width:auto;}
.onderlijn					{width:100%; border-bottom:#ebebeb 1px solid; text-align:center;}
.formNawBack				{width:600px; margin:0 0 0 5px; position:relative;}
.sterretjeaanhef			{padding:0 0 0 115px; font-size:12px; color:#999; font-weight:normal;}

.Required					{left:260px; width:270px; position:absolute; top:308px;	font-size:10px;	font-style:normal; font-weight:bold; color:red; background-color:#fff;}
.HintDiv{padding:5px;}

a.LinkInloggen {font-size:14px; font-weight:bold; color:#1e3668; width:80px;   height:17px; }
a:hover.LinkInloggen{color:#2e4678;}

.LinkInloggen{ position:relative;  padding:5px; background-color:#eeeeee;  }


.LoginLeft 	{position:relative; width:100px; height:22px; *height:20px; float:left; color:#000; margin:0; padding:0 3px 0 0; font-size:12px; display:inline;}
.LoginRight {width:180px; height:22px; *height:18px; float:left; color:#000; margin:0; padding:0;}
.LoginBox { position:relative; left:80px; top:30px; border:solid 1px silver; padding:20px; width:300px;}
.Error{ color:Red; font-size:12px;}

.ItemNode{ width:85px; margin:0; padding:0; white-space:nowrap; overflow:hidden;}



.RadTreeView .rtUL ul.rtUL{    padding-left: 3px;}
.RadTreeView .rtUL div { padding-left: 10px; }
.RadTreeView .rtUL .rtLI { background-position: 5px 0; }
.RadTreeView .rtUL .rtUL div { padding-left: 0px; background-position: 0px 0 !important; }
.RadTreeView .rtUL .rtUL .rtLI { background-position: 3px 0; }
.RadTreeView .rtUL .rtUL .rtUL div { padding-left: 0px; background-position:  0px 0 !important;  }
.RadTreeView .rtUL .rtUL .rtUL .rtLI { background-position: 0px 0; padding:0; margin:0; width:145px !important; overflow:hidden;}
.RadTreeView .rtUL .rtUL .rtUL .rtLI .rtIn{  padding:0; margin:0;   }
.RadTreeView .rtUL .rtLI .rtUL{  padding:0; margin:0;   }


.FotoDiv{position:relative; left:5px;}
.Fotosets{Position: relative; width:165px; height:165px; margin: 0px 5px 0px 0px; padding:5px; z-index:10;  
 background-image: url('/images/GroepBack.gif'); background-repeat:no-repeat; }
.Fotosets .ButtonDivv{ position:Relative; top:0px; z-index:50; height:130px; width:165px; padding: 5px 0 0 0; text-align:center; vertical-align:middle; line-height:130px; }
.Fotosets .ButtonDiv{ position:absolute; left:5px; top:5px; z-index:50;  }
.Fotosets .InButtonDiv{ position:Relative; left:0px; top:0px; z-index:50; height:130px; width:165px; display:table-cell;vertical-align:middle;  }

.Fotosets .Button{ position:relative;   max-height:130px; max-width:150px; text-align:center; vertical-align:middle; }
.Fotosets .Label{  position:absolute; left:9px; top:150px; height:15px; overflow:hidden; width:155px; text-align:center;z-index:50; }
.Fotosets .Overlay{position:absolute; left:5px; top:5px; width:165px; height:160px; z-index:80; background-color: transparent ;  background-image: url('/images/transppix.gif'); background-repeat:repeat;}

.Fotosets .box{ width:165px; height:130px; position:relative; display:block; text-align:center; vertical-align:middle;}
.Fotosets .box .imgBox{ position:static; +position:absolute; top:50%}
.Fotosets .box .imgBox img { position:static;  +position:relative; top:-50%;left:-50%;}
.Fotosets .Button2{   max-height:130px; max-width:150px; }




.ProductTitel{font-size:16px;}

.FotoLinkDiv{ position:relative; height:20px; padding-left:10px;}
.FotoLinkDiv a {   font-family: Arial, Verdana, Sans-Serif;
  font-size: 12px;  font-style: normal;  font-weight: bold;  text-decoration: none;    color: #546eb8;}
.FotoLinkDiv a:hover {  color:#ff8700;}

/* CloudTag */
.CloudTagHeader 			{font-size:16px; font-weight:bold; color:#1e3668;  width:184px; height:17px; line-height:17px; padding:8px;}
.CloudTagItems 				{width:171px; margin: 0px 0 0 0px; background-color:#f7f7f7; padding:4px; display:block; text-align:center;}
a.Size1 					{color:#666; font-size:10px; text-decoration:none; padding:3px; margin:1px; vertical-align:super;}
a.Size1:hover				{color:#de2821;}
a.Size2 					{color:#0066cc; font-size:12px; text-decoration:none; padding:3px; margin:1px; vertical-align:sub;}
a.Size2:hover				{color:#de2821;}
a.Size3 					{color:#999; font-size:14px; text-decoration:none; padding:3px; margin:1px;}
a.Size3:hover				{color:#de2821;}
a.Size4 					{color:#143468; font-size:14px; text-decoration:none; padding:3px; margin:1px;}
a.Size4:hover				{color:#de2821;}
a.Size5 					{color:#143468; font-size:18px; text-decoration:none; padding:3px; margin:1px;}
a.Size5:hover				{color:#de2821;}
a.Size6 					{color:#66ccff; font-size:21px; text-decoration:none; padding:3px; margin:1px;}
a.Size6:hover				{color:#de2821;}

.SiteMap{font-size:11px; font-weight:normal; color:#1e3668;  width:980px; padding:8px; text-align:left;}


.ProductTitle1{font-size:16px; font-weight:bold;}
.ProductTitle2{font-size:14px; font-weight:normal; font-style:italic; }
.ProductInfo1{font-size:14px; font-weight:normal; }
.ProductInfo1 h2{font-size:14px; font-weight:normal; }
.ProductInfo1 h3{font-size:14px; font-weight:normal; line-height:18px; }
.ProductImage{ max-width:200px; max-height:200px; border:none;}

.CelTitel { font-family: Arial, Verdana, Sans-Serif; font-size: 12px;  font-style: normal;  font-weight: bold; padding:2px 2px 2px 6px;}
.CelText { font-family: Arial, Verdana, Sans-Serif; font-size: 12px;  font-style: normal;  font-weight: normal; padding:2px 2px 2px 6px;} 

.ajax__combobox_itemlist{ position:relative !important; left:0px !important; top:0px !important; border:1px solid #6788be;}
.ajax__combobox_textboxcontainer input{border:1px solid #6788be;}
.ajax__combobox_inputcontainer {position:relative; top:0px !important;}
.ajax__combobox_textboxcontainer{}
.ajax__combobox_buttoncontainer{}
.ajax__combobox_buttoncontainer button{}
.ajax__combobox_itemlist li{}
.LandList{border:1px solid #6788be; width:252px;}        

.Productmenu{ line-height:18px;}
.ProductMenu a, .ProductMenu a:link, .ProductMenu a:visited
{  font-family: Arial, Verdana, Sans-Serif; font-size: 12px;
    text-align: left;
    text-decoration: none;
    color: #000000;
    line-height:14px;
    display:inline-block;
    border: 1px solid #eee;
    padding:3px;
    height:12px;
    overflow:hidden;
    margin:2px 0 2px 0;
}

.ProductMenu  a.Active, .ProductMenu a.Active:link, .ProductMenu a.Active:visited
{  font-family: Arial, Verdana, Sans-Serif; font-size: 12px;
    text-align: left;
    text-decoration: none;
    color: #000000;
    line-height:14px;
    background-color: #99CCFF;
}
.MenuDiv1{width:180px; padding: 0px 1px 0px 0px; }
.MenuDiv2{width:175px; padding: 0px 1px 0px 6px; }
.MenuDiv3{width:169px; padding: 0px 1px 0px 12px;  }
.MenuDiv4{width:163px; padding: 0px 1px 0px 18px;  }
.ProductMenu a.active{}
.ProductMenu a:hover{    border: 1px solid #3399FF;    color: #000000;    background-color: #99CCFF;}

.SearchResultDiv{position:absolute; z-index:80000; background-color:#fff; border:solid 1px silver; padding:5px; width:500px; right:0px;}

