/*** body styles ***/
/*******************/
body {
	margin:0;
	padding:0;
	color: #333333;
    background: #ffff99 url(images/top.jpg) left top repeat-y ;
	
      font:x-small/1.45em Verdana, Arial, Helvetica, sans-serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
      } html>body {font-size:small;}	


/*** General styles ***/
/*******************/
h3 {clear:left;width: 99%;font-size: 1.1em;color:#ff3300; border-bottom: 1px solid #909DBD;padding-top:15px;padding-bottom:3px;}

#titelfill {  background: #ffff99 url("images/titelfill.jpg") repeat-x; }
.pgheader {  font-family: "Trebuchet MS"; font-size: 22px}
.rightnav {background-color: #cccccc;}
a:visited {  color: #000099; text-decoration: none}
a:hover {  color: #0033CC; text-decoration: underline}
a:link {  color: #003399; text-decoration: none}
.red { font-family: "Trebuchet MS" ; color: #FF0000}

.maincell {
	vertical-align:top;
	width:100%;
	padding:15px 15px 10px 80px;
	background-color: #FFFFFF;
}
.productcell {
	padding-right:15px;
	vertical-align:top;	
}
/* small icons (PDF, etc)*/
.picto {
	vertical-align:middle;
	margin-top:5px;
}
/* small buttons (Adobe Reader, etc)*/
.purchase {
	margin-top:3px;
	vertical-align:middle;
}

.myimage {
	margin-top:5px; margin-right:10px; margin-bottom:0px;margin-left:0px;
}

.r_text {color:#F70000;}



/*------------tabs menu----------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
background-color:transparent;
padding: 0;
width: auto;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 250px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
background-color:transparent;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: #014478;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #CCFFFF; /*Default menu color*/
border-top: 1px solid #9FFFFF;
border-right: 1px solid #9FFFFF;
border-bottom: 1px solid white;
border-left: 1px solid #ccc;
}

#modernbricksmenu a:hover{
background-color: #ffffee; /*Menu hover bgcolor*/
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid white;
border-left: 1px solid #ccc;
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #cc3300; /*red color theme*/ 
color: #ffffff;
border-top: 1px solid #AA2B00;
border-right: 1px solid #AA2B00;
border-bottom: 1px solid #cc3300;
border-left: 1px solid #AA2B00;

}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background-color: #cc3300; /*red color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}
.rtbarbg {
	background-color: #FFF8B7;
	vertical-align:top;
	border-left:1px solid #FFF27D;
}	

.bigtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

.r_text {
	color: #F70000; }
	
.sidebar {
	color: #49486F;
	text-decoration: none;
}

a.sidebar:hover {
	text-decoration: underline;
}
  /*******Bestel knop******/
.linkbutton3 a {
	padding-left: 2em;
	background: url(../images/bestelnu.gif) 0 50% no-repeat;  
 }
#footer{
text-align:center;
width:auto;
padding:5px;
}
#footer p{
color:#ffffff;
margin:5px auto;}

#footer a{
color:#ffffff;
text-decoration:underline;}

#footer a:hover{
color:#000000;
text-decoration:none;}