/*----------------------------------------------*/
/*												*/
/*		Copyright © 2008 Bean Designed			*/
/*		Alle rechten voorbehouden.				*/
/*												*/
/*		Adres: Beb Vuykstraat 16				*/
/*			   3207 WC Spijkenisse				*/
/*												*/
/*		Mobiel: 06 23 18 56 74					*/
/*		Email: info@beandesigned.eu				*/
/*		Internet: www.beandesigned.eu			*/
/*												*/
/*----------------------------------------------*/

/*------------------ ALGEMEEN ------------------*/

body {
	margin: 0px;
	background: url(../img/optiek_swemmer_achtergrond_top.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #2c1a10;
	line-height: 19px;
}

a:link, a:visited {
	text-decoration: underline;
	color: #2c1a10;
}

a:hover {
	text-decoration: underline;
	color: #b7aea7;
}

/*----------------- CONTAINERS -----------------*/

#top_container {
	width: 740px;
	margin: 0px auto;
	position: relative;
}

#bottom_container {
	height: 170px;
	margin: 0px;
	position: relative;
	background: url(../img/optiek_swemmer_achtergrond_bottom.jpg) repeat-x;
}

#footer_container {
	width: 740px;
	margin: 0px auto;
	position: relative;
}

/*------------------- HEADER -------------------*/

#header {
	width: 740px;
	height: 135px;
}

.header_clear {
	clear: both;
}

/*-------------------- LOGO --------------------*/

#logo {
	float: left;
	margin: 30px 0px 0px 0px;
}

/*----------------- NAVIGATIE ------------------*/

#navigatie {
	float: right;
	margin: 103px 0px 0px 0px;
	font-weight: bold;
}

#nav a:link, #nav a:visited {
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 1px 0px;
	text-decoration: none;
	color: #2c1a10;
	border-bottom: 2px solid #b7aea7;
}

#nav a:hover {
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 1px 0px;
	text-decoration: none;
	color: #2c1a10;
	border-bottom: 2px solid #2c1a10;
}

#nav li ul {
	margin: 0px 0px 0px 18px;
	border-left: 15px solid #b7aea7;
}

#nav li ul a:link, #nav li ul a:visited {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #2c1a10;
	border-bottom: 0px;
}

#nav li ul a:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #b7aea7;
	border-bottom: 0px;
	background: url(../img/optiek_swemmer_pijl_menu.jpg) no-repeat left;
}

#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	width: 200px;
	padding: 16px 16px 16px 0px;
	left: -9000px; /* LEFT I.P.V. DISPLAY OM MENU'S TE VERBERGEN */
	background: #f4f1ef;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto; /* LISTS ONDER JUIST MENU ITEM ZETTEN */
}

/*-------------------- PIJL --------------------*/

#pijl {
	margin: 10px 0px 0px 112px;
}

/*---------------- INTRODUCTIE -----------------*/

#introductie {
	width: 380px;
	height: 140px;
	margin: 45px 0px 0px 30px;
	color: #FFF;
}

/*------------------ CONTENT -------------------*/

/* VOOR 'MIN-HEIGHT' BEGRIJPENDE BROWSERS */
#content {
	width: 740px;
	margin: 0px;
	padding: 30px 0px 30px 0px;
	min-height: 500px;
	height: auto;
	background: url(../img/optiek_swemmer_achtergrond_watermerk.jpg) top right no-repeat;
}

/* VOOR INTERNET EXPLORER */
* html #content {
	height: 500px;
}

/* EINDE 'MIN-HEIGHT' */

#content_links {
	width: 440px;
	float: left;
}

#content_rechts {
	width: 240px;
	float: right;
}

.content_clear {
	clear: both;
}

.koptitel {
	margin: 0px 0px 20px 0px;
	font-weight: bold;
}

.tussentitel {
	color: #b7aea7;
	font-weight: bold;
}

.afbeelding_border {
	border: 2px solid #b7aea7;
}

.afbeelding_border_links {
	float: left;
	margin: 0px 20px 10px 0px;
	border: 2px solid #b7aea7;
}

.afbeelding_border_rechts {
	float: right;
	margin: 0px 0px 10px 20px;
	border: 2px solid #b7aea7;
}

.tussen_bruin {
	color: #6e5648;
}

.sitemap {
	background: url(../img/optiek_swemmer_sitemap.jpg) no-repeat;
}

/*----------------- AANBIEDING -----------------*/

#aanbieding {
	margin: 0px 0px 23px 0px;
	text-align: right;
}

/*------------------- NIEUWS -------------------*/

#nieuws {
	width: 240px;
	margin: 0px; /* MET NIEUWS ERBOVEN: margin: 0px 0px 80px 0px; */
	text-align: right;
}

.nieuws_lees_meer a:link, .nieuws_lees_meer a:visited {
	text-decoration: none;
	color: #2c1a10;
}

.nieuws_lees_meer a:hover {
	text-decoration: none;
	color: #b7aea7;
}

.nieuws_titel {
	color: #2c1a10;
	font-weight: bold;
}

.nieuws_datum {
	color: #b7aea7;
}

.nieuws_meer {
	text-align: right;
	font-weight: bold;
	color: #b7aea7;
}

.nieuws_meer a:link, .nieuws_meer a:visited {
	text-decoration: none;
	color: #b7aea7;
}

.nieuws_meer a:hover {
	text-decoration: none;
	color: #2c1a10;
}

.nieuws_afbeelding {
	float: right;
	margin: 0px 0px 10px 20px;
	border: 2px solid #b7aea7;
}

/*------------------ CONTACT -------------------*/

#contact {
	text-align: right;
}

/*----------- FORM KLASSEN (CONTENT) -----------*/

.foutinform {
	color: #b7aea7;
}

.knoppen {
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #FFF;
	background: #b7aea7;
	border: 1px solid #b7aea7;
}

.inlog_velden {
	width: 318px;
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	border: 1px solid #b7aea7;
	color: #2c1a10;
}

.totaal_invoervelden {
	width: 436px;
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	border: 1px solid #b7aea7;
	color: #2c1a10;
}

.totaal_berichten {
	width: 436px;
	height: 320px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	border: 1px solid #b7aea7;
	color: #2c1a10;
}

.bestand {
	width: 440px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	border: 1px solid #b7aea7;
	color: #2c1a10;
}

/*------------------- FOOTER -------------------*/

#footer {
	height: 100px;
	padding: 30px 0px 0px 0px;
	color: #FFF;
	text-align: center;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #FFF;
}

#footer a:hover {
	text-decoration: underline;
	color: #FFF;
}

/*------------------ WAARBORG ------------------*/

#waarborg {
	text-align: center;
}

/*----------------------------------------------*/
/*												*/
/*			Einde van de CSS code				*/
/*												*/
/*----------------------------------------------*/