/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;
	color:#333;
}


#header {
	margin: 0 auto;
	width: 1000px;
}

#wrapheader {
	width: 100%;
	height: 543px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#wrapheadervw {
	width: 100%;
	height: 140px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}


#logo {
	float:left;
	width:200px;
}

#navigation {
	float:right;
	width:800px;
	margin-top:20px;
	text-align:right;
	font-size:1.2em;
}


#topnav {
	text-align:right;
}


/*---------------- SLIDE HOME ------------*/


#slidecolumn {
	margin: 0 auto;
	width: 1000px;
	height:450px;
	margin-top:120px;
}

#headercolumn {
	margin: 0 auto;
	width: 1000px;
	height:400px;
}

/*-------------- MID CONTENTBAR ----------------*/

#mid {
	margin: 0 auto;
	width: 1000px;
	background-color:#639;
}


#wrapmid {
	width: 100%;
}

#midcontent1 {
    width:300px;
	float:left;
	padding:10px;
}

#midcontent2 {
    width:300px;
	float:left;
	padding:10px;
}

#midcontent3 {
    width:300px;
	float:left;
	padding:10px;
}


/*------------NEWS HOMEPAGE----------------*/

#wrapnews {
	width: 100%;
	height:1100px;
	background-color:#000;
}

#news {
	margin: 0 auto;
	width: 1000px;
	color:#999;
}


#newsleftcolumn {
	margin: 0px;
	width: 500px;
	float: left;
	padding:10px;
	height:auto;
	}

#newsrightcolumn {
	float: right;
	width: 400px;
	padding:10px;
}


#nieuwsbg {
	background-image: url(http://www.davel.be/images/nieuws.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto;
	width: 1000px;
	height:400px;
	margin-top:130px;
}

#nieuwspunt {
	padding-left:580px;
	padding-top: 65px;
	font-size:2em;
	font-weight:bold;
	width:257px;
	color:#EEE;
}
	
/*----algemene voorwaarden----*/
#wrapvw {
	width: 100%;
	height:6100px;
	background-color:#000;
}


/*--------NIEUWSARCHIEF-------------*/

#wrapheader_nieuwsarchief {
	width: 100%;
	height: 150px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
	
#wrapnieuwsarchief {
	width: 100%;
	height: 10000px;
	background-color:#000;
}


/*------------OVER DAVEL----------------*/

#wrapover {
	width: 100%;
	height:500px;
	background-color:#000;
}

#over {
	margin: 0 auto;
	width: 1000px;
	color:#999;
}


#overleftcolumn {
	margin: 0px;
	width: 500px;
	float: left;
	padding:10px;
	height:auto;
	}

#overrightcolumn {
	float: right;
	width: 400px;
	padding:10px;
}

/*---------------PORT-----------------*/
#wrapportfolio {
	width: 100%;
	height:13000px;
	background-color:#000;
}

#portfolio {
	margin: 0 auto;
	width: 1000px;
	color:#999;
	padding:10px;
}

#ref {
	margin: 0 auto;
	width: 1000px;
	height:210px;
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color:#333;
	padding:20px 0px 20px 0px;
}

#ref_foto {
	width:560px;
	float:left;
}

#ref_info {
	width:400px;;
	float:right;
}

#ref_info h2 {
	font-size:1.4em;
	color:#999;
}

.ref_link {
	padding-top:150px;
}
	
#ref a {
	color:#999;
	text-decoration:underline;
}


/*------------WEBDESIGN----------------*/

#wrapwebdesign {
	width: 100%;
	height:750px;
	background-color:#000;
}

#webdesign {
	margin: 0 auto;
	width: 1000px;
	color:#999;
}


#webdesignleftcolumn {
	margin: 0px;
	width: 500px;
	float: left;
	padding:10px;
	height:auto;
	}

#webdesignrightcolumn {
	float: right;
	width: 400px;
	padding:10px;
}

/*------------WEBWINKEL----------------*/

#wrapwebwinkel {
	width: 100%;
	height:600px;
	background-color:#000;
}

