/*
By Herreman David
http://www.free-css-templates.com
StyleSheet for BinaryNews Template
*/

body { color: #000; padding: 0; margin: 0; font: 0.7em/1.5em Verdana, sans-
 ; background-color: #f8dce3; }

a { color: #e84e74; font-weight: normal; text-decoration: none; }
a:hover { color: #e43c66; font-weight: normal; text-decoration: none; }

h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { color: #000; margin: 0; padding: 0; font: 1.6em Verdana, Sans-Serif; background-image: url(kaartje.jpg); background-repeat: no-repeat; background-position: 5px 0; letter-spacing: -1px; }
h1 a { color: #46574d; background-image: inherit; background-repeat: inherit; background-attachment: inherit; background-position: inherit; }
h1 a, h2 a { color: #f26403; background-color: #f0faff; background-image: none; text-decoration: none; border-bottom-color: #efeeed; border-bottom-width: 3px; }
h1 a:hover, h2 a:hover { color: #000; background-color: #f0faff; background-image: none; }
h3 { font: 90% Verdana, Sans-Serif; margin: 0 0 10px; padding: 0; color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
p { color: #000; margin: 0; line-height: 1.5em; }
form { margin: 0; }

input.search { width: 122px; height: 15px; border: 1px dashed #46574D; background: #FFF url(input.jpg) no-repeat; padding: 3px; color: #616161; }
input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #FFF; padding: 3px; color: #616161; }



.content { 
    background: #f2f9fd; 
	margin: 0 auto;
	padding: 0;
	width: 850px;
	color: #000;
}

.preheader { color: #fff; background-image: url(preheader.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; width: 849px; height: 83px; margin: 0; padding: 0; }

	.preheader a { color: #fff; background-image: inherit; background-repeat: inherit; background-attachment: inherit; background-position: inherit; text-decoration:none; }
	.preheader a:hover { color: #80bd09; background-image: inherit; background-repeat: inherit; background-attachment: inherit; background-position: inherit; }

.preheader .padding {
	
	float: left;
	padding: 30px 70px 20px 30px;
}

.header { color: #fff; background: #fff url(header.jpg) no-repeat center bottom; width: 849px; height: 293px; margin: 0; padding: 0; }

.header .title { float: left; padding: 60px 0 0 77px; font: bold 20px arial, Sans-Serif; }

.header .slogan {
	float: left;
	clear: both;
	padding: 70px 0 0 120px;
	color: #ccc;
	font: 12px arial, Sans-Serif;
}

#nav { background-color: #f38aa4; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; width: 850px; height: 24px; margin: 0; padding: 0; }

#nav ul { color: #000; font-size: 14px; margin:0; list-style:none; padding: 0 0 0 8px; border-right: 3px solid #fff; border-top-color: #fff; border-bottom-color: #fff; border-left-color: #fff; border-left-width: 2px; }
#nav a, #nav strong, #nav span { float:left; display:block; color:#000; font-size: 14px; padding: 1px 10px 5px 8px; text-decoration:none; font-weight: normal; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-right: 3px solid #fff; border-left-color: #fff; border-left-width: 2px; }
#nav a { color: #000; font-size: 14px; float:none; }
#nav li { float:left; color: #000; font-size: 14px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin:0; padding:0; }
#nav #current { color: #000; font-size: 14px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; float:left; }
#nav #current a { float:left; padding:1px 10px 5px 8px; color:#000; font-size: 14px; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
#nav a:hover { float:left; color:#eb5a7e; font-size: 14px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }  
#nav .padding { color: #000; font-size: 14px; padding: 1px 0 0 8px; font-weight: normal; }


.main_content { color: #000; background-repeat: repeat; background-attachment: scroll; background-position: center bottom; margin: 0 auto; padding: 0; width: 850px; }


.sd_left { background-color: transparent; color: #000; margin: 0 0 auto 15px; width: 520px; padding: 0 20px 20% 5px; }	

	
.sd_right { clear:both; float: right; color: #000; background-color: #f0faff; background-repeat: no-repeat; background-position: 0 bottom; width: 220px; margin: 0 2px 0 0; padding: 0 0 0 15px; border-left: 1px dashed #ccc; }	

/* For IE... */
* html .sd_right {
    clear:both;
    float: right;
	color: #000;
	margin: 0 30px 0 0;
	padding: 0 0 0 15px;
	width: 170px;
	border-left: 1px dashed #ccc;
}	


.text_padding { padding: 15px 0 0; }

.main_content h2 {
	padding: 5px 0;
	color: #46574d;
	font: bold 1.6em arial, Sans-Serif;
}


.date { 
	color: #ccc; 
	background: #ffffff;
	text-align: right; 
	margin: 10px 0 5px; 
	padding: 0.4em 0 0; 
	border-top: 1px solid #eee;
}

input.button { 
	background: #FFFFF4; 
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}

.error {
	color: #900;
	background-color: #fff0f0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: dashed 1px;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}

.footer { 
	background: #f28aa3 url(footer.jpg) no-repeat center;
	width: 850px;
	height: 78px;
	color:#555;  
	font-size:90%;
	text-align:center; 
	clear:both;
}

	.footer .padding {
	padding: 40px 0 0 0;
	}

#insert { padding:5px; margin-top:0; height: auto; width: 80%; float: left; margin-left: 1px; border: dotted 2px #900; }

.box { color: #900; background-color: #fff0f0; padding: 1em; margin: 0 0 1em; border: dotted 2px; }

.col { float: left; width: 245px; margin: 0 30px 16px 0; }
	.last { float: right; margin: 0; }
	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }
