/*

Maycodesign and Engineering CSS by www.maycodesign.nl  
*****************************************************
* Maycodesign 2008 © All rights reserved	
* Web:		http://www.maycodesign.nl 
* E-mail: 	info(at)maycodesign.nl 
* Tel:  	+31 (0)6 136 941 86
* Author:	Maarten Beerten en Sandra Smit 
*****************************************************

*//* Algemeen 
----------------------------------------------------------- */

* {
	/* overschrijf alle default browser settings */
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	font-size: 12px;
	text-align:left;
	/* standaard lettertype instellingen */
	font-family: "Century Gothic", verdana, arial;
	line-height:16px;
	color: #000; /* standaard tekst kleur */
}
img {
	border: 0;
}
/* Container DIV's
----------------------------------------------------------- */	
html, body {
	height:100%;
}
#container {
	position:relative; 
	width:980px; 
	text-align:left; 
	margin:0 auto;
	background-color:#fff;
	/* deel 2 van de centering hack */
	margin: 0 auto;
}

/* Standaard hyperlink instellingen
	----------------------------------------------------------- */
a:link {
	color:#000; text-decoration:none; font-family: "Century Gothic", verdana, arial; font-size:12px;
}
a:visited {
	color:#000; text-decoration:none; font-family: "Century Gothic", verdana, arial; font-size:12px;

}
a:active {
	color:#000; text-decoration:none; font-family: "Century Gothic", verdana, arial; font-size:12px;
}
a:hover {
	text-decoration:underline;
}

/* Standaard tekst instellingen 
	----------------------------------------------------------- */
	
h1, h2 {
	font-family: "Century Gothic", verdana, arial;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 18px;
	color:#000;
	font-weight:bold;
}
h2 {
	font-size: 14px;
	color:#000;
	font-weight:bold;
}

/* Standaard elementen
	----------------------------------------------------------- */
	
img {
	border: 0;
}
ul { list-style:disc; padding:0 0 0 20px;
}
.p	{font-size: 12px;
	 font-family: "Century Gothic", verdana, arial;
}


/* Content
   -----------------------------------------------------------*/
#banner {
	position:relative;
	width:100%;
	height:150px;
	background-image:url(../_images/logo_brantas.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#kleurbalk {
	position:relative;
	width:100%;
	height:30px;
	background-image:url(../_images/bg_kleurbalk.gif);
}

#content {
	position:relative;
	width:100%;
	padding:0 0 0px 0;
}
#menu {
	position:relative;
	width:200px;
	float:left;
}
#tekst {
	position:relative;
	width:750px;
	float:right;
}
#tekst_inhoud {
	position:relative;
	height:100%;
	width:550px;
	float:right;
	padding:0 200px 0 0;
	background-image:url(../_images/bg_tekstvlak.gif);
	font-size:14px;
}
#tekst_inhoud a:active, #tekst_inhoud a:link, #tekst_inhoud a:visited { font-size:14px;}
#tekst_inhoud a:hover { text-decoration:underline;}

#bottom {
	position:relative;
	width:980px;
	height:100px;
	clear:both;
	top:30px;
	padding-bottom:10px;
}
#adres {
	position:relative;
	width:220px;
	height:45px;
	float:left;
	padding:35px 10px 0 0;
}
#copyright {
	position:relative;
	width:730px;
	height:25px;
	background-color:#02c1c3;
	float:right;
	color:#fff;
	font-size:10px;
	padding:75px 10px 0 10px;
	text-align:right;
}
#copyright a:active, #copyright a:link, #copyright a:visited {color:#fff; font-size:10px;}
#copyright a:hover { text-decoration:underline;}

/* Menu
   -----------------------------------------------------------*/

#vlak_boven {
	position:relative;
	width:200px;
	height:30px;
	padding:0;
	margin:0 0 30px 0;
	background-color:#02c1c3;
}

#menu ul { 
	padding:0 0 0 0px;
	margin:0;
}
#menu ul li { 
	list-style:none;
	padding:0 0 0 10px;
	margin:0;
	border-bottom:2px solid #000;
}

#menu ul li a:active, #menu ul li a:link, #menu ul li a:visited { font-size:14px; line-height:30px;}
#menu ul li a:hover {color:#02c1c3; text-decoration:none;}




#sub1 {
	position:relative;
	width:180px;
	height:450px;
	float:left;
	padding:0;
	margin:0 10px 0 0;
	background-color:#9a9494;
}
#sub2 {
	position:relative;
	width:180px;
	height:450px;
	float:left;
	padding:0;
	margin:0 10px 0 0;
	background-color:#9a9494;
}
#sub3 {
	position:relative;
	width:180px;
	height:450px;
	float:left;
	padding:0;
	margin:0 10px 0 0;
	background-color:#9a9494;
}
#sub4 {
	position:relative;
	width:180px;
	height:450px;
	float:right;
	padding:0;
	margin:0;
	background-color:#9a9494;
}


/* Categorieën
-----------------------------------------------------------------------*/

.categorie_item {
	position:relative;
	width:550px;
	height:100px;
	background-color:#f1f1f2;
	margin-bottom:10px;
}
.cat_img {
	position:relative;
	width:96px;
	height:96px;
	border:2px solid #02c1c3;
	float:left;
}
.cat_tekst {
	position:relative;
	width:430px;
	height:90px;
	padding:5px 10px 5px 10px;
	overflow:hidden;
	float:right;
}
#breadcrumb { font-size:10px;}
#breadcrumb a:active, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover { font-size:12px;}

#nummering { font-size:10px; text-align:right;}
#nummering a:active, #nummering a:link, #nummering a:visited, #nummering a:hover { font-size:12px; text-align:right;}

#text_center {
	position:relative;
	float:left;
	width:550px;
}