@charset "utf-8";
/* CSS Document */


/*---------------------------------------------------------
Copyright ©2007 Dutch Advertising vof, All rights reserved.
-----------------------------------------------------------
website: Dutch Advertising
date: August 2007

COPYRIGHT
The content of this document is the property of
Dutch Advertising vof, Amersfoort, Netherlands and is
protected by copyright laws.
Any reproduction, modification, distribution, transmission,
republication, display, or performance of the content of
this document is strictly prohibited without written
permission in duplicate from Dutch Advertising.
*--------------------------------------------------------*/


/*---------------------------------------------------------
*	Index												  *
-----------------------------------------------------------

	A.		Container and basic settings
	B.		Header
	C.		Navigation
	D.		Panorama
	E.		Content - main left
	F.		Content - main right
	G.		Footer
	H.		Specific pages - contact
	I.		Specific pages - brochure
	J.		Specific pages - weblog

*--------------------------------------------------------*/


/*---------------------------------------------------------
*	A. Container and basic settings				  		  *
*--------------------------------------------------------*/
body {
	width: 100%;
	margin: 0px;
	padding: 0px;	
	text-align: center; /* IE hack 1/2 */
	background-color: #b2b2a8;
	color: #000000;
}
#outer_container {
	width: 770px;
	margin: 0px auto;
	padding: 0;
	text-align: left; /* IE hack 2/2 */
	background-color: #ffffff;
	background: url(../images/shadow.jpg) repeat-y;
	color: #000000;	
}
#container {
	width: 750px;
	margin: 0px auto;
	text-align: left; /* IE hack 2/2 */
	background-color: #ffffff;
	color: #000000;
}
#schaduw_onder {
	display: block;
	width: 770px;
	height: 10px;
	margin: 0px auto;
	text-align: left; /* IE hack 2/2 */
	background: url(../images/schaduw_onder.jpg) no-repeat;
}

.clear {
	clear: both;
	height: 0;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.hide {
	display: none;
}

h1 {
	margin: 0 0 0 35px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #1cae12;
	background-color: transparent;	
}
h2 {
	margin: 10px 0 0 35px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4c4c4c;
	background-color: transparent;	
	font-weight: bold;
}
p {
	margin: 0 30px 15px 35px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #4c4c4c;
	background-color: transparent;	
	text-align: justify;	
}
form p {
	margin: 0 0 10px 35px;
}
form input {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
form textarea {
	margin: 0 0 10px 35px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
form input submit {
	margin: 0 0 0 35px;
}
img {
	border: 0px none;
	padding: 0px;
	margin: 0px;
}
a, a:link, a:visited, a:hover, a:active {
	margin: 0px;
	padding: 0px;
	color: #1cae12;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	background-color: transparent;		
}
table tr td img {
	display: block; /* Firefox bug - unwanted padding images in tables */
}

.contactbutton {
	margin: 0 0 10px 35px;
}
.red {
	color: #FF0000;
}
.cursor {
	cursor: pointer;
}
.margin_top_30px {
	margin-top: 30px;
}
.download_pdf {
	display: block;
	height: 25px;
	width: 200px;
	text-indent: 30px;
	background: url(../images/reader_icon.jpg) no-repeat;
	float: left;
	clear: both;
}
.normal_list {
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #4c4c4c;
	padding-left: 20px;
}
.normal_list ul {
	padding-left: 30px;
}
.normal_list li {
	margin-left: 30px;
}
.quote {
	font-size: 16px;
	color: #1cae12;
	padding: 15px;
	text-align: center;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	B. Header                           				  *
*--------------------------------------------------------*/
#header {
	width: 750px;
	height: 70px;
	background-color: #ffffff;
	color: #000000;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	C. Navigation                       				  *
*--------------------------------------------------------*/
#menu {
	width: 750px; /* No height because padding text */
	background: url(../images/menu_background.jpg);
}
#menu ul {
	margin: 0 0 0 23px; /* Beginning of list */
	padding: 0;
	list-style-type: none;
}
#menu li {
	float: left;
}
/* Remove menu html text */
#menu a {
	display: block;
	height: 0;
	padding-top: 31px;
	color: #000;
	overflow: hidden;
	background-color: #ffffff;
}
/* hacks for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited { height: 31px; he\ight: 0; }
* html #menu a:hover, * html #menu a:active { height: 13px; he\ight: 0; }
/* Initial menu buttons */
#menu li.button_home { background: transparent url(../images/menu_home.jpg); width: 71px; }
#menu li.button_producten { background: transparent url(../images/menu_producten.jpg); width: 104px; }
#menu li.button_visie { background: transparent url(../images/menu_visie.jpg); width: 68px; }
#menu li.button_team { background: transparent url(../images/menu_team.jpg); width: 65px; }
#menu li.button_contact { background: transparent url(../images/menu_contact.jpg); width: 87px; }
/* Hover and active buttons */
#menu a#button_home { background: transparent url(../images/menu_home_hover.jpg) 0px 0px no-repeat; }
#menu a#button_producten { background: transparent url(../images/menu_producten_hover.jpg) 0px 0px no-repeat; }
#menu a#button_visie { background: transparent url(../images/menu_visie_hover.jpg) 0px 0px no-repeat; }
#menu a#button_team { background: transparent url(../images/menu_team_hover.jpg) 0px 0px no-repeat; }
#menu a#button_contact { background: transparent url(../images/menu_contact_hover.jpg) 0px 0px no-repeat; }
/* Move image position - hover */
#menu a#button_home:hover { background-position: 0px -31px; z-index: 50; }
#menu a#button_producten:hover { background-position: 0px -31px; z-index: 50; }
#menu a#button_visie:hover { background-position: 0px -31px; z-index: 50; }
#menu a#button_team:hover { background-position: 0px -31px; z-index: 50; }
#menu a#button_contact:hover { background-position: 0px -31px; z-index: 50; }
/* Active buttons */
#menu a#button_producten-active { background: transparent url(../images/menu_producten_active.jpg); width: 104px; }
#menu a#button_visie-active { background: transparent url(../images/menu_visie_active.jpg); width: 68px; }
#menu a#button_team-active { background: transparent url(../images/menu_team_active.jpg); width: 65px; }
#menu a#button_contact-active { background: transparent url(../images/menu_contact_active.jpg); width: 87px; }
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	D. Panorama                         				  *
*--------------------------------------------------------*/
#panorama img {
	padding: 0 0 3px 0;
	background-color: #909090;
	color: #000000;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	E. Content - main left                                *
*--------------------------------------------------------*/
#content {
	margin: 20px 0 0 0;
}
#main_left {
	width: 490px;
}
#main_left_flip {
	width: 220px;
	margin-left: 35px;
}
#home_weblog {
	margin: 15px 0 0 0;
}
#home_weblog p {
	width: 255px;
}
#home_weblog img {
	float: right;
	margin: 0 30px 0 0;
	padding: 5px;
	border: 1px solid #1cae12;
}
#home_weblog a, #home_weblog a:link, #home_weblog a:visited {
	text-decoration: none;
	font-weight: bold;
}
#home_weblog a:hover, #home_weblog a:active {
	text-decoration: underline;
	font-weight: bold;	
}
#home_weblog .rss_image {
	margin: 0 368px 0 0;
	padding: 0;
	border: none;
	float: right;
}
#banner {
	display: block;
	width: 428px;
	height: 150px;
	margin: 30px 0 0 35px;
	padding: 0;
}
#banner_list {
	margin: 5px 0 30px 35px;
	padding: 0;
}
#banner_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#banner_list ul li {
	display: inline;
	font-size: 11px;
	margin: 0;
	padding: 0;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;	
}
#banner_list ul li a {
	font-size: 11px;
	margin: 0;
	padding: 0;	
}
#home_weblog .stippellijn_breed {
	display: block;
	width: 430px;
	height: 12px;
	background: url(../images/stippellijn_breed.jpg) no-repeat;
	margin: 0 0 0 35px;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	F. Content - main right                               *
*--------------------------------------------------------*/
#main_right {
	width: 255px;
	float: right;
}
#main_right_flip {
	width: 470px;
	margin-right: 10px;
	float: right;
	clear: both;
}
#main_right_flip h1 {
	margin-left: 15px;
}
#main_right_flip h2 {
	margin-left: 15px;	
}
#main_right_flip p {
	margin-left: 15px;
}
#main_right h1 {
	margin: 0;
	padding: 0;
}

#products ul {
	display: block;
	width: 220px;
	color: #000000;
	background-color: #cbcbc7;
	margin: 3px 0 0 0;
	padding: 10px 0 10px 0;
}
#products ul.no-padding {
	padding: 0;
}
#products ul li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #cbcbc7;
	margin: 0;
	padding: 0;
}
#products ul li img {
	margin: 0 0 0 8px;
}
#products ul li a, #products ul li a:link, #products ul li a:visited {
	background-color: #cbcbc7;
	color: #000000;
	text-decoration: none;
	display: block;
	width: 210px;
	padding: 5px 0 5px 10px;	
}
#products ul li a:hover, #products ul li a:active {
	background-color: #1cae12;
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 210px;
	padding: 5px 0 5px 10px;
}
#products ul li a.productlijst_groot {
	font-size: 14px;
}

#home_sponsoring {
	margin: 10px 0 0 0;
}
#home_sponsoring p {
	width: 200px;
	background-color: #cbcbc7;
	padding: 10px;
	margin: 3px 0 0 0;
	color: #000000;
	text-align: left;
}
#home_sponsoring p a, #home_sponsoring p a:link, #home_sponsoring p a:visited {
	color: #000000;
	background-color: #cbcbc7;
	text-decoration: none;
	font-weight: bold;
}
#home_sponsoring p a:hover, #home_sponsoring p a:active {
	text-decoration: underline;
}
#home_brochure {
	margin: 10px 0 0 0;
}
#home_brochure p {
	width: 200px;
	background-color: #cbcbc7;
	padding: 10px;
	margin: 3px 0 0 0;
	color: #000000;
	text-align: left;
}
#home_brochure p a, #home_brochure p a:link, #home_brochure p a:visited {
	color: #000000;
	background-color: #cbcbc7;	
	text-decoration: none;
	font-weight: bold;
}
#home_brochure p a:hover, #home_brochure p a:active {
	text-decoration: underline;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	G. Footer                                             *
*--------------------------------------------------------*/
#footer {
	display: block;
	width: 770px;
	margin: 0px auto;
	text-align: left; /* IE hack 2/2 */
	height: 30px;
}
#footer ul {
	margin: 0 0 0 10px;
	padding: 0;
}
#footer ul li {
	display: inline;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#footer ul li a {
	font-size: 11px;
	color: #000000;
	background-color: #b2b2a8;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	H. Specific page - contact                            *
*--------------------------------------------------------*/
#adres ul {
	display: block;
	width: 220px;
	color: #000000;
	background-color: #cbcbc7;
	margin: 3px 0 0 0;
	padding: 10px 0 10px 0;
}
#adres ul li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #cbcbc7;
	margin: 0 0 5px 10px;
	padding: 0;
}
#adres ul li a {
	color: #000000;
	background-color: #cbcbc7;
	margin: 0;
	padding: 0;
	width: auto;
	text-decoration: underline;
	display: inline;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	I. Specific page - brochure                            *
*--------------------------------------------------------*/
.brochure_list a {
	display: list-item;
	list-style: none;
}
#brochure_pagina h2 a {
	text-decoration: none;
	font-size: 13px;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	J. Specific page - weblog                             *
*--------------------------------------------------------*/
#weblog {
 margin: 15px 0 0 0;
}
#weblog_navigatie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #4c4c4c;
	background-color: #ffffff; 
	text-align: center; 
}
#weblog p {
	width: 425px;
}
#weblog img {
	float: right;
	margin: 0 30px 0 0;
	padding: 5px;
	border: 1px solid #1cae12;
}
#weblog a, #weblog a:link, #weblog a:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#weblog a:hover, #weblog a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px; 
}
/*-------------------------------------------------------*/