/* CSS Document */


@import "colors.css";

/*--=--=--=--=--=--=--=--=--=--=--=--=--=--*/

html{
	margin:0;
	padding:0;
	background:#e0e9f0 url(../afbeeldingen/bg.gif) repeat-x;
	}
body{
	margin:8px 0 0 0;
	padding:0;
	font-size:74%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../afbeeldingen/bodybg.gif) no-repeat center top;
	}


a{
	color:#699bc9;
	text-decoration:none;
}
a:hover{text-decoration:underline;}

img.left{float:left; margin:5px; margin-right:10px;}
img.right{float:right; margin:5px; margin-left:10px;}


/*--=--=--=--=--=--=--=--=--=--=--=--=--=--*/

#lefthead{display:block; height:145px; width:190px;position:absolute; top:120px;left:14px;}
#lefthead a {text-decoration:none; color:#FFFFFF}
#lefthead a:hover {text-decoration:underline; color:#FFFFFF}
#lefthead li {list-style:square}
#lefthead img{border:0; margin-top:5px;}
.lefthead_bckgrnd{background:url(../afbeeldingen/importeur-van.gif) no-repeat top;}
.head_top3 {font-size:95%; color:#0066CC; padding-top:5px; } /*text-align:center*/
.lefthead_bckgrnd2{background:url(../afbeeldingen/volg_sigro.png) no-repeat top;}
/*--=--=--=--=--=--=--=--=--=--=--=--=--=--*/

div#main{
	margin:auto;
	width:900px;
	position:relative;
	padding:50px 0 0 0;
	}
div#phead{
	background:url(../afbeeldingen/phead.gif) no-repeat;
	height:70px;
	width:900px;
	text-align:right;
	position:absolute;
	top:0px;
	}
div#phead #headimg{
	position:absolute;
	top:120px;
	right:0px;
	/*background:url(../afbeeldingen/image.gif) no-repeat right red;*/
	font-family:tahoma;
	font-size:9px;
	color:#94ccf1;
	letter-spacing:0.2px;
	padding-right:5px;
	width:678px;
	height:156px;
	border-left:2px solid #e7eff5;
	}
div#pbody{
	background:white;
	padding:240px 0 0 0;
	}
div#pfoot{
	background:url(../afbeeldingen/pfoot.gif) top;
	padding:7px 15px;
	font-family:tahoma;
	font-size:90%;
	color:#699bc9;
	height:14px;
	}
div#pfoot *{
	color:#699bc9;
	text-decoration:none;
	}
div#pfoot p{
	float:left;
	margin:0; padding:0 7px;
	display:block;
	background:url(../afbeeldingen/li-divider.gif) right top no-repeat;
	}
div#pfoot p.last{
	background:none;
	}
div#pfoot a:hover{
	text-decoration:underline;
	}
/*--=--=--=--=--=--=--=--=--=--=--=--=--=--*/
#qnav{
	margin:10px 2px 0 0;
	padding:0;
	}
#qnav li{
	list-style:none;
	background:url(../afbeeldingen/li-divider.gif) right top no-repeat;
	display:inline;
	}
#qnav li.last{
	background:none;
	}
#qnav li a{
	text-decoration:none;
	color:white;
	font-size:90%;
	padding:3px 10px;
	}
#qnav li a:hover{
	color:black;
	}
/*--=--=--=--=--=--=--=--=--=--=--=--=--=--*/
#nav {
	width: 877px;
	float: left;
	margin:0 10px;
	padding:3px 0 3px 2px;
	display:block;
	font-size:110%;
	font-weight:bold;
	border-bottom:6px solid #e7eff5;
	position:absolute;
	top:80px;
	background:white;
}
#nav li{
	list-style:none;
	display:inline;
	margin:0 -1px;
	padding:4px 0 4px 0;
	}
