@charset "utf-8";
/* CSS Document */
html, span, applet, object, iframe, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, img, strong, center, dl, dt, dd,
fieldset, form, label, font, legend,
table, caption, tbody, tfoot, thead{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}
h1{
	margin: 0;
	padding: 0 0 10px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #CA003C;
	line-height: 20px;
}


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 11px;
} 
#container { 
	width: 100%;  
	background: #FFFFFF;

}
#header{
	margin: 0;
	padding:0;
	width:100%;
}
#header1outerwrap{
	margin: 0 0 2px 0;
	border-bottom: dotted #000 1px;
	}
#header1{ 
	margin: 0 auto 0 auto;
	height: 30px;
	padding: 30px 0 0 0;
	width: 960px;
}
#header1 .headline a:link, #header1 .headline a:hover ,#header1 .headline a:active,#header1 .headline a:visited{margin: 0px; padding: 0; font-size: 15px; color:#CCC; font-weight: normal; text-decoration:none}

#header2outerwrap{
	margin: 0 0 2px 0;
	border-bottom: dotted #000 1px;
	background-color:#000;
	}
#header2{
	background:#000;
	height: 30px;
	width: 960px;
	padding: 0px;
	margin: 0 auto 2px auto;
}
#header2 #topmenu{padding:0px 0 0px 280px; margin: 0 auto; width: 960px; color: #FFF;}

#header2 #topmenu ul{
	margin: 0px;
	padding: 0px;
	font-size: 11px;	
	list-style: none;
}
#header2 #topmenu ul li{
	margin: 0;
	padding: 5px 10px 5px 0;
	float: left;
	color: #fff;
}
#header2 #topmenu ul li a:link, #header2 #topmenu ul li a:visited {
	display: block;
	padding: 4px 0 4px 0px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;	
}
#header2 #topmenu ul li a:hover, #header2 #topmenu ul li a:active {
	display: block;
	color: #CCC;
	padding: 4px 0 4px 0px;
	font-size: 12px;
	text-decoration: none;
}
#header3outerwrap{
	margin: 0 0 2px 0;
	border-bottom: dotted #000 1px;
	background: url(images/grijs-achtergrond.jpg) repeat-x;

	}
#header3{  
	padding: 0;
	margin: 0 auto 2px auto;
	height: 120px;
	width: 960px;
}
#header3 #logo{
	float: left;
	width: 250px;
	padding: 43px 0 0 0;
	margin: 0 auto;
}
#tekst-header{
	float:right;
	width:310px;
	padding: 60px 20px 0 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	color:#666;}
#tekst-header a:link, #tekst-header a:visited{
  color: #000;
  font-size: 14px;
  text-decoration:none;
  color:#666;
}
#tekst-header a:hover, #tekst-header a:active{
  color: #999;
  font-size: 14px;
  text-decoration:none;
  color:#000;
}
	
	
.webdesign-home{
	background:url(images/webdesign-drenthe.jpg) no-repeat}
.webdesign-drenthe{
	background:url(images/webdesign-assen.jpg) no-repeat}
.website-maken{
	background:url(images/webdesign-drenthe-assen.jpg) no-repeat}
.zoekmachine-optimalisatie-drenthe{
	background:url(images/zoekmachine-optimalisatie-drenthe.jpg) no-repeat}
.internet-marketing{
	background:url(images/internet-marketing.jpg) no-repeat}
.webdevelopment{
	background:url(images/webdevelopment-drenthe.jpg) no-repeat}
.wordpress-website-maken{
	background:url(images/wordpress-website-maken-2.jpg) no-repeat}	
	
#innerwrapper{
	width: 960px;
	margin: 40px auto 0 auto;}
#sidebar1 {
	float: left;
	width: 260px;
	padding: 10px 10px 30px 0px;
	color: #000;
}
#sidebar1 p{
	padding:0;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	}
#sidebar1 #adres{
		padding: 0 0 0 15px;}
#sidebar1 #adres a:link, #sidebar1 #adres a:visited {
  color: #CA003C;
  font-size: 11px;
  text-decoration: underline;
}
#sidebar1 #adres a:hover, #sidebar1 #adres a:active {
  color: #CA003C;
  font-size: 11px;
  text-decoration: underline;
}
#sidebar1 #blokrood {
	padding: 15px 15px 15px 15px;
	width: 230px;
	font-size: 11px;
	font-weight: normal;
	color:#FFF;
	background: #CA003C;
	line-height: 16px;
	}
#sidebar1 #blokrood a:link, #sidebar1 #blokrood a:visited{
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
#sidebar1 #blokrood a:hover, #sidebar1 #blokrood a:active{
  color: #CCC;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
#sidebar1 #blokgrijs {
	padding: 15px 15px 15px 15px;
	width: 230px;
	font-size: 11px;
	color:#FFF;
	background: #3D3D3D;
	font-weight: bold;
	}
