@import url('base.css');
@import url('basemod-gallery.css');
/* common elements */
body { font-family: Verdana, Sans-Serif; font-size: 10px; color: #bbb; background: #fff url('../img/footer-grad.gif') bottom center repeat-x; } 
#page_margins { background: transparent url('../img/footer-bernd.jpg') 20px bottom no-repeat; }
#page { background: transparent url('../img/header-bernd.gif') left top no-repeat; position: relative; z-index: 0; }
p { text-size: 1.1em; }
a { text-decoration: none; color: #999;}
a:hover { color: #555; }
span.highlight, span.highlight a { color: #ccc !important; border-bottom: 1px solid #ccc; }
span.highlight a:hover { color: #555 !important; border-bottom: 1px solid #555; }
li { line-height: inherit; }
/* hidden admin-box */
#adminButton { position: absolute; left: 0; top: 0; width: 527px; height: 20px; background: transparent; z-index: 100; }
#adminBox { position: absolute; top: 0; background: #fff; z-index: 101; }
#adminBox_content { padding: 10px 5px 5px 5px; }
/* 4 x 4 view */
#grid { background: transparent url('../img/grid.gif')  no-repeat scroll left top; height: 540px; width: 540px; padding-top: -1px; }
#grid-start { background: transparent url('../img/title.jpg')  no-repeat scroll left top; height: 540px; width: 540px; padding-top: -1px; }
#grid select, #grid-start select { width: 120px; }
div.thumb { float: left; height: 122px; margin: 13px 13px 0 0; padding: 0; width: 122px; }
div.thumb img { background: #f3f3f3 none repeat scroll 0%; height: 120px; width: 120px; margin: 0; padding: 0; }
div.thumb a img { border: 1px solid #ddd; }
div.thumb a:hover img { border: 1px solid #888; }
div.thumb-start { float: left; height: 122px; margin: 13px 13px 0 0; padding: 0; width: 122px; }
div.thumb-start img { background: #f3f3f3 none repeat scroll 0%; height: 120px; width: 120px; margin: 0; padding: 0; }
div.thumb-start a img { border: 1px solid #ddd; visibility: hidden; }
div.thumb-start a:hover img { border: 1px solid #888; visibility: visible; }
/* single view */
#box { background: transparent url('../img/box.gif') no-repeat scroll left top; height: 540px; width: 540px; padding-top: -1px; }
div.item { float: left; margin: 13px auto 0 auto; padding: 0; }
#col3_content { width: 527px; margin-right: -3px; }
div.item img { background: #f3f3f3 none repeat scroll 0%; margin: 0; padding: 0; border: 1px solid #ccc; }
/* header navigation */
#h-nav { width: 527px; clear: both; display: block; line-height: 1.1em; xoxpacity: 0.9999; } /*  } */
div.h-nav { width: 100%; margin: 0 auto; float: left; font-size: 1.1em; }
div.h-nav-filler { height: 1.1em; }
div.h-nav a { float: left; display: block; color: #bbb; 
	 padding: 0; text-decoration: none; font-weight: normal; width: auto; /* nur IE 5.x */ width/**/:/**/ .1em; /* für IE 6.0 */ }
div.h-nav > ul a { width: auto; }  /* für alle anderen Browser */
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div.h-nav a { float: none; }
/* End IE5-Mac hack */
div.h-nav ul { white-space: nowrap; margin: 0; padding: 0; list-style: none; }
div.h-nav li { float:left; padding: 0 9px 0 0; margin: 0; text-transform: uppercase;  }
div.h-nav .active, div.h-nav .active a { color: #888; }
div.h-nav li:hover, div.h-nav li:hover a { color: #666; background: transparent; }
div.h-nav li.active:hover, div.h-nav li.active:hover a { color: #444; }
li.fr { float: right !important; padding-right: 0 !important; }
li.fr a { color: #ccc; }
#arrowLastLine-on { width: 8px; height: 9px; float: left; position: relative; margin: 2px 0 0 -18px; background-color: #ffffff;  }
#arrowLastLine-off { width: 8px; height: 9px; float: left; position: relative; margin: 2px 0 0 -18px; background-color: #ffffff; }
/* header spacer */
#h-spacer { width: 527px; text-transform: uppercase; text-align: right; }
#h-spacer p { padding: 21px 0 1px 0; width: 100%; }
#h-spacer a { color: #ccc; }
#h-spacer a:hover { color: #777; }
/* headers */
h2 { font-size: 1.1em; font-weight: normal; text-transform: uppercase; color: #888; }
#col2_content p { text-align: left; font-size: 1.1em; line-height: 17px; }
#col2_content a { color: inherit; font-weight: normal; } 
/* navigator */
#navigator { width: 527px; padding: 24px 0 12px 0; background: url('../img/album-dots.gif') 0 24px repeat-x; text-align: center; }
#navigator a { color: #ccc; }
#navigator a:hover { color: #777; }
#album-first { float: left; width: 15px; }
#album-prev { float: left; width: 14px; }
#album-next { float: right; width: 14px; }
#album-last { float: right; width: 15px; }
/* contact */
#contact { margin-top: 30px; margin-bottom: 0px; width: 916px; height: 748px; }
#contact p { text-transform: uppercase; padding: 0 0 1.1em 0; color: #ccc; line-height: 1.1em; }
#contact a { color: #ccc; }
#contact a:hover { color: #aaa; }
/* bernd head */
#footer { height: 700px; width: 540px; }

/*
#pdf { display: box; display: none; position: absolute; left: 460px; top: 0px; background: url('../img/ausstallung-linz.png') 0 0 no-repeat; width: 450px; height: 80px; z-index: 100; }
#youtube { position: absolute; width: 410px; height: 256px; top: 373px; left: 555px; z-index: 20; display: block; overflow: hidden; display: none;  }
*/