/*
	 TEST
*/
@import "reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { width: 960px; margin: 0 auto;  }
body { font-family: arial, sans-serif; background-color: #fff; color: #000; line-height: 24px; font-size: 14px; }
h1 { font-size: 32px; margin: -10px 0 30px 0; line-height: 1;}
h2 { font-size: 28px; margin: 40px 0 30px 0; }
h3 { font-size: 24px; margin: 40px 0 20px 0; }
h4 { font-size: 18px; margin: 30px 0 10px 0;}
h5 { font-size: 18px; margin: 30px 0 5px 0;}
p { margin: 0 0 15px 0; }
a { /*text-decoration: none;*/ color: #e10816; }
a:hover { text-decoration: none; color: #555; cursor: pointer; }
a:visited {color: #aa0613; }
.home { background: url(/public/images/home-bg.png) repeat-x; }
.page { background: url(/public/images/page-bg.png) repeat-x; }
.hide { display: none; }
.title { margin-top: 0; }
.post-line { clear: both; border-bottom: 1px #ddd dotted; margin: 40px 0 45px 0; }
.cache-images { display: none }


/* --------- */
/* -- Nav -- */
/* --------- */
#nav { float: right; margin: 60px 50px 0 0; }
.menu {	padding: 7px 6px 0 0; }
.menu li { margin: 0 5px; padding: 0 0 8px;	float: left; position: relative; }
.menu a { display: block; padding:  8px 15px; margin: 0; color: #e10816; text-decoration: none; font-size: 20px; }
.menu .current a, .menu li:hover > a { color: #aa0613; }
.menu ul li:hover a, .menu li:hover li a { color: #e10816; }
.menu ul a:hover { background: #000 !important; color: #fff !important; }
.menu ul { background: #eee; display: none; margin: 0; padding: 0; width: 250px; position: absolute; top: 35px; left: 20px; border: solid 1px #ddd; }
.menu li:hover > ul { display: block; }
.menu ul li { float: none; margin: 0; padding: 0; }
.menu ul a { font-size: 16px; }
.menu ul ul { left: 250px; top: -3px; }
.menu li.current_page_item a { color: #aa0613;}
.menu .sub-menu li.current_page_item a { color: #000; }

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { height: 110px; padding: 45px 0 0 0;}
#header h1 { float: left; }
#header img {float:left; position: absolute;margin-left:-70px;margin-top:25px;}
#header h1 { font-size: 40px; margin: 0px 0 20px 5px; }

/* -------------- */
/* -- Homepage -- */
/* -------------- */
.home-block {float: left; margin: 0px 30px 0px 0px; width: 285px; }
.first-row {height: 200px;}
.second-row {height: 250px;}
.read-more {float: right; margin: 10px 0px 0px 0px;}
.home-block-bottom {float: left; margin: 20px 0px 30px 0px; width:480px}
.home-block-bottom.left {padding-left:50px; border-left: 1px #ddd dotted; width:429px; }

/* ------------------ */
/* -- Image Slider -- */
/* ------------------ */
#featured-section #image-slider { float: left; background: url(/public/images/img-slider-bg.png) repeat-x; width: 960px; height: 250px; margin: 50px 0 0 0; border: 1px #ddd solid; background-color: #fff; }
.jcarousel-container-horizontal { float: left; margin: 15px 0 0 30px !important; }
#image-slider #mycarousel li { float: left; width: 264px; height: 260px; margin: 0 0 0 0px; }
#image-slider #mycarousel li.first { margin-left: 0; }
#image-slider #mycarousel img { margin: 9px 0 0 9px; padding: 5px; border: 1px #ddd solid; width: 240px; height: 165px; }
.jcarousel-prev-horizontal { margin: 90px 0 0 -18px; }
.jcarousel-next-horizontal { margin: 90px 50px 0 0; }

/* ------------- */
/* -- Content -- */
/* ------------- */
#main { float: left; margin: 40px 0 50px 0;}
#main.pages {width: 650px;}
#main.muzikant {width: 650px;}
#main.forgot-password, #main.register {width: 275px;}
#main.contact {width: 900px;}
#main.photos, #main.videos, #main.blog {width: 700px;}
#main-right {width:250px; float: right; margin: 40px 0 50px 0;}
#content { float: left; width: 480px; padding: 0 165px 0 0; }
img.media-photos {padding: 20px;}
.blue-bullets { float: left; margin: 10px 0 0 0; }
.blue-bullets li { background: url(/public/images/blue-bullet.png) no-repeat; /*height: 21px; position: relative;*/ padding: 0px 0 10px 35px; }

div.video {
	width: 320px;
	padding: 10px;
	text-align:center;
	float:left;
}
div.video span.comment {
	color: #aaa;
}
ul.Zend_Tag_Cloud li {
	display: inline;
}
div.blogdivider {
	margin-bottom: 50px;
	clear:both;
}
span.blog-time {
	color: grey;
	float: left;
	margin-bottom: 10px;
	clear:both;
}
span.blog-readmore {
	float: right;
	margin-left: 35px;
}
span.blog-comments {
	margin-top: -15px;
	background: url(/public/images/comments_icon.png) no-repeat; padding-left: 60px; padding-top: 15px;
	height: 35px;
	float:right;	
}
/* blog comments */

div.blog div.comment-avatar {
	width: 100px;
	float: left;
}
div.blog div.comment-body {
	width: 500px;
	padding-left: 15px;
	display: table-cell;
	float: left;
}
div.blog span.date {
	color: #bbb;
}
/* ---------- */
/* -- Page -- */
/* ---------- */
.page-headline { font-size: 36px; margin: 35px 0 0 0px;}
.blue-bullets-rep {margin-top: 35px; width: 650px;}
.blue-bullets-rep li { background: url(/public/images/blue-bullet.png) no-repeat; /*height: 21px;*/ position: relative; padding: 0px 0px 10px 35px; }
.blue-bullets-rep span.date {color: grey;}
.blue-bullets-rep img {float: right;}
.blue-bullets-rep img.tickets {float: left; padding-right: 10px; margin-top: -10px;}


/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer {clear:both; border-top: 1px #ddd dotted; margin: 20px 0 0 0; padding: 15px 0 50px 0; width: 100%; }
#footer p.contact {float:left;}
#footer p.copyright {float:right; color:#bbb}

#newsletter-form input[type=text], #register-form input[type=text], #forgot-password-form input[type=text], #bestelling-form input[type=text], #login-form input[type=text], #login-form input[type=password], #change-password-form input[type=password], #contact-form input[type=text], #blog-comment-form input[type=text] {
	width:210px;
	background:#f6f6f6 none no-repeat 6px 6px;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:6px;
	margin: 5px 0px 0px 0px;
	padding-left: 28px;
}
#contact-form textarea, #blog-comment-form textarea, #bestelling-form textarea {
	width:400px;
	height: 175px;
	font-family: arial, sans-serif;
	font-size: 13px;
	background:#f6f6f6 none no-repeat 6px 6px;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:6px;
	margin: 5px 0px 0px 0px;
	padding-left: 28px;
}

#newsletter-form input.user, #register-form input.user, #contact-form input.user, #bestelling-form input.user, #blog-comment-form input.user { background-image: url(/public/images/user.png);}
#login-form input.email, #register-form input.email, #forgot-password-form input.email, #blog-comment-form input.email, #newsletter-form input.email, #bestelling-form input.email, #contact-form input.email { background-image: url(/public/images/email.png) ;}
#contact-form input.phone { background-image: url(/public/images/phone.png) ;}
#login-form input.password { background-image: url(/public/images/lock.png) ;}
#bestelling-form input.address { background-image: url(/public/images/house-icon.png) ;}
#contact-form textarea, #bestelling-form textarea, #bestelling-form textarea, #blog-comment-form textarea { background-image: url(/public/images/icon_message.png) ;}
#login-form .submit, #change-password-form .submit, #register-form .submit, #forgot-password-form .submit, #newsletter-form .submit, #blog-comment-form .submit, #contact-form .submit {float:right; display: block; background: url(/public/images/blue-button-bg.png) no-repeat; width: 141px; height: 34px; color: #fff; text-align: center; padding: 5px 0; margin: 5px 30px 0 0; border: none; cursor: pointer; font-size: 12px; }
#bestelling-form .submit {display: block; background: url(/public/images/blue-button-bg.png) no-repeat; width: 141px; height: 34px; color: #fff; text-align: center; padding: 5px 0; margin: 5px 30px 0 0; border: none; cursor: pointer; font-size: 12px; }
#login-form .submit:hover, #change-password-form .submit:hover, #register-form .submit:hover, #forgot-password-form .submit:hover, #bestelling-form .submit:hover, #newsletter-form .submit:hover, #contact-form .submit:hover, #blog-comment-form .submit:hover { background: url(/public/images/red-button-bg.png) no-repeat; color: #fff; }

.errors li {
	background: no-repeat 3px 3px;
	background-image: url(/public/images/error.png);
	color: red;
	padding-left: 28px;
	float: left;
	
}
#contact-form .errors li, #blog-comment-form .errors li, #bestelling-form .errors li {
	width: 425px;
}
#login-form .errors li, #newsletter-form .errors li {
	width: 250px;
}

#newsletter-form input[type="text"]:focus, #bestelling-form input[type="text"]:focus, #bestelling-form textarea:focus, #login-form input[type="text"]:focus,#login-form input[type="password"]:focus,#contact-form input[type="text"]:focus, #contact-form textarea:focus, #blog-comment-form input[type="text"]:focus, #blog-comment-form textarea:focus{
	background-color:#eef9fe;
	border-color:#a3a3a3;
}

div.success {
	background: no-repeat 3px 3px;
	background-image: url(/public/images/icon-success.png);
	color: green;
	height: 30px;
	float: left;
	padding: 10px 2px 2px 42px;
}

div.clearfix {clear:both;}
div.verjaardag-image {float:left; width: 60px; margin-top:2px; margin-bottom:2px;}
div.verjaardag-image img {border: solid 1px #ddd; padding:2px;}

div.bestuur {float: left;padding: 20px;}
div.bestuur-image {text-align:center; width: 200px; height: 200px; margin-top:2px; margin-bottom:2px;}
div.bestuur-image img {border: solid 1px #ddd; padding:2px;}
div.bestuur-tekst {text-align:center;}

div.muzikanten {float: left;padding: 20px;}
div.muzikanten-image {text-align:center; width: 200px; height: 200px; margin-top:2px; margin-bottom:2px;}
div.muzikanten-image img {border: solid 1px #ddd; padding:2px;}
div.muzikanten-tekst {text-align:center;}

div.muzikant-image {position: absolute; margin-left: 500px; width: 200px;}
div.muzikant-image img {border: solid 1px #ddd; padding:2px;}

span.address { background: url(/public/images/house-icon.png) no-repeat; padding-left: 28px; }
span.clean { padding-left: 28px;}
span.function { padding-left: 28px; font-style:italic;}
span.telefoon { background: url(/public/images/phone.png) no-repeat; padding-left: 28px;}
span.email { background: url(/public/images/email.png) no-repeat; padding-left: 28px;}
span.name { padding-left: 28px; font-weight:bold;}

h2.muzikanten { margin: 0px 0 0px 0; }
h2.blog { 
	margin: 0px 0 20px 0; 
	
}
#main.muzikant div.label {float:left; width: 165px; font-weight:bold}
#main.muzikant div.value {float: left; width: 325px;margin-bottom:10px;}
br.clearfix {clear:both;}