@import url(general.css);

@import url(autocomplete.css);

@import url(popupbox.css);

@import url(thickbox.css);

body {
	background: white;
}

#content .form_field {
	padding: 5px;
}

#content #required_fields_message {
	font-weight: bold;
	font-style: normal;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #C00;
}

#content {
	margin: 0 auto;
	width: 820px;
	text-align: left;
	font-family: Helvetica, arial, verdana, sans-serif;
	height: 100%;
	border-width: 1px;
	border-color: #000000;
	font-size: 10pt;
	background-color: #F2F2F2;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-bottom: 20px;
	padding: 20px;
}

/* 2 Column (right menu) settings */
#main {
	width: 100%;
	padding: 2% 0;
}

.boldred {
	color: #CC0000;
	font-weight: bold;
	padding: 5px;
}

.error {
	display: block;
}

p {
	margin: 1.12em 0;
}

ul {
	padding-left: 40px;
}

fieldset {
	padding: 10px;
	margin-bottom: 15px;
	margin-right: 15px;
}

#menu {
	color: white;
	border-width: 1px;
	height: 20px;
	padding: 5px;
	padding-top: 10px;
	text-align: center;
	background-color: #b2b7ad;
}

a.hide {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

a.menu {
	text-decoration: none;
	text-transform: uppercase;
	font-style: bold;
	font-size: 1.1em;
	color: white;
	padding: 10px;
}

a.menu:link {
	text-decoration: none;
	font-weight: normal;
	color: black;
}

a.menu:visited {
	color: #2f2f2f;
	font-weight: bold;
}

a.menu:hover {
	color: black;
	font-weight: bold;
}

a:link {
	text-decoration: none;
	font-weight: normal;
	color: #0066CC;
}

a:visited {
	font-weight: normal;
	color: #CC2200;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

#copyright {
	font-family: sans-serif;
	font-size: 12px;
	text-align: center;
	border-top: 1px dotted;
	width: 100%;
	padding-top: 5px;
	clear: both;
}

/**
news styles..
**/
.odd-newsitem {
	border-bottom: 1px solid;
	background-color: #B2A8AC;
	padding: 4px 4px 8px 6px;
	text-align: left;
}

.pair-newsitem {
	border-bottom: 1px solid;
	background-color: #e6e6e6;
	padding: 4px 4px 8px 6px;
	text-align: left;
}

/**
* Meeste code voor de nieuws module.
**/
#news {
	border: 1px solid;
	border-bottom: none;
	width: 98%;
	padding-top: 2em;
	clear: both;
	background: #B2A8AC;
}

.neatdate {
	font-size: 11px;
	color: #4d4d4d;
	margin: 0px 20px 0px 0px;
	float: left;
}

a .neattitle {
	color: black;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 1px;
	font-size: 14px;
}

.newsheader {
	border-bottom: 1px solid #888888;
	padding: 5px;
	margin-bottom: 4px;
}

.news-contents {
	padding: 0 10px 10px 10px;
}

.news-item {
	border: 1px solid;
	background-color: #e6e6e6;
	padding: 4px 4px 4px 4px;
	margin: 10px;
	text-align: left;
}

.textfield-title {
	color: black;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 1px;
}

.date {
	font-size: 11px;
	color: #4d4d4d;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #888888;
	text-align: left;
}

.leftfloat {
	float: left;
	width: 85%;
	margin: 0 10px 0px 10px;
	padding: 0px 10px 0px 0;
}

/**
* Dit is code voor de tabview van het nieuws gedeelte
**/
#tabcontainer {
	position: relative;
	width: 100%;
	height: 3em;
	width: 45em;
	/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabcontainer ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 45em;
	/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabcontainer ul#primary li {
	display: inline;
	list-style: none;
}

#tabcontainer ul#primary a,#tabcontainer ul#primary span,#tabcontainer ul#primary a.current
	{
	width: 8em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 85%;
	text-decoration: none;
	color: #333333;
}

