/* -------------------------------------------------------------------- */
/* style sheets für www.jakob-schubert.at, 2009-2011					*/
/* realisation and author: michael schulze, www.ju-mi.com  				*/
/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* globale Einstellungen */
	
	body, html {
		margin: 0px;
		padding: 0px;
		height: 100%;
		width: 100%;
	}
	
	

/* -------------------------------------------------------------------- */		
/* Schriftklassen */
	
	body {
		background: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		font-weight: normal;
		font-style: normal;
		font-size: 12px;
		line-height: 17px;
	}
	
	
	/* allgemeine Linkdarstellung */
		a {
			color: #666666;
			text-decoration: none;
		}
		
		a:hover {
			color: #000000;
		}
		

	/* allgemeine Betonungen */
		h1 {
			margin: 0px 0px 17px 0px;
			padding: 0px;
			font-size: 16px;
			line-height: 19px;
			color: #666666;
		}
		
		h2 {
			font-size: 16px;
			font-weight: bold;
			margin: 0px;
			padding: 0px 0px 15px 0px;
		}
		
		strong {
			font-weight: bold;
			font-style: normal;
		}
		
		.black {
			color: #000000;
		}
				
		
/* -------------------------------------------------------------------- */
/* Seitenaufbau */

	/* allgemeiner Seitenaufbau -------------------------------------- */
		.centerer {
			height: 100%;
		}
		
		.container {
			position: relative;
			top: 0px;
			left: 0px; 
			width: 1016px;
			height: 100%;
			text-align: left;
			background-color: #FFFFFF;
		}	
		
		.clearer {
			clear: both;
		}
		
		p {
			margin: 0px 0px 14px 0px;
			padding: 0px;
		}
		
		
	/* Inhaltsbereich -------------------------------------------------- */
		
		#jslogo {
			position: absolute;
			top: 50px;
			left: 75px;
			z-index: 1;
		}
		
		/* Navigation */
			#navigation {
				position: absolute;
				top: 405px;
				left: 170px;
				width: 150px;
				z-index: 10;
			}	
			
			.navbut {
				display: block;
				height: 22px;
				width: 150px;
				margin: 5px 0px 4px 0px;
				background-repeat: no-repeat;
			}
			
			.navbut em {
				display: none;
			}
			
			#navnews 			{ background-image: url(../js_bilder/js_nav_news.png); background-position: left 5px;}
			#navnews:hover 		{ background-image: url(../js_bilder/js_nav_news_a.png); background-position: left 5px;}
			#navnewssel			{ background-image: url(../js_bilder/js_nav_news_sel.png); background-position: left 5px;}
			#navabout 			{ background-image: url(../js_bilder/js_nav_about.png);}
			#navabout:hover 	{ background-image: url(../js_bilder/js_nav_about_a.png);}
			#navaboutsel		{ background-image: url(../js_bilder/js_nav_about_sel.png);}
			#naverfolge			{ background-image: url(../js_bilder/js_nav_erfolge.png);}
			#naverfolge:hover 	{ background-image: url(../js_bilder/js_nav_erfolge_a.png);}
			#naverfolgesel		{ background-image: url(../js_bilder/js_nav_erfolge_sel.png);}
			#navgalerie			{ background-image: url(../js_bilder/js_nav_galerie.png);}
			#navgalerie:hover 	{ background-image: url(../js_bilder/js_nav_galerie_a.png);}
			#navgaleriesel		{ background-image: url(../js_bilder/js_nav_galerie_sel.png);}
			#navrock			{ background-image: url(../js_bilder/js_nav_rock.png);}
			#navrock:hover 		{ background-image: url(../js_bilder/js_nav_rock_a.png);}
			#navrocksel			{ background-image: url(../js_bilder/js_nav_rock_sel.png);}
			#navsponsoren		{ background-image: url(../js_bilder/js_nav_sponsoren.png); background-position: left 5px;}
			#navsponsoren:hover	{ background-image: url(../js_bilder/js_nav_sponsoren_a.png); background-position: left 5px;}
			#navsponsorensel	{ background-image: url(../js_bilder/js_nav_sponsoren_sel.png); background-position: left 5px;}
			#navlinks			{ background-image: url(../js_bilder/js_nav_links.png);}
			#navlinks:hover 	{ background-image: url(../js_bilder/js_nav_links_a.png);}
			#navlinkssel		{ background-image: url(../js_bilder/js_nav_links_sel.png);}
			#navkontakt			{ background-image: url(../js_bilder/js_nav_kontakt.png);}
			#navkontakt:hover 	{ background-image: url(../js_bilder/js_nav_kontakt_a.png);}
			#navkontaktsel		{ background-image: url(../js_bilder/js_nav_kontakt_sel.png);}
		
		
		/* Inhalte */
			.textspalte {
				position: absolute;
				top: 60px;
				left: 540px;
				width: 468px;
				padding-right: 8px;
				z-index: 5;
				height: 90%;
				overflow: auto;
			}
			
			.textwide {
				left: 100px;
				width: 908px;
			}
		
		
	/* seitenspezifische Objekte --------------------------------------- */
		
		/* Startseite */
			#bodystart { background: #ddf840; }
			#contstart { background-image: url(../js_bilder/js_start_back.jpg); background-repeat: no-repeat; }
			
			#startbilder {
				position: absolute;
				right: 0px;
				top: 50px;
				width: 499px;
				z-index: 2;
				text-align: right;
			}
			
			#startbilder img {
				border-bottom: solid 9px #FFFFFF;
			}
			
			#kontakt {
				background: #FFFFFF;
				margin: 5px 0px 10px 0px;
				padding: 10px;
				text-align: left;
				display: none;
			}
			
			#kontaktlink {
				display: block;
			}
			
			#kontaktcloselink {
				display: block;
				float: right;
			}
			
		/* News */
			#bodynews 		{ background: #ff4900; }
			#contnews 		{ background-image: url(../js_bilder/js_news_back.jpg); background-repeat: no-repeat; }
			
			#newsnav {
				position: absolute;
				top: 15px;
				left: 540px;
				width: 468px;
			}
			
			.eventlink {
				display: block;
				float: right;
				font-size: 16px;
				font-weight: bold;
			}
			
			.yearsel {
				color: #ff4900;
			}
			
			.newsdat {
				color: #000000;
				font-size: 11px;
			}
			
			.newsimage {
				float: right;
				margin: 3px 5px 10px 10px;
				border: none;
			}
			
		/* Über mich */
			#bodyabout 		{ background: #007903; }
			#contabout 		{ background-image: url(../js_bilder/js_about_back.jpg); background-repeat: no-repeat; }
			
			.abouttab1 {
				width: 110px;
				height: 33px;
				color: #000000;
				border-bottom: solid 1px #75ab55;
			}
			
			.abouttab2 {
				width: 340px;
				border-bottom: solid 1px #75ab55;
			}
			
			#aboutpic { display: block; }
			
			
		/* Erfolge */
			#bodyerfolge 	{ background: #d10009; }
			#conterfolge 	{ background-image: url(../js_bilder/js_erfolge_back.jpg); background-repeat: no-repeat; }
			
			
		/* Galerie */
		
			/* Übersicht */
				#bodygalerie		{ background: #94bf00; }
				#contgalerie		{ background-image: url(../js_bilder/js_galerie_back.jpg); background-repeat: no-repeat; }
				
				.galeriebox, .galbildbox {
					display: block;
					float: left;
					width: 210px;
					height: 250px;
					margin: 0px 5px 10px 5px;
					background: #94bf00;
					font-size: 13px;
					overflow: hidden;
				}
				
				.galeriebox div, .galbildbox div {
					height: 200px;
					margin-bottom: 8px;
					overflow: hidden;
					text-align: center;
					background-color: #eeeeee;
					background-position: center top;
					background-repeat: no-repeat;
				}
				
				.galeriebox span, .galeriebox strong {
					padding-left: 10px;
					color: #ffffff;
				}
				
				.galeriebox:hover span, .galeriebox:hover strong {
					color: #000000;
				}
				
				.galeriebox span {
					font-size: 10px;
				}
				
				#galeriebacklink {
					float: right;
					padding-right: 18px;
				}
				
				
			/* Einzelgalerien */
				
				#contgaleriesingle	{ background-image: url(../js_bilder/js_galerie_back.jpg); background-repeat: no-repeat; background-position: -440px top; }
				
				.galbildbox {
					background: #e4efbf;
					color: #000000;
					font-size: 10px;
				}
				
				.galbildbox div {
					background: none;
				}
				
				.galbildbox span {
					padding-left: 10px;
				}
				
				#galprevbut, #galnextbut {
					position: absolute;
					top: 50px;
					width: 25px;
					height: 30px;
					z-index: 205;
				}
				
				#galprevbut {
					left: 0px;
					background: url(../js_bilder/js_gal_rueck.png) no-repeat;
				}
				
				#galnextbut {
					right: 0px;
					background: url(../js_bilder/js_gal_vor.png) no-repeat top right;
				}
				
				#galclose {
					position: absolute;
					left: 0px;
					top: 0px;
					width: 800px;
					height: 580px;
					z-index: 203;
				}
				
				#bildabbinder {
					position: absolute;
					bottom: 0px;
					background: #ffffff;
					width: 770px;
					padding: 5px 15px 0px 15px;
					text-align: left;
				}
				
				#bildtext 	{ width: 600px; }
				#bilddl 	{ float: right; }
			
			
		/* Rock */
			#bodyrock 		{ background: #ff5a00; }
			#controck 		{ background-image: url(../js_bilder/js_rock_back.jpg); background-repeat: no-repeat; }
			
			.rockblock 		{ display: none; }
			.rbopener		{ margin: 0px 0px 10px 0px; padding: 0px; font-size: 16px; line-height: 19px; color: #666666; padding-left: 15px; background: url(../js_bilder/js_rock_rbclosed.gif) no-repeat left 7px; }
			.rbcloser		{ margin: 0px 0px 10px 0px; padding: 0px; font-size: 16px; line-height: 19px; color: #666666; padding-left: 15px; background: url(../js_bilder/js_rock_rbopen.gif) no-repeat left 6px; }
			
			
		/* Sponsoren */
			#bodysponsoren 	{ background: #5cd3ff; }
			#contsponsoren 	{ background-image: url(../js_bilder/js_sponsoren_back.jpg); background-repeat: no-repeat; }
			
			.spologo {
				display: block;
				margin-bottom: 45px;
			}
			
			
		/* Links */
			#bodylinks 		{ background: #05e7aa; }
			#contlinks 		{ background-image: url(../js_bilder/js_links_back.jpg); background-repeat: no-repeat; }
			
			.linktab1 { 
				width: 150px; 
				height: 20px;
				color: #000000;
			}
			
			
		/* Kontakt */
			#bodykontakt	{ background: #d00622; }
			#contkontakt	{ background-image: url(../js_bilder/js_kontakt_back.jpg); background-repeat: no-repeat; }
			
			
		
	
	
	/* Lightbox ---------------------------------------------- */
	
		#lightBox {
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			z-index: 200;
			background-color: #333333; 
			filter: alpha(opacity=80); 
			-moz-opacity: 0.8; 
			opacity: 0.8;
			display: none;
		}
		
		#lightBoxContainer {
			position: relative;
			left: 0px;
			z-index: 201;
			top: 0px;
			width: 1016px;
		}
		
		#boxbild {
			display: block;
			position: absolute;
			top: 100px;
			left: 97px;
			z-index: 202;
			width: 800px;
			height: 610px;
			border: solid 8px #FFFFFF;
			background: #ffffff;	
			display: none;
		}