/* CSS Document */
/* CSS Document */

/**
 * Kristofs undohtml
 * based on undohtml.css by Tantek Celik
 * @see http://tantek.com/log/2004/09.html#d06t2354
 * and on reset.css by Yahoo!
 * @see http://developer.yahoo.com/yui/reset/
 */
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
table{border-collapse:collapse;border-spacing:0;}
q:before, q:after {content:'';}

/**
 * Kristofs fonts
 * based on fonts.css by Yahoo!
 * @see http://developer.yahoo.com/yui/fonts/
 */
body{font:84.5% arial,helvetica,sans-serif;*font-size:small;*font:x-small;}
table{font-size:inherit;font:100%;}
select,input,textarea{font:99% arial,helvetica,sans-serif;}
pre,code{font:115% monospace;*font-size:100%;}
body *{line-height:1.22em;}


/*===body===*/

body {
	margin-top:0px;
	margin-left:0px;			
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

/*===links===*/

.content_text a, .vacatures a, .contact a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#0D0660;
	text-decoration:underline;
}

.content_text a:visited, .vacatures a:visited, .contact a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#0D0660;
	text-decoration:underline;
}
.content_text a:hover, .vacatures a:hover, .contact a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#F90D0D;
	text-decoration:underline;
}
/*---------------------------- div rondom alles breedte 1000px ------------------------------------*/
#wrapper {
	margin-left:0px;
	width:1000px;
}
/*----------------------------div genest in rapper-------------------------------------------------*/
#banner {
	background-image:url(../images/madelec_banner_01.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
#banner_home {
	background-image:url(../images/banner_home.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
#banner_madelec {
	background-image:url(../images/banner_madelec.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
#banner_madelec2 {
	background-image:url(../images/banner_madelec2.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
#banner_contact {
	background-image:url(../images/banner_contacteer_ons.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
#banner_sanitair {
	background-image:url(../images/banner_sanitair.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
#banner_verwarming {
	background-image:url(../images/banner_verwarming.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
#banner_verwarming2 {
	background-image:url(../images/banner_verwarming2.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
#banner_electriciteit {
	background-image:url(../images/banner_electriciteit.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
#banner_domotica {
	background-image:url(../images/banner_domotica.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
#banner_klimatisatie {
	background-image:url(../images/banner_klimatisatie.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
#banner_alarm {
	background-image:url(../images/banner_alarm.jpg);;	
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
/*#banner_contact {
	background-image:url(../images/banner_contact.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}*/
#banner_vacature {
	background-image:url(../images/banner_vacature.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:148px;
}
/*----------------------------div genest in wrapper div onder banner-------------------------------*/
#content {
	width:1000px;
	height:409px;
	
}

.content_tekst {
font-family:Arial, Helvetica, sans-serif;
color:#555555;
font-size:0.8em;
}
/*------------------------navigatie ul--in div content----------------------------------------------*/
.navigation {
	vertical-align:top;	
	padding-top:5px;
	margin-left:5em;
}

/*------------------------------Sub-navigatie ul------------------------------------------------------------*/

/* bullets */
.navigation a {
	text-decoration:none;
	color: #999999;
	margin-left:6px;
}
.navigation li li a{
	font-size: 0.8em;
	text-decoration:none;
}
/*
.navigation a:visited {
	color:#999999;
}
.navigation a:hover {
	color:#666666;
}
*/
.navigation li{
	list-style-image:url(../images/bullet-vierkant.gif);
	list-style-position:inside;
	margin-left:1.8em;
}
.navigation li li
, .navigation li.selected li{
	list-style-image:url(../images/bullet-vierkant2.gif);
	margin-left:1em;
}
.navigation li.selected{
	list-style-image:url(../images/bullet-vierkant-up.gif);
}
.navigation li li.selected{
	list-style-image:url(../images/bullet-vierkant2-up.gif);
}

.navigation li.selected a
, .navigation li li.selected a
{
	color: #000;
}
.navigation li li a
, .navigation li.selected li a{
	color: #CDCDCD;
}
.navigation li li a:hover
,.navigation li  a:hover{
	color: #333333;
}

/*----------------------------footer blauw hoogte breedte-------------------------------------------*/
#footer {
	width:1000px;
	height:28px;
	background-color:#0D0660;
	color:#ffffff;
	text-align:left;
}
/*------------------------backgrounds--------------------------------------------*/

.navigatie_boog {
background-image:url(../images/boog_nav.jpg);
background-position:left;
background-repeat:no-repeat;
}

.navigatie_boog2 {
background-image:url(../images/boog_nav2.jpg);
background-position:left;
background-repeat:no-repeat;
}
.boog_rechts {
background-image:url(../images/boog_rechts.gif);
background-position:top right;
background-repeat:no-repeat;
}
.boog_rechts2 {
background-image:url(../images/boog_rechts2.gif);
background-position:top right;
background-repeat:no-repeat;
}

.vacatures {
font-family:Arial, Helvetica, sans-serif;
font-size:0.78em;
color:#333333;
background-image:url(../images/dubbele_streep.gif);
background-repeat:repeat-y;
text-align:center;
}

.tekst_bold {
font-weight:bold;
}

/*===paragraph===*/

p {	
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:8px;
}
/*===headings===*/

h1 {
	font-size:1.8em;
	font-family:Arial, Helvetica, sans-serif;
	
}

h2 {
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;	
}

h3 {
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;	
}
	
h2{
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}	


.blok_blauw {
background-color:#0066B3;
}