#nav a{
	background:url(../afbeeldingen/bg-nav-left.gif) no-repeat left top!important;
	background:url(../afbeeldingen/bg-nav-left.gif) no-repeat left 5px;
	margin:0 3px 0 0;
	padding:4px 0 4px 0;
	text-decoration:none;
	color:white;
	height:29px;
	}
#nav a span{
	margin:0 0 0 14px;
	padding:4px 14px 4px 0;
	background:url(../afbeeldingen/bg-nav-right.gif) no-repeat right top!important;
	background:url(../afbeeldingen/bg-nav-right.gif) no-repeat right 1px;
	height:29px;
	}
#nav a:hover{
	background:url(../afbeeldingen/bg-nav-left.gif) no-repeat left -52px!important;
	background:url(../afbeeldingen/bg-nav-left.gif) no-repeat left -47px;
	}
#nav a:hover span{
	background:url(../afbeeldingen/bg-nav-right.gif) no-repeat right -52px!important;
	background:url(../afbeeldingen/bg-nav-right.gif) no-repeat right -51px;
	}
/*--=--=--=--=--=--=--=--=--=--=--=--=--=--*/

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:185%;
	font-weight:normal;
	color:#699bc9;
	margin:0; padding:0;
	}
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:135%;
	font-weight:normal;
	color:#699bc9;
	margin:30px 0 0 0; padding:0;
	}
#content{
	margin:0 15px 0 215px;
	padding-bottom:10px;
	}
#content .intro{
	color:#0b478a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:110%;
	padding-bottom:10px;
	margin-bottom:-5px;
	border-bottom:1px solid #e7eff5;
	}
#content p{
	color:#444;
	}


#side{
	position:absolute;
	left:10px; top:120px;
	border-bottom:1px solid #9dbad3;
	width:195px;
	background:url(../afbeeldingen/side1.gif) no-repeat #e7eef4;
	padding-top:160px;
	}
#side p{
	margin-top:0;
	padding:5px;
	color:#777;
	}
.hide{display:none}

/*--=--=--=--=--=--=--=--=--=--=--=--=--=--*/

#sub_nav{list-style:none; margin:0; padding:0;}
#sub_nav a{padding:3px 2px 3px 10px; display:block; margin:1px 0; text-decoration:none; color:#699bc9}
#sub_nav a:hover{padding:3px 2px 3px 10px; display:block; background:white url(../afbeeldingen/listarrow.gif) no-repeat right;}
/*--=--=--=--=--=--=--=--=--=--=--=--=--=--*/

#content .intronews{
	color:#0b478a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:110%;
	padding-bottom:10px;
	margin-bottom:-5px;
	}
#content .titelnews{	
	font-size:150%;
	}
#content .datenews{	
	font-size:90%;
	color:silver;
	}	

/*=-=-=-=-=-=-=---=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#contactform{
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    margin-top:15px;
    }
#contactform .color{color:#699bc9; font-size:130%;}
#contactform label{
	width:9em;
	display:block;
	float:left;
	clear:both;
        margin:2px 0 0 0;
	}
#contactform .textinput{
        border:1px solid #ccc;
        color:#777;
        margin:2px 0;
        font-size:105%;
        width:12em;
        background:#fafafa;
        }
#contactform textarea{
        border:1px solid #aaa;
        color:black;
        font-size:100%;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
        height:9.2em;
        width:20.1em;
        background:#fafafa;
        }
#contactform select{
        border:1px solid #ccc;
        color:#777;
        margin:2px 0;
        font-size:105%;
        background:#fafafa;
        }
#contactform .labelcheckbox{
        width:auto;
        float:none;
        }


#contactform .textinput:hover,
#contactform select:hover{border:1px solid #aaa; color:black;}

#contactform .textinput:focus,
#contactform select:focus,
#contactform textarea:focus{border:1px solid #699bc9; color:black; background:#e7eff5;}


#contactform .warning{
	padding:1px 0 1px 90px;
        margin:0;
	color:#699bc9;
	font-family:Georgia, "Times New Roman", Times, serif;}

/*=-=-=-=-=-=-=---=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


#contactform .button{
    font-size:100%;
    padding:0 5px;
    }
#contactform .button:hover{
    color:#e7eff5;
    }



/*=-=-=-=-=-=-=---=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.clear{clear:both; height:1px;}


.product{ margin-bottom:200px;}
.product form { margin-left:190px; background:#f3f3f3; border:1px solid #ddd; padding:10px; color:#999;}
.product img{float:left; margin-top:5px;}
.product form label{ width:60px; float:left; margin:1px 0; padding:2px 0;}
.product form select{ width:350px;}

.product form input,
.product form select,
.product form option{font-family:arial; font-size:100%;}

.product form input,
.product form select{border:1px solid #aaa; margin:1px;}


#content .product .price{ text-align:right; font-size:150%;font-family:Georgia, "Times New Roman", Times, serif;color:#699bc9; margin-bottom:-0px;}

/* ==================== */
#prod_list{
	border-bottom:1px solid #555;
	margin-bottom:40px; margin-top:20px;
	}
	
