@charset "utf-8";
/*
Theme Name: Rembrandt Theme take two
Theme URI: http://rembrandt.binx.nl/
Description: Het oranje showband thema voor Rembrandt.
Version: 0.1
Author: Binx Web & Ontwerp
Author URI: http://www.binx.nl/

	Rembrandt 0.1
	http://rembrandt.mediacontrol.nl/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
body {
background:#fbb040;
outline:none;
}

/*CONTENT WRAPPERS*/
#wrapall1 {
background:url(Images/headerjpg.jpg) no-repeat top center;
width:100%;
}

#wrapall2 {
background:url(Images/headerjpgmag.jpg) no-repeat top center;
width:100%;
}

#wrapall3 {
background:url(Images/headerjpgyel.jpg) no-repeat top center;
width:100%;
}

#contentwrap {
width:845px;
margin:0 auto;
}

#welkomwrap {
height:165px;
}

#elementwrap {
height:169px;
}


#header {
width:100%;
height:274px;
}

#menu {
width:845px;
height:71px;
}

#content {
width:845px;
 

}

.leftfloat {
float:left;
}

/* WELKOM */
#foto {
width:306px;
height:165px;
float:left;
}

#welkom {
background:url(Images/welkom.png) no-repeat;
padding-left:10px;
padding-right:10px;
padding-top:10px;
width:519px;
height:155px;
float:left;
}

#fotoscrollbg {
background:url(Images/fotoscrollbg.png) no-repeat;
padding-left:15px;
padding-right:15px;
width:408px;
}

#fotoscroller {
background:url(Images/fotoslider.png) no-repeat;
width:495px;
height:140px;
float:left;
padding-left:55px;
padding-top:29px;

}

#filmdiv {
background:url(Images/video.png) no-repeat;
width:265px;
height:159px;
float:left;
padding-top:10px;
padding-left:30px;
}

#verslagruimte {
background:url(Images/verslagruimte.png) bottom no-repeat;
width:825px;
height:147px;
padding:15px 10px 5px 10px;
}

/* De Band */

#deband {
background:url(Images/single.png) top left no-repeat;
width:805px;

padding:10px 20px 0 20px;
float:left;
}
#deband ul {
margin:0;
padding-left:10px;

}
#deband ul li{
margin:0px;
padding:0 40px 0 0;
color:#FFFFFF;
text-align:left;
font-size:11px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#biografie {
background:url(Images/Biografie-bg.png) bottom left no-repeat;
width:845px;
height:275px;
padding:20px 40px 0 30px;
float:left;
}

#biografie a{
outline:none;
}

#biografie img{
border:none;
text-decoration:none;
}

ul.biografie {
margin:0;
padding:0;
display:inline;
}

li.biografielist {
padding:0px 3px 0 3px;
margin:0px;
list-style:none;
display:inline;
float:left;
}

div.listdiv {
width:150px;
max-height:180px;
text-align:center;
}

li.debandlist {
margin:0px;
padding:0 40px 0 0;
color:#FFFFFF;
text-align:left;
font-size:10px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

img.right {
float:right;
padding-top:15px;
padding-left:5px;
padding-right:45px;
}
#bandgallery{
background:url(Images/single.png) top left no-repeat;
width:805px;
min-height:473px;
padding:10px 20px 0 20px;
float:left;}

/*VIDEO*/
#videowrapt {
width:100%;
height:400px;
}

#beschrijving {
background:url(Images/TextMediabg.png) no-repeat;
float:left;
width:200px;
height:400px;
padding:10px 0 0 15px;
}

#videowrapper {
float:left;
margin:0 auto;
height:100%;
padding-top:0px;
width:400px;
}

div.videofloat {
background:url(Images/videomediabg.png) no-repeat;
width:182px;
padding-left:10px;
padding-right:0;
height:153px;
float:left;
margin:3px 4px 3px 4px;
}

#mp3div {
background:url(Images/Mediaplayerbg.png) no-repeat;
float:right;
width:200px;
height:400px;
padding-top:15px;
padding-left:15px;
padding-right:15px;
}

#videowrap {
background:url(Images/Video-bg.png) no-repeat;
width:845px;
height:385px;
padding-top:15px;
}

