/*
Title:		Standard website style definitions
File: 		inc/style_site.css
Version: 	v2.10
Author:		Digitalization
Contact:	info@digitalization.nl
*/

/* Clear all default margins and paddings */
* {
	margin:				0px;
	padding:			0px;
}

html,body {
	height: 100%;
}

body {
	background-color:	#202020;
	margin:				0px;
	padding:			0px;
}

/* Text throughout the site*/
body,td,th,p {
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;

}

/* Re-set some margins */
table {
	padding-bottom:		10px;	
}

ul {
	padding-bottom:		10px;
	margin-left: 		10px;
}
      
ul li {
 	margin-left: 		10px;
    list-style: 		disc;
	line-height:		18px;
}

/* Default paragraph text */
p {
	padding-bottom:		10px;
	line-height:		18px;
}

/* Links */
a {
	color:				#00704A;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;	
}

/* Success message after form submit */
p.message {
	font-style:			italic;
}

/* Error message after form submit */
p.error_message {
	color:				red;
}

/* Clearing element */
.clear {
	clear: 				both;
}

/* No border for images */
img {
	border: 			none;
}

/* Form elements font style */
input, select, textarea, button, option {
	font-family: 		Verdana;
	color: 				#000000;
	font-size: 			12px;
	margin-bottom: 		1px;
	margin-top: 		1px;
}

form {
	display: 		inline;
}

/* Standard width fitting for textarea and selectboxes */
textarea {	
	border: 		1px solid #888888;
	width: 			332px;
	height: 		120px;
	padding: 		2px;
}

select {
 	border: 		1px solid #888888;
	width: 			216px;
	height: 		18px;
	padding: 		1px;
}

/* Standard width text input boxes */
.input_small {
 	border: 		1px solid #888888;
	width: 			50px;
	height: 		14px;
	padding: 		2px;
}

.input_medium {
 	border: 		1px solid #888888;
	width: 			150px;
	height: 		14px;
	padding: 		2px;
}

.input_regular {
 	border: 		1px solid #888888;
	width: 			210px;
	height: 		14px;
	padding: 		2px;
}

.input_large {
 	border: 		1px solid #888888;
	width: 			362px;
	height: 		14px;
	padding: 		2px;
}

/* Calendar input box and file input box */
.input_calendar {
 	border: 		1px solid #888888;
	width: 			180px;
	height: 		14px;
	padding: 		2px;
}

.input_file, input[type='file'] {
	width: 			221px;	
	padding: 		2px;
}

/* Checkboxes */
input[type='checkbox'] {
	margin-left: 4px;
}

/* Buttons */
button, input[type='submit'], .input_submit {
	height:16px;
	border:1px solid #fff;
	margin:0 10px 0 0;
	padding:0 2px;
	background:#FFF;
	font-size:10px;
	color:#333;
}

/* Calendar button */
button.calendar_button {
	padding-top:		0px;
	width: 				26px;
	height:				20px;
}

/* Customer provided css */
div#container {
	width:950px;
	height:540px;
	background: url(../gfx/site/site_bg.gif);
	clear:both;
	position:static;
	padding:24px;
	margin: 0 auto;
	top:-306px; 
}
div#shim {
    visibility: hidden;
    width: 100%;
    height: 50%;                                                                     
    margin-top: -306px;                                                         
    float: left;
}
div#wrapper {
	width:100%;
	height:743px;
	padding-top:17px;
	background: url(../gfx/site/bg_top.png) repeat-x;
}
.leftfloat {float:left;}
.rightfloat {float:right;}
.fixfloat {
	width:0;
	height:0;
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
}
/* /Standard waardes */
/* Muziek */
div#muziek {
	float:right;
	padding:4px 9px 0 0;
}
/* /Muziek */
/* Nieuwsbrief */
div#nieuwsbrief {
	width:133px;
	height:61px;
	margin: 4px 0 0 26px;
	background-image:url(../gfx/site/nieuwsbrief.gif);
}
div#nieuwsbrief .input_nb {
	width:119px;
	height:15px;
	border:1px solid #333;
	margin:20px 0 0 5px;
	padding:0 0 0 2px;
	float:left;
	background:none;
	font-size:10px;
	color:#333;
}
div#nieuwsbrief .login_nb {
	border:0;
	background:#333;
	height:15px;
	width:70px;
	text-align:center;
	color:#fff;
	font-size:10px;
	padding:0 0 2px 0;
	margin:5px 0 0 31px;
	float:left;
}
/* /Nieuwsbrief */
/* Content */
div#content {
	width:950px;
	height:411px;
	padding:110px 0 0 0;
}
div#left {
	width:174px;
	float:left;
}
div#middle {
	width:385px;
	float:left;
}
div#right {
	float:right;
	background-image:url(../gfx/site/content_bg.gif);
	width:383px;
	padding:2px 0 0 0;
	height:383px;
	overflow:hidden;
	background-position: right bottom;
}
div#bgimg {
	width:383px;
	height:383px;
	background-color: #FFFFFF;
	filter: Alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;	
}
div#inner {

	width:363px;
	height:363px;
	padding:10px;
	overflow: hidden;
	overflow-x: hidden;
}

#flash_inner {

	width:363px;
	height:363px;
	padding:10px;
	overflow: hidden;

}


div#inner table {
	margin: 0;
	padding: 0;	
}

div#inner h1 {
	text-align: center;
	font-size: 14px;
	padding: 0px 0 0px 0;
	margin: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	line-height: 50px;
}
div#inner p {
	color:#202020;
	margin:0;
	padding:2px 0;
	line-height:14px;
}

div#inner div {
	background-repeat: no-repeat;
}
div#middle table {
	margin:0;
	padding:0;
	
}
div#middle table td {
	width:75px;
	height:75px;
	background:#fff;
	text-align:center;
}
div#middle a {
	font-size:12px;
	color:#00704a;
	font-weight:bold;
	text-decoration:none;
	font-family:verdana;
}


div#left img {
	margin: 0 0 18px 0;
}
div#top {
	width:940px;
	height:17px;
	text-align:right;
	padding:0 10px 0 0;
}
div#onder {
	width:950px;
}
.login {
	border:0;
	background:#fff;
	height:15px;
	width:41px;
	text-align:center;
	color:#333;
	font-size:11px;
	padding:0 0 3px 0;
	float:right;
}
.input {
	width:117px;
	height:13px;
	border:1px solid #fff;
	margin:0 10px 0 0;
	padding:0 2px;
	float:right;
	background:none;
	font-size:10px;
	color:#fff;
}
div#top_tekst {
	float:right;
	padding:0 5px 0 0;
}
div#top a {
	text-decoration:none;
	color:#fff;
}
div#top a:hover {
	text-decoration:underline;
	color:#fff;
}
div#imagegrid {
	width:383px;
	height:383px;
}

div.grid_element {
	overflow:	hidden;
	width:		75px;
	height:		75px;
	padding:	0px;
	margin:		0px;
	cursor:		pointer;

}

.grid_element table, .grid_element tr, .grid_element td {
	padding:	0px;
	margin:		0px;
	left:		0px;
	top:		0px;
	border:		0px;
	border-collapse:	collapse;
}



/* /Content */
/* Footer */
div#footer {
	width:950px;
	height:17px;
	background:#fff;
	color:#333;
	text-align:center;
	font-family:verdana;
	padding:2px 0 0 0;
}
span.footer_streep {
	padding:0 25px;
}
/* /Footer */