#sidebar1 #blokgrijs p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}
#sidebar1 #blokgrijs a:link, #sidebar1 #blokgrijs a:visited{
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
#sidebar1 #blokgrijs a:hover, #sidebar1 #blokgrijs a:active  {
  color: #CCC;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
#sidebar1 img{
	border: 0px;
	}
#sidebar1 #blokzwart {
	padding: 10px 15px 10px 15px;
	margin: 0 0 30px 0;
	width: 230px;
	font-size: 11px;
	color:#FFF;
	background: #000;
	font-weight: bold;
	}
#sidebar1 #blokzwart p {
	font-weight: bold;
	}
#sidebar1 #blokzwart a:link, #sidebar1 #blokzwart a:visited{
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
#sidebar1 #blokzwart a:hover, #sidebar1 #blokzwart a:active{
  color: #CCC;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
	
	
#sidebar2{
	float: right;
	width: 220px;
	padding: 0px 10px 30px 10px;
}
#sidebar2 #menu ul{
	margin: 0px;
	padding: 0px;
	font-size: 11px;	
	list-style: none;
	text-indent: 5px;
}
#sidebar2 #menu ul li{
	margin: 0;
	padding: 5px 0 5px 0;
	width: 220px;
	color: #000;
}
#sidebar2 #menu ul li a:link, #sidebar2 #menu ul li a:visited {
	display: block;
	padding: 4px 0 4px 0px;
	font-size: 11px;
	font-weight: bold; 
	color: #000;
	text-decoration: none;	
}
#sidebar2 #menu ul li a:hover, #sidebar2 #menu ul li a:active {
	display: block;
	padding: 4px 0 4px 0px;
	font-size: 11px;
	font-weight: bold;
	background-color: #E1E1E1;
	text-decoration: none;
}
#sidebar2 #menu ul ul {
	margin: 0;
	padding: 0 0 10px 0;
	width: 220px;
	list-style: none;
	text-indent: 0px;
	border-bottom: dotted 1px #000;
}
#sidebar2 #menu ul ul li{
	margin: 0;
	padding: 0 0 0 0px;
	font-weight: normal;
	width: 220px;
	list-style: none;
}
#sidebar2 #menu ul ul li a:link, #sidebar2 #menu ul ul li a:visited {
	color:#CA003C;
	display: block;
	padding: 0 0 0px 0px;
	margin: 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
}
#sidebar2 #menu ul ul li a:hover, #sidebar2 #menu ul ul li a:active {
	color:#CA003C;
    display: block;
	padding: 0 0 0 0px;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
	background-color: #E1E1E1;
	line-height: 20px;
	text-decoration: none;
}
#mainContent {
	margin: 0 240px 0 270px;
	padding: 10px 10px 10px 10px;

}
#mainContent p{
	padding:0;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 20px;
	}
#mainContent h1{
	margin: 0;
	padding: 0 0 10px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #CA003C;
	line-height: 20px;
}

#mainContent h2{
	margin: 0;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#container #mainContent ul{
	margin: 0 0 0 30px;
	padding: 0 0 10px 0px;
	list-style:disc;
	list-style-position: outside;
	font-size: 11px;
	line-height: 20px;
 }
#container #mainContent ol{
	margin: 0 0 0 30px;
	padding: 0 0 20px 0px;
	list-style-position: outside;
	font-size: 11px;
	line-height: 20px;
 }
#container #mainContent li {
 padding: 0 0px 0 0px;
}
#container #mainContent td {
 padding: 5px;
}
#container #mainContent td.center{
  text-align:center;
}
#container #mainContent a:link, #container #mainContent a:visited {
  color: #333;
  font-size: 11px;
  text-decoration: underline;
}
#container #mainContent a:hover, #container #mainContent a:active {
  color: #333;
  font-size: 11px;
  background: #CCC;
  text-decoration: underline;
}

/*brede opmaak*/
#mainContent-breed {
	margin: 0 250px 0 0px;
	padding: 15px;
}
#mainContent-breed p{
	padding: 0; margin: 0; font-family:Verdana, Geneva, sans-serif; font-size: 11px; line-height: 20px;
	}
#mainContent-breed h1{
	margin: 0;
	padding: 0 0 10px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #CA003C;
	line-height: 20px;
}
#container #mainContent-breed  h1 a,#container #mainContent-breed h1 a:link,#container #mainContent-breed h1 a:active,#container #mainContent-breed h1 a:visited{
	text-decoration:none;
		font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #CA003C;
	line-height: 20px;}
#mainContent h2{
	margin: 0;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#mainContent-breed h3{
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-indent: 25px;
	background-image: url(images/portfolio-websites.gif);
	background-repeat:no-repeat;
}
#container #mainContent-breed ul {
	margin: 0 0 0 30px;
	padding: 0 0 10px 0px;
	list-style:disc;
	list-style-position: outside;
	font-size: 11px;
	line-height: 20px;
 }
#container #mainContent-breed li {
 padding: 0 0px 0 0px;
}
#container #mainContent-breed a:link, #container #mainContent-breed a:visited {
  color: #CA003C;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
}
#container #mainContent-breed a:hover, #container #mainContent-breed a:active {
  color: #CA003C;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
}
/*footer definities*/

#footer {
	padding: 0px;
	margin: 0 auto;
	width: 100%;
	background-color: #343434;
	height: 150px;
} 
#footer1 {
	padding: 5px 0px 0 20px;
	margin: 0 auto;
	width: 960px;
	height: 130px;

} 
#footer1 #blok1, #footer1 #blok2,  #footer1 #blok3, #footer1 #blok4{
	margin: 0;
	padding: 6px 10px 10px 0px;
	float: left;
	width: 175px;
	font-size: 13px;
}
#footer1 h3 {
	margin: 0px;
	padding: 0 0 8px 0;	
	font-size: 13px;
	font-weight: normal;
	border-bottom: dotted 1px #999;
}
#footer1 #blok1 h3 a:link, #footer1 #blok1 h3 a:visited{
  color: #FFF;
  font-size: 13px;
  text-decoration: none;
}
#footer1 #blok1 h3 a:hover, #footer1 #blok1 h3 a:active {
  color: #FFF;
  font-size: 13px;
  text-decoration: none;
}
#footer1 #blok1 ul{
	margin: 0px;
	padding: 5px 0 0 0px;
	font-size: 11px;
}
#footer1 #blok1 li{
	margin: 0;
	padding: 2px 0 2px 0;
	list-style: none;
	font-size: 11px;
}
#footer1 #blok1 ul li a:link, #footer1 #blok1 ul li a:visited {
	padding: 2px 0 2px 0px;
	color: #999;
	font-size: 11px;
	text-decoration: none;
}
#footer1 #blok1 ul li:hover, #footer1 #blok1 ul li a:active {
	padding: 2px 0 2px 0px;
	color: #999;
	font-size: 11px;
	text-decoration: underline;
}
#footer2 {
	padding: 5px 0px 0 20px;
	margin: 0 auto;
	height: 20px;
	color:#666;
	width: 960px;
	background: #FFF;
}
#footer2 a:link, #footer2 a:hover, #footer2 a:active, #footer2 a:visited{
	font-size: 11px;
	color:#666;
	text-decoration: underline;
} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	padding: 0 0 10px 10px;
}
.fltlft {
	float: left;
	padding: 0 10px 10px 0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 html {
     overflow: -moz-scrollbars-vertical;
}
/*homepage*/
#sidebar1 #homeblokrood {
	padding: 15px 15px 15px 15px;
	width: 230px;
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
	background: #CA003C;
	line-height: 20px;
	}
#sidebar1 #homeblokgrijs {
	padding: 15px 15px 15px 15px;
	width: 230px;
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
	background: #3D3D3D;
	line-height: 16px;
	font-weight: normal;
	}
#sidebar1 #homeblokgrijs a:link, #sidebar1 #homeblokgrijs a:visited{
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
#sidebar1 #homeblokgrijs a:hover, #sidebar1 #homeblokgrijs a:active  {
  color: #CCC;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
#mainContent #kolom1home{
	padding: 0 10px 10px 0;
	margin: 0 0 10px 0;
	width: 420px;
  }	
#mainContent #kolom2home{
	padding: 0 10px 0px 10px;
	margin: 0 0 10px 10px;
	width: 200px;
	border-left: 1px solid #CCC;
	float: right;
}
#mainContent #contentblok{
	margin:10px 0 0 0; padding: 20px 10px; border: 1px solid #CCC; background:#F2F2F2; width: 400px;}
/*portfolio wordpress*/
#mainContent-portfolio{
	padding: 15px 15px 15px 15px;
	width: 960px;
	font-size: 11px;
	line-height: 20px;
	}
.port{
	float:left;
	width: 280px;
	height: 350px;
	line-height: 18px;
	padding: 0 40px 20px 0;}
	.port h3{padding:0; margin:20px 0 0 0; font-size: 12px; font-weight:bold}
	
.port p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	line-height: 18px;
	color:#666;
	background:#fff;
}
.port a:link, .port a:visited{
  color: #000;
  font-size: 11px;
}
.port a:hover, .port a:active  {
  color: #999;
  font-size: 11px;
}
	
.oranje{font-style:italic;  color:#666; padding: 0px; line-height:20px}

/*Divers*/
.addthis_default_style{
	padding: 10px 0 0 0}