@charset "utf-8";

html { 
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	}

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	
	background-color: #000000;
	height: 100%;
	width: 100%;

}
*html body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #000000;
	height: 100%;
	width: 100%;

}
*+html body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #000000;
	height: 100%;
	width: 100%;

}
#outermost {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;

	}

#wrapper {
	/*position: absolute;*/
	margin-left: 0px;
	width: 100%;
	text-align: center;
	min-width: 960px; 
	overflow: visible;	
	/*border: 1px solid #ff0000;*/
	/*min-height: 600px;*/

}

.logoWrapper {
	height: 384px;
	width: 138px;
	margin-right: -118px;
	z-index: 999;
}
.logoClevers {
	/*background-image: url(../images/logoClevers.png);*/
	height: 432px;
	width: 285px;
	position: relative;
	top: -49px;
	left: -53px;
	z-index: 999;
}

.contentLarge {
border: dashed 0px #ffffff; 
scrollbar-face-color:#ff6600; 
scrollbar-highlight-color:#350f06; 
scrollbar-3dlight-color:#ff6600; 
scrollbar-darkshadow-color:#ff6600; 
scrollbar-shadow-color:#350f06; 
scrollbar-arrow-color:#ffffff; 
scrollbar-track-color:#ff6600; 
FILTER: chroma(color=#ff6600); 
padding : 10px; 
margin: 0px 0px 0px 0px; 
right: 0px; 
top: 0px ; 
width : 690px; 
height : 543px; 
overflow : auto; 
}

*+html .contentLarge {
border: dashed 0px #ffffff; 
scrollbar-face-color:#ff6600; 
scrollbar-highlight-color:#350f06; 
scrollbar-3dlight-color:#ff6600; 
scrollbar-darkshadow-color:#ff6600; 
scrollbar-shadow-color:#350f06; 
scrollbar-arrow-color:#ffffff; 
scrollbar-track-color:#ff6600; 
FILTER: chroma(color=#ff6600); 
padding : 10px; 
margin: 0px 0px 0px 0px; 
right: 0px; 
top: 0px ; 
width : 690px; 
height : 543px; 
overflow : auto;
}

.CleversTV {
				 position: absolute;
				 /*background-image:  url(../img/patv.png);*/
				 width: 276px;
				 height: 191px;
				 top: 192px;
				 left: 138px;
				 z-index: 20;
				 /*behavior: url(iepngfix.htc);*/
				 }
.CleversMovie {
				 position: absolute;
				 width: 276px;
				 height: 191px;
				 top: 0px;
				 left: 0px;
				 z-index: -1;
				 
				 }
*html .CleversTV {
				 position: absolute;
				 /*background-image:  url(../img/patv.png);*/
				 width: 276px;
				 height: 191px;
				 top: 228px;
				 left: 139px;
				 z-index: 20;
				 margin: 0px;
				 padding: 0px;
				 behavior: url(iepngfix.htc);
				 
				 }
*html .CleversMovie {
				 position: absolute;
				 width: 276px;
				 height: 191px;
				 top: 0px;
				 left: 0px;
				
				 z-index: -1;
				 margin: 0px;
				 padding: 0px;
				 }
*+html .CleversTV {
				 position: absolute;
				 /*background-image:  url(../img/patv.png);*/
				 width: 276px;
				 height: 191px;
				 top: 193px;
				 left: 138px;
				 z-index: 20;
				 margin: 0px;
				 padding: 0px;
				 behavior: url(iepngfix.htc);
				 /*border: 1px solid #ff6600;*/
				 }
*+html .CleversMovie {
				 position: absolute;
				 width: 276px;
				 height: 191px;
				 top: 0px;

				 left: 0px;
				 /*border: 1px solid #ff6600;*/
				 z-index: -1;
				 margin: 0px;
				 padding: 0px;
				 }
.oneColFixCtr #container {
	width: 960px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 550px;
	position: relative;
	margin: -15px auto;
	min-height: 550px;
	border: 0px solid #350f06;
	background-position: 0px;
	
}
.oneColFixCtr #mainContent {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0;
}
.bestwebsolutions {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #CCCCCC;
}
a:active {
	color: #000000;
}



a:link {
	color: #000000;
}
.titel {
	font-size: 14px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}
.subtitel {
	font-size: 13px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
}
.tekst {
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}
#infoContentEinde {
				border-top: 2px solid #350f06;
				/*border-bottom: 1px dotted #350f06;*/
				width: 551px;
				padding: 0px;
				margin-top: 0px;
}
*+html #infoContentEinde {
				border-top: 2px solid #350f06;
				/*border-bottom: 1px dotted #350f06;*/
				width: 551px;
				padding: 0px;
				margin-top: 0px;
}


#inhoud, .tekst {
				color: #ffffff;
				font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 11pt;
				text-indent: 10px;
				text-align: justify;
				letter-spacing: 1px;
				padding: 15px;
}
#inhoud form {
				color: #ffffff;
				font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-indent: 10px;
				text-align: justify;
				letter-spacing: 1px;
				padding: 0px;
}
#inhoud  h1{
				font-size: 16pt;
				font-weight: bold;
				color: white;
				background-color: #350f06;
				border-bottom: 0px dashed #ffffff;
}
#inhoud  h2{
				font-size: 12pt;
				text-decoration: none;
				font-weight: normal;
				color: #ffffff;
				/*background-color: #350f06;*/
				border-bottom: 1px dotted #555555;
}
#inhoud a:link {
				color: #ffffff;
				font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
}
#inhoud a:hover{
				color: #ffffff;
				font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				/*text-decoration: underline;*/
				/*border-top: 1px solid #ffffff;*/
				border-bottom: 1px solid #ffffff;
				
}
#inhoud a:active{
				color: #ffffff;
				font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
}
#inhoud a:visited{
				color: #ffffff;
				font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
}
#submenu {
				color: #350f06;
				font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
				text-align: left;
				margin: 0 0 0 0;
				border-bottom: 1px solid #000000;
				}
#submenu a:link {
				color: #ffffff;
				font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
}
#submenu a:hover{
				color: #ffffff;
				font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: underline;
				border-bottom: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
				
}
#submenu a:active{
				color: #ffffff;
				font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
}
#submenu a:visited{
				color: #ffffff;
				font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
}
#sidemenu {
				TEXT-ALIGN:CENTER;
				}
#sidemenu a:link,
#sidemenu a:active,
#sidemenu a:visited
{
				border-bottom: 3px solid #350f06;
				
}
#sidemenu a:hover{
				padding-bottom: 0px;
				border-bottom: 3px solid #ff6600;
}
#sidemenuKader {
				margin-left: -15px;
				padding: 0px;
				border: 0px dashed #ffffff;
}
#sidemenuKaderShop {
				margin-left: 45px;
				border: 0px dashed #ffffff;
}
.produktLijst {
				width: 620px;
				border-bottom: 1px dotted #350f06;
				/*height: 30px;*/
				color: #ffffff;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
}
.produktLijstImg , .produktLijstImg  a:hover, .produktLijstImg  a:link, .produktLijstImg  a:visited, .produktLijstImg img , #unHover{
				
				border: 0px solid #000000;
				float: left;
}
.produktLijstOmschrijving {
				font-size: 11pt;
				/*text-decoration: underline;*/
				font-weight: bold;
				width: 250px;
				float: left;
				vertical-align: middle;
				background-color: #350f06;
				min-height: 20px;
				padding: 1px 5px 1px 5px;
}
.produktLijstBeschrijving {
				font-size: 9pt;
				text-align: justify;
				width: 350px;
				margin: 10px 0 20px 0;
				padding: 1px 5px 1px 5px;
}

.produktLijstPrijs {
				background-color: #350f06;
				width:100px;
				float: left;
				text-align: right;
				font-weight: bold;
				height: 20px;
				padding: 1px 5px 1px 5px;
}
.produktLijstHoeveelheid  {
				color: #cccccc;
				background-color: #000000;
				border: 1px solid #350f06;
				text-align: center;
				height: 20px;
				width: 100px;
				/*float: left;*/
}
.produktLijstHoeveelheid  input{
				color: #ffffff;
				background-color: #333333;
				border: 1px solid #350f06;
				text-align: right;
				float: left;
}
.produktLijstBestelknop input {



				color: #ffffff;
				background-color: #350f06;
				border: 1px solid #350f06;
				height: 20px;
				width: 102px;
				float: right;
}
.produktLijstBediening {
				height: 25px;
				width: 90px;
				float: right;
				
				
}
.winkelMand {
				text-align: right;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 8pt;
}
.BestelLijst {
				width: 620px;
				/*border-bottom: 1px dotted #350f06;*/
				/*height: 30px;*/
				color: #ffffff;
				font-family: Tahoma, Arial, Helvetica, sans-serif;


				font-size: 10pt;
				text-decoration: none;
}
.BestelLijstImg {
				
				
				float: left;
}
.BestelLijstOmschrijving {
				font-size: 11pt;
				color: #ffffff;
				/*text-decoration: underline;*/
				font-weight: bold;
				width: 270px;
				float: left;
				vertical-align: middle;
				/*background-color: #350f06;*/
				/*height: 20px;*/
				padding: 1px 5px 1px 5px;
}
.BestelLijstBeschrijving {
				font-size: 9pt;
				text-align: justify;
				width: 390px;
				margin: 10px 0 20px 0;
				padding: 1px 5px 1px 5px;
}

