/* CSS Document */
/* www.projectlabels.be */
/* Een website van Netwerk Bewust Verbruiken */
/* Css & website design: Britt Mesdagh - www.mixette.com */
body {
	background-color: #535353;
	background-image: url(../images/achtergrond_header.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #535353;
	font-family: Arial, Helvetica, sans-serif;
	size: 0.9em;
}


a {
	color: #669900;
	text-decoration: none;
}

a:hover {text-decoration: underline;}

a:visited {
color: #663300;
text-decoration: none;
}


/*----------------------------------------------------------------*/
#wrapper {
width: 971px;
margin: 0px auto 0px auto;
padding: 0px;}

#header {
	width: 971px;
	height: 155px;
	margin: 0px;
	padding: 0px;
}

#menu {width: 971px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	background-image: url(../images/menubalk.jpg);
	background-repeat: no-repeat;

	}

#bodywrapper {
	width: 971px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-image: url(../images/achtergrond_body.jpg);
	background-repeat: repeat-y;
}
	
#col1 {
	width: 683px;
	margin: 0px;
	padding: 0px;
float: left;
}
#col2 {
	width: 280px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	}

#footerlogos {
	width: 971px;
	height: 160px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/footer_met_logos_fr.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#footer {
	width: 971px;
	height: 160px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/footer_small.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
.taal {
	color: #ffffff;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	  }
/*---------------------------------------------------------------------------*/
/* CDe menu onderdelen */

#menu ul, #menu1col ul{list-style-type: none;
margin: 0px 10px 0px 40px; }

#menu ul li, #menu1col ul li { 	float: left;
	margin: 0px 15px 0px 20px;
	padding: 10px 0px 10px 0px;
	list-style-type: none;
	list-style-image: none;
	color: #ffffff;}

#menu ul li a, #menu1col ul li a{
	color: #ffffff;
	text-decoration: none;
	}
#menu ul li a:visited, #menu1col ul li a:visited{
	color: #333333;
	text-decoration: none;
	}
	

	}	
#menu ul li a:hover, #menu ul li a:hover{
	color: #EAB209;
	text-decoration: none;

	}
	
.loginbutton{
margin: 0px 0px 0px 25px;
padding: 0px 0px 0px 0px;
height: 44px;
}
	

	
/* Col 1 is de hoofdkolom aan de linkerkant */


#col1 h1 { 
margin: 0px;
padding: 0px;
}
#col1 h6 {
margin: 0px;
padding: 0px;
margin: 10px 10px 10px 110px;
padding: 5px 0px 5px 0px;
text-align: left;
font-size: 1.2em;
}

#col1 h3 { margin: 10px 10px 10px 110px;
padding: 5px 0px 5px 0px;
text-align: left;
font-size: 1.1em;}

#col1 h4 { margin: 20px 5px 10px 110px;
padding: 5px 0px 5px 0px;
text-align: left;
font-size: 0.9em;}

#col1 ul{ margin: 10px 10px 10px 140px;
padding: 0px 0px 0px 0px;
text-align: left;
font-size: 0.8em;}

#col1 ul li{ margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 10px;
text-align: left;}

#col1 p { 
margin: 10px 10px 10px 110px;
padding: 5px 0px 5px 0px;
color: #535353;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: left;
line-height: 1.6em;}

#col1 form {
margin: 10px 10px 10px 110px;
padding: 5px 0px 5px 0px;
color: #535353;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: left;
line-height: 1.6em;}

.zoekbutton {
	background-color: #EAB209;
	color: #336600;

}

#df1, #zoek {margin: 10px 10px 10px 110px;}

#producttabel{ 
margin: 25px 10px 25px 0px;
padding: 0px;
color: #535353;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: left;
line-height: 1.6em;}





#logintable { 
margin: 25px 10px 25px 50px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-align: left;
line-height: 1.6em;}


.logintext {
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: left;
line-height: 1.6em;}


.wietabel {
font-size: 1.2em;
padding: 0px;}

.zoekentrefwoord {
	background-image: url(../images/zoeken-op-trefwoord_fr.jpg);
	background-repeat: no-repeat;
	width: 682px;
	height: 54px;
}

.zoekenprod {
	background-image: url(../images/balk_index_fr.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}

.zoekenbeeld {
	background-image: url(../images/op_afbeelding_fr.jpg);
	background-repeat: no-repeat;
	width: 683px;
	height: 54px;
}

/* balken voor alle andere statische pagina's */

.balkwie {
	background-image: url(../images/balk_wie_fr.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
.balkinfo {
	background-image: url(../images/balk_info_fr.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}

.balkproject {
	background-image: url(../images/balk_project_fr.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
.balkcontact {
	background-image: url(../images/balk_contact_fr.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
.balklinks {
	background-image: url(../images/balk_links_fr.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
.balkhelp {
	background-image: url(../images/balk_help_fr.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
.balklogin {
	background-image: url(../images/balk_login_fr.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
.balkbekijken {
	width: 971px;
	margin: 0px;
	background-image: url(../images/balk_admin_labelbekijken.jpg);
	background-repeat: no-repeat;
	height: 113px;
	background-position: left;
	text-align: left;
	font-size: 1.2em;
	color: #89A66A;
	font-family: Garamond, Verdana, Arial, Helvetica, sans-serif;
	
	}

/*
.balkbekijken2 {
	background-image: url(../images/balk_labelbekijken.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
*/
.balkbekijken2 {
	width: 971px;
	margin: 0px;
	background-image: url(../images/balk_labelbekijken.jpg);
	background-repeat: no-repeat;
	height: 113px;
	background-position: left;
	text-align: left;
	font-size: 1.2em;
	color: #89A66A;
	font-family: Garamond, Verdana, Arial, Helvetica, sans-serif;
	
	}

.balkwelkom {
	background-image: url(../images/balk_admin_welkom_nl.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
.balktoevoegen {
	background-image: url(../images/balk_admin_labeltoevoegen.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
.balkwijzigen {
	background-image: url(../images/balk_admin_labelwijzigen.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
.balklabellijst{
	background-image: url(../images/balk_admin_labellijst.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
.balkadmingebrwij{
	background-image: url(../images/balk_admin_gebr_wij.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
.balkadmingebrlijst{
	background-image: url(../images/balk_admin_gebr_lijst.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}

.balkadmingebrtoe{
	background-image: url(../images/balk_admin_gebr_toe.jpg);
	background-repeat: no-repeat;
    width: 683px;
	height: 113px;
}
/* dit is de lijst van productthema's met de groene pijl ervoor */

.prod {
	margin: 10px 2px 2px 140px;
	text-align: left;}

.proditem {
	padding: 5px 0px 5px 10px;
	list-style-image: url(../images/arrow_right.gif);
	margin: 0px;
}

/* Col 2 is de zijkolom aan de rechterkant */

#col2 h1 {
	margin: 20px 15px 10px 20px;
	font-size: 1.2em;

}
#col2 p {margin: 5px 15px 15px 20px;
font-size: 0.8em;
}

#col2 ul {	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 220px;}

#col2 li {
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4F4F4F;
	list-style-image: none;
	list-style-type: none;
}
  

.indekijker {
	width: 283px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	background-image: url(../images/balk_indekijker.jpg);
	background-repeat: no-repeat;
	height: 32px;
	background-position: left;
}

/* dit is de lijst van productthema's met de groene pijl ervoor */

.prod {
	margin: 10px 2px 2px 140px;
	text-align: left;}

.proditem {
	padding: 5px 0px 5px 10px;
	list-style-image: url(../images/arrow_right.gif);
	margin: 0px;
}

/* Hack voor Firefox, marge is niet gelijk met die in IE */
html>body .prod{ margin-left:100px;}

/*------------------Dingen voor pagina's zonder zijbalk------------------------------------*/

#menu1col {width: 971px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	background-image: url(../images/menubalk1col.jpg);
	background-repeat: no-repeat;

	}



#bodywrapper1col {
	width: 971px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-image: url(../images/achtergrond1col.gif);
	background-repeat: repeat-y;
	text-align: left;
	font-size: 0.9em;}


	

.tableheader_clean {
	
	text-align: center;
	font-size: 10px;
	background-color: F4B51D;

	}
.tableheader {
	width:50px;
	text-align: center;
	font-size: 10px;
	background-color: F4B51D;
padding: 0px 2px 0px 2px;
	border: 1px dotted #CCCCCC;}	


.datagrid {

font-size: 1.0em;
padding: 5px;
margin: 0px;
cellspacing: 0px;}

.datagrid2,.datagrid3 {

font-size: 10px;
padding: 5px;
margin: 0px;
cellspacing: 0px;}




.littletablerow {
	padding: 0px;
	cellspacing:0px;
	text-align: center;
	border: 1px dotted #CCCCCC;
	cellspacing: 0px;
	margin: 0px;
}

.mainbackground2 {margin: 10px 15px 10px 0px;
width:100%;}
.mainbackground{margin: 20px 15px 10px 70px;width:100%;}
	
.balk1colzoek {
	width: 971px;
	margin: 0px;
	background-image: url(../images/balk_1col.jpg);
	background-repeat: no-repeat;
	height: 113px;
	background-position: left;
	text-align: left;
	font-size: 1.2em;
	color: #89A66A;
	font-family: Garamond, Verdana, Arial, Helvetica, sans-serif;
	
	}
#bodywrapper1col p{ 
margin: 10px 10px 0px 50px;
font-size: 0.9em;
}

#bodywrapper1col form{ 
padding-left: 50px;
}

#footerlogos1col {
	width: 971px;
	height: 160px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/footer1col_met_logos.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
#footer1col {
	width: 971px;
	height: 99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/footer1col_small.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
/*--------------------------de footer ------------------------------*/

#footerlogos p,#footerlogos1col p { 
font-size: 0.8em;
line-height: 1.2em;
text-align: left;
padding: 30px 160px 10px 60px;
margin: 0px;
color: #ffffff;
}

#footer p,#footer1col p { 
font-size: 0.8em;
line-height: 1.2em;
text-align: left;
padding: 30px 30px 10px 60px;
margin: 0px;
color: #ffffff;
}

#footer p a,#footer1col p a {
color: #E8E9D6;}


#footer p a:visted{
color: #E8E9D6;}

#footer1col p a:visited {
color: #E8E9D6;}

#footerlogos p a,#footerlogos1col p a {
color: #E8E9D6;}

#footerlogos p a:visited,#footerlogos1col p a:visited{ 
color: #E8E9D6;}


.small {
	font-size: 0.8em;
}
 
td {
	font-size: 0.7em;	
}

/*admin things */

.pterug {
 margin: 10px 50px 10px 110px;
	padding: 5px 20px 5px 40px;
	/*width: 520px;*/
	width: 750px;
	text-align: left;
	background-color: #ffffff;
	background-image: url(../images/resultset_previous.png);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: 1px dotted #999999;
	border-top: 1px dotted #999999;
	}
	
.terug {  margin: 0px;
padding-left: 30px;}
	
.verder {  margin: 0px;
	padding-right: 0px;
	padding-left: 300px;
	text-align: right;}
		
#labelfiche {
 margin: 0px 50px 0px 110px;
	padding: 5px 50px 5px 10px;
	text-align: left;
	/*background-color: #FEF4D3; */
	}
	

#labelfiche p {
	margin: 5px 20px 5px 10px;
	padding: 5px 50px 5px 0px;
	text-align: left;
}

#labelfiche h2 {
	margin: 10px 40px 10px 5px;
	padding: 5px 20px 5px 0px;
	text-align: left;
	font-size: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669900;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #669900;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}


#labelfiche h1 {
padding: 0px;
margin: 10px 10px 10px 110px;
padding: 5px 0px 5px 0px;
text-align: left;
font-size: 1.0em;}

#labelfiche ul {
margin: 0px 10px 0px 30px;
padding: 5px 0px 5px 0px;}
#labelfiche ul li {

	padding: 0px 0px 0px 0px;
	margin: 0px; }
.fichetabel {
	padding: 5px;
	border: 1px dotted #999999;

}