@charset "iso-8859-1";

html, body { margin: 0px; padding: 0px; background-color: #000000; color: #A63700; font-family: Georgia, "Times New Roman", Times, serif; }
h1 { margin: 20px 0px 20px 0px; font-size: 24px; font-weight: normal; color: #DE6A00; }
h2 { font-size: 18px; color: #DE6A00 }
p { margin: 5px 0px 10px 0px; font-size: 14px; line-height: 1.2; }
small { font-size: 12px; }
a { color: #DE6A00; text-decoration: none; outline: none; }
a:hover { color: #DE6A00; text-decoration: underline; }

#container { margin: 30px auto 0px auto; width: 900px; position: relative; } 
#header { margin: 0px 0px 15px 0px; padding: 0px; width: 900px; height: 156px; display: inline; }
#header #logo { float: left; border: none; display: inline; } 
#header #band { float: right; margin: 10px 25px 0 0; border: none; display: inline; }
#header #navigation { float: left; width: 510px; padding-left: 40px; height: 30px; display: inline; } 
#header #navigation ul { margin: 0px; padding: 0px; }
#header #navigation li { float: left; margin: 0px 10px 0px 0px; padding: 0px; width: auto; height: 30px; line-height: 30px; font-size: 16px; display: inline; } 
#header #navigation li a { color: #A63700; text-decoration: none;  }
#header #navigation li a:hover { color: #DE6A00; text-decoration: none; }
#header #lines { float: left; position: relative; width: 900px; padding: 0px; height: 16px; display: inline; }
#header #lines .top { position: absolute; top: 0; left: 0; width: 900px; height: 2px; background-color: #A63700; font-size: 1px; } 
#header #lines .bottom { position: absolute; top: 14px; left: 12px; width: 876px; height: 2px; background-color: #A63700; font-size: 1px; } 
#content { float: left; padding: 0px 12px 0px 12px; width: 876px; } 
#footer { float: left; position: relative; margin: 25px 0px 0px 0px; padding: 0px; width: 900px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; display: inline; }
#footer .line { position: absolute; top: 0px; left: 150px; width: 600px; height: 2px; background-color: #A63700; font-size: 1px; }
#content .ad { float: left; margin-top: 25px; width: 100%; text-align: center; }
#content .ad2 { float: right; margin-top: 20px; width: 160px; display: inline; }

/* tijdelijk */
#advent { position: absolute; top: -27px; height: 24px; width: 900px; left: 0px; }
#advent ul { float: left; display: inline; margin: 0; padding: 0; }
#advent li { float: left; display: inline; margin-right: 5px; height: 25px; width: 25px; text-align: center; line-height: 22px; background-image: url('/images/advent-bg.jpg'); }


/* rest */
h1.home { margin: 30px 0px 30px 0px; font-size: 30px; color: #A63700; text-align: center; }
p.home { font-size: 16px; text-align: center; }
p.hauptfoto { text-align: center; }
p.hauptfoto img { margin-top: 30px; }
p.copy { font-size: 16px; }
img.rss { float: right; display: inline; margin-top: 30px; }
.right { float: right; margin: 0px; padding: 0px 0px 0px 10px; width: 428px; text-align:center; display: inline }
.left { float: left; margin: 0px; padding: 0px 10px 0px 0px; width: 428px; display: inline;}
.left h2, .right h2 { margin: 20px 0px 5px 0px; font-size: 22px; line-height: 28px; font-weight: normal;  }
.left p { margin: 5px 0px 5px 0px; }

.albums { float: left; width: 675px; display: inline; }
.albums .jaar { float: left; width: 675px; display: inline; }
.albums .gig { float: left; width: 204px; margin: 0px 15px 15px 0px; height: 94px; font-size: 11px; line-height: 20px; display: inline; }

.albums a img, .left a img, .right a img { border: 2px solid #000000; }
.albums a:hover img, .left a:hover img, .right a:hover img { border: 2px solid #A63700; }
.albums a:active img. .left a:active img, .right a:active img  { border: 2px solid #DE6A00; }

.photopage { float: left; width: 876px; display: inline; }
.photopage h1 { margin-bottom: 5px; }
.photopage .pic { float: left; height: 110px; width: 150px; padding: 8px 12px 8px 12px; text-align: center; } 
.photopage .pic a img, .foto { border: 2px solid #000000; } 
.photopage .pic a:hover img { border: 2px solid #A63700; } 
.photopage .pic a:active img, .foto:active { border: 2px solid #DE6A00; } 
.backlink { float: left; width: 100%; padding-top: 10px;text-align: center; display: inline; }
.number { float: right; margin-top: 20px; width: 150px; text-align:right; display: inline; }
.photobox { margin: 25px 0px 25px 0px; width: 100%; text-align: center; float: left; vertical-align: bottom; display: inline; }

.guestbook { float: left; width: 675px; display: inline;  text-align: center;}
.guestbook .guestbook h1 { text-align: left; }
.guestbook .comment { margin: 25px auto 25px auto; padding: 5px; width: 550px; text-align: left;}
.guestbook .normal { border: 1px solid #A63700; }
.guestbook .light { border: 1px solid #DE6A00; color: #DE6A00; }
.guestbook .white { border: 1px solid #CCCCCC; color: #CCCCCC; }
.guestbook table tr td { font-size: 12px; line-height: 24px; vertical-align: top; }
.guestbook input { padding: 2px; width: 300px; height: 20px; font-size: 16px; color:#A63700; border: 1px solid #A63700; background: none; outline: none; }
.guestbook .captcha { width: 100px; } 
.guestbook .light input { color:#DE6A00; border: 1px solid #DE6A00;  }
.guestbook textarea { padding: 2px; width: 300px; height: 100px; font-size: 16px; color:#A63700; border: 1px solid #A63700; background: none; outline: none; }
.guestbook .light textarea { color:#DE6A00; border: 1px solid #DE6A00; }
#submitter { width: auto; padding: 5px; height: auto; }
.groter { font-size: 16px; } 

#impressum { text-align: center; }
#impressum .groot { font-size: 22px; }
#impressum p { font-size: 16px; }
#impressum small { font-size: 14px; }

.infinite { display: none; }