/*-1-mainclasses
-2-maintables
-3-paginatekst
-4-menubox
-5-kolom bericht
-6-smal bericht (bericht op pagina verdeeld in 2)
-7-breed bericht (bericht over de ganse breedte van de pagina)
-8-links menu
-9-lees meer
-10-links algemeen
-11-directory structuur
-12-Iframe*/


/*-1-mainclasses
--------------------------------------------------------------*/
BODY{
	FONT-SIZE:12px;
	font-family:Verdana,Helvetica,sans-serif;
	color:#1b415c;
	padding:2px;
	margin:0px;
	background-image:url("media/backTop.jpg");
	background-repeat:repeat-x;
}

TABLE,TD,TR{
	FONT-SIZE:12px;
	
}

A{
	FONT-SIZE:12px;
	color:#1b415c;
	font-weight:bold;
	text-decoration:underline;
}
A:hover{
	FONT-SIZE:12px;
	color:#8099a7;
	font-weight:bold;
}
INPUT{
	font-size:12px;
	background-color:#e0e8eb;
	border:solid 1px #e0e8eb;
	border-left:solid 1px #a0b1ee;
	border-right:solid 1px #a0b1ee;	
}
select{
	font-size:12px;
	background-color:#e0e8eb;
	border:solid 1px #e0e8eb;
	border-left:solid 1px #a0b1ee;
	border-right:solid 1px #a0b1ee;
}
.deaInput{
	border:solid 0px #ffffff;
}
.ssDea{
	width:314px;
	height:77px;
	background-image:url(media/dealerBack.jpg);
	background-repeat:no-repeat;
}
.deaSearchBox{
	clear:both;
	width:314px;
	height:77px;
	background-image:url(media/dealerBack.jpg);
	background-repeat:no-repeat;
}
.deaTable{
	margin-top:9px;
}
.found{
	color:#8099a7;
	font-weight:bold;
}
td.deaTD{
	border:dotted 1px #b5c2f3;
	width:300px;
}
.deaDiv{
	padding:10px;
}
.deaMeer{
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
}
.deaKies{
	font-size:12px;
	background-color:#e9057e;
	padding:5px;
	font-weight:bold;
	color:#ffffff;
}
.catGeg{
	background-color:#eaecf9;
	padding:15px;
	width:550px;
}
.msg{
	font-size:14px;
	font-weight:bold;
	padding-left:15px
}
.bleu{
	color:#5773DB;
	font-weight:bold;
	font-size:14px;
}

TEXTAREA{
	font-size:12px;
	background-color:#e0e8eb;
	border:solid 1px #e0e8eb;
	border-left:solid 1px #a0b1ee;
	border-right:solid 1px #a0b1ee;
}
.button{
	font-size:12px;
	background-color:#8099a7;
	padding:3px;
	font-weight:bold;
	color:#ffffff;
}
.requierd{
	color:#8099a7;
	font-size:10px;
}

STRONG{
}

SELECT{
	font-size:10px;
}
form{
	margin:0px;
	padding:0px;
}
.ss{
	padding-top:2px;
}

.bestelling{
	height:77px;
	background-image:url(media/bestelling.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	cursor:pointer;
}
.bes1{
	font-size:20px;
	font-weight:bold;
	color:#11175e;
}
.bes2{
	font-size:20px;
	font-weight:bold;
	color:#11175e;
}
.bestelAdd{
	border:solid 3px #8099a7;
	padding:10px;
}
besLijn{
	margin-left:25px;
	border-top:solid 1px #a393f7;
	padding-top:5px;
	margin-top:5px;
}
.totaalprijs{
	padding:10px;
	border:solid 1px #cccccc;
	background-color:#eca0cf;
	color:#000000;
	width:500px;
	font-weight:bold;
	font-size:15px;
}
.besLijn{
	margin-left:25px;
	border-top:solid 1px #a393f7;
	padding-top:5px;
	margin-top:5px;
}
.deletLink{
	color:#000;
	padding:5px;
}
.catalogus{
	margin-top:8px;
	height:226px;
	background-image:url(media/catalogus.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	cursor:pointer;
}
.ultron{
	margin-top:8px;
	height:99px;
	background-image:url(media/ultron.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:13px;
	padding-left:15px;
	padding-right:15px;
	padding-top:7px;
	cursor:pointer;
}
.top{
	font-size:12px;
	background-image:url(media/topBack.jpg);
}

td.introBack{
	background-image:url(media/Image2_2x1.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-left:10px;
}
select.countryChoice{
	width:175px;
}

/*-2-maintables
--------------------------------------------------------------*/
.header{
	clear:both;
	text-align:center;
	background-color:#fff;
	margin-bottom:8px;
}
.margins{
	width:896px;
}
.marginR{
	width:250px;
	text-align:right;
}
.margins2{
	padding-top:2px;
	padding-left:15px;
}

.middenvak{
	width:700px;
}
.pageBody{
	clear:both;
	background-color:#ffffff;
	padding:5px;
}
.leden{
	background-color:#8cbf40;
	color:#ffffff;
}
.tip{
	background-color:#68962f;
}
.frame{
	position:relative;
	width:896px;
	margin-left:auto;
	margin-right:auto;
}

.footer{
	clear:both;

}
.topLinks{
	text-align:right;
	padding-right:20px;
}
.logo{
}
.mainTabless{
	position:relative;
	float:left;
	background-image:url(media/productwijzer2.jpg);
	width:637px;
	height:87px;
	color:#ffffff;
	z-index:100;
}
SELECT{
	border:solid 0px #000000;
}
.lists{
	float:left;
	padding-top:5px;
	padding-left:25px;
}
.search{
	float:right;
	padding-right:15px;
	padding-top:50px;
	padding-right:15px;
	padding-top:41px;
}
.gevonden{
	color:#f26d20;
	font-weight:bold;
}
.searchVeld{
	position:relative;
	background:url(media/searchBack.jpg);
	background-repeat:no-repeat;
	width:160px;
	height:23px;
}
.searchInput{
	background-color:#fff;
	color:#1b415c;
	width:129px;
	border:solid 0px #fff;
	margin-left:2px;
}
A.searchGr{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
A.searchGr:hover{
	color:#8099a7;
	background-color:#eeeeee;
}
A.searchFam{
	font-size:13px;
	color:#1b415c;
	padding-left:15px;
	text-decoration:none;
	display:block;
}
A.searchFam:hover{
	color:#8099a7;
	background-color:#eeeeee;
}
A.searchPro{
	padding-top:5px;
	padding-bottom:5px;
	border-top:solid 1px #cccccc;
	font-weight:normal;
	padding-left:35px;
	text-decoration:none;
	display:block;
}
A.searchPro:hover{
	color:#8099a7;
	background-color:#eeeeee;
}
.pink{
	color:#8099a7;
	font-weight:bold;
	font-size:14px;
}
.pink2{
	color:#8099a7;
	font-weight:bold;
	font-size:12px;
}


/*-3-pagina 
--------------------------------------------------------------*/
.pagetitle{
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	font-size:12px;
	float:left;
}
.highlitedtext{
	padding:5px;
}

.pagetext{
	padding:5px;
}


/*-4-menubox
--------------------------------------------------------------*/
.menuBox{
}
.menuboxtitle{
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
}

.menuboxbottom{
}
.newsboxtitle{
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
}
.newsboxbody{
	background-image:url(media/newsBoxBack.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
}
.newsboxbody2{
	border-left:solid 1px #e0e8eb;
	border-right:solid 1px #e0e8eb;
	background-image:url(media/onlineShop.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:270px;
	padding-left:15px;
}
.newsboxbottom{
	margin-bottom:8px;
}
.newsTitel{
	font-weight:bold;
	padding-bottom:8px;
}
.newsThumb{
	padding-bottom:7px;
}
.newsLink{
	text-align:right;
	padding-top:8px;
}
.bestelbox{
	border:solid 1px #e44099;
	padding:10px;
}


/*-5-kolom bericht
--------------------------------------------------------------*/
.kolomBox{
	
}
.kolomboxtitle{
	color:#ffffff;
	font-weight:bold;
	padding:3px;
	padding-left:5px;
	background-color:#000000;
	font-size:12px;
	padding:0px;
}
.kolomboxbody{
	background-color:#ffffff;
	
	
	padding:0px;
}
.kolomboxbottom{
	padding-bottom:2px;
}
.kolomleesmeerbox{
	text-align:right;
	background-color:#ffffff;
	
	
	text-align:right;
	padding:4px;
	padding-right:5px;
}
A.kolomleesmeer{
	color:#1b415c;
	text-decoration:none;
}
A.kolomleesmeer:hover{
}



/*-6-smal bericht (bericht op pagina verdeeld in 2)
--------------------------------------------------------------*/
.smallboxtitle{
	color:#ffffff;
	font-weight:bold;
	padding:3px;
	padding-left:5px;
	background-color:#cc6330;
	font-size:12px;
}
.smallboxbody{
	background-color:#ffffff;
	
	
	padding-left:3px;
	padding-right:3px;
}
.smallleesmeerbox{
	text-align:right;
	text-align:right;
	padding:4px;
	padding-right:5px;
}
A.smallleesmeer{
	color:#000000;
	text-decoration:none;
}
A.smallleesmeer:hover{
	color:#8099a7;
}


/*-7-breed bericht (bericht over de ganse breedte van de pagina)
--------------------------------------------------------------*/
.largeBox{
	
}
.largeboxtitle{
	color:#ffffff;
	font-weight:bold;
	padding:3px;
	padding-left:5px;
	background-color:#cc6330;
	font-size:12px;
}
.largeboxbody{
	background-color:#ffffff;
	
	
	padding-left:5px;
	
}
.largeleesmeerbox{
	text-align:right;
	text-align:right;
	padding:4px;
	padding-right:5px;
}
A.largeleesmeer{
	color:#000000;
	text-decoration:none;
}
A.largeleesmeer:hover{
}

/*-8-link (accolades op einde van streep laten staan)
--------------------------------------------------------------*/
A.menu{
	float:left;
	padding-top:7px;
	color:#1b415c;
	line-height:15px;
	width:116px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	background-image:url(media/menuBack.jpg);
	height:39px;
	background-repeat:no-repeat;
	margin-right:3px;
}
A.menu:hover{
	color:#ffffff;
	background-image:url(media/menuBackHover.jpg);
}

A.acti{
	padding-top:7px;
	color:#fff;
	float:left;
	width:116px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	background-image:url(media/menuBackHover.jpg);
	height:39px;
	background-repeat:no-repeat;
	margin-right:3px;
}

A.acti:hover{
	color:#ffffff;
}

A.submenu{
	color:#1b415c;
	display:block;
	text-decoration:none;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
}
A.submenu:hover{
	color:#8099a7;
}

A.subacti{
	color:#557425;
	
	display:block;
	width:170px;
	text-decoration:none;
	padding-left:30px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
}
A.subacti:hover{
	
}
A.tMenu{
	text-decoration:none;
	font-weight:normal;
}
A.accLog{
	color:#1b415c;
	display:block;
	width:150px;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
}
A.accLog:hover{
	color:#8099a7;	
}

/*-9-lees meer
--------------------------------------------------------------*/

.leesMeer{
	text-align:right;
	background-color:#ffffff;
	
	
	text-align:right;
	padding:4px;
	padding-right:5px;
}
A.leesMeerLink{
	color:#000000;
	text-decoration:none;
}
A.leesMeerLink:hover{
}




/*-10-links algemeen
--------------------------------------------------------------*/
A.newsgroup{
}
A.newsgroup:hover{
}
A.gateway{
	FONT-WEIGHT:bold;
	COLOR:#1b415c;
	TEXT-DECORATION:none
}
A.gateway:hover{
	FONT-WEIGHT:bold;
	COLOR:#222222;
	TEXT-DECORATION:none
}

A.talen{
	color:#1b415c;
	font-size:12px;
	text-decoration:none;
}
A.talen:hover{
	color:#873617;
	font-size:12px;
	text-decoration:none;
}

A.toolbar{
	FONT-WEIGHT:bold;
	padding-bottom:0px;
	COLOR:#000000;
	TEXT-DECORATION:none;
	display:block;
	width:95px;
	padding-top:5px;
	background-repeat:no-repeat;
	height:12px;
}
A.toolbar:hover{
}

.toolbarlastelement{
}
.toolbarfirstelement{
}
A.link{
}
A.link:Hover{
}


/*-11-directory structuur
--------------------------------------------------------------*/
A.cat{
	font-size:18px;
	font-weight:bold;
}
A.subcat{
	}
A.trail{
}
A.home{
}


/*-12-Iframe
--------------------------------------------------------------*/

iframe.external{width:100%;height:600px;}
.padDiv{
	padding-right:10px;
}
.padOn{
	background-color:#fbc7c7;
}


/*products
--------------------------------------------------------------*/
.prodList{
	clear:both;
	border-top:dotted 1px #fa45ee;
	margin-top:16px;
}
TD.rowHeader{
	background-color:#666666;
	color:#1b415c;
	padding:3px;
	border:solid 1px #ffffff;
	
}
.refdel{
	background-color:#ff0000;
}
.lightrow{background-color:#aaaaaa;}
.darkrow{background-color:#cccccc;}
.rowHeader{background-color:#333333;color:#1b415c;font-weight:bold;}





/*productwijzer
****************/
.groepWijzer{
	height:200px;
	overflow:auto;
	width:390px;
}
.famWijzer{
	height:200px;
	overflow:auto;
	width:390px;
}
.prodSearch{
	font-size:12px;
	font-weight:bold;
	padding-bottom:3px;
	color:#000000;
}
.cmbGroepen{
	margin-top:6px;
	width:400px;
	height:20px;
	padding-top:4px;
	padding-left:5px;
	background-image:url(media/cmbBack.jpg);
	background-repeat:no-repeat;
	color:#1b415c;
}
.cmb1{
	position:absolute;
	display:none;
	color:#000000;
	background-color:#ffffff;
	padding:10px;
	border:solid 1px #000000;
	width:380px;
	height:200px;
	overflow:auto;
}
.cmbFamilies{
	margin-top:4px;
	width:400px;
	height:20px;
	padding-top:3px;
	padding-left:5px;
	background-image:url(media/cmbBack.jpg);
	background-repeat:no-repeat;
	color:#1b415c;
}
a.groepLink{
	text-decoration:none;
	border-bottom:dotted 1px #cccccc;
	display:block;
	padding:2px;
	
}
a.groepLink:hover{
	text-decoration:none;
	border-bottom:dotted 1px #cccccc;
	display:block;
	background-color:#eeeeee;
}
.besChange{
	font-size:14px;
	font-weight:bold;
	background-color:#e4047e;
	color:#ffffff;
	padding:5px;
}

.error{
	clear:both;
	background-color:#ff0000;
	padding:5px;color:#ffffff;
	font-weight:bold;
}



/*groepspagina
***************/
div.groeppagina{
	padding-left:30px;
	padding-right:30px;
}
div.groepLink2{
	text-decoration:none;
	padding:4px;
	padding-left:10px;
	display:block;
}
a.groepLink2{
	text-decoration:none;
	padding-left:10px;
}
a.groepLink2:hover{
	text-decoration:none;
}


/*catalogus pagina
***************/
.catalogImg{
	text-align:center;
	font-weight:bold;
}
/*radiobtns op cataloguspagina*/
input.inCat{
	background-color:#ffffff;
}


.prod{
	float:left;
	width:637px;
	clear:both;
	position:relative;
	background-image:url("media/prodBack.jpg");
	background-position:right top;
	background-repeat:no-repeat;
	margin-top:8px;
}
.prodPic{
	clear:both;
	float:left;
	width:355px;
	text-align:center;
}

.thumbb{
	width:150px;
	height:100px;
	vertical-align:middle;
	text-align:center;
	background-color:#ffffff;
	float:left;
	border-right:solid 1px #ffffff;
}
.prodTitel{
	font-size:16px;
	font-weight:bold;
}
.prodThumb{
	float:left;
	width:158px;
	padding:2px;
}
.prodtekst{
	width:400px;
	padding-top:10px;
	float:left;
}
.prodtekst2{
	width:250px;
	padding-top:10px;
	float:left;
}
.leesmeerProd{
	position:absolute;
	right:17px;
	bottom:10px;
 }
.proddel{
	background-color:#ff0000;
	color:#1b415c;
	border:1px solid #000000;
}
.prodUitleg{
	background-color:#aaaaaa;
	color:#1b415c;
	border:1px solid #000000;
}
.infoLink{
	padding-left:10px;
	float:left;
	width:200px;
	padding-bottom:5px;
}

/* dropDown
-------------------------------------------------------------*/

#sddm
{	
	position:relative;
	clear:left;
	padding:0px;
	margin:0px;
	width:400px;
	color:#1b415c;
	
	}

#sddm li
{	margin-top:6px;
	padding-top:4px;
	padding-left:5px;
	height:20px;
	width:400px;
	list-style: none;
	float: left;
	background-image:url(media/cmbBack.jpg);
	background-repeat:no-repeat;
	font: bold 11px arial}

#sddm li a
{	display: block;
	width: 380px;
	color: #1b415c;
	text-decoration: none;
	padding-bottom:4px;
}

#sddm li a:hover
{	
	}

#sddm div
{	position: absolute;
	visibility: hidden;
	border: 1px solid #5970B2;
	background-color:#ffffff;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 2px 10px;
		width: 350px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ffffff;
		color: #1b415c;
		font: 11px arial}

	#sddm div a:hover
	{	background: #eeeeee;
		color: #e6057f}



		
		
		
		
/*-13 datepicker
--------------------------------------------------------------*/

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.omsFun{
	background-color:#ffffff;
	padding:10px;
}