#tabcontainer ul#primary span,#tabcontainer ul#primary a.current,#tabcontainer ul#primary a.current:hover
	{
	border: 1px solid;
	border-bottom: none;
	background: #B2A8AC;
	padding-bottom: 6px;
	margin-top: 0;
}

#tabcontainer ul#primary a {
	background: #e6e6e6;
	border: 1px solid #AAA;
	border-bottom: none;
}

#tabcontainer ul#primary a:hover {
	margin-top: 0;
	border-color: #666666;
	background: #B2A8AC;
	padding-bottom: 5px;
}

#tabcontainer ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em;
	/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabcontainer ul#secondary li a,#tabcontainer ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	border: none;
	border-right: 1px dotted black;
	background: none;
}

#tabcontainer ul#secondary li div.pages {
	float: right;
	margin-right: 25px;
	border: none;
}
/* Deze stijlen voor de paginanummering..*/
#tabcontainer ul#secondary li div.pages a,#tabcontainer ul#secondary li div.pages a:hover
	{
	border: none;
	padding: 0 4px;
	text-decoration: underline;
}
/* Dit voor de huidige pagina weer te geven */
#tabcontainer ul#secondary li div.pages span {
	text-decoration: none;
	border: none;
	padding: 0 4px;
}

#tabcontainer ul#secondary li a {
	color: #0066CC;
	text-decoration: underline;
}

#tabcontainer ul#secondary li a:hover {
	color: #333333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#tabcontainer ul#secondary li a:active {
	color: #000000;
	background: transparent;
}

#tabcontainer ul#secondary li:last-child a {
	border: none;
}

/* Code voor de inschrijvingen vd tien van hertals*/
a.thickbox img {
	border: 3px solid #000000;
	height: 80px;
}

table.subscribers {
	font-size: 1.0em;
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

td.header {
	border-right: 1px dotted black;
	border-bottom: 1px solid #000000;
	text-align: center;
}

td.subscriber {
	border-bottom: 1px solid #000000;
	margin-left: 15px;
	padding: 5px;
	margin-bottom: 4px;
}

div.pagination {
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
}

.white_block {
	background-color: white;
	/*	border: 1px solid #E6E6E6; */
	text-align: left;
}

.rounded, .box_shadow, .white_block {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -khtml-border-radius: 5px;
}

.box_shadow, .white_block {
	box-shadow: 3px 3px 4px #808080;
	/* For FireFox */
	-moz-box-shadow: 3px 3px 4px #808080;
	/* For Chrome */
	-webkit-box-shadow: 3px 3px 4px #808080;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')";
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
		Color='#808080' );*/
}

.centered {
	text-align: center;
}

.white_block p {
	padding: 10px;
}

.clearfix {
	clear: both;
}

a.title {
	font-size: 1em;
	background-color: #354242;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	color: #FFFFFF;
	font-weight: light;
	text-align: center;
}

a.big-title, h2 {
	font-size: 1.1em;
	text-align:center;
	font-weight: bold;
}

a.title:hover {
	background-color: #F80012;
}

a.title, a.big-title, h2 {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 9px 15px;
	margin-bottom: 5px;
}

#brands {
	/* correction to cope with wowslider insets */
	padding: 5px 0 5px 0;
}

#brands img {
	padding: 5px;
}

#map_canvas_wrapper {
	overflow: hidden;
	z-index: 1000;
}

#map_canvas {
	width: 615px;
	height: 505px;
}

.small {
	font-size: 0.8em;
	padding: 5px;
}

#contact_card {
	overflow: hidden;
	padding: 5px 0 5px 0;
	margin-bottom: 15px;
}

#contact p {
	margin: 0;
}

#thours {
	background-color: #808080;
}

#thours table {
	color: white;
	width: 100%;
	font-size: 0.8em;
}

.twocols {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.leftcol {
	width: 626px;
	float: left;
}

#row1 #thours {
	margin-bottom: 15px;
}

.leftcol .white_block {
	margin-right: 15px;
}

.rightcol {
	margin-left: 626px;
}

#row3 .leftcol {
	width: 51%;
}

#row3 .rightcol {
	margin-left: 51%;
}