@charset "iso-8859-1";

/* DEFAULTS */
html, body { margin: 0px; background-color: #161616; color: #FFFFFF; font-size: 13px; }
h1 { margin: 10px 0px 0px 0px; padding: 0px; font-size: 26px; font-style: normal; font-weight: 100; color: #C338A1; }
h2 { margin: 0px 0px 0px 0px; padding: 0px; font-size: 20px; font-style: normal; font-weight: 100; color: #C338A1; }
p { margin: 5px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #FFFFFF; }
table { margin: 10px 0px 10px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #FFFFFF; }
a { color: #C338A1; text-decoration: none; } a:hover { color: #C338A1; text-decoration: underline; }
img { border: none; }
form { display: inline; }


/* DIVs */
#container { margin: 0px auto 0px auto; width: 800px; font-family: Arial, Helvetica, sans-serif; }
#header { float: left; margin-bottom: 20px; width: 800px; height: 190px; background-color: #000000; font-size: 18px; line-height: 20px; }
#header img { float: left; margin: 10px 10px 0px 10px; width: 780px; height: 150px; border: none; }
#search { float: right; margin: 4px 10px 4px 0px; height: 22px; width: 172px; }
#page { float: left; width: 800px; margin: 0px; }
#content { float: left; margin: 0px 20px 0px 0px; padding: 0px 20px 10px 10px; width: 500px; vertical-align: top; background-color: #000000; }
#sidebar { float: left; padding: 10px 15px 10px 10px; width: 225px; background-color: #000000; vertical-align: top; font-size: 13px; }
#sideinfo { float: left; margin-bottom: 20px; padding: 10px 15px 10px 10px; width: 225px; background-color: #000000; vertical-align: top; font-size: 13px; }
#footer { float: left; margin-top: 20px; width: 800px; }


/* LINKS */
h1 a { color: #C338A1; text-decoration: none; } h1 a:hover { text-decoration: none; }
#sidebar li a { color: #FFFFFF; text-decoration: none; } #sidebar li a:hover { color: #C338A1; text-decoration: none; }
#sideinfo li a { color: #FFFFFF; text-decoration: none; } #sideinfo li a:hover { color: #C338A1; text-decoration: none; }
#footer a { color: #CCCCCC; text-decoration: none; }
#footer a:hover { color: #F17429; text-decoration: none; }


/* TEKSTEN */
#footer p { margin: 0px 0px 20px 0px; font-size: 11px; color: #CCCCCC; line-height: 14px; text-align: center; }
#sidebar p { margin-top: 0px; margin-bottom: 25px; }
#page .kopje { margin-bottom: 5px; font-size: 18px; color: #C338A1; }

/* LIJSTEN */
ul { color:#FFFFFF; margin-top: 5px; margin-bottom: 20px; padding-left: 15px; list-style-type: none; line-height: 18px; }
ul.info { padding-left: 10px; }
ul.blog { list-style-type: square; }
ul.calendar { margin-top: 10px; margin-bottom: 10px; font-size: 16px; list-style-image: url('/images/layout/li_date.png'); list-style-type: none; padding-left: 20px; }
ul.twitter { list-style-type: circle; margin-bottom: 10px; }
ul.disclaimer { font-size: 13px; margin-bottom: 10px; list-style-type: square; line-height: 17px; }
ul.disclaimer ol { margin-bottom: 10px; list-style-type: circle }
ul small { color: #999999; font-style: italic; font-size: 11px; }


/* NAVIGATION */
#navigation { float: left; margin: 0px; padding: 0px; width: 600px; height: 22px; }
#navigation li { float: left; margin: 5px 5px 5px 10px; height: 20px; display: inline; }
#navigation li a { color: #490E34; text-decoration: none; }
#navigation li a:hover { color: #C338A1; text-decoration: none; }

/* SIDEBAR */
.license { width: 100%; }
.license img { margin: 0px 60px 20px 65px; }
.recentgigs { width: 100%; text-align: center; }
.recentgigs img { margin: 5px 0px 5px 0px; }
.sponsors { margin: 10px 0px 25px 0px; width: 100%; text-align: center; }

/* ZOEKEN */
#safari { width: 172px; height: 22px; }
#safari form { display: inline; }
#glass { float: left; margin-top: 4px; margin-left: 6px; width: 13px; height: 14px; border: 0px; font-size: 1px; cursor: default; }
#keywords { float: left; margin-top: 2px; margin-left: 3px; width: 126px; height: 16px; border: 0px; font-size: 14px; background-color: transparent; outline: none; }
#close { float: left; margin-top: 5px; margin-left: 2px; width: 12px; height: 12px; border: 0px; font-size: 1px; cursor: default;} 
.sbox {  background-image: url("/images/layout/search-box.png"); background-position: 0 0; }
.sboxempty { background-image: url("/images/layout/search-box.png"); background-position: 0 -22px; }
.sboxlite { background-image: url("/images/layout/search-box.png"); background-position: 0 -44px; }
.sglass { background-image: url('/images/layout/search-glass.png'); background-position: 0 0;}
.sglasslite { background-image: url('/images/layout/search-glass.png'); background-position: 0 -14px;}
.sclose { background-image: url('/images/layout/search-close.png'); background-position: 0 0;}
.scloselite { background-image: url('/images/layout/search-close.png'); background-position: 0 -12px;}
.scloseoff { background-image: url('/images/layout/search-close.png'); background-position: 0 0; display:none;}
.skeywords { color: #490E34; }
.skeywordslite { color: #C338A1; }


/* CONTACT */
#contact table { font-size: smaller; color: #CCCCCC; border: 1px #222222 solid; }
#contact input, #contact textarea { background-color: #000000; border: 1px solid #999999; font-size: 14px; color: #C338A1; outline: none;}
#contact #submitter { border: 1px #490E34 solid; color: #CCCCCC; }

/* CALENDAR */
.cal { float: left; width: 100%; margin-bottom: 20px; }
.cal .sheet { height: 70px; width: 60px; background-image: url('/images/layout/calender-date.png'); float: left; margin-right: 10px; }
.cal .date { padding: 14px 6px 6px 6px; height: 50px; width: 48px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#000000; line-height: 170%; }
.cal .day { font-size: 30px; }
.cal .text { float: left; width: 400px; }

/* SITEMAP */
#sitemap { width: 100%; text-align: left; }
#sitemap h2 { font-size: 16px; margin-top: 20px; margin-bottom: 5px; color:#CCCCCC; }
#sitemap a { color:#CCCCCC; text-decoration: none; }
#sitemap a:hover { color:#FFFFFF; text-decoration: none; }



/* OVERIGE */
#permalink { background-color: #000000; border: 1px solid #999999; font-size: 11px; color: #C338A1; outline: none; }
.blog { margin: 10px 0px 15px 0px;  }
.album { margin: 10px 0px 15px 0px; height: 85px; }
.album img { margin: 0px 10px 0px 0px; float: left; height: 85px; }
.album small, .blog small { color: #999999; font-size: 11px; }
.niels { margin: 20px auto 10px auto; text-align:center; }
.fpfoto { margin: 0px 0px 10px 0px; border: solid #222222 1px; }
.wit { width: 100%; text-align: center }
.wit a { color:#FFFFFF; text-decoration: none; }
.wit a:hover { color:#FFFFFF; text-decoration: underline; }
.wit small, .entry small { font-size: 10px; color: #CCCCCC; }

.sign { text-align: center; font-size: 16px; }
.entry { margin-top: 0px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #333333; } 
.entry h2 { color:#FFFFFF; font-size: 16px; }
.entry h2 a { color: #FFFFFF; text-decoration: none; }
.entry h2 a:hover { color: #C338A1; text-decoration: none; }
.entry p { margin-bottom: 5px; }
.spacer { margin-left: 84px; }
#guestbook table { margin-left: 80px; border: none; width: 340px; font-size: 12px; color: #CCCCCC; }
#guestbook input, #guestbook textarea { border: 1px solid #333333; background-color: #000000; color: #CCCCCC; font-size: 12px; padding: 3px; outline: none; width: 250px; }
#guestbook .captcha { width: 70px; }
#guestbook #submitter { margin-top: 10px; width: auto; border: 1px solid #C338A1; padding-left: 20px; padding-right: 20px; }
#guestbook small { font-size: 10px; }
#links { width: 100%; }
#links a { color:#FFFFFF; text-decoration: none; }
#links a:hover { color:#C338A1; text-decoration: none; }


/* LIGHTBOX */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } 
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #222222; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(../images/ajax/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/ajax/prev.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/ajax/next.png) right 15% no-repeat; }
#imageDataContainer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #222222; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData{	padding:0 10px; color: #C338A1; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-size:16px; line-height: 120%; font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}		
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }