/* CSS Document */
/* Goed werkende versie in alle browsers v.w.b. uitklapmenu-vb: Ook de css-code en html is opgeschoond*/
html, body {
			margin: 0 0 0 0;
			font-family: "Trebuchet MS","Tahoma","Verdana","Century Gothic", sans-serif;
			font-size: 13px;
			background-image:url(images/webdesign2-bg.gif);
			background-position:0 600px;
			background-attachment:fixed;
			background-repeat:repeat-x;
			}
			
h1{
	font-size: 16px!important; /*zorgt dat deze niet wordt overschreven*/
	margin-bottom: 1px; /*beperkt afstand tussen kop en tekst*/
}
h2{
	font-size: 14px!important;
	margin-bottom: 0px; /*verwijdert de afstand tussen kop en tekst*/
}

#logo{
	position: absolute;
	width: 140px;
	height: 145px;
	margin: 0 0 0 72px;
	padding: 0 0 0 0;
	background-image:url(images/logo2.gif);
	background-repeat: no-repeat;
	z-index: 2;
}
#ad {  /*even toegevoegd om een flash ad uit te testen op de pagina tarief2.html*/
	position: relative;
	width: 300px;
	height: 300px;
	margin: -100px 0 0 -153px;
	padding: 0 0 0 0;
	z-index: 100;
	}
#foto {
		position:absolute;
		margin: 0 0 0 594px;
		background-image:url(images/foto.jpg);
		background-repeat:no-repeat;
		width: 373px;
		height: 238px;
		z-index: 5
		}
#inhoud{
	position: absolute;
	z-index: 6;
	margin: 145px 0 0 92px;
	padding: 0;
	background-image:url(images/inhoud_streep.gif); 
	background-repeat: repeat-y;
	background-position:left top;
	width: 560px;
	height: 400px;
}
.tekst{
	margin: 30px 20px 0px 150px;
	width: 460px;
	height: 365px;
	}
.tekst-portfolio{
	margin: -15px 0 0px 100px;
	width: 460px;
	height: 365px;
	}
.tekst-tarief{
	margin: 30px 20px 0px 150px;
	width: 540px;
	height: 365px;
	}

.tekst-contact{
	background-color:#ffffff;
	color:inherit;
	margin: 0px 0 0px 100px;
	width: 589px;
	height: 670px;
	}
#flashcontent {
		height: 385px;
		margin: 0px 0 0 0px;
		width: 580px;
	}
#portfoliotekst {
	margin-left: 61px;
	margin-top: -5px;
	}
#pijl-positie-volgende a{
	position:absolute;
	background-image: url("images/pijl2-btn.gif");
	background-repeat:no-repeat;
	margin: 0 0 0 480px;
	top: 365px;
	width: 35px;
	height: 25px;

}
#pijl-positie-volgende a:hover {
   background-position: 0 -25px;
		background-color: inherit;
		color: #395700;
    }
#pijl-positie-vorige a{
	position:absolute;
	background-image: url("images/pijl2-btn-vorige.gif");
	background-repeat:no-repeat;
	margin: 0 0 0 -40px;
	top: 365px;
	width: 35px;
	height: 25px;

}
#pijl-positie-vorige a:hover {
   background-position: 0 -25px;
		background-color: inherit;
		color: #395700;
    }

/*-------------------------------------alle id's die met de rode nieuws-kolom te maken hebben----------------------------*/
#kolombg {/* rode achtergrond rechterkolom*/
		position: absolute;
		margin: 238px 0 0 781px;
		background-image: url(images/kolom_nieuws.gif);
		background-repeat: repeat-y;
		width: 186px;
		height: 307px;
		z-index: 5;
		}
#kolom{ /*zorgt dat tekst op rechterkolom geplaatst kan worden*/
	position: absolute;
	margin-top: 292px;
	width: 186px;
	font-size:11px;
	background-color:inherit;
	color:#b1b1b1;
	left: 795px;
	z-index: 6;
	}
.wit{
color:#D1D2CF!important;
background-color:inherit;
}
#schuifbalk { /*schuifbalk van nieuws-venster*/
	position:relative;
	left:0; 
	top:0;
	height:40px; /* hoogte schuifbalk = 40 */
	width:10px;
	background-image:url(images/pijl-scroller.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#ccc;
	color:#000000;
	border:1px outset #000;
	}
#schuifbalk-positie { 
	width:20px; 
	float:left;
}
#scrollvenster { /*venster van nieuwssectie*/
	width:150px; 
	height:220px;
	overflow:hidden; 
	border:3px dashed #b2b2b2;
	float:left; 
	margin-right:3px; 
	background-color:#ffffff;
	color:#000000; 
	position:relative;
}
#scrollinhoud { /*tekst in nieuwsectie*/
	position:absolute; 
	left:5px; 
	margin-top:0px; 
	font-family: "Trebuchet MS","Tahoma","Verdana","Century Gothic", sans-serif;
	font-size:12px;
}
#scrollinhoud p{   /*kop in nieuwssectie*/
	font-weight:bold;
	margin-bottom: 2px; /*verkleint afstand van p tot tekst*/
	}
#kolomlink{
	color: #ccc; /*aangepaste link-kleur voor rode kolom*/
	background: inherit;
	text-decoration:underline;
	}
/*-------------------------------------de layout-strepen----------------------------------------------------*/
#streep_l {
		position:absolute;
		margin: 124px 0 0 0;
    	padding: 0px;
    	background-image: url(images/streep_l.gif);
    	background-repeat: repeat-x; 
    	width: 72px;
		height: 21px;
		}
#streep_verticaal  {
		position:absolute;
		margin: 0px 0px 0px 92px;
    	padding: 0 0 0 0;
		height: 2000px;
		width: 100px;
    	background-image: url(images/kolom_streep.gif);
    	background-repeat: repeat-y;
		z-index: 2;
		}
#streep_onder {
		margin: 544px 0 0 0;
    	padding: 0 0 0 0;
    	background-image: url(images/streep_onder.gif);
    	background-repeat: repeat-x;
    	width: 100%;
		height: 25px;
		}
/*------------------------------------------------footer---------------------------------------------------------------*/
.clear {  /*nodig om footer te laten verschijnen*/
	margin: 0;
    padding: 0;
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
}
#footer{
	display: block;
	color: #999;
	float:right;
	margin-right: 20px;
	background-color:inherit;
	/*border: 2px solid red;*/
}

/*-----------------------------------------------------Menu tabs----------------------------------------------------------------*/
#menu_bg {
		position:absolute;
		margin: 105px 0 0 212px;
    	background-image: url(images/menu_bg.gif);
    	background-repeat: repeat-x;
    	/*width: 388px;*/width: 435px;
		height: 100px;
		z-index: 6;
		}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

li {
	float: left;
	padding-right:0px;
	}

a.tab:link, a.tab:visited {    /*in de class .tab staan de speciale linkinstellingen voor de tabs*/
	position:relative;
	display: block;
	color: #000;
	background-color:inherit;
	text-decoration: none;
	width: 85px;
	height: 25px;
	font-size: 13px!important;
	font-weight:500;
	}

a.tab:hover, #active {
	position:relative;
	display: block;
	background: url(images/tab2.jpg) no-repeat;
	background-color:inherit;
	margin-top: -10px;
	width:85px;
	height: 32px;
	color: #FFF;
	font-weight: normal;
	padding-top: 10px;
	} 

/*---------------------- geeft hover-staat van een gewone link weer---------------------*/
/* plaats de css voor links altijd in deze volgorde a:link, a:visited, a:hover, a:active*/
a:link{  
	text-decoration:none;                    
	color: #B31B34;
	font-weight:bold;
	background-color:inherit;
	
}
a:visited{
	text-decoration:none;
	color:#B31B34;
	font-weight:bold;
	background-color:inherit;
}
a:hover {
	text-decoration:none;
	color: #B31B34;
	font-weight:bold;
	background-color:inherit;
}
/*---------------------------------------------tarief---------------------------------------------------------------------*/
ul#lijst {
	list-style-type: square;
	}
ul#lijst li {
	float:none; /*opheffen horizontale weergave lijst*/
	margin-left: 20px;
	}

/*--------------------------------------skype button-------------------------------------------------------------------------------------------*/
.skypebutton {
 margin: 1em 0;
 width: 10em;
 border: 1px solid #ccc;
 font-family: helvetica,arial,sans-serif;
 font-size: 10px;
 font-weight: bold;
 z-index: 10;
}

.skypebutton a {
 display: block;
 width: 100%;
}

.skypebutton a:link,.skypebutton a:visited,.skypebutton a:hover {
 background-color: #7296B0;
 color: #000;
 text-decoration: none;
}

.skypebutton span.skype {
 margin: 1em 0;
 padding: 0 0.4em;
 background-color: #fff;
 color: #0c479d;
}