/*	
	Hi there and welcome to the source code of this site.
	Feel free to be inspired, enlightened or amused by this code. Do note
	that literally copying any of this site's content without politely 
	asking first will NOT make you popular. Do ask. I'm nice.

	As for images or other graphic content: don't copy. Really, don't.
	
	For more information contact me at info@agwebdesign.nl or
	find me at www.agwebdesign.nl.
	
*/


/* 	
	COLOURS 
	=======================================
	dark beige/text colour:			#5c5856
	beige:							#dcd2ce
	off-black:						#333130
	black:							#222222
	off-white:						#faf7f6
	full white:						#ffffff
	magenta:						#a0218c
*/

/* undo default browser styling */
ul, ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img, fieldset { border:none }
address, cite { font-style:normal }

.hidden_navigation {									display: none; }

/* links */
a {														text-decoration: underline; color: #a0218c; }
a:visited {												text-decoration: underline; color: #555; }
a:hover {												text-decoration: none; color: #fff; background: #a0218c; }
a:active {												text-decoration: none; color: #fff; background: #c00; }
a[href^='http://'] {									padding-right: 8px; background-image: url(../images/bg_external.png); background-position: right center; background-repeat: no-repeat; }
a[href^='http://www.crombagoehlen.nl'] {				padding-right: 0px; background-image: none; }
a[href$='.pdf'] {										padding-left: 25px; background-image: url(../images/file_acrobat.gif); background-position: left center; background-repeat: no-repeat; }

/* basic type and layout */
body {													background: #fff; color: #5c5856; font: 62.5%/1.4em "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; margin-bottom: 40px; }
#site {													font-size: 1.2em; line-height: 1.4em; }
#header {												padding: 0 5%; }
#content {												background: #faf7f6; border-bottom: 1px solid #fff; clear: both; }
#sidebar {												width: 265px; float: right; margin-right: 5%; background: #dcd2ce; position: relative; margin-top: -3.6em; border: 1px solid #fff; border-top: none; }
#main {													margin: 0px 5% 0px 15%; padding-right: 265px; padding-bottom:25px; min-width: 300px; max-width: 800px; }
#footer {												clear: both; background: #dcd2ce; font-size: 0.91em; line-height: 1.4em; padding: 2em 5% 2em 15%; }

#main .gutter {											padding-right: 40px; padding-top: 1.4em; }

/* deco styles */
h1 {													padding: 40px 15px 0px 0px; font-size: 2.17em; font-variant: small-caps; text-transform: lowercase; text-align: right; margin-right: 265px; }
h1 a, h1 a:visited, h1 a:hover, h1 a:active {			background: none; }
#header p {												border: 1px solid #fff; border-top: none; font: 1.3em/1.3em Georgia, "Times New Roman", Times, serif;  padding: 40px 40px 15px 15px; color: #fff; float: right; width: 210px; background: #a0218c; }
#masthead {												clear: both; }
#masthead strong {										color: #fff }

/* headings */
h2 {													background: #dcd2ce; padding: 8px 35% 0px 15%; height: 35px; font: bold 2.25em/30px Georgia, "Times New Roman", Times, serif; }
h2 a, h2 a:visited, h2 a:hover, h2 a:active {			text-decoration: none; color: #5c5856; background: none; }
h3, h5 {												color: #222; font: bold 1.2em/1.4em "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; }
h4 {													font-style: italic; letter-spacing: 0.05em; color: #a0218c; }
h5 {													color: #5c5856; font-size: 1em; letter-spacing: 0em; }

/* menu */
#menu {													background: #333130; font-size: 0.91em; line-height: 1.81em; padding: 1.2em 15px; }
#menu a {												color: #ccc; text-decoration: none; padding-left: 25px; background: url(../images/arrows.png) no-repeat 0px -15px; }
#menu a:visited {										color: #ccc; }
#menu a:hover {											text-decoration: underline; background: url(../images/arrows.png) no-repeat 0px 5px; color: #fff; }
#menu a:active {										color: #aaa; }


/* block-level styles */
#content p {											margin: 1.4em 0em; }
#content .box p {										margin: 0em; }
p.leadin {												text-align: center; text-transform: lowercase; font-variant: small-caps; font-size: 1.4em; line-height: 1.4em; margin: 2.1em 0em; padding: 1.4em 2em 0em 2em; background: url(../images/bg_box.png) no-repeat center top; }
p.leadin.basic {										text-align: left; margin: 1.4em 0em; padding: 1.4em 0em 0em 0em; font-size: 1.25em; line-height: 1.4em; text-transform: none; font-variant: normal; }
p.leadin strong, p.leadin em {							color: inherit; }

/* lists */
#main ul {												margin: 1.4em 2.8em; list-style: square; }
#main ol {												margin: 1.4em 2.8em; list-style: decimal; }
#sidebar .box ul {										margin: 0.7em 0em; list-style: square; }
#sidebar .box ol {										margin: 0.7em 0em; list-style: decimal; }


/* inline styles */
strong, em {											color: #222; }
strong {												font-weight: bold; }
em {													font-style: italic; }
acronym, abbr {											font-variant: small-caps; text-transform: lowercase; letter-spacing: 0.1em; cursor: help; border-bottom: 1px dotted #ccc; }
code, kbd {												font-family: "Courier New", Courier, monospace; padding: 1px 2px; }
code {													color: #ccc; background-color: #444; }
kbd {													color: #666; background-color: #eee; }
cite {													border-bottom: 1px solid #ccc; letter-spacing: 0.1em; }
/* end styles */

hr {													 visibility: hidden; height: 15px; }

/* special styles */
#sidebar .box {											padding: 15px 15px 15px 40px; border-top: 1px solid #fff; font-size: 0.93em; background: url(../images/bg_box.png) no-repeat 15px 15px; }
#sidebar .box a {										color: #333130; }
#sidebar .box a {										color: #5c5856; }
#sidebar .box a:hover {									color: #222; text-decoration: underline; background-color: #dcd2ce; }
#sidebar .box a:active {								color: #000; background-color: #dcd2ce; text-decoration: underline; }

img.route {												float: left; margin-right: 50px;  }
/*
div.highlight {											width: 515px; position: relative; background: #a0218c url(../images/panel_bottom.png) no-repeat center bottom; margin: 1.4em -10px; padding-bottom: 10px; color: #fff; }
div.highlight p {										background: url(../images/panel_middle.png) repeat-y center top; padding: 3px 25px 10px 25px; margin: 0em; color: #fdf; }
div.highlight h3 {										background: url(../images/panel_top.png) no-repeat center top; padding: 20px 25px 0px 25px;  margin: 0em; }
*/
div.highlight {											background: #a0218c; margin: 1.4em 0px; color: #fff; }
div.highlight p {										margin: 0em; color: #fdf; padding: 10px; }
#main div.highlight h3 {								background: #faf7f6; margin: 0em; color: #a0218c; }


#content div.highlight p {								margin: 0em; }
div.highlight strong, div.highlight h3 {				color: #fff; }
img.deco {												display: block; margin: 1.4em auto; }

/* MicroFormats */
.country-name {											display: none; }
span.label {											padding-right: 1em; font-weight: bold; }

.vcard img {											position: absolute; top: 0px; left: 0px; }

#site.advocaten .vcard {								padding-left: 180px; position: relative; margin: 1.4em 0em; }
#site.advocaten .vcard h3 {								text-transform: none; }
#site.advocaten .vcard .org {							padding-left: 25px; background: url(../images/icon_user.gif) no-repeat 0 50%; display: none; }
#site.advocaten .vcard .tel { 							padding-left: 25px; background: url(../images/comment.gif) no-repeat 0 50%; display: none; }
#site.advocaten .vcard .url { 							padding-left: 25px; background: url(../images/icon_world.gif) no-repeat 0 50%; display: none; }

#site.frontpage #header {								padding: 77px 5% 35px 15%; }
#site.frontpage #main {									padding-bottom: 28px; }
#site.frontpage #sidebar {								margin-top: 0em; }
#site.frontpage #header p {								color: #5c5856; background: none; float: left; width: auto; padding: 0px; font-size: 1.75em; line-height: 1.3em; }
#site.frontpage h1 {									padding: 0px; margin: 0px; }
#site.frontpage h2 {									padding: 0px; background: none; height: auto; font-size: 1.75em; line-height: 1.6em; margin-top: 15px; }
#site.frontpage p {										margin: 0em 0em 1.4em 0em; }
#site.frontpage #masthead {								clear: none; margin: 0px 5% 0px 0px; padding: 30px 265px 30px 15%; background: #a0218c; color: #fff; border-bottom: 1px solid #fff; }
#site.frontpage #masthead h2 {							margin-top: 0px; }
#site.frontpage #masthead ul {							color: #fdf; font-size: 1.2em; line-height: 1.4em; padding-right: 50px; margin: 1.4em 0em; }
#site.frontpage #masthead li {							background: url(../images/arrow_magenta.png) no-repeat 0% 0.6em; padding-left: 30px; margin-bottom: 0.6em; }
#site.frontpage #masthead p {							font-size: 1.2em; line-height: 1.4em; margin: 0em; color: #fdf; }
#site.frontpage #sidebar img {							border-top: 1px solid #fff; margin: 0; padding: 0; }
#site.frontpage .vcard .adr {							float: left; width: 40%; margin-right: 9%; }

div.spacer {											height: 1px; clear: both; visibility: hidden; }