/* -----------------------------------------------------------------------------
   Tanner Frontend CSS
    * Filename:		tanner.css
    * Version:		0.2 (2009-09-28)

   Created by:
    * Joachim Stehmann | joachim.stehmann@googlemail.com

   == STRUCTURE: ========================
    * Structure styles
    * List styles
    * Typography styles
   ======================================
   
   Note:
   These styles are build on top of the Blueprint CSS framework.
   Blueprint CSS styles might be overloaded here.
----------------------------------------------------------------------------- */

/*=== STRUCTURE ============================================================= */

/* --- global --------------------------------------------------------------- */
body{ background:#000 url(/assets/images/bckgrnds/BG_kacheln.jpg) repeat; }

input[type=text], input[type=password], input.text, input.title, textarea, select{ margin:0 0 0.5em; }
label{
	position:relative; top:.25em;
	margin:0; padding:0;
}

textarea{ height:150px; }

.imgpng{ behavior:url(/assets/css/pngHack.htc); }

.innerbox{ padding:20px; }
.innerbox.news{ margin-bottom:7px; }
.innerbox.shop{ float:left; }

.innerbox h3{ margin-bottom:.5em; }

.trans-white{ background:url(/assets/images/base/trans-white-overlay_bck.png) repeat; }
.trans-black{ background:url(/assets/images/base/trans-black-overlay_bck.png) repeat; }
.gb-box{ background:url(/assets/images/base/trans-black-overlay_bck.png) repeat; }

.smlmargin{ margin:10px 0; }
.sml-btm-margin{ margin:0 0 10px; }
.prepend2-top{ margin-top:3em; }

img.block{ display:block; }

a.extern{
	padding-right:25px;
	background:url(/assets/images/base/icon_ext-link.png) no-repeat right bottom;
}

div.headline{
	float:left;
	padding:3px 0;
	width:950px;
	border-top:3px solid #fff; border-bottom:3px solid #fff;
}

div.headline h3{ margin:0 0 0 10px; padding:0 }


img.img-cover{ margin:10px 0 0; }
/* --- /global -------------------------------------------------------------- */

/* --- header --------------------------------------------------------------- */
div#header{
	padding:0 20px;
	width:910px; height:115px;
	background:url(/assets/images/base/trans-black-overlay_bck.png) repeat;
}
/* --- /header -------------------------------------------------------------- */

/* --- validation ----------------------------------------------------------- */
form#nl .row,
form#store .row{ position:relative; }

form label.error{
	position:absolute; left:270px; top:0; z-index:100;
	margin:0; padding:5px 5px 0 10px;
	width:316px; height:25px;
	border:1px solid #fbc2c4;
	background:#fbe3e4;
}
/* --- /validation ---------------------------------------------------------- */

/* --- band | band image ---------------------------------------------------- */
div#band-image{
	position:relative;
	width:950px; height:312px;
	background:url(/assets/images/pages/band_die-band_bck.jpg) no-repeat left top;
	cursor:pointer;
}

div#band-image img#cur{
	position:absolute; top:0; left:0; z-index:100;
	width:950px; height:312px;
}
div#band-image img#highlight{
	position:absolute; top:0; left:0; z-index:101;
	width:950px; height:312px;
}

/* --- /band | band image --------------------------------------------------- */

/* --- musik-video ---------------------------------------------------------- */
.innerbox.video{
	float:left;
	margin:0; padding:0;
}

/* --- musik-video ---------------------------------------------------------- */

/* --- musik-video | youtube video bar, player ------------------------------ */
/*
div.video{
	width:920px;
}
*/
#videoBar{
	margin-right:5px; margin-left:5px;
	padding:4px 4px 0 4px;
	width: 160px;
}

/* override standard player dimensions */
.playerInnerBox_gsvb .player_gsvb{ width:480px; height:380px; }

/* --- /musik-video | youtube video bar, player  ---------------------------- */


form#shop{ float:left; }

/*=== /STRUCTURE ============================================================ */


/*=== LISTS ================================================================= */

/* --- global --------------------------------------------------------------- */
ul { margin:0; padding:0; }
ul li{ list-style:none; }
/* --- /global -------------------------------------------------------------- */

div#header ul{ margin:0; padding:0; }
div#header ul li{ list-style:none; margin:0; padding:0; }

/* --- header | metanavi ---------------------------------------------------- */
div#header ul#metanavi,
div#header ul#metanavi li{ float:left; }

div#header ul#metanavi li span{ margin:0 2px; }

div#header ul#portals,
div#header ul#portals li{ float:left; }

div#header ul#portals li{ margin-right:20px; }
/* --- /header | metanavi --------------------------------------------------- */

/* --- header | mainnavi ---------------------------------------------------- */
div#header ul#mainnavi,
div#header ul#mainnavi li{ float:left; }

div#header ul#mainnavi li span{ margin:0 5px; }
/* --- /header | mainnavi --------------------------------------------------- */

body#band ol li{ margin-bottom:20px; }

/*=== /LISTS ================================================================ */


/*=== TYPOGRAPHY ============================================================ */

/* --- global --------------------------------------------------------------- */

body { font-family:Arial,Verdana,"Helvetica Neue",Helvetica,sans-serif; }

p{
	margin:0;
	font-size:15px;
	line-height:1.4em;
}

label{ font-size:15px; font-weight:normal; line-height:1.4em; }


a, a:link{ color:#fff; text-decoration:none; outline:none; }
a.underline, a.underline:link{ text-decoration:underline; }


.ssmall{ font-size:0.725em; margin-bottom:0; /* line-height:1.25em; */ }
.smallh{ font-size: .8em; margin-bottom: 1.875em; line-height:1.25em; }

.left{ text-align:left; }
.center{ text-align:center; }
.right{ text-align:right; }
.bold{ font-weight:bold; }
.italic{ font-style:italic; }
.strike{ text-decoration:line-through; }

.trans-white p, .trans-white label{ color:#000; }
.trans-black p, .trans-black label{ color:#fff; }
.trans-white a, .trans-white a:link{ color:#000; text-decoration:underline; }
.trans-black a, .trans-black a:link{ color:#fff; text-decoration:underline; }

.white{ color:#fff; }
.ltgray { color:#999; }
.green{ color:#94be08; }
.brown{ color:#7a5100; }
.red{ color:#970000; }

div.headline h3{ color:#fff; }

/* --- /global -------------------------------------------------------------- */

/* --- musik-video | youtube video bar, player ------------------------------ */
.playerBox_gsvb div.alldone_gsvb{ color:#fff; }
.playerBox_gsvb a.title_gsvb{ color:#fff; }
.playerBox_gsvb div.alldone_gsvb:hover{color:#fff; }
.playerBox_gsvb a.title_gsvb:hover{ color:#fff; }

/* --- /musik-video | youtube video bar, player ----------------------------- */

div#header ul#metanavi li{ color:#fff; }
div#header ul#metanavi li a{
	padding:2px 0;
	color:#fff;
	text-decoration:none;
}
div#header ul#metanavi li a:hover, div#header ul#metanavi li a:active{ background:#000; }
div#header ul#metanavi li a.cur{ border-bottom:1px solid #fff; }

div#header ul#mainnavi li{ font-size:1.5em; line-height:2.5em; color:#fff; }
div#header ul#mainnavi li a{
	padding:2px 0;
	color:#fff;
	text-decoration:none;
}
div#header ul#mainnavi li a:hover, div#header ul#mainnavi li a:active{ background:#000; }
div#header ul#mainnavi li a.cur{ border-bottom:2px solid #fff; }

ul.bc li{ font-size:15px; line-height:1.4em; }
ol li{ font-size:17px; line-height:20px; }
body#band ol li p{ font-weight:normal; }


.innerbox.video p{ padding-left:10px }

form label.error{ font-size:14px; line-height:1.5em; }