body { text-align: center; margin: 0px; font-family: Helvetica, Arial; font-size: 12px; color: #666666; background: url('images/gradientzakelijk.gif') top repeat-x #303030; }
h1 { font-weight: lighter; color: #8e004d; font-size: 24px; line-height: 24px; margin: 30px 0 20px 0px; }
h1#home { margin: 0px; padding: 0px; }
h2 { font-size: 14px; color: #97be0d; }
h3 { font-size: 13px; color: #666666; }
img { border: none; }
#tabs { 
	width: 890px;
	height: 27px; 
	margin: 0 auto 0 auto;
	text-align: left;
	padding-top: 13px; 
	position: relative; }

#login { position: absolute; right: 0px; top: 6px; }

#myyftab { position: absolute; right: 0px; top: 31px; border: none; }
#thuiswinkel { position: absolute; right: 15px; top: 33px; border: none; }
p { width: 550px; line-height:145%; }
ul { width: 550px; line-height:145%; }
p.temphome { width: 800px; line-height:145%; text-align: center; }
	a { color: #97be0d; font-weight: bold; }
	a:hover { color: #97be0d; text-decoration: underline; font-weight: bold; }

#container { margin: 0 auto 0 auto; padding: 0 0 0 20px; width: 870px; position: relative; top: 0px; background-color: #fff; min-height: 850px; height: auto !important; height: 850px; text-align: left; } 
#header { height: 160px; width: 880px; }
	#header #logo { width: 287px; height: 97px; border: none; position: absolute; top: 27px; left: 19px; }
	#header #logoline { width: 543px; height: 26px; border: none; position: absolute; top: 75px; left: 278px; }
	#header #logoline2 { width: 543px; height: 26px; border: none; position: absolute; top: 25px; left: 253px; }

#visual { width: 580px; height: 402px; position: absolute; left: 20px; top: 139px; }
#rechts { width: 250px; height: 520px; position: absolute; right: 20px; top: 139px; }
	#rechts img { border: none; }
	#rechts #bestelzakelijk { width: 250px; height: 57px; position: absolute; right: 0px; top: 0px; border: none; }
	#rechts #bestedeal { width: 250px; height: 336px; position: absolute; right: 0px; top: 67px; border: none; }
	#rechts #besteltel { position: absolute; left: 0px; top: 67px; }
	#rechts #hoewerktyfzakelijk { width: 250px; height: 57px; position: absolute; right: 0px; top: 413px; border: none; }
	#rechts #alletarieven { background: url('images/alletarieven.gif') no-repeat; width: 250px; height: 32px; margin: 10px 0 0 0; padding-top: 40px; text-align: center; position: absolute; right: 0px; top: 470px;}
	#rechts #belmij { width: 250px; height: 45px; margin: 10px 0 0 0; position: absolute; right: 0px; top: 550px;}
	#rechts #belmij2 { width: 250px; height: 45px; margin: 10px 0 0 0; position: absolute; right: 0px; top: 550px;}
	#rechts #alletarieven select { width: 190px; font-size: 12px; color: #666666; }
	#rechts #alletarieven .roze { color: #8e004d; }

	#content #voordeelcalculator { width: 286px; height: 195px; position: absolute; left: 20px; top: 550px; }
	#content #contact { background: url('images/visualblokbg.gif'); width: 287px; height: 195px; position: absolute; top: 550px; text-align: left; left: 314px; } 
	
		
#content { text-align: left; padding-top: 20px; }
#uwbestelling { color: #a7a7a7; width: 250px; min-height: 400px; height: auto !important; height: 400px; position: absolute; right: 20px; top: 214px;
	background: url('images/uwbestellingfooter2.jpg') repeat-y; padding-top: 78px; }
	#uwbestelling #ubheader { position: absolute; top: 0px; left: 0px; }
	#uwbestelling #veilig { position: absolute; bottom: 20px; left: 35px; }
	#uwbestelling #ubfooter { position: absolute; bottom: 0px; left: 0px; z-index: -1; }
	
	input.groot, input.grootrood { width: 250px; border: 1px solid #dcdcdc; }
	input.med1, input.med1rood { width: 180px; border: 1px solid #dcdcdc; }
	input.klein, input.kleinrood { width: 64px; border: 1px solid #dcdcdc; margin-right: 7px; }
	.knop { width: 134px; height: 50px; background: url('../../images/button_volgende.gif'); border: none; }
	
	input.grootrood { border: 1px solid #CC0000; }
	input.med1rood { border: 1px solid #CC0000; }
	input.kleinrood { border: 1px solid #CC0000; }
	td.rood { color: #CC0000; }

	#bestellen select, #bestellen select .rood, #bestellen select.rood { font-family: Arial; font-size: 12px; color: #666666; }
	#bestellen select .rood { border: 1px solid #CC0000; color: #CC0000; }
	.questionMark {
		position:relative;
		height:24px; /*dimensions of our image*/
		width:24px;
		background:url('../../images/vraagteken.gif') top left no-repeat;
	}
	.toolTip {
		position:absolute;
		left:26px; /*Moves it to the right beside the question mark*/
		top:0;
		display:none;
		/*The attributes below make it look pretty*/
		width:160px;
		padding:5px;
		border:1px solid #97be0d;
		background-color:#ffffff;
		font:10px/12px Arial;
	}
ol { font-size: 16px; font-weight: bold; color: #666666; }
ol li {  vertical-align: top; margin-bottom: 12px;  }
ol li div { font-size: 12px; line-height:145%; color: #666666; width: 500px; font-weight: normal; font-style: normal; }
#uwbestelling ol li div { font-size: 14px; line-height:145%; color: #a7a7a7; width: 200px; font-weight: bold; font-style: normal; }
#uwbestelling ol li.curr div { font-size: 14px; line-height:145%; color: #97be0d; width: 200px; font-weight: bold; font-style: normal; }
ul li.curr { color: #97be0d; }

#hoewerktul { margin-left: 0px; }
#hoewerktul li { margin-left: 30px; }

#usps, #usps2 { background: url('images/usps.jpg') no-repeat; width: 250px; height: 451px; padding: 270px 15px 0 0; position: absolute; top: 68px; }
#usps2 { background: url('images/usps2.jpg') no-repeat; }
#usps2 ul, #usps ul { margin: 0px 0 0 10px; color: #ffffff; padding: 0px 0 0 0px;}
#usps2 ul li, #usps ul li { margin-top: 3px; padding: 0 0 0 25px; font-weight: bold; list-style: none; background: url('images/bullet.gif') no-repeat left top; }

		/* Menubalk */
		
		#menu { 
			position: absolute; 
			top: 150px; 
			left: 20px; 
			margin: 0px;
			padding: 0px;
			height: 35px;
			width: 588px;
			background: url('images/menubarkids.jpg') no-repeat left top #ffffff;  }
			 
		#menu li { 
			display: inline; 
			list-style: none; 
			font-size: 11px; 
			text-transform: uppercase; 
			font-weight: normal;
			margin: 0;
			padding: 0;
			height: 35px; }
			
		#menu li a { background: url('../images/menusep.gif') right no-repeat; line-height: 35px; width: auto; text-transform: uppercase; text-decoration: none; color: #ffffff; margin: 0 0 0 0; padding: 11px 18px 9px 12px; font-weight: bold; }
		#menu li a:hover, #menu li a.activemenu, #menu li a.activemenulast { color: #8e004d; }
		#menu li a.activemenulast, #menu li a.menulast { background: none; }
		
		#menu li img { border: none; height: 11px; }
		

/* Rekening Calculator */

#calculator { font-size: 12px; font-family:Arial; padding-left: 10px; }
#calculator select, #calculator input { color: #666666; }
#calculator td { height: 30px; }
#calculator input { width: 30px; }
#calculator .een { width: 180px; }
#calculator .twee { width: 40px; }
#calculator .bereken { width: 120px; }
p.rekcalres { font-size: 14px; font-weight: bold; }

#calculator th { width: 150px; }

/* Visualblokken onderin */

#contact h3 { width: 150px; font-size: 14px; font-weight: bold; margin: 0 0 0 130px; padding: 15px 0 5px 0; color: #97be0d; }
#contact p { width: 150px; font-size: 12px; font-weight: bold;  margin: 5px 0 0 130px; padding: 0px; line-height: 13px; }
#rechterkolomvisual h3 { width: 110px; }
#rechterkolomvisual p { width: 110px; }
#contact img, #rechterkolomvisual img { position: absolute; left: 9px; top: 7px; }

/* Voordeelcalculator */

#voordeelcalculator { background: url('images/voordeelcalculator.jpg') no-repeat; width: 245px; height: 104px; text-align: left; padding: 80px 0 0 17px; }
#voordeelcalculator { color: #fff; font-weight: bold; }
	#voordeelcalculator strong { font-size: 22px; font-family: Arial; margin-left: 28px; }
	#voordeelcalculator p { margin: 0 0 0 11px; padding: 0px; }
	#voordeelcalculator input { width: 52px; height: 15px; padding-top: 4px; }	
	#voordeelcalculator .arrow2 { width: 20px; height: 20px; position: absolute; right: 115px; top: 144px;  }	
	#voordeelcalculator label { display: block; margin: 12px 0 0 0; padding: 0px; }	
	#voordeelcalculator a { text-decoration: none; }

/* Tarievenpagina */

	.tariefoverzicht { width: 480px; text-align: left; }
	.tariefoverzicht td { width: 240px; }
	.toelichting { font-style: italic; font-size: 10px; }
	.landenpagstable { margin-left: 12px; }
	.landenpagstable th { width: 370px; padding: 0 0 2px 15px; background: url('../images/plus.gif') no-repeat left top; font-weight: normal; }

.landenbol { position: absolute; right: 310px; top: 280px; }

/* Herinnerservice */

#herinnerservice { width: 390px; height: 500px;  }
#herinnerservice label, #herinnerservice input, #herinnerservice select { 
   float: left;
   width: 150px;
   display: block;
   margin-bottom: 10px; 
   font-family: Helvetica, Arial; font-size: 12px; color: #666666;}
#herinnerservice label {
   width: 140px;
   text-align: left;
   padding: 0 20px 0 20px; }

#herinnerservice #subm { margin: 10px 0 0 180px; width: 180px; color: #000; }
#herinnerservice textarea { width: 180px; height: 100px; font-family: Helvetica, Arial; font-size: 12px; color: #666666;  }
   
#herinnerservice select { width: auto; clear: right; }
#herinnerservice #maand { width: 117px; margin: 0 10px 0 10px;}