#description {
float:left;
width:200px;
height:400px;
padding:0 0 0 15px;
}

#video {
float:left;
height:100%;
}

#playlist {
float:right;
width:80px;
height:400px;
padding-right:20px;
}

ul.playlist {
margin:0px;
padding:0px;
list-style:none;
}

li.playlist {
margin:0px;
padding:0px;
list-style:none;
}

hr.playlist {
background:#11aee9;
height:2px;
width:100%;
border-width:0;
color:#11aee9;
}

/*FOTOALBUM*/
div#albumdiv {
float:left;
padding-left:2px;
padding-right:5px;
padding-top:10px;
}

#albumdiv img{
border:none;
}

div#marginfotoalbum {
margin:0 auto;
width:845px;
}

/*GASTENBOEK*/
div.css_form_successmessage {
color:e7008e;
}

div.css_guestbook_position {
padding-top:0;
width:800px;
}

div.css_form_embedded {
background:url(Images/gb-background.png) no-repeat;
float:right;
height:690px;
padding-left:20px;
padding-top:10px;
width:380px;
float:right;
margin:0 0 0 0;

}
#spacer{width:200px;
height:20px;}
textarea.css_form_messagefield {
background:url(Images/textarea-bg.png) no-repeat;
border:none;
padding:5px 10px;
width:300px;
height:150px;
}

input.css_form_emailfield, input.css_form_namefield, input.css_form_antispam_inputfield {
background:url(Images/input-bg.png) no-repeat;
border:none;
width:300px;
padding:5px 10px;
height:15px;
}

#gastenboek {
width:845px;
}

p.gb-title {
font-size:16px;
}

.css_guestbook_position {
float:left;
left:0px;
top:0px;
}

div.css_guestbook_font_color {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
}

td.css_post_header1 {
font-size:24px;
color: #FFFFFF;
height:15px;
}

.css_post_header2 {
width:20px;
height:15px;
}

.css_post_header3 {
width:20px;
height:15px;
}

div.css_post_header4 {
font-size:11px; 
color:#FFFF99;
height:15px;
}

.css_post_email_image {
height:15px;
width:15px;
border:0px;
}

.css_post_url_image {
height:15px;
width:15px;
border:0px;
}

.css_post_separator {
height:2px;
width:35%;
text-align:left;
margin:0px 0px 0px 0px;
background:#FFFFFF;
color:#FFFFFF;
border:none;
}

div.css_post_embedded {
background:url(Images/postembeddedbg.png) top left no-repeat;
width:350px;
max-width:350px;
}

.css_post_message {
font-size: 14px;
margin:5px 0px 0px 5px;
}

a.css_navigation_select {
color:#FFFFFF;
float:left;
visibility:
}

a.css_navigation_notselect {
color:#FFFFFF;
}

a.css_navigation_char {
color:#FFFFFF;
}

a.css_form_link {
color:#FFFFFF;
visibility:hidden;
}

.css_navigation_totalcount {
float:left;
visibility:hidden;
}

a.css_navigation_char:hover {text-decoration:none; color:#e7008e;}
a.css_navigation_select:hover {text-decoration:none; color:#e7008e;}
a.css_navigation_notselect:hover {text-decoration:none; color:#000000;}
img.css_post_url_image {border:0px;}
img.css_post_email_image {border:0px;}

div.css_navigation_overview td {
font-size:12px;
color:##FFFF99;
}

span.id_nummer {
font-size:12px;
color:##FFFF99;
}

div.css_form_antispamcontent_position {
margin:0 auto;
}

.css_form_submit:hover { 
color: #fff;
}

input.css_form_submit {
background:#fcab33;
border: none; 
color:#FFFF00; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
text-transform: uppercase; 
font-weight: bold; 
right: 0; 
}

div.css_form_antispamtext {
text-align:left;
}
.deposts{
width:350px;
max-width:350px;
float:left;
}
/* CONTACT */
#contact-bg {
background:url(Images/contact-bg.png) no-repeat;
width:845px;
height:590px;
padding-top:10px;
}

div.wpcf7-validation-errors, .wpcf7-response-output{
font-family:Verdana, Arial, Helvetica, sans-serif;
border:none;
font-weight:bold;
font-size:11px;
color:#990000;
}

#contact-text {
float:left;
padding-left:20px;
width:300px;
}

#contact-formulier {
float:right;
padding-top:20px;
padding-right:20px;
}

#contact-formulier textarea {
background:url(Images/textareacontact-bg.png) no-repeat;
width:460px;
height:150px;
border:none;
padding:5px 10px;
}

input.input, input.input wpcf7-validates-as-required {
background:url(Images/contactinput-bg.png) no-repeat;
border:none;
width:208px;
padding:5px 10px;
height:15px;
outline:none;
}

input.verstuur {
background:#fcab33;
border: none; 
color:#FFFF00; 
float:right;
padding-right:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
text-transform: uppercase; 
font-weight: bold; 
right: 0; 
outline:none;
}

input.verstuur:hover {
color:#fff;
outline:none;
}

/* TEXT STYLES */
#contact-formulier td,p {
margin:0px;
color:#FFFFFF;
text-align:left;
font-size:11px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
outline:none;
}
p a{
text-decoration:none;}
p a span:hover {
color:#FFFF00;
}
.textlink {
text-align:left;
font-size:14px;
color:#FF00AF;
}

p.errormes {
color:#bb1100;
}

/* MENU */
.menubar {
list-style:none;
display:inline;
float:left;
margin:0px;
padding-top:15px;
padding-left:0px;
}

.menubar a{
outline:none;
}

.menubar li {
display:inline;
list-style:none;
padding-right:23px;
}

.no-underline {
text-decoration:none;
}

#footer {
width:845px;
height:11px;
margin:0 auto;
font-size:9px;
text-align:center;
color:#FFCC99;
clear:both;
}

#footerlink {
color:#FFCC99;
}

.fontsize16 {
font-size:16px;
}

h4 {
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#11aee9;
}

span.meer, span.meer a:visited {
color:#11aee9;
text-decoration:none;
}

 a{
color:#e7008e;
}

h2, h2.title, h3 {
font-size:24px;
color:#11aee9;
font-family:Arial, Helvetica, sans-serif;
margin-top:0;
margin-bottom:5px;
}


#contact-foto 
{ background: no-repeat;
 z-index: 84;
  position: absolute; 
  left: 50%; 
  width: 259px; 
  height: 254px; 
  margin-left: -185px; 
  margin-top: -65px; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#band_viewer {
float:left;
padding-top:15px;
min-height:150px;
}

/* image slider */
#left {
	width: 400px;
	height: 100px;
	overflow: hidden;
	border: 3px solid black;

	padding: 0px;
	clear:both;
	}

/* Immagini */
#left img {
	height: 100px;
	margin: 0px;
	border: 0px;
	clear:both;
	}
	
	
	
/* BAND LEDEN */
#bandviewer ul li {
float:none;
display:block;
}
#bandviewer ul {
float:left;
padding:0;
}
#bandwraptext {
float:right;
padding-left:20px;
padding-right:20px;
width:790px;
}

#band_viewer2 {
float:none;
min-height:150px;
}

#band_viewer2 ul li {
float:none;
display:inline;
}
#band_viewer2 ul {
float:left;
padding:0;
}
#bandwraptext2 {
width:820px;
}


/* ===== Gastenboek */
	#gastenboek { float: left; color: #fff; width: 730px; margin-left: 35px; }
		#reacties { float: left; width: 465px; min-height: 100px; }
		
		#plaats-bericht { float: left; width: 265px; background: url('img/guestbook-bg.png'); }
			#plaats-bericht form { padding: 15px; font-size: 14px; font-weight: bold; }
			#plaats-bericht p { line-height: 20px; }
			#plaats-bericht .input { border: none; width: 202px; height: 15px; padding: 6px 10px; background: url('img/input-gb.png'); font-size: 12px; }
			#plaats-bericht textarea { border: none; width: 204px; padding: 6px 10px; font-size: 12px; height: 150px; background: url('img/guestbook-textarea.png'); }
			#plaats-bericht .verstuur { background: none; border: none; padding: 5px 0; float: right; font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #f6c462; text-transform: uppercase; }	
a{outline:none;}			
img{outline: none;}
.more-link {outline: none;}	
.verstuur{outline:none;}
