@charset "utf-8";
body {
background-image:url(../images/body.jpg);
background-repeat:repeat-x;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
text-decoration:none;
color:#43474E;
width:100%;
margin:0;
padding:0;
}

h1 {
font-family:Lithos, Verdana, Arial;
font-size:21px;
margin:0;
padding:0 0 20px;
}

.follow {
padding-top:20px;
}

a {
outline:none;
}

#container {
background-image:url(../images/container-image.jpg);
background-repeat:no-repeat;
background-position:center 160px;
width:100%;
position:absolute;
margin:0;
padding:0;
}

#main-content {
min-height:850px;
height:auto;
width:1000px;
position:relative;
margin:0 auto;
padding:0;
}

#shade {
float:right;
position:relative;
height:100%;
top:175px;
margin:0;
padding:0;
}

#top {
height:123px;
width:auto;
float:right;
position:relative;
top:0;
margin:22px 0 0;
padding:0;
}

.logo {
margin-right:78px;
margin-bottom:40px;
padding:0;
}

#usb {
position:absolute;
top:160px;
z-index:50;
left:159px;
margin:0;
padding:0;
}

#navigation {
float:right;
height:29px;
width:579px;
position:relative;
background-color:#787f85;
clear:none;
z-index:100;
margin:1px 0 0;
padding:0;
}

#navigation ul {
list-style-type:none;
margin:0;
padding:0;
}

#navigation ul li {
float:left;
margin:0;
padding:0;
}

#navigation ul li a {
display:block;
height:28px;
text-decoration:none;
text-indent:-9000px;
overflow:hidden;
width:100%;
margin:0;
padding:0;
}

#home {
background-image:url(../images/navigation/home-01.gif);
width:65px;
}

#home a:hover {
background-image:url(../images/navigation/home-02.gif);
}

#home-active {
background-image:url(../images/navigation/home-02.gif);
width:65px;
}

#webdesign {
background-image:url(../images/navigation/webdesign-01.gif);
width:88px;
}

#webdesign a:hover {
background-image:url(../images/navigation/webdesign-02.gif);
}

#webdesign-active {
background-image:url(../images/navigation/webdesign-02.gif);
width:88px;
}

#druk {
background-image:url(../images/navigation/druk-ads-01.gif);
width:162px;
}

#druk a:hover {
background-image:url(../images/navigation/druk-ads-02.gif);
}

#druk-active {
background-image:url(../images/navigation/druk-ads-02.gif);
width:162px;
}

#logo-huisstijl {
background-image:url(../images/navigation/logo-hs-01.gif);
width:113px;
}

#logo-huisstijl a:hover {
background-image:url(../images/navigation/logo-hs-02.gif);
}

#logo-huisstijl-active {
background-image:url(../images/navigation/logo-hs-02.gif);
width:113px;
}

#illustraties {
background-image:url(../images/navigation/illustraties-01.gif);
width:83px;
}

#illustraties a:hover {
background-image:url(../images/navigation/illustraties-02.gif);
}

#illustraties-active {
background-image:url(../images/navigation/illustraties-02.gif);
width:83px;
}

#contact {
background-image:url(../images/navigation/contact-01.gif);
width:68px;
}

#contact a:hover {
background-image:url(../images/navigation/contact-02.gif);
}

#contact-active {
background-image:url(../images/navigation/contact-02.gif);
width:68px;
}

#header-image {
	float:right;
	height:175px;
	width:579px;
	margin:0;
	padding:0;
	background-image: url(../images/slideshow/slide-01.jpg);
}

#slideshow {
	list-style-type:none;
	overflow:hidden;
	height:175px;
	margin:0;
	padding:0;
}

#sidebar {
float:left;
width:248px;
position:relative;
text-align:left;
margin:0;
padding:50px 50px 50px 89px;
}

#sidebar p {
padding:0;
}

#sidebar ul {
margin:0;
padding:0 0 0 14px;
}

#sidebar ul li {
padding-top:5px;
padding-bottom:5px;
}

.block-details {
background-color:#E2E4E9;
display:block;
border:1px solid #9DACBF;
padding:12px;
}

#content {
float:right;
width:578px;
position:relative;
margin:0;
padding:50px 0 60px;
}

#content p {
padding-right:30px;
}
#content h1 {
	padding-right: 30px;
}


#content a {
color:#43474E;
}

.first-block,.block {
width:514px;
border:1px solid #E3E4E9;
position:relative;
background-image:url(../images/backgrounds-thumbs.jpg);
background-repeat:repeat-x;
background-position:top;
height:auto;
}

.first-block {
margin-top:14px;
margin-bottom:14px;
padding:0;
}

.block {
margin:14px 0 0;
padding:0;
}

.block img,.first-block img,#portfolio-thumbs img {
border:1px solid #ACB1BF;
margin:0;
padding:0;
}

.thumb {
float:left;
height:145px;
width:242px;
position:relative;
padding:14px;
}

#screenshot {
position:absolute;
background:#333;
display:none;
color:#fff;
padding:0;
}

.news-content {
float:right;
width:240px;
position:relative;
}

.news-content h2 {
font-size:120%;
margin:0;
padding:18px 0 0;
}

.clear {
clear:both;
}

#pagenr {
width:100%;
position:relative;
margin:30px 0 0;
padding:0;
}

#pagenr a {
color:#43474E;
text-decoration:none;
display:block;
height:14px;
width:14px;
float:left;
border:1px solid silver;
background-color:#E9EAEE;
margin-right:14px;
text-align:center;
line-height:15px;
padding:5px;
}

#pagenr a:hover {
background-color:#AFB6BC;
color:#FFF;
}

.nr,.nr-active {
margin-right:14px;
}

.nr-active {
color:#FFF;
text-decoration:none;
display:block;
height:14px;
width:14px;
float:left;
border:1px solid silver;
background-color:#AFB6BC;
margin-right:14px;
text-align:center;
line-height:15px;
font-weight:700;
padding:5px;
}

#contactformulier {
margin:0;
padding:0;
}

#contactformulier table {
margin:10px 0 10px 10px;
padding:10px 0;
}

#contactformulier table td {
margin:0;
padding:5px 12px 7px 0;
}

.td-align-right {
text-align:right;
}

#footer-wrap {
background-image:url(../images/footer-back.jpg);
background-repeat:repeat-x;
height:137px;
width:100%;
clear:both;
margin:0;
padding:0;
}

#footer-positioning {
	width:1000px;
	position:relative;
	padding:0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#footer {
	height:40px;
	text-align:right;
	font-size:10px;
	width:546px;
	float:right;
	margin-top: 0;
	margin-right: 34px;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 61px;
	padding-bottom: 0;
	padding-left: 0;
	padding-top: 40px;
}

#footer a{
	text-decoration:none;
	color:#43474E;
}

.fm-txt {
padding-left:14px;
}

#sidebar a,.news-content a {
text-decoration:none;
color:#324353;
font-weight:700;
}


.notfirst,.ankerlink {
margin-top:40px;
}

#sidebar a:hover,.news-content a:hover {
color:#CC9000;
}