#webwinkel {
	margin: 0 auto;
	width: 1000px;
	color:#999;
}


#webwinkelleftcolumn {
	margin: 0px;
	width: 500px;
	float: left;
	padding:10px;
	height:auto;
	}

#webwinkelrightcolumn {
	float: right;
	width: 400px;
	padding:10px;
}


/*------------SEO----------------*/

#wrapzoekm {
	width: 100%;
	height:550px;
	background-color:#000;
}

#zoekm {
	margin: 0 auto;
	width: 1000px;
	color:#999;
}


#zoekmleftcolumn {
	margin: 0px;
	width: 500px;
	float: left;
	padding:10px;
	height:auto;
	}

#zoekmrightcolumn {
	float: right;
	width: 400px;
	padding:10px;
}


/*------------CONTACT----------------*/

#wrapcontact {
	width: 100%;
	height:700px;
	background-color:#000;
}

#contact1 {
	margin: 0 auto;
	width: 1000px;
	color:#999;
}


#contactleftcolumn {
	margin: 0px;
	width: 500px;
	float: left;
	padding:10px;
	height:auto;
	}

#contactrightcolumn {
	float: right;
	width: 400px;
	padding:10px;
}


#contact {
	width:500px;
	padding-top:40px;
	height:40px;
	float:right;
	text-align:right;
	font-size:16px;
	font-weight: bold;
	line-height: 20px;
	text-transform:uppercase;
	}




/*-------- FOOTER START---------*/
#wrapfooter {
	width: 100%;
	clear: both;
	color: #333;
	margin: 0px;
	padding: 10px;
	background-color:#999;
	min-height:85px;
}

#footercolumn {
	margin: 0 auto;
	width: 1000px;
}
	
#footer1 {
	padding:10px 10px 10px 0px;
	float:left;
	width:400px;
}

#footer2 {
	padding:10px;
	float:left;
	width:400px;
}

#footer3 {
	padding:10px;
	float:left;
	width:120px;
	text-align:right;
}

#footer2 a {
	color:#000;
	font-weight:bold;
}

#footer2 a:hover {
	text-decoration:none; 
}

#footer1 ul {
	list-style: none;
	padding-right: 1em;
	padding-left: 1em;
}

#footer1 li {
	display: inline;
	margin: 0;
	padding-top: 0;
	padding-right: 0.9em;
	padding-bottom: 0;
	padding-left: 0.9em;
}
#footer1 a {
 margin-left: 3px; /* Width of the graphic */
 text-decoration:underline;
 color:#999999;
}
#footer1 a:hover {
 color:#FFF;
}

#footer1 .first {
 padding-left: 1.8em;
 text-transform:lowercase;
 font-size:11px;
}

#footer1 .first a {
 margin-left: 0;
}
#footer1 .copy a {
	color: #FFF;
	text-decoration:underline;
}
#footer1 .copy a:hover {
 color: #FFFFFF;
 text-decoration:none;
}




/*--------- OPMAAK HEADERS ---------*/

h1 {
	font-size:1.5em;
	color:#FFF;
	padding-bottom: 4px;
	}
	
	
h2 {
	font-size:1.1em;
	color:#333;
	padding-bottom:2px;
	}
	

h3 {
	font-size:1.1em;
	color:#EEE; 
}


		
h4 {
	font-size:1.1em; 
	color:#FFF;
	}
	

h5 {
	font-size:1em;
	color:#FFF;
	text-transform:uppercase;
	}
	
h6 {
	font-size:1.1em;
	color:#000;
	}
	

.newsh3 a {
	font-size:1.6em;
	color:#EAF4FF;
	text-decoration:none;
}

.newsh3 a:hover {
	color:#388DE8;
}
	
	

/* anythingSlider */
.anythingSlider                         { width: 845px; height: 355px; position: relative; margin-left:155px; padding-top:9px;}
.anythingSlider .wrapper                { width: 791px; height: 355px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 365px; width: 791px; position:relative;}
.anythingSlider ul li img.slide {
	float:left;
}

.anythingSlider dl {
		float:left;
		width:141px;
		line-height:17px;
		color:#7e8c9a;
		position:absolute;
		bottom:0;
		right:0;
	}
	.anythingSlider dl dt {
		font-size:1.17em;
		font-weight:bold;
		color:#f00;
		margin-bottom:8px;
	}
.anythingSlider .arrow                  { display: block; height: 80px; width: 53px; background:url(../images/buttons.png) no-repeat left top; text-indent: -9999px; position: absolute; top: 146px; cursor: pointer; margin:0;}
.anythingSlider .forward                { background-position: 0 0; right:0; }
.anythingSlider .back                   { background-position: -53px 0; left: -155px; }
.anythingSlider .forward:hover          { background-position: 0 -80px; }
.anythingSlider .back:hover             { background-position: -53px -80px; }

#start-stop                             { display:none;}

.anythingSlider h2 {
	font-size:1.5em;
	width:100%;
	overflow:hidden;
	width:636px;
	margin-bottom:0;
	letter-spacing:-1px;
}

.anythingSlider h2 a {
		font-family:Arial, Helvetica, sans-serif;
		float:right;
		font-size:12px;
		font-weight:normal;
		letter-spacing:normal;
	}

.anythingSlider a {
	text-decoration:none;
	color:#000;
}

.anythingSlider a:hover {
	text-decoration:underline;
	color:#000;
}

/* anythingSlider */

	
	



	/* links
******************************************/

	
a {
	color:#FFF;
	text-decoration:underline;
}

a:hover {
	color:#388DE8;
}


.white {
	color:#FFF;
}


#ref a:hover {
	color:#09F;
}

#ref a img  {
	border-width:5px;
	border-color:#333;
}

#ref a img:hover {
	border-width:5px;
	border-color:#09F;
}



/*------------NEWS DATE------------*/

.post-final {
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color:#333;
	padding:15px 0px 15px 0px;
}

.post-content-final { 
	margin-left:2.6em; 
	padding-left:5px; 
}

.published {
	display:block;
	text-align: center;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:none;
	width:2.4em;
}
.pub-month {
	display:block;
	font-size: .9em;
	margin:0;
	padding:0;
	color:#388DE8;
	font-weight:bold;
}
.pub-date { 
	display:block; 
	font-size:1.4em;
	margin:0; 
	padding:0;
	color:#388DE8;
	font-weight:bold;
}



/* --------- CONTACT FORMULIER --------*/


	.contactinput {
	padding:5px;
	border:1px solid #333; 
	padding:3px;
	font-size:1.3em;
	letter-spacing:1px;
	width:305px;
	font-weight:bold;
	margin-bottom:10px;
	background-color:#000;
	color:#CCC;
	}
	
	.contacttextarea {
	padding:5px;
	border:1px solid #333; 
	padding:3px;
	font-size:1.5em;
	letter-spacing:1px;
	width:320px;
	height:150px;
	background-color:#000;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	}

input#author, #author input {
	padding:6px 0px 6px 30px;
	background-image: url(../images/f_name.png);
	background-repeat: no-repeat;
	background-position: 2% 50%;
}

input#comp, #comp input {
	padding:6px 0px 6px 30px;
	background-image: url(../images/f_comp.png);
	background-repeat: no-repeat;
	background-position: 2% 50%;
}

input#mail, #mail input {
	padding:6px 0px 6px 30px;
	background-image: url(../images/f_email.png);
	background-repeat: no-repeat;
	background-position: 2% 50%;
}
input#phone, #phone input {
	padding:6px 0px 6px 30px;
	background-image: url(../images/f_phone.png);
	background-repeat: no-repeat;
	background-position: 2% 50%;
}

.contactbutton {
	width: 320px;
	height: 60px;
	background: transparent url(../images/contactbutton.png) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}
	
.contactbutton:hover {
	background: transparent url(../images/contactbutton.png) no-repeat 0 -60px;
	}