/* -- Screen CSS für www.rb-drumming.com -- */
/* -- (c) Roman Baumgartner -- */
/* -- erstellt vom vmediaservice.net -- */

body{background: #333 url(../images/main_bg.gif); color: #333; font: 0.8em tahoma, sans-serif;}

/* -- positioniert das Layout immer absolut zentriert -- */
#horizon{height: 1px; left: 0px; overflow: visible; position: absolute; top: 50%; width: 100%;}
#center{height: 660px; left: 50%; margin-left: -277px; position: absolute; top: -330px; width: 554px;}

#header{background-image: url(../images/header.gif); height: 186px;}
#header h1{display: none;}

#main{background: #FFF url(../images/content_bg.jpg);}

#navigation{background: #BC001C url(../images/navigation_bg.jpg) no-repeat; float: left; height: 385px; text-align: right; width: 163px;}
#navigation ul{list-style: none; margin: 20px 35px 0px 30px; padding: 0;}
#navigation ul li{margin: 7px 0;}
#navigation a{color: #FFF; text-decoration: none;}
#navigation a:hover{font-weight: bold;}

#content{height: 365px; overflow: auto; padding: 10px;}
#content p.right{text-align: right;}
#content p.back{clear: left; float: none;}
#content h2{color: #BC001C; font: 20px Georgia, "Times New Roman", Times, serif;}
#content h3{clear: both; font-size: 1.1em;}
#content h4{font-size: 1em;}
#content a{border-bottom: 1px dashed #333; color: #BC001C; text-decoration: none;}
#content a:hover{border-bottom-style: solid;}
#content img{background-color: #FFF; border: 1px solid #CCC; margin: 8px; padding: 5px;}
#content .image_container a{border: none;}
#content img.right{float: right; margin-right: 0;}
#content ul{list-style-image: url(../images/bullet.gif);}
 #content .a63-pagination{list-style: none; margin: 15px 0; text-align: right;}
	#content .a63-pagination li{border-right: 2px solid #CCC; display: inline; margin-left: 3px; padding-right: 3px;}
#content .news_article{border-bottom: 2px solid #CCC; clear: left; float: none;}

#content .gallery_detail{background-color: #FFF; border: 1px solid #999; float: left; margin-bottom: 5px; padding: 8px 0 5px 0; margin-right: 5px; text-align: center; width: 110px;}
#content .gallery_detail img{border: none; padding: 0; margin: 0;}
	#content .gallery_detail:hover{border-color: #666;}
#content .gallery_detail a{border: none;}

#content ul a{border: none; color: #DD6060; font-weight: bold;}
#content ul a:hover{border: none; color: #333;}
#content ul.sitemap li{margin-bottom: 10px;}
#content ul.sitemap li ul{list-style-image: url(../images/sitemap.gif);}
#content ul.sitemap li ul li{margin-bottom: 0px;}
#content ul.sitemap li ul a{color: #333; font-weight: normal;}
#content ul.sitemap li ul a:hover{color: #DD6060;}
#content label{display: block;font-weight: bold;}
#content input,textarea{border: 1px solid #DDD; font: 1em tahoma, sans-serif; margin-bottom: 5px; width: 200px;}
#content textarea{height: 100px; width: 340px;}
#content fieldset{border: 0; margin: 0; padding: 0;}
#content legend{display: none;}
#content .news{border-bottom: 1px dashed #999;}
#content .small{height: 10px; width: 10px;}
#content .button{background-color: #FFF; border: 1px dashed #BC001C; padding: 0.1em; width: 90px;}

#content div.gallery{float: left; margin: 0 auto; padding: 3px 3px 0 0;}
#content div.gallery img{margin: 0 0 3px 3px; padding: 0;}
#content div.gallery img:hover{border-color: #666;}


#footer{background-image: url(../images/footer.gif); clear: both; color: #FFF; font-size: 0.85em; height: 62px; padding-top: 25px;}
#footer p{padding: 0; margin: 0; text-align: right;}
#footer a{color: #FFF; text-decoration: none; font-weight: bold;}
#footer a:hover{color: #BC001C;}

/* -- Lightbox 2.03 -- */
#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: #fff; 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/blank.gif) no-repeat;display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background: url(../images/next.gif) right 15% no-repeat; }


#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;
width: 100%	}

#imageData{padding:0 10px; color: #666; }
#imageData #imageDetails{width: 70%; float: left; text-align: left; }	
#imageData #caption{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;}