/* Webdesign header */
#sliderHolder
{
	width: 702px; 
	height: 344px; 
	overflow: hidden; 
	position:relative
}

#slider ul
{
	height: 702px; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	position: relative; 
}

#slider ul li
{
	list-style: none; 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 702px; 
	height: 344px; 
	background-repeat: no-repeat; 
	background-position: center; 
}


/* Elements */
body { margin: 0; padding: 0; }
img { border: 0; }
p { margin-left: 15px; margin-right: 15px; margin-top: 0; }
h1 { font: 18px Trebuchet MS, Arial, Tahoma; color: #3d4850; margin: 0; margin-top: 14px; margin-bottom: 0px; margin-left: 15px; margin-right: 15px; }
h2 { font: 17px Trebuchet MS, Arial, Tahoma; color: #3d4850; margin: 0; margin-top: 14px; margin-bottom: 0px; margin-left: 15px; margin-right: 15px; }
h3 { font: 16px Trebuchet MS, Arial, Tahoma; color: #3d4850; margin: 0; margin-top: 14px; margin-bottom: 0px; margin-left: 15px; margin-right: 15px; }
form { padding:0; margin:0; }
.center{ text-align: center;}

/* Containers */
#siteContainer { width: 100%; min-height: 400px; background-image: url(../img/bg.png); background-repeat: repeat-x; }
#contentContainer { width: 950px; margin-left: auto; margin-right: auto; padding-top: 29px; }
#leftside { float:left; width: 225px; }
#rightside { float: right; width: 721px; background-image: url(../img/site_content_background.png); background-position: top; background-repeat: no-repeat; min-height: 721px; margin-top:-29px; }
#topimg { margin-left:9px; height: 352px; }
#content { font-family: Trebuchet MS, Arial, Tahoma; color: #3d4850; font-size: 13px; margin-top:10px; margin-left:5px; }
#leftsideContentContainer { background-image: url(../img/menu_bottom.png); background-repeat:no-repeat; min-height:168px; min-width:225px; padding-top:50px; text-align: center; font-family: Trebuchet MS, Arial, Tahoma; color: #3d4850; font-size: 13px; }

/* Links */
#content a, #content a:link, #content a:visited, #content a:active { font-family: normal 'Trebuchet MS', Arial, Tahoma; color: #666; font-size: 12px; text-decoration: underline; }
#content a:hover { font-family: normal 'Trebuchet MS', Arial, Tahoma; text-decoration: none; font-size: 12px; color: #9D9E9F; }
a { outline: none; }

/* Copyright Containers */
#copyrightContainer { font-family: 'Trebuchet MS', Arial, Tahoma; font-size: 11px; color: #999999; margin-top: 50px; text-align: center; margin-left:auto; margin-right:auto; margin-bottom:0px;}
#leftAlignedCopyrightContainer { font-family: 'Trebuchet MS', Arial, Tahoma; font-size: 11px; color: #999999; padding-top: 50px; text-align: left;width: 720px; margin-left: 25px; }
#contactCopyrightContainer { position: absolute; font-family: 'Trebuchet MS', Arial, Tahoma; font-size: 11px; color: #999999; top: 755px; text-align: center;padding-left: 25px; }
#content #copyrightContainer a.copya { font-size:11px; color: #999999; text-decoration:none; }
#content #copyrightContainer a.copya:hover { font-size:11px; color: #999999; text-decoration:underline; }
#content #leftAlignedCopyrightContainer a.copya { font-size:11px; color: #999999; text-decoration:none; }
#content #leftAlignedCopyrightContainer a.copya:hover { font-size:11px; color: #999999; text-decoration:underline; }
#content #contactCopyrightContainer a.copya { font-size:11px; color: #999999; text-decoration:none; }
#content #contactCopyrightContainer a.copya:hover { font-size:11px; color: #999999; text-decoration:underline; }

/* Menu */
.menu { width: 225px; list-style:none; padding: 0; margin: -5px 0 0 0; }
.menu li a { display: block; height:40px; text-indent:-900%; }
.btn_home { background: url(../img/btn_home.png) no-repeat top left; }
.btn_360 { background: url(../img/btn_360.png) no-repeat top left; }
.btn_high { background: url(../img/btn_high.png) no-repeat top left; }
.btn_webdesign { background: url(../img/btn_webdesign.png) no-repeat top left; }
.btn_contact { background: url(../img/btn_contact.png) no-repeat top left; }
.menu li a:hover { background-position: 0 -40px; }
.topactive { background-position: 0 -40px !important; }

/* Subnavigation */
#subnav { font: 11px Arial, Helvetica, sans-serif; background-image:url(../img/sm_bg.png); background-repeat:repeat-x; height:32px; line-height:32px;
    color:#888; overflow:hidden; margin:0px; padding:0px; width:700px; margin-left:10px; }
#subnav li { list-style-type:none; padding-left:15px; display:inline-block; float:left; }
#subnav a { display:inline-block; background-image:url(../img/sm_separator.gif); background-repeat:no-repeat; background-position:right; padding-right: 20px;
    text-decoration: none; color:#333333; outline:none; }
#subnav a:hover { color:#59ab23; }
#subnav #active { border-bottom:3px solid #59ab23; }

/* Tables */
#tbl360prijzen{ border: 0; width: 85%; margin: 0; margin-left: 14px; margin-right: 15px; padding: 0; border-spacing: 0; border-collapse: collapse; }
#tblhostingprijzen{ border: 0; width: 85%; margin: 0; margin-left: 14px; margin-right: 15px; padding: 0; border-spacing: 0; border-collapse: collapse; }
#tbl360prijzen td { width: auto; }
th h1 { margin: 0;}
#tbl360prijzen td, th { text-align: left; border-bottom: 1px solid #CCCCCC; border-spacing: 0; border-collapse: collapse; margin: 0; }
.bgColored { color: #776863; background-color: #F5F6FB; width: 125px; padding-left: 10px; }
.bgColored b, span, strong { color: Black; }
.emptycol { width: 50px; }
#leftsideContentContainer table { margin-left:12px; }

/* Contact page */
#contactForm { margin-left: 15px; }
#contactMainContainer { width: 400px; position: absolute; }
#contactMainContainer span label { float: left; margin-left: 15px; }
#contactMainContainer span { display: block; padding-top: 5px; }
#contactMainContainer span textarea { width: 250px; float: right; margin-right: 25px; }
#contactMainContainer span input { width: 200px; float: right; margin-right: 75px; }
#contactMainContainer .submit { margin-top: 15px; margin-left: 119px; }
#contactInfoContainer { float: right; width: 275px; }
.error_message { float: left; color: red; margin-left: 123px; }

/* Other */
.pdfbtn { float:right; margin-top:-14px; position:relative; left:10px; }

/* CSS */
.afb{
	margin-bottom: 25px;
	margin-left: 17px;
}

.afb div
{
	position: relative;
	width: 195px;
	height: 138px;
	overflow: hidden;
}

.afb div a img
{
	position: relative;
	margin-top: 50px;
	z-index: 10;
}

.headerslider .wrapper ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 344px;
	width: 702px;
	overflow: hidden;
}

#leftsideContentContainer ul{
list-style-type: none;
margin: 0 0 20px 17px;
padding: 0;
height: 141px;
overflow: hidden;
}