/*
006C84 dark blue
7BCBE1 light turqoise
B73012 orange brown
*/

/*GLOBAL*/
* {margin:0;padding:0;}
body {background:#eee; margin:0; font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000;}

/*PLAATSING*/
#wrap {margin-left: 60px; width: 900px; background: transparent; border-top: 0px solid #006C84;}
#head {background: transparent url(/img/logo.png) no-repeat; width: 100%; height: 120px; margin-top: 20px;}
#nav {margin-top: 20px; width: 100%; border-top: 6px solid black; border-bottom: 1px dotted black;}
	#upcoming {margin: 6px 4px; padding: 4px 8px; background: #7BCBE1 url(/img/bgfade.png); font-style: italic; color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#content {top: 20px; position: relative;}
	#contactdetails {width: 80px; text-align: right;}
	#video {padding: 20px; background: #eee; width: auto;}
#foot {color: #999; width: 900px; margin: 36px 0 20px 60px;}

/*KLASSEN*/
.x {position:absolute; left:-9999px; top:-9999px;}
.left {float:left;}
	img.left {margin: 0 20px 18px 0;}
.right {float:right;}
	img.right, .image {margin: 0 0 18px 20px;}
.one {width: 24%;}
.two {width: 49%;}
.three {width: 74%;}
.four {width: 99%;}
.text {margin: 20px;}
.image {max-width: 40%; border: 0px solid #ddd; background: #eee; color: #777; padding: 10px; font-size: 12px; font-style: italic;}
.shadow {background:#fff url(/img/shdw_br.gif) no-repeat bottom right;}
.booknow {position: relative; top: 0px;}
/*.directory .entry-title {display: block;}*/
.directory .published {display: inline-block; font-size: 12px; margin: 6px 0 14px 0; color: #888; text-transform: italic; background: #eee; padding: 1px 5px; -moz-border-radius: 3px;}
p.published {border-bottom: 4px double #ccc; font-size: 12px; font-weight: bold; color: #006C84; padding-bottom: 2px; text-transform: uppercase;}
div.entry-content {background: #fff url(/img/line.gif) repeat-x bottom left; padding-bottom: 6px; margin-bottom: 40px;}
div.artist-content {display: block; clear: both;}

/*ELEMENTEN*/
h2 {font-size:24px; line-height:24px; margin-bottom:18px; font-weight: normal; color:#B73012;}
	h2.withdate {margin-bottom: 2px;}
h3 {font-size:21px; line-height:21px; margin-bottom:18px; font-weight: normal; color:#777;}
	#sidenav h3 {font-weight: bold; font-size: 12px; line-height: 20px; margin-bottom: 10px; background: #fff url(/img/line.gif) repeat-x bottom left; padding-bottom: 12px; text-transform: uppercase;}
	form h3 {font-weight: bold; font-size: 14px; color: #000; margin: auto;}

p {margin-bottom:18px;}
img {border:none;}
ul, ol {margin-bottom:18px;}
	.entry-content ul, .entry-content ol {margin-left: 36px;}
	#sidenav ul {list-style: none;}
	#sidenav li {margin-bottom: 2px;}
#upcoming strong {color: #eee;}

/*MENU*/
#nav ul {list-style:none; margin: 10px 20px; }
#nav li {display:inline; margin-right: 12px;}
#nav a {text-decoration: none; color: black; font-size: 24px; text-transform: none;}
#nav a:hover {color: #006C84;}
#nav a.active {color: #888;}
	
/*LINKS*/
#content a {color: black; text-decoration: none; border-bottom: 1px solid black;}
	#content .entry-content a {color: #006C84; border-color: #006C84;}
	#content h2 a {border-bottom: none; color: #B73012;}
#content a:hover {color: #333; border-color: #999; background: #ffa;}
	#content h2 a:hover {background: transparent;}
#nav #upcoming a {font-size: 1em; border-bottom: 1px solid #fff; color: #fff;}
#contactdetails a {border: none; background: transparent !important;}
#foot a {color: #666; text-decoration: none; border-bottom: 1px solid #999;}
#foot a:hover {color: #333; border-color: #999; background: #ffa;}

#content a.button {background: transparent url(/img/bg_button_a.gif) no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px Arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; border: none;}
#content a.button:hover {color: #006C84; background-color: transparent;}
#content a.button:active {background-position: bottom right; color: #000; outline: none;}
#content a.button span {background: transparent url(/img/bg_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
#content a.button:active span {background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */}

/*FORMS*/
fieldset {margin:0; padding:0;}
form {margin: 0 0 20px 0;}
fieldset {border:0}
legend {display: none;}
input.zemText, textarea.zemTextarea, select.zemSelect, .zemSubmit {display:block; padding:3px; margin-bottom: 10px; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;}
.zemText, .zemSelect { width: 200px;}
textarea.zemTextarea {width: 82%;}
.zemError {list-style: none; background: #222; color: #7BCBE1; padding: 4px 6px;}
input.zemRequirederrorElement, textarea.zemRequirederrorElement {background-color: #ffd; border: normal;}
label.zemRequired, label.zemRequirederrorElement {font-weight: bold;}
label.zemRequired:after, label.zemRequirederrorElement:after {content: " *";}
label.zemRequirederrorElement {color: #006C84;}
.zemCheckbox {vertical-align: middle;}
.lafamilia {color: #006C84; font-weight: bold;}

/*CLEARFIX*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */