/*	
	-----------------------------------------------------------
	Section 1: Global page definitions
	-----------------------------------------------------------
*/

html>body .moz-bug { clear:both  }
h1 { margin: 10px 0 10px 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #224c44; }
h1 a { color: #506f34; }
h2 { margin: 0 0 15px 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; font-variant: small-caps; color: #506f34; }
img, a { border:none; }
h3 { margin: 10px 0 10px 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: small-caps; color: #224c44; }
.hidden { display: none; }
.fade { color: #6c8522; }
.spacer { font-size: 10px; line-height: 10px; }
.divLine { margin: 0 0 10px 0; font-size: 1px; line-height: 1px; border-bottom: 1px solid #93a316; }
a { color: white; text-decoration: none; }
a:hover { text-decoration: underline; }
.wide { line-height: 17px; }
.wide img { margin: 0 0 14px 0; }
.errormsg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #9a100a; font-weight: bold; }
.quote { font-family: "Times New Roman", Times, serif; font-size: 13px; font-style: italic; line-height: 18px; }
#colLeft .noBorder img, #colLeft .noBorder a { border: none; margin: 0 5px; vertical-align: text-bottom; }


/*	
	-----------------------------------------------------------
	Section 2: background image definitions
	-----------------------------------------------------------
*/

html,body,#bg,#bg table,#bg td { width:100%; height:100%; overflow:hidden; }

#bg div { position:absolute; width:200%; height:200%; top:-50%; left:-50%; }
#bg td { vertical-align:middle; text-align:center; }
#bg img { min-height:50%; min-width:50%; margin:0 auto; display:block; }


/*	
	-----------------------------------------------------------
	Section 3: Navigation
	-----------------------------------------------------------
*/

#navigation { width: 752px; height: 30px; padding: 7px 0 0 155px; background: url(../images/system/bg_navi.png) no-repeat;}
#navigation a.main { float: left; display: block; margin: 0 39px 7px 0; height: 16px; background-position: 0% 0%; background-repeat: no-repeat; }
#navigation a.main:hover { text-decoration: none; background-position: 0% 100%; }
a.news { width: 33px; background: url(../images/system/btn_news.png); }
a.termine { width: 53px; background: url(../images/system/btn_termine.png); }
a.media { width: 55px; background: url(../images/system/btn_media.png); }
a.band { width: 30px; background: url(../images/system/btn_band.png); }
a.gaestebuch { width: 67px; background: url(../images/system/btn_gaestebuch.png); }
a.business { width: 73px; background: url(../images/system/btn_business.png); }
a.kontakt { width: 51px; background: url(../images/system/btn_kontakt.png); }

#news a.news, #termine a.termine, #media a.media, #band a.band, #gaestebuch a.gaestebuch, #business a.business, #kontakt a.kontakt { background-position: 0% 100%; }


/*	
	-----------------------------------------------------------
	Section 4: Content
	-----------------------------------------------------------
*/

#mainDiv { position:absolute; top:0; left:0; width: 100%; height: 100%; z-index: 10; overflow: auto; }
#contentContainer { position: relative; margin: 0 auto; width: 910px; }
#impressum { position: absolute; top: 10px; right: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: white; }
#logo { margin: 24px 0 50px 0; width: 909px; height: 101px; background: url(../images/system/logo_hrs.png) no-repeat; }
#headline { position: absolute; top: 235px; left: 150px; }
#colLeft { position: absolute; top: 320px; left: 36px;; width: 405px; }
#colLeft img { border: 4px solid white; }
#colLeft a.pic:hover img { border: 4px solid #9a100a; }

.newsEntry { margin: 0 0 70px 0; }
.newsPics { float: left; width: 119px; margin: 3px 0 0 0; }
.newsText { margin: 0 0 0 119px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #234D43; }
.newsText img { float: left; margin: 3px 10px 0 0; }

.bandEntry { margin: 0 0 40px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #234D43; }
.bandEntry img { float: left; margin: 0 15px 0 0; }
.bandEntry .hd { margin: 0 0 3px 0; }

#colPics { position: absolute; top: 320px; left: 155px;; width: 437px; }
#colPics img { margin: 0 10px 10px 0; border: 4px solid white; }
#colPics a.pic:hover img { border: 4px solid #9a100a; }

#colGalleries { position: absolute; top: 312px; left: 605px; width: 155px; }
#colGalleriesTop { width: 155px; height: 13px; background: url(../images/system/bg_galleries_top_transp.png); }
#colGalleriesContent { padding: 0 20px; background: url(../images/system/bg_info_transp.png); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; }
#colGalleriesBtm { width:155px; height: 140px; background: url(../images/system/bg_info_btm_transp.png); }
.galleryPic { padding: 0 0 56px 0; }
.galleryPic img { border: 2px solid white; }
.galName { position: relative; z-index: 10; margin: -54px 0 0 2px;; padding: 2px; width: 86px; background: url(../images/system/bg_info_transp.png); }
.galleryPic a:hover img { border: 2px solid #9a100a; }

#colInfo { position: absolute; top: 235px; left: 520px; width: 228px; }
#colInfoTop { width: 228px; height: 13px; background: url(../images/system/bg_info_top_transp.png); }
#colInfoContent { padding: 0 20px; background: url(../images/system/bg_info_transp.png); }
#colInfoBtm { width: 228px; height: 140px; background: url(../images/system/bg_info_btm_transp.png); }
.infoItem { padding: 10px 0 30px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; }
.infoItem img { margin: 0; padding: o; }
.fb-like { margin: -2px 0 0 0; border-left: 4px solid #3b5998; border-right: 4px solid #3b5998; border-bottom: 4px solid #3b5998; padding: 4px 0 3px 25px; background: url(../images/system/logo_fb.jpg) left no-repeat white; }
#trailer {width: 188px; height: 116px; }


/*	
	-----------------------------------------------------------
	Section 5: Forms
	-----------------------------------------------------------
*/

form { margin: 10px 0 0 0; border: 1px solid white; padding: 10px; font: normal 11px/17px normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: white; }
fieldset { margin: 0; border: none; padding: 0; }
label { display: block; float: left; width: 60px; }
input { float: left; margin: 2px 0 8px; 0; padding: 2px; width: 160px; border: 1px solid #7b9493; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #234d43; background-color: white; }
input#submit { margin: 10px 0 0 0; border: none; width: 97px; height: 20px; background: url(../images/system/btn_absenden.gif) no-repeat; cursor: pointer; }
textarea { float: left; margin: 2px 0 8px; 0; padding: 2px; width: 160px; border: 1px solid #7b9493; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #234d43; background-color: white; }
.error input, .error textarea { color: #bf0c10; border: 1px solid #bf0c10; }


/*	
	-----------------------------------------------------------
	Section 6: Download forms
	-----------------------------------------------------------
*/

.box { float: left; margin: 0 15px 25px 0; border: 1px solid #9ba912; width: 350px; padding: 0 10px 10px 10px; }
.box img { float: left; margin: 0 15px 0 0; border: 4px solid white; }
.box form { display: inline; margin: 0; border: none; padding: 0; }
.box form input.submit { margin: 7px 0 6px 0; border: none; padding: 0 0 0 20px; width: 100px; height: 15px; text-align: left; background: url(../images/system/btn_download.gif) no-repeat; cursor: pointer; }
.box form input.submit:hover { font-weight: bold; }