/* De StyleSheet voor jeroens.nl aquarium site 
** Laatste aanpassing; 28-02-2010
*/

BODY {
	BACKGROUND-COLOR: #666666;
	FONT-FAMILY:15px Trebuchet MS;
	MARGIN:0px;
}

a { /* remove unwanted focus outlines from links */
	noFocusLine: expression(this.onFocus=this.blur())
	outline: none;
}
*:focus { 
	outline: none; 
}


A {
	TEXT-DECORATION: none;
	FONT-FAMILY: 'Trebuchet MS';
	COLOR: blue;
}
A:hover {
	COLOR: #1990c8
}


P {
	FONT-FAMILY: 'Trebuchet MS';
	COLOR: #20507b;
	FONT-SIZE: 14px;
}

H2 {
	MARGIN: 10px 0px;
	FONT-FAMILY: 'Trebuchet MS';
	COLOR: #20507b;
	FONT-SIZE: 19px;
}

H3 {
	FONT-FAMILY: 'Trebuchet MS';
	MARGIN: 5px 0px;
	COLOR: #5c7b9b; 
	FONT-SIZE: 17px
}

#test1 {
	MARGIN-bottom:0px;
	border-collapse:collapse; 
	FONT:11px "Trebuchet MS";
}
#test1 td{
	border: 1px solid darkred; 
}

table.regtable {
	BORDER: 			DarkRed 1px solid; 
	PADDING-TOP: 		10px; 
	PADDING-RIGHT: 		10px; 
	PADDING-BOTTOM: 	10px; 
	PADDING-LEFT: 		10px; 
	FONT-SIZE: 			0.9em; 
	color:				#fff;
	FONT-FAMILY: 'Trebuchet MS'; 
	FONT-SIZE: 13px

}


table.datatable {
	BORDER: 			DarkRed 1px solid; 
	PADDING-TOP: 		10px; 
	PADDING-RIGHT: 		10px; 
	PADDING-BOTTOM: 	10px; 
	PADDING-LEFT: 		10px; 
	FONT-SIZE: 			0.9em; 
	color:				#fff;
}

tr.datatable td, td.datatable {
	font-weight: 		bold;
	color:red;
}

tr.lijst1 td {
	border-bottom: 			1px solid #e4b3ff;
	border-top: 			1px solid #e4b3ff;
	text-align:				left;
}

tr.lijst1 td, td.lijst1 {
	text-align:				left;
}

tr.lijst2 td, td.lijst2 {
	border-bottom: 			1px solid #f00;
	border-top: 			1px solid #f00;
	background-color: 		#101070;
	border-right: 			1px solid #f00;
	
}

tr.lijst4 td, td.lijst4 {
	border-bottom: 			1px solid #e4b3ff;
	border-top: 			1px solid #e4b3ff;
	background-color: 		#f8c300;
	text-align:				left;
}

tr.lijst3 td, td.lijst3 {
	border-bottom: 			1px solid #e4b3ff;
	border-top: 			1px solid #e4b3ff;
	border-right: 			1px solid #f00;
	padding-left:			7px;
	text-align:				left;
	background-color: 		#A1A1E9;
	color:black;
}

tr.lijstO td, td.lijstO {
	background-color: 		#00ddaa;
}


.newcinput {
	color:white;
	width:490;
	background-image:url(../images/bg-blauw.png);
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-top:0px solid #000;
	font-size:8pt;
	color:#000;
}
.newcinputpostcode {
	color:white;
	width:55px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-top:0px solid #000;
	font-size:8pt;
	background-image:url(../images/bg-blauw.png);
	color:#000;
}

DIV.product {
	border:1px solod blue;
	float:right;
}


.pootje1 {
	background-color: #000;
	color:white;
	border:1px solid maroon;
}


DIV.product .pootje1 {
	background-color: #000;
	color:white;
	border:0px solid maroon;
}

DIV.product A.wwbestelknopje {
	width: 54px;
	display: block;
	background: url(../images/wwagentje.png) no-repeat 0px 0px;
	float: right;
	height: 24px; 
	}
	
DIV.product A.wwbestelknopje:hover {
	background-position: 0px -24px;
	}

A.volgendeknopje {
	width: 54px;
	display: block;
	background: url(../images/knopje-volgende.png) no-repeat 0px 0px;
	float: right;
	margin-right:5px;
	height: 24px; 
	}
	
A.volgendeknopje:hover {
	background-position: 0px -24px;
	}

A.opslaanknopje {
	width: 54px;
	display: block;
	background: url(../images/knopje-opslaan.png) no-repeat 0px 0px;
	float: right;
	margin-right:5px;
	height: 24px; 
	}
	
A.opslaanknopje:hover {
	background-position: 0px -24px;
	}

A.stopknopje {
	width: 54px;
	display: block;
	background: url(../images/knopje-stop.png) no-repeat 0px 0px;
	float: right;
	height: 24px;
	margin-right:5px;
	}
	
A.stopknopje:hover {
	background-position: 0px -24px;
	}

A.annuleerknopje {
	width: 54px;
	display: block;
	background: url(../images/knopje-annuleer.png) no-repeat 0px 0px;
	float: right;
	margin-right:5px;
	height: 24px; 
	}
	
A.annuleerknopje:hover {
	background-position: 0px -24px;
	}

A.vorigeknopje {
	width: 54px;
	display: block;
	background: url(../images/knopje-vorige.png) no-repeat 0px 0px;
	float: right;
	margin-right:5px;
	height: 24px; 
	}
	
A.vorigeknopje:hover {
	background-position: 0px -24px;
	}

	
.pageNav {
	font: bold 13px "Trebuchet MS";
	color:white;
}
.cur {
	font: bold 13px "Trebuchet MS";
	padding-left:3px;
	padding-right:3px;
	margin-left:3px;
	margin-right:3px;
	border: 1px solid maroon;
	//border-top:0px solid black;
	//border-bottom:0px solid black;
	color:maroon;
}


a.menulink2 {
	text-decoration:none;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:13px;
	margin-left:5px;
	color:black;
	background: url(../images/pijltje2.png) 0 no-repeat;
}

a.menulink2:hover{
	color:DarkRed;
}



/* menu link 3 */

a.menulink3 {
	text-decoration:none;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:13px;
	margin-left:15px;
	color:black;
	background: url(../images/pijltje.png) 0 no-repeat;
}

a.menulink3:hover{
	color:DarkRed;
}

.mnuHead {
	border-bottom:1px solid #a0a0a0;
	width:150px;
	text-align:center;
	background: url('../images/mnu-header.png') no-repeat 0px 0px; 
	margin-left:0px; 
	display:block;
}

.mnuBg {
	border:1px solid #a1a1a1;
	margin-bottom:12px;
	text-align:left;
	width:150px;
	background: url('../images/mnu-bg.png'); 	
	FONT-FAMILY: 'Trebuchet MS'; 
	FONT-SIZE: 13px
}

ul {
	FONT-FAMILY: 'Trebuchet MS'; 
	FONT-SIZE: 13px;
	COLOR: #20507b;
}

/* Main Pagina Zoals de Header/Footer/Menu balken etc. */

#container {
	background-color:#FFFFFF;
	width:780px;
	border:2px solid black;
}

#header {
	background-color:#FFFFFF;
	width:780px;
}

#header2 {
	background-color:#A1A1E9;
	border:1px solid black;
	width:756px;
	FONT:bold 14px 'Trebuchet MS';
	color:white;
}
#topMenu {
	margin-top:3px;
	background-color:#c6d9e2;
	border:1px solid black;
	width:756px;
	text-align:left;
	FONT:bold 14px "Trebuchet MS";
}

.topMenuL {
	float:left;
	width:70px;
	border-right:1px solid black;
	text-align:center;
}
.topMenuR {
	float:right;
	width:80px;
	border-left:1px solid black;
	text-align:center;
}
.w120 { /* Wordt gebruikt voor eventueel een vaste verhouding van 120px breed te krijgen */
	width:100px;
}

#menumain {
	margin-top:3px;
	margin-bottom:3pt;
	background-color:#FFFFFF;
	width:780px;
	clear:both;
	FONT:bold 14px 'Trebuchet MS';
}

#menudataTOP {
	margin-left:12px;
	background-color:#A1A1E1;
	margin-right:12px;
	float:left;
	width:160px;
	border:1px solid black;
}
#maindataTOP {
	background-color:#A1A1E1;
	margin-right:11px;
	float:left;
	width:580px;
	border:1px solid black;
}

#maindataHolder {
	margin-top:8px;
	background-color:#FFFFFF;
	width:780px;
	clear:both;
}

#maindata {
	margin-right:11px;
	float:left;
	width:564px;
	border:1px solid black;
	padding:8px;
	text-align:left;
}

#menudata {
	padding-top:5px;
	margin-left:12px;
	margin-right:12px;
	float:left;
	width:160px;
	border:1px solid black;
	bottom:1;
}

#footer {
	text-align:right;
	width:756px;
	background-image:url(../images/footer.jpg);
	display:block;
	border:1px solid black;
	height:30px;
	FONT:bold 19px "Trebuchet MS";
	padding-top:3px;
}

#niksding {
	background-image:url(../images/niks.jpg) no repeat;
	display:block;
}