#prod_list h2{
	margin:0 0 0 202px;
        padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
		color:#699bc9;
		font-weight:normal;
		font-size:170%;
	}
#prod_list img{
	float:left;
	margin-top:-25px;
	}
#prod_list strong{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#699bc9;
	}
#prod_list .info{
	margin:0px 0 55px 200px;
	padding:5px;
	background:#fbfbfb;
	border-top:1px solid #9dbad3;
        /*height:180px;*/
	}

/* ==================== */

.button{
    border:1px solid #0b478a;
    background:white; color:#0b478a;
    margin:5px;
    font-size:80%;
}
.button:hover,
.button_buy:hover,
.button_cart:hover{background:#0b478a; color:white; border:1px solid #99c3e8; text-decoration:none;}

.button_buy{
    border:1px solid #0b478a;
    background:white; color:#0b478a;
    margin:0 10px 0 520px; padding:3px;
    font-size:80%;
	position:relative;
	top:-18px;
}
.button_cart{
    border:1px solid #0b478a;
    background:white; color:#0b478a;
    padding:3px;
    font-size:80%;
	position:relative;
	top:-18px;
}

.pdf_list {margin:20px auto;}
.pdf_list thead{background:#f7f7ff; text-align:left;}
.pdf_list thead th{ padding:6px 25px; border-bottom:1px solid #ddd;}
.pdf_list td {border-bottom:1px solid #f1f1f1;}

/* -------------- */
/* ========== PORTFOLIO ============= */

.portfolio_css {
	/*padding:37px;*/
	padding:0 13px;
	margin-bottom:22px;
	background:white;
}
.portfolio_css a {
	float:left;
	padding:0 0px 0px 0;
	margin:0 6px 6px 0;
	background-repeat: no-repeat;
	background-position:2px 2px;
	position:relative; /*need for trick */
	width:150px;
	height:210px!important; /* Default image size + shadow*/
}

.portfolio_css a div{display:block; margin-top:150px; background:#eee; padding:1px 0 1px 2px; font-size:80%;height:50px;}


/* Default image size */
.portfolio_css a img {
	width:150px;
	height:150px;
	position:absolute;
	border:0;
	display:block;
}
/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
.portfolio_css a:hover img {
	display:block;
	position:absolute;
	width:250px;
	height:250px;
	left:-60px;
	top:-120px;
	background-color:#FF0000;
	border:2px solid black;
}
.portfolio_css a:hover {/*MSIE bug*/
	color:black;
	background-color:white;
	z-index:1
}
.portfolio_css .clear {
	clear:both;
}
.sub_nav2 {margin-left:0; padding-left:21px;}

.sub_nav2 li { 
	  list-style-type:none; 
	  
}
.selected{ 
	 font-weight:bold;
}