.BestelLijstPrijs {
				/*background-color: #350f06;*/
				color: #ffffff;
				width: 100px;
				float: left;
				text-align: right;
				font-weight: bold;
				/*height: 20px;*/
				padding: 1px 5px 1px 5px;
}
.BestelLijstHoeveelheid  {
				color: #cccccc;
				color: #ffffff;
				/*background-color: #000000;*/
				/*border: 1px solid #350f06;*/
				text-align: center;
				width: 10px;
				/*height: 20px;*/
				/*float: left;*/
}
.BestelLijstHoeveelheid  input{
				color: #ffffff;
				/*background-color: #333333;*/
				border: 1px solid #350f06;
				text-align: right;
				float: left;
}
.BestelLijstBestelknop input {
				color: #ffffff;
				background-color: #350f06;
				border: 1px solid #350f06;
				height: 20px;
				width: 70px;
				float: right;
				text-align: center;
}
.BestelLijstBediening {
				height: 25px;
				width: 90px;
				float: right;
				
				
}	
.totaalLijn {
				border-bottom: 1px solid #ffffff;
				height: 3px;
				width: 100%;
}
.bestelAlKlantKader {
				border: 1px solid #350f06;
				width: 280px;
				color: #ffffff;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 8pt;
				height: 170px;
				padding: 5px;
}
.bestelAlKlantKader input, .bestelAlKlant option {
				width: 150px;
				color: #333333;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 8pt;
				background-color: #ffffff;
				border: 1px solid #350f06;
}
.bestelGeenKlantKader {
				border: 1px solid #350f06;
				width: 280px;
				color: #ffffff;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 8pt;
				text-align: left;
				height: 170px;
				padding: 5px;
				
				
}
.bestelGeenKlantKader input, .bestelAlKlant option {
				border: 1px solid #350f06;
				width: 150px;
				color: #333333;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 8pt;
			
				background-color: #ffffff;
				border: 1px solid #350f06;
}
.bestelGegevens {
				width: 650px;
}
.RegistratieKader input {
				border: 1px solid #350f06;
				width: 250px;
				color: #333333;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 8pt;
			
				background-color: #ffffff;
				border: 1px solid #350f06;
}
.ecards {
				scrollbar-face-color:#ffffff; 
				scrollbar-highlight-color:#ffffff; 
				scrollbar-3dlight-color:#eeeeee; 
				scrollbar-darkshadow-color:#dddddd; 
				scrollbar-shadow-color:#ffffff; 
				scrollbar-arrow-color:#FF8040; 
				scrollbar-track-color:#eeeeee; 
				
}	
/* In-screen image popup "lightbox" */
#lightbox {
	background-color:#000;
	padding: 5px;
	border: 1px solid #350f06;
	
}
#lightboxDetails {
	padding-top: 0.4em;
}
#lightboxCaption {
	font-size: 12pt;
	font-weight: normal;
	/*line-height: 20px;*/
	color: #fff;
	margin-bottom: 6px;
	/*padding: 10px;*/
}
#lightbox img {
	clear: both;
	border: 0px solid #000;
}
#overlay {
	position: absolute;
		      top: 0px;
		      left: 0px;
		      visibility: visible;
		      display: block;
		      width: 100%;
		      height: 100%;
		      background-color: #350f06;
		      z-index: 999;
		      filter:alpha(opacity=85);
		      -moz-opacity:0.85;
		      /*padding-top: 20%;*/
}
#lightboxPurchase {
	
	/*margin: auto 0px;*/
	/*width: 435px;*/
}



/* Logo hover */
#trailimageid {
	position: absolute;
	visibility: hidden;
	padding: 4px;
	background-color: #000;
	border: 1px solid #350f06;
	z-index: 999;
}

#paymentimgline {
	text-align: center;
}
#paymentimgline img {
	display: inline;
}
#iteminfo {
	margin: 0px auto;
}