/* CSS Document */
body{margin:0px; padding:0px;  background-image:url("../img/bgoatern.png"); background-repeat:inherit;}
a{ text-decoration:  none; font-size:18px; font-family:calibri; color:#515151; }
a:hover{color:#218bdf;}
img{text-decoration:none; border:none;}
h1.i{position: absolute; left: -9000px;}
h1{font-size:18px;}
.invis{position: absolute; left: -9000px;}
li{list-style-type: none;}


/* Header */
#wrap{width: 960px;
margin: 0 auto; }
/* einde Header */

/* Menu */
.menu ul {
list-style:none;
padding:0;
margin:0;


}
 
.menu ul li {
float:left;
}
 
.menu ul li a {

display:block;
width:90px;
height:30px;
margin-right:30px; /* kleine ruimte tussen buttons */

}
.menu ul li.home a {
background:url(../img/menu/home.png);
}
.menu ul li.home a:hover {
background-position:bottom;
}
.menu ul li.diensten a {
background:url(../img/menu/diensten.png);
}
.menu ul li.diensten a:hover {
background-position:bottom;
}
.menu ul li.portfolio a {
background:url(../img/menu/portfolio.png);
}
.menu ul li.portfolio a:hover {
background-position:bottom;
}
.menu ul li.contact a {
background:url(../img/menu/contact.png);
}
.menu ul li.contact a:hover {
background-position:bottom;
}

.pics{margin-left:5px;}
#menu{margin-top:-50px; margin-top:-35px; margin-left:480px; color:#fff;}
#navlist li{display: inline; margin-left:30px;list-style-type: none;padding-right: 20px; color:#000;}
li.a{background-color:#f3743c; color:#fff;}
#projlist li{display: inline; margin-left:0px;list-style-type: none;padding-right: 8px; color:#000; width:auto;}
li.a{background-color:#f3743c; color:#fff;}
/* Einde Menu */

/* Content */
.verline{background-color:#cfd3d7; width:auto; height:15px; margin-top:10px;}
#horline{background-color:#cfd3d7; margin-left:440px; width:5px; height:250px; margin-top:-210px;}
#internetbureau{margin-top:50px; width:400px;}
#bruinswebdesign{ border:1px blue;margin-top:-287px; float:right; width:450px; font-size:14px; color:#4b4b4b; font-family:Georgia, "Times New Roman", Times, serif;}
#content{ padding:3px;width:550px;}
#more{margin-left:625px; margin-top:20px;position: absolute;color: #B2B2B2;font-size: 11px;line-height: 14px;width: 335px;}
#sidebar{background:url("../img/right-back.jpg") no-repeat scroll 616px 0 transparent; clear: both; padding: 23px 25px 25px 23px; width: 918px; height:800px;	margin-top:-15px;margin-bottom:-15px;}
#footercontainer {
	background-color:#000;
	position: relative;
	margin-top: 150px; /* negative value of footer height */
	height: 150px;
	clear:both;
}
.sidebar ul li a{
	display:block;
	width:241px;
	height:22px;
	margin-left:-40px;}
.sidebar ul li.diensten a {
background:url(../img/sidebar/diensten.png);
}
.sidebar ul li.diensten a:hover {
background-position:bottom;
}
.sidebar ul li.websites a {
background:url(../img/sidebar/websites.jpg);
}
.sidebar ul li.websites a:hover {
background-position:bottom;
}
.sidebar ul li.webshops a {
background:url(../img/sidebar/webshop.jpg);
}
.sidebar ul li.webshops a:hover {
background-position:bottom;
}
.sidebar ul li.seo a {
background:url(../img/sidebar/seo.jpg);
}
.sidebar ul li.seo a:hover {
background-position:bottom;
}
.sidebar ul li.contact a {
background:url(../img/sidebar/contact.jpg);
}
.sidebar ul li.contact a:hover {
background-position:bottom;
}
.sidebar ul li.home a {
background:url(../img/sidebar/home.jpg);
}
.sidebar ul li.home a:hover {
background-position:bottom;
}
.sidebar ul li.diensten2 a {
background:url(../img/sidebar/diensten.jpg);
}
.sidebar ul li.diensten2 a:hover {
background-position:bottom;
}
.sidebar ul li.portfolio a {
background:url(../img/sidebar/portfolio.jpg);
}
.sidebar ul li.portfolio a:hover {
background-position:bottom;
}
#breadcrumb{margin-left:625px; margin-top:-20px;position: absolute;color: #B2B2B2;font-size: 11px;line-height: 14px;width: 335px;}

#page{width:auto;  height:auto; background-color:#FFF; border:#000; padding:15px;font-size:14px; color:#4b4b4b; font-family:Georgia, "Times New Roman", Times, serif; margin-top:15px;
-moz-box-shadow: 2px 3px 2px #b0b2ad; /* Firefox/Mozilla */
  -webkit-box-shadow: 2px 3px 2px #b0b2ad; /*Safari/Chrome */
  box-shadow: 2px 3px 2px #b0b2ad; /* Opera & hoe het zou moeten */
  /* Voor IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#b0b2ad')";
  /* Voor IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#b0b2ad');
}
#portfolioitem{margin-top:20px; display: none;}
.portcontent{margin-top:-160px; width:280px; margin-left:270px;}
/* Einde Content */

/* Clear */
#clear{clear:both;}
/* Einde clear */

/* Footer */
#footer {
margin-top:400px;
height: 120px;
position: relative;
background-color:#CCC;}
#portitem1{
	width:300px;
	text-align:center;
	font-size:14px; color:#4b4b4b; font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
}
#portitem2{
	width:300px;
	text-align:center;
	font-size:14px; color:#4b4b4b; font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	margin-left:15px;
}
#portitem3{
	width:300px;
	text-align:center;
	font-size:14px; color:#4b4b4b; font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	margin-left:15px;
}
/* Einde footer */
#slider-wrapper
{

    padding-top:74px;
    margin-top:-45px;
	

	
	
}


#slider {
	position:relative;
    width:618px;
    height:246px;
    margin-left:5px;
	margin-top:-30px;
	background:url(../img/loading.gif) no-repeat 71% 70%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:400px;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/* contact */
#contactBig{margin-left:-370px;}