/*	
	Goed Online . nl
	Sam Lutters, hello@samboot.com - samboot.com
*/

/****************/
/* Main Styling */
/****************/

body { background:url(../images/bgbody.gif) repeat-x #FFF; background-position:top; margin:0; padding:0; text-decoration:none; color:#7a7a7a; font:62.5% Helvetica, Arial, sans-serif; line-height:1.4em; }
p { font-size:1.4em; line-height:1.5em; padding:15px; }
.left {	float:left; }
.right { float:right; }
.clear { clear:both; }
.center { text-align:center; }
.spacer { padding:0 0 35px 0; }
.small-spacer { padding:0 0 20px 0; } 
.italic { font-style:italic; font-weight:bold; }
strong { font-weight:bold; }
hr { background:#c1c2c3; border: 0;	color: #c1c2c3; height: 1px; margin:25px 0; }
.a-left { text-align:left; }
.a-right { text-align:right; }
.marker { font-weight:bold;	font-size:1.6em; line-height:1.3em; color:#777; }
.small { color:#919191; font-size:1.2em; line-height:1.8em; larg:15px; }

/******************/
/* Tables Styling */
/******************/

table span { padding:0 10px 0 0; font-weight:bold; }
td { padding:10px 2px; border-bottom: 1px solid #e2e2e2; font-size:1.3em; text-align:center; }
th { padding: 0px 10px;	border-top:1px solid #d4d4d4; border-bottom:1px solid #e2e2e2; font-weight:bold; }

/******************/
/* Quotes styling */
/******************/
blockquote { width:400px; margin:10px 0 15px 0;	padding:10px 0 10px 20px; border-left:2px solid #CCC; font-size:1.5em; line-height:1.4em; color:black; font-weight:bold; }
cite { padding:10px 0 0 0; color:#777; display:block; }

/*****************/
/* Lists Styling */
/*****************/

#content ul, #content ol { padding:10px 0 10px 18px; }
	#content ul li,	#content ol li { font-size:1.4em; padding:0 0 5px 0; }

/****************/
/* Form Styling */
/****************/

label {	display:block; margin:10px 0 5px 0; font-size:1.2em; color:black; }
input, textarea { border:1px solid #ccc; padding:2px; margin:0 10px 5px 0; font-family: Helvetica, Arial, sans-serif; }
input {	width:110px; }
.button { border:1px solid #fff; background:#fff;	margin: 0 5px 0 0; padding:3px 3px; color:#ccc; font-weight:bold; font-size:1 em; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.buttongo { border:1px solid #fff; width: 25px; background:#fff;	margin: 0 5px 0 0; padding:3px 3px; color:#ccc; font-weight:bold; font-size:1 em; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.button:hover { border: 1px solid #fff; cursor:pointer; }
.margin { margin:0 75px 0 0; }

/*******************/
/* Heading Styling */
/*******************/

h1, h2, h3, h4, h5 { color:#0a2f63; font-size:2.5em; padding:5px 0 15px 0; }
h1 { letter-spacing:-2px; }
h2 { font-size:2.2em; color:#0a2f63; padding:5px 0 20px 0; font-weight:bold }
h3 { font-size:1.9em; font-weight:bold; }
h4 { font-size:1.6em; line-height:1.4em; }
h5 { font-size:1.4em; line-height:1.3em; }

.webhost { margin: -20px 0 0 0; }

.titel { color:#0a2f63; font-size:2.5em; padding:5px 0 15px 0; letter-spacing:-2px; }
.links { color:#c9c5c5; font-size:18px }

.sIFR-active .titel
{
      visibility: hidden;
      font-family: Verdana;
	  font-size:24px;
	  color:#0a2f63;
      line-height: 1em;
}

/***************/
/* Links Style */
/***************/

a:link, a:visited, a:active { color:#2080d5; text-decoration:none; }
a:hover { color:black; text-decoration:underline; }

/***********/
/* Wrapper */
/***********/

#wrapper { position:relative; background:url(../images/bgheader.gif) no-repeat #FFF; background-position:top; margin:0 auto; padding:0; width:1024px; padding:0 0 30px 0; }

/**********/
/* Header */
/**********/

#header { position:relative; height:90px; margin:0 0 10px 70px; }
#header h1#logo, #header h1#logo a { display:block; height:80px; width:851px; }
	#header h1#logo { background:url(../images/logo.png) no-repeat;	border:none; height:80px; left:0px;	margin:0 0 0 15px; padding:0; position:absolute; text-indent:-999em; top:33px; }
	
	/**************/
	/* Navigation */
	/**************/
	
	ul#navigation { margin:0 0 0 70px; list-style:none; position:relative; top: 3px; padding:0; font-size:16px; text-indent:-999em; }
		ul#navigation li { float:left; padding:0 0 0 20px;	margin:0 25px 0 0; text-indent:-999em; }
		ul#navigation li a { float:left; display:block; font-size:18px; text-indent:-999em; }
		ul#navigation li a:hover { text-indent:-999em; }
		ul#navigation li a.welkom { float:left; padding:0 0 0 20px;	margin:10px 25px 0 0; text-indent:-999em; background: url(../images/welkom.gif) no-repeat 0 0; width:100px; height:30px; }
		ul#navigation li a.welkom:hover { float:left; padding:0 0 0 20px;	margin:10px 25px 0 0; text-indent:-999em; background: url(../images/welkom_hover.gif) no-repeat 0 0; cursor:pointer; }
		ul#navigation li a.welkomact { float:left; margin:10px 25px 0 0; text-indent:-999em; background: url(../images/welkom_hover.gif) no-repeat 0 0; width:100px; height:30px;}
		ul#navigation li a.webhosting { float:left; padding:0 0 0 20px;	margin:10px 25px 0 60px; text-indent:-999em; background: url(../images/webhosting.gif) no-repeat 0 0; width:100px; height:30px; }
		ul#navigation li a.webhosting:hover { float:left; padding:0 0 0 20px;	margin:10px 25px 0 60px; text-indent:-999em; background: url(../images/webhosting_hover.gif) no-repeat 0 0; cursor:pointer; }
		ul#navigation li a.webhostingact { float:left; padding:0 0 0 20px;	margin:10px 25px 0 60px; text-indent:-999em; background: url(../images/webhosting_hover.gif) no-repeat 0 0; cursor:pointer; width:100px; height:30px;}
		ul#navigation li a.domein { float:left; padding:0 0 0 20px;	margin:10px 25px 0 160px; text-indent:-999em; background: url(../images/domein.gif) no-repeat 0 0; width:100px; height:30px; }
		ul#navigation li a.domein:hover { float:left; padding:0 0 0 20px;	margin:10px 25px 0 160px; text-indent:-999em; background: url(../images/domein_hover.gif) no-repeat 0 0; cursor:pointer; }
		ul#navigation li a.domeinact { float:left; padding:0 0 0 20px;	margin:10px 25px 0 160px; text-indent:-999em; background: url(../images/domein_hover.gif) no-repeat 0 0; cursor:pointer; width:100px; height:30px;}
		ul#navigation li a.bedrijf { float:left; padding:0 0 0 20px;	margin:10px 25px 0 280px; text-indent:-999em; background: url(../images/bedrijf.gif) no-repeat 0 0; width:160px; height:30px; }
		ul#navigation li a.bedrijf:hover { float:left; padding:0 0 0 20px;	margin:10px 25px 0 280px; text-indent:-999em; background: url(../images/bedrijf_hover.gif) no-repeat 0 0; cursor:pointer; }
		ul#navigation li a.bedrijfact { float:left; padding:0 0 0 20px;	margin:10px 25px 0 280px;; text-indent:-999em; background: url(../images/bedrijf_hover.gif) no-repeat 0 0; cursor:pointer; width:160px; height:30px;}

	
	
	/***********/
	/* Content */
	/***********/
	
	#content { margin: 100px 0 0 70px; }
	#intro { border-bottom:1px solid #e6e6e6; margin: 15px; }
	
	
	/***********/
	/* Columns */
	/***********/
	
	.left-column { width:479px;	padding:0 0 30px 0; }
	.left-column  p { line-height:22px;  padding:15px; text-decoration:none; }
	.right-column {	width:372px; padding:0 0 30px 40px; margin: 23px 46px 0 0;	background:url(../images/left-shade.gif) no-repeat left center;	min-height:650px; }
	.right-column img { margin: 0 0 15px 0; }
	.right-column p { padding:0; margin:0 40px 0 0; text-decoration:none; }
		
	/***********/
	/* Columns */
	/***********/
	
	.left-column { width:479px;	padding:0 0 30px 0;v	}
	.right-column {	width:372px; padding:0 0 30px 40px;	background:url(../images/left-shade.gif) no-repeat left center;	min-height:600px; }
	
/**********/
/* Bottom */
/**********/

#bottom { margin: 0 0 0 70px; background:url(../images/bottom.gif) no-repeat left center; min-height:221px;}

/**********/
/* Footer */
/**********/

#footer { margin:0 0 0 70px; font-size: 8px; }