/* Start of CMSMS style sheet 'spider_main' */
/* - Spiderwebcreations  CSS 
- Copyright 2007 Spider Webcreations - 
- Tom Vleminckx -
*/

html {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:#000000;
       color:white;
       font-size:10px;
}


#breadcrumb {
color:#FF9900;
margin-left:40px;}

#breadcrumb a {
color:#FF9900;
 border-bottom: 1px dotted #FF9900;}

a {
     text-decoration:none;
     color: white;
 }



.dotted {
     text-decoration:none;
     color: white;
     border-bottom: 1px dotted white;  }


/* Remove image borders  */
img {
	border:0;
}

/* Container with everything */
div#container {
	position:absolute;
	width:1000px;
	margin-left:-500px;
	left:50%;
	top:-3px;
}


div#header {
    width:1000px;
	height:160px;
}

div#header_logo {
    width:738px;
	height:160px;
	background-image:url(uploads/images/header_logo.jpg);
	float:left;
}

div#header_links {
    width:261px;
	height:160px;
	background-image:url(uploads/images/header_links.jpg);
	float:left;
}

div#main {
    width:1000px;
	background-color:#333333;
float:left;
}


/* Header two left boxes*/
.boxes h1{
	font-size:24px;
	color:#808080;
	margin:0px;
	font-weight:100;
	margin-left:25px;
}

.boxes p {
  margin-left:30px;
  color:white;
 font-size:10px;
}


/* Header news  box*/
#rightbox h1 {
	font-size:24px;
	color:#808080;
	font-weight:100;
	width:150px;
	height:50px;
	margin-top:0px;
	padding-top:15px;
	margin-left:15px;
}

div#leftbox {
    width:280px;
	height:400px;
	float:left;
	margin-top:45px;
padding-right:10px

}


div#middlebox {
    width:400px;
	border-right:2px solid #666666;
border-left:2px solid #666666;
	float:left;
	margin-top:45px;
        margin-bottom:30px;
}

/* Voor op regualr pages */
div#contentbox {
    width:662px;
	border-right:2px solid #666666;
	float:left;
	margin-top:45px;
margin-left:30px;
margin-bottom:30px;
}

/* IE FIX Voor op regualr pages */
* html div#contentbox {
    width:600px;
	border-right:2px solid #666666;
	float:left;
	margin-top:45px;
margin-left:30px;
margin-bottom:30px;
}


div#contentbox p, 
div#contentbox ul {width:500px;}
div#contentbox h4 {
margin-left:40px;}
div#contentbox a {
     text-decoration:none;
     color:#33B9E6;
     /*border-bottom: 1px dotted #33B9E6; */ }


/* Headers for pages */
.contentboxheader {
height:73px;
width:300px;
}

#webdesignheader {
background-image:url(uploads/images/webdesignheader.png);
}

#hostingheader {
background-image:url(uploads/images/Hostingheader.png);
}

#grafischdesignheader {
background-image:url(uploads/images/Grafischheader.png);
}


/* TODO */
#contactheader {
background-image:url(uploads/images/contactheader.png);
}

#nieuwsheader {
background-image:url(uploads/images/projectenheader.png);
}

#sitemapheader {
background-image:url(uploads/images/sitemapheader.png);
}

#dienstenheader {
background-image:url(uploads/images/rechthoekheader.png);
}


#portfolioheader {

background-image:url(uploads/images/portfolioheader.png);
}



#portfolioheader {}



.contentboxmain {
margin-top:20px;
margin-left:20px;

}

.contentboxheader h1{
font-size:20px;
color:#FF9900;
position:relative;
top:23px;
left:95px;
}


/* breedte tekst middenbox*/
div#middlebox p {
    width:340px;
} 

div#rightbox {
    width:280px;
	float:left;
	margin-top:30px;
margin-left:20px;
}

#rightbox #newsheader {
background-repeat:no-repeat;
	background-image:url(uploads/images/news_heading.jpg);
	width:280px;
	height:48px;
}


#rightbox #newsmain {
	background-image:url(uploads/images/news_repeat.jpg);
	width:280px;
	height:380px;
}

#rightbox #newsfooter {
	background-image:url(uploads/images/news_footer.jpg);
	width:280px;
	height:20px;
}

div#quicklinks {
    width:1000px;
	height:85px;
	background-color:#333333;
	color:#FF9900;
    text-align:center;
clear:both;
padding-top:30px;
}

div#quicklinks a {
	color:#FF9900;
	text-decoration:none;
	font-size:10px;
}

div#footer {
    width:1000px;
    padding-top:5px;
	height:20px;
	background-color:#666666;
       color:black;
       text-align:center;
clear:both;
margin-bottom:30px;
}

/* HOSTING TABLES */
.hostingtable {
	/*text-align:center;*/
	margin:10px;
margin-left:40px;
	padding:0px;
	width:490px;
}


.hostingtable th {
text-align:left;
}

.hostingtable td {	
	margin:0px;
	padding:2px;
	width:145px;
border:1px solid white;
}

.hostingtable tr {
	border:1px solid white;
}


.hostingtable .subdivision {
	height:40px;
	font-weight:bold;

}

.hostingtable .highlight {

}

.hostingtable .highlight2 {

}

.hostingtable .priceline {	
	font-weight:bold;
}


/* ICON LINKS HEADER */

#email {
	position:relative;
	width:50px;
	height:50px;
	top:70px;
	left:25px;
}

#print {
	position:relative;
	width:50px;
	height:50px;
	top:70px;
	left:45px;
}


#sitemap {
	position:relative;
	width:50px;
	height:50px;
	top:70px;
	left:65px;
}


#header a { 
	/*border:1px solid black;*/
	display:block;
	float:left;
}
.blogs-showblogsentry{ width:340px;}
.xhtmlimg { float:right;}  
/* End of 'spider_main' */