body { font-family: Tahoma, Verdana; background: #000; margin: 0px; padding: 0px; text-align: center; color: #fff; font-size: 11px; }
.clear { clear: both; }
.cleft { clear: left; }
.fleft { float: left; }
a img { border: none; }
img { vertical-align: middle; }

#top, #bottom { background: #1c1c1c; text-align: center; }
#top { height: 140px; }
#bottom { height: 80px; color: #aaa; margin-top: 0px; }
#bottom span { display: block; padding-top: 35px; }
.wrapper { width: 950px; margin: auto; text-align: left; }
#languages { list-style-type: none; margin: 0px 10px 0px 0px; padding: 0px; float: right; }
#languages li { display: block; float: left; margin: 10px 8px 0px 0px; }
#logo { display: block; clear: both; padding: 25px 0px 0px 0px; }
#lensflare { background: url(../img/flare.png) no-repeat top left; width: 398px; height: 311px; margin: 0px 0px -311px 0px; position: relative; float: right; }
#menu { list-style-type: none; margin: -20px 0px -20px 0px; padding: 0px; float: right; width: 178px; }
#menu li { border-bottom: 30px solid #4d4d4d; }
#menu.gallery li a { padding: 10px 20px 16px 10px; }
#menu.gallery li { border-bottom-width: 16px; }
#menu #longer { display: block; background: #4d4d4d; }
#menu .last { border-bottom: none; }
#menu .last a { background: #393939; padding-bottom: 22px; }
#menu li a { display: block; text-decoration: none; color: #fff; font-size: 20px; background: #393939 url(../img/menu.png) bottom repeat-x; padding: 20px 20px 26px 20px; position: relative; text-transform: lowercase; }
#menu.gallery li .active { background: #2a2a2a; }
#menu li .active { background: #2a2a2a; }
#menu li a span { display: block; font-size: 10px; text-transform: uppercase; padding-top: 0px; color: #9a9a9a; }
#main { float: left; width: 750px; margin: 2px 0px 0px 0px; font-size: 12px; line-height: 180%; background: #1f1f1f; padding: 10px 0px 10px 20px; min-height: 440px; height: 440px; }
#main p { text-align: justify; }
.darkback { background: #000 !important; }

form { margin: 0px; padding: 0px; width: 350px; }
form .field { border: 1px solid #585858; padding: 4px 6px 4px 6px; margin: 3px; background: #4f4f4f; }
form .field input { float: right; width: 220px; display: block; border: 1px dotted #616161; font-family: Tahoma, Verdana; font-size: 12px; padding: 3px 0px 3px 0px; margin: 2px 0px 2px 0px; background: #555555; color: #fff; }
form .field textarea { float: right; width: 220px; display: block; border: 1px dotted #616161; font-family: Tahoma, Verdana; font-size: 12px; padding: 3px 0px 3px 0px; margin: 2px 0px 0px 0px; background: #555555; color: #fff; height: 100px; }
form #buttons { text-align: right; }
form #buttons input { border: none; padding: 4px 6px 4px 6px; font-size: 11px; background: transparent; color: #eee; }
#contactimg { float: right; }
#contactimg img { height: 395px; border: 3px solid #333; margin: 15px 5px 0px 0px; }

#news { list-style-type: none; margin: 0px 0px 0px -10px; padding: 0px 0px 0px 20px; background: url(../img/news.png) no-repeat left 3px; height: 100px; }
#news li { float: left; margin-right: 0px; width:64px; height: 128px; }
#news li a {  position: relative; z-index: 2; width:64px; height: 128px; display: block; }

.dates li a { font-size: 16px !important; text-align: center; padding-top: 30px !important; font-weight: bold;  }
.dates li a img { margin-top: -20px !important; }
#galerie { margin: 10px 0px 0px 0px; padding: 0px; list-style-type: none; }
#galerie li { display: block; float: left; width: 220px; padding: 0px; margin: 10px; position: relative; }
#galerie li a { display: block; border: 1px dotted #444; background: #444; padding: 10px; text-decoration: none; color: #fff; font-size: 14px; font-family: 'Century Gothic'; }
#galerie li a:hover { border: 1px solid #666; }
#galerie li a img { float: left; width: 64px; height: 64px; margin: 0px 10px 0px 0px; }
#galerie li a span { font-size: 11px; color: #aaa; }

#galeriecategory { margin: 10px 0px 0px 5px; padding: 0px; list-style-type: none; float: right; width: 245px; }
#galeriecategory li { display: block; float: left; width: 210px; padding: 0px 10px 10px 0px; margin: 5px 0px 0px 5px; position: relative; background: url(../img/event.png) no-repeat top left; }
#galeriecategory li a { display: block; border: 1px dotted #444; padding: 2px 4px 6px 4px; text-decoration: none; color: #fff; font-size: 12px; font-family: 'Century Gothic'; height: 33px; line-height: 100%; }
#galeriecategory li a:hover { border: 1px solid #666; }
#galeriecategory li a img { float: left; width: 32px; height: 32px; margin: 2px 10px 0px 0px; }
#galeriecategory li a span { display: block; font-size: 9px; color: #aaa; padding: 0px; margin: 0px 0px -4px 0px; }
.noscroll{ height: auto !important; }
#galeriecategory li a .year { color: #fff; font-size: 13px; display: block; text-align: center; font-weight: bold; margin-top: 5px; }

#thumbs { list-style-type: none; padding: 0px; margin: 20px 0px 0px 0px; }
#thumbs li { background: 3px 3px no-repeat; float: left; padding: 0px; margin: 5px; width: 70px; height: 70px; }
#thumbs li a { display: block; border:3px solid transparent; height: 64px; width: 64px; }
#thumbs li a:hover { border: 3px solid #ff7b04; }
.date { float: right; color: #aaa; margin: 15px 0px 0px 0px; }
#thumbs.category { float: left; width: 490px; clear: left; margin-bottom: -10px; }

.headerleft { margin-bottom: -20px; padding: 0px; font-size: 18pt; position: relative; top: -30px; }
.gallerydesc { clear: left; margin: -15px 0px -5px 12px; padding-top: 15px; font-size: 8pt; }

#prof { margin: 7px 0px 7px 0px; }

#scrollarea { margin: 0px 0px 0px -20px; height: 280px; overflow: auto; position: relative; padding: 0px 0px 0px 10px; }

#preview { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; opacity: 0.9; display: none; }

h1 .ok { color: #9eed27; }
h1 .fail { color: #bf0000; }

.scrollMain { margin: 0px; padding: 0px; }
.scrollArea { width: 9px; float: right; margin: 0px 15px 0px -24px; }
.scrollArrowUp, .scrollArrowDown { background: left top no-repeat; width: 9px; height: 9px; display: block; position: relative; }
.scrollArrowUp { background-image: url(../img/arrow_up.png); }
.scrollArrowDown { background-image: url(../img/arrow_down.png); }
.scrollArrowUp:hover, .scrollArrowDown:hover { background-position: left bottom; }