/* ===================================
Stylesheet von huberttubbs.com

Stand: Stylesheet für die Bildschirmausgabe
Datei: screen.css
Datum: Mai, Juni 2009
Autor: Armin Priesner

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */
  * { padding: 0; margin: 0; } /* Abstaende auf Null */ 
   
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */
	body {
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		background: #0f1c23 url(../img/hintergrund.jpg) repeat-x;
	}
		#boxWebsite {
			position: absolute;
			top: 0;
			left: 50%;
			height: 655px;
			width: 940px;
			margin: 0 0 0 -470px;
		}
		
		#page_news #boxWebsite { background-image: url(../img/bg_news.jpg); }
		#page_bio #boxWebsite { background-image: url(../img/bg_bio.jpg); }
		#page_music #boxWebsite { background-image: url(../img/bg_music.jpg); }
		#page_video #boxWebsite { background-image: url(../img/bg_video.jpg); }
		#page_shop #boxWebsite { background-image: url(../img/bg_shop.jpg); }
		#page_pics #boxWebsite { background-image: url(../img/bg_pics.jpg); }
		#page_links #boxWebsite { background-image: url(../img/bg_links.jpg); }
		#page_contact #boxWebsite { background-image: url(../img/bg_contact.jpg); }
		#page_imprint #boxWebsite { background-image: url(../img/bg_imprint.jpg); }
		
		#boxNavigation {
			position: absolute;
			top: 215px;
			left: 35px;
		}
			#boxNavigation li {
				list-style-type: none;
				float: left;
				font-size: 9px;
			}
				#boxNavigation #news { width: 54px; margin-right: 8px; }
				#boxNavigation #bio { width: 31px; margin-right: 7px; }
				#boxNavigation #music { width: 52px; margin-right: 8px; }
				#boxNavigation #video { width: 50px; margin-right: 9px; }
				#boxNavigation #shop { width: 46px; margin-right: 8px; }
				#boxNavigation #pics { width: 40px; }
				
				#boxNavigation a { display: block; height: 50px; outline: none; }
				#boxNavigation a strong { display: none; }
				
				#boxNavigation #news a { width: 54px; }
				#boxNavigation #bio a { width: 31px; }
				#boxNavigation #music a { width: 52px; }
				#boxNavigation #video a { width: 50px; }
				#boxNavigation #shop a { width: 46px; }
				#boxNavigation #pics a { width: 40px; }
		
		#boxBottomNavigation {
			position: absolute;
			top: 580px;
			left: 395px;
		}
			#boxBottomNavigation li {
				list-style-type: none;
				float: left;
				font-size: 11px;
				margin-left: 10px;
			}
				#boxBottomNavigation li a {
					color: #000;
					text-decoration: none;
				}
				#page_shop #boxBottomNavigation li a {
					color: #FFF;
					text-decoration: none;
				}

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */

  /* ====================== PAGE INDEX ====================== */
  
	
  /* ====================== PAGE INDEX ====================== */
	
	
	/* ====================== PAGE NEWS ====================== */
  #page_news #boxText {
		position: absolute;
		top: 260px;
		left: 170px;
		width: 350px;
		height: 265px;
		overflow: auto;
		padding-right: 10px;
	}
		#page_news #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			text-align: right;
			color: #e7ad42;
		}
		#page_news #boxText p {
			font-size: 12px;
			color: #f3ede3;
			margin: 12px 0;
		}
  /* ====================== PAGE NEWS ====================== */
	
	
	/* ====================== PAGE BIO ====================== */
  #page_bio #boxText {
		position: absolute;
		top: 260px;
		left: 195px;
		width: 325px;
		height: 265px;
		overflow: auto;
		padding-right: 10px;
	}
		#page_bio #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			text-align: right;
			color: #e7ad42;
		}
		#page_bio #boxText p {
			font-size: 12px;
			color: #f3ede3;
			margin: 12px 0;
		}
  /* ====================== PAGE BIO ====================== */
	
	
	/* ====================== PAGE MUSIC ====================== */
  #page_music #boxText {
		position: absolute;
		top: 260px;
		left: 245px;
		width: 300px;
	}
		#page_music #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			text-align: center;
			color: #e7ad42;
			margin-bottom: 15px;
		}
  /* ====================== PAGE MUSIC ====================== */
	
	
	/* ====================== PAGE VIDEOS ====================== */
  #page_video #boxText {
		position: absolute;
		top: 260px;
		left: 65px;
		width: 470px;
		height: 285px;
	}
		#page_video #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			text-align: right;
			color: #e7ad42;
		}
		#page_video #boxText p {
			font-size: 12px;
			color: #f3ede3;
			margin: 12px 0;
		}
		#page_video #boxYoutube {
			position: absolute;
			top: 10px;
			left: 50px;
			width: auto;
		}
		#page_video #boxVideowall {
			position: absolute;
			top: 20px;
			left: 340px;
			width: auto;
		}
  /* ====================== PAGE VIDEOS ====================== */
	
	
	/* ====================== PAGE SHOP ====================== */
  #page_shop #boxText {
		position: absolute;
		top: 260px;
		left: 195px;
		width: 325px;
		height: 265px;
		overflow: auto;
		padding-right: 10px;
	}
		#page_shop #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			text-align: right;
			color: #e7ad42;
		}
		#page_shop #boxText p {
			font-size: 12px;
			color: #f3ede3;
			margin: 12px 0;
		}
		#page_shop #boxText p a { color: #f3ede3; text-decoration: underline; }
  /* ====================== PAGE SHOP ====================== */
	
	
	/* ====================== PAGE PICS ====================== */
  #page_pics #boxText {
		position: absolute;
		top: 260px;
		left: 100px;
		width: 410px;
	}
		#page_pics #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			text-align: right;
			color: #e7ad42;
		}
		#page_pics #boxText p {
			font-size: 12px;
			color: #f3ede3;
			margin: 12px 0;
		}
		
		#boxPicsTable_1 {
			margin-top: 40px;
		}
			#boxPicsTable_1 td {
				font-size: 12px;
				color: #f3ede3;
			}
			#boxPicsTable_1 td strong {
				color: #e7ad42;
			}
		
		#boxPicsTable_2 {
			margin-top: 10px;
		}
		
	#boxPicsContainer { display: none; }
  /* ====================== PAGE PICS ====================== */
	
	
	/* ====================== PAGE LINKS ====================== */
  #page_links #boxText {
		position: absolute;
		top: 260px;
		left: 275px;
		width: 230px;
		height: 265px;
		overflow: auto;
		padding-right: 10px;
	}
		#page_links #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			text-align: right;
			color: #e7ad42;
		}
		#page_links #boxText p {
			font-size: 12px;
			color: #f3ede3;
			margin: 12px 0;
		}
		
		#page_links #boxTinyMCE ul, #page_links #boxTinyMCE ol { margin: 12px 0 !important; }
		#page_links #boxTinyMCE li {
			list-style-type: none !important;
			line-height: 160% !important;
		}
  /* ====================== PAGE LINKS ====================== */
	
	
	/* ====================== PAGE IMPRINT ====================== */
  #page_imprint #boxText {
		position: absolute;
		top: 260px;
		left: 245px;
		width: 275px;
		height: 265px;
		overflow: auto;
		padding-right: 10px;
	}
		#page_imprint #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			text-align: right;
			color: #e7ad42;

		}
		#page_imprint #boxText p {
			font-size: 12px;
			color: #f3ede3;
			margin: 12px 0;
		}
		#page_imprint #boxText p span { color: #9d9f95; font-weight: bold; }
		#page_imprint a { color: #f3ede3; text-decoration: underline; }
  /* ====================== PAGE IMPRINT ====================== */
	
	
	/* ====================== PAGE CONTACT ====================== */
  #page_contact #boxText {
		position: absolute;
		top: 260px;
		left: 275px;
		width: 275px;
		padding-right: 10px;
	}
		#page_contact #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			text-align: center;
			color: #e7ad42;
		}
		#page_contact #boxText p {
			font-size: 12px;
			color: #f3ede3;
			margin: 12px 0;
		}
		#page_contact #boxText td {
			font-size: 12px;
			color: #f3ede3;
			padding: 5px 2px;
		}
		#contactform { margin: 10px 0; }
		#page_contact input, #page_contact textarea {
			font: normal 12px Arial, Helvetica, sans-serif;
			border: 1px solid #FFF;
			color: #000;
			background-color: #FFF;
			width: 140px;
		}
		#page_contact textarea {
			width: 180px;
			height: 60px;
		}
		#page_contact #Submit {
			font: bold 12px Arial, Helvetica, sans-serif;
			border: 1px solid #FFF;
			color: #000;
			background-color: #e7ad42;
			width: 70px;
		}
  /* ====================== PAGE CONTACT ====================== */


/* ==================================
   4. Sonstige Styles 
   =============================== */
	
	/* ========================= Tiny MCE ========================= */
	#boxTinyMCE {
	 	font-size: 12px;
		color: #f3ede3;
	}
	#boxTinyMCE p {
	 	font-size: 12px;
		color: #f3ede3;
		margin: 12px 0;
		width: auto;
	}
	#boxTinyMCE a { color: #f3ede3; text-decoration: underline; }
	#boxTinyMCE address {
	 	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
		color: #f3ede3;
		margin: 10px 0;
		width: auto;
	}
	#boxTinyMCE pre {
	 	font: normal 12px "Courier New", Courier, monospace;
		color: #f3ede3;
		margin: 10px 0;
		width: auto;
	}
	#boxTinyMCE h1 {
		font-size: 16px !important;
		font-weight: bold !important;
		font-style: normal !important;
		margin: 10px 0 !important;
		color: #f3ede3 !important;
		width: auto;
		text-align: left !important;
	}
	#boxTinyMCE h2 {
		font-size: 15px;
		font-weight: bold;
		margin: 10px 0;
		color: #f3ede3;
		width: auto;
	}
	#boxTinyMCE h3 {
		font-size: 14px;
		font-weight: bold;
		margin: 10px 0;
		color: #f3ede3;
		width: auto;
	}
	#boxTinyMCE h4 {
		font-size: 13px;
		font-weight: bold;
		margin: 10px 0;
		color: #f3ede3;
		width: auto;
	}
	#boxTinyMCE h5 {
		font-size: 12px;
		font-weight: bold;
		margin: 10px 0;
		color: #f3ede3;
		width: auto;
	}
	#boxTinyMCE h6 {
		font-size: 11px;
		font-weight: bold;
		margin: 10px 0;
		color: #f3ede3;
		width: auto;
	}
	#boxTinyMCE ol, #boxTinyMCE ul {
		margin: 10px 0 10px 30px;
	}
	#boxTinyMCE li {
	 	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #f3ede3;
	}
	/* ========================= Tiny MCE ========================= */


/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */