/* 
 * Master Stylesheet Franziska Bold & Band
 * Medien: Screen
 *
 * Datum: 2.7.2007
 *
 * Autor: Jochen Brenner
 *
 * Notes: angelehnt an Darstellung/Designmuster von
 *        http://clagnut.com/blog/348/ sowie
 *        http://www.shapeshed.com/journal/default_styles_for_css/
 *
 * 30.7.07: Farbkorrektur d78906 --> e97000 und fbc887 --> ec965d
 */

/* Rand und Innenrand entfernen */

* {
    margin: 0;
    padding: 0; 
}

html {
    font-size: 100%;
	overflow: hidden; /* vermeide vertikalen Blind-Rollbalken IE 6 */
}

.clear {
    clear:both;
}

.right {
    float: right;
}

.left {
    float: left;
}

body {
    font: 62.5%/1.5  Verdana, Helvetica, Arial, Tahoma, sans-serif;
    color: black;
	background: #ededeb url("../img/franziska-bold-banner.png") 0 500px repeat-x;
	overflow: hidden; /* vermeide vertikalen Blind-Rollbalken IE 5.5 */
}


	/* Vorsicht: font-size: 1.0em entspricht 10px
	 *
	 * Aenderung der font-size in Blockelementen
	 * beeinflusst die 'em'-Angaben aller enthaltenen
	 * Elemente. Insbesondere ist dann 1em != 10px !!!
	 */

img {
	border: 0;
}

a {
	color: black;
}

h1 {
	font-family: "Arial Narrow", Verdana, sans-serif;
	color: #a5a5a5;
}

/* Homepage
 ************************************************************************/

#homepage {
	width: 82em;
}

#homepage p {
	font-size: 1.2em;
}

#homepage h3 {
	font-size: 1.2em;
	font-weight: normal;
}

#homepage #demnaechst {
	padding: 5em 0 0 0;
}

#homepage #boldundband {
	padding: 9em 0 0 50px;
}

#homepage #boldundband h1 span {
	display: none;
}

#homepage #boldundband h1 a {
		display: block;
		width: 560px;
		height: 64px;
		background: url("../img/start-ani.gif");
}

#homepage #rocknscroll {
	padding: 7.5em 0 0 0;
}

#homepage #impressum {
	display: none;
	clear: left;
	padding: 5.0em 0 0 50px;
}

#homepage .col1 {
	float: left;
	width: 477px;
	color: #e97000;
	text-align: right;
}

#homepage .col1 .in {
	padding-right: 1.5em;
}

#homepage .col1 a {
	text-decoration: none;
	color: #929292;
}

#homepage .col1 a:hover {
	color: black;
}

#homepage .col2 {
	float: left;
	padding-left: 1.5em;
	color: white;
}

#homepage #impressum h2 {
	font-size: 1.2em;
}
#homepage #impressum h3 {
	margin-top: 1em;
	font-size: 1.0em;
	color: #e97000;
}
#homepage #impressum p {
	font-size: 1.0em;
	margin-right: 366px;
}

#homepage #impressum p a.mii {
	text-decoration: none;
}

#homepage #impressum p a.mii:hover {
	text-decoration: underline;
}

#homepage .col1 a.impressum {
	float: left;
	font-size: 0.8em;
	margin-left: 50px;
	margin-top: 0.4em;
}

/* Content
 ************************************************************************/

.anchor a { display: block; width: 0.5em; height: 100%; overflow: hidden; background: white; }

.navi {
	color: #e97000;
	background: white;
}

.navi h1 {
	display: none;
}

.navi span,
.naviend span {
	display: block;
	padding-left: 4em;
	padding-right: 4em;
}

.navi a {
	text-decoration: none;
	color: #a5a5a5;
}

.navi a:hover {
	color: #000;
}

.naviend { background: white; }
.end a { display: block; width: 62.5em; height: 98%; }
.end a span { display: none; }

.text p {
	font-size: 1.2em;
	line-height: 125%;
	padding: 1em 3em 0 0;
}

h2 {
	font-size: 1em;
	line-height: 100%;
}

.text ul {
	padding-top: 1em;
	list-style: none;
}

.text ul li {
	padding: 0 4em 0 1em;
}

.text ul li span {
	padding-left: 18px;
}

.text ul li a {
	text-decoration: none;
}

.text ul li img.speaker {
	width: 18px;
	height: 10px;
}

div.rollband {
	width: 100%;
	overflow: -moz-scrollbars-horizontal !important; /* Fix FF 1.5*/
	overflow-y: hidden; /* Fix IE 5.5 */
	overflow: auto;
	/*
	scrollbar-base-color: #e97000;
	*/
	/*
	scrollbar-3dlight-color:gold;
	scrollbar-arrow-color:darkred;
	scrollbar-base-color:darksalmon;
	scrollbar-darkshadow-color:black;
	scrollbar-face-color:orange;
	scrollbar-highlight-color:silver;
	scrollbar-shadow-color:gray;
	*/
}

#band01 { height: 167px; }
#band02 { height: 128px; }
#band03 { height:  77px; }
#band04 { height: 128px; }

#band01 .content { height: 150px; display: block; white-space: nowrap; }
#band02 .content { height: 111px; display: block; white-space: nowrap; }
#band03 .content { height:  60px; display: block; white-space: nowrap; }
#band04 .content { height: 111px; display: block; white-space: nowrap; }

.block {
	display: -moz-inline-box;
	display: inline-block;
	height: 100%;
	vertical-align: top;
}

/* Elemente von Band01
 ************************************************************************/

#band01 .naviband {
	width: 390px;
	background: white url("../img/franziska-band-bg.png") right 0;
}

#band01 .navi span { padding-top: 120px; }

#band01 .bandimgs {
	background-color: #e97000;
	overflow: hidden;
}

#band01 .bandimgs span { background-color: #ec965d; } /* etwas heller */

#band01 .navivita {
	min-width: 150px;
	background: white url("../img/vita.png") center 0 no-repeat;
}

#band01 .viten {
	color: black;
	background-color: #e97000;
	height: 100%;
	overflow: hidden;
}

#band01 .vita {
	color: black;
	background-color: #feb280; /* #ec965d; /* etwas heller */
	padding: 1em 3em 0 3.5em;
}

#band01 .vita div {
	font-size: 1.0em; /* vor 5.9.07: 1.2em , */
	line-height: 125%;
}

#band01 .vita ul {
	list-style: outside circle;
	padding-top: 1em;
	padding-left: 1.2em;
}

#band01 .vita ul.invertpadding {
	padding-top: 0;
	padding-bottom: 1em;
}


#band01 a#avita_ {
	background: #ec965d; /* definiert, da Sprungziel nach erstem Vita */
}

#band01 #kontakt { width: 690px; background: #e97000 url("../img/kontakt.png") 0 0 no-repeat; }
#band01 #kontakt h1 { display: none; }
#band01 .txtkontakt { background: #e97000; color: white; }
#band01 .txtkontakt a { color: white; }

#band01 .end { background: #e97000 url("../img/back01.png") no-repeat; }


/* Elemente von Band02
 ************************************************************************/

#band02 .navi span { padding-top: 85px; }

#band02 .head { width: 330px; height: 100%; }
#band02 .head h1 { display: none; }

#die40er.head { background: #d9d9d8 url("../img/40er-2000.png") 0 0 no-repeat; }
#die50er.head { background: #d9d9d8 url("../img/40er-2000.png") 0 -111px no-repeat; }
#die60er.head { background: #d9d9d8 url("../img/40er-2000.png") 0 -222px no-repeat; }
#die70er.head { background: #d9d9d8 url("../img/40er-2000.png") 0 -333px no-repeat; }
#die80er.head { background: #d9d9d8 url("../img/40er-2000.png") 0 -444px no-repeat; }
#die90er.head { background: #d9d9d8 url("../img/40er-2000.png") 0 -555px no-repeat; }
#die2000.head { background: #d9d9d8 url("../img/40er-2000.png") 0 -666px no-repeat; }

#band02 .text { background: #d9d9d8; color: black; }

#band02 .end { background: #d9d9d8 url("../img/back02.png") no-repeat; }


/* Elemente von Band03
 * achtung: kein inline-block hack. Hier werden li's gefloatet
 *          d.h. die width von band03-content muss berechnet werden
 ************************************************************************/

#band03 .anchor {
	float: left;
	height: 100%;
}

#band03 .navi {
	float: left;
	width: 16.7em;
	height: 100%;
	background: white;
}

#band03 .navi span { padding-top: 38px; }

#band03 h3, #band03 li span {
	display: none;
}

#band03 ul {
	list-style: none;
}

#band03 ul, #band03 li {
	float: left;
	height: 100%;
}

#band03 .monaco       { width:  618px; background: url("../img/ref/monaco-hotel.png") no-repeat; }
#band03 .villareitzen { width:  790px; background: url("../img/ref/staatsministerium.png") no-repeat; }
#band03 .benzmuseum   { width: 1482px; background: url("../img/ref/museumseroeffnung.png") no-repeat; }
#band03 .benzsommer   { width:  584px; background: url("../img/ref/sommerfeste.png") no-repeat; }
#band03 .benzweihnacht{ width:  774px; background: url("../img/ref/weihnachtsfeiern.png") no-repeat; }
#band03 .benzmeeting  { width: 1123px; background: url("../img/ref/top-management.png") no-repeat; }
#band03 .benzdiverse  { width: 1343px; background: url("../img/ref/grossveranstaltungen.png") no-repeat; }
#band03 .berlinarchi  { width: 1509px; background: url("../img/ref/berlin.png") no-repeat; }
#band03 .bosch        { width: 1010px; background: url("../img/ref/bosch-ibm-lbw.png") no-repeat; }
#band03 .ibm          { display: none; }
#band03 .lbw          { display: none; }

#band03 .content { background: #e97000; width:10500px; } /* 9186 Summe der width-referenzen + toleranz fuer em-Elemente ~1500 */

#band03 .naviend { width: 20em; }
#band03 .naviend a { color: #ec965d; } /* etwas heller */
#band03 .naviend a:hover { color: black; }

#band03 .end {
	float: left;
	height: 100%;
	width: 30em;
	overflow: hidden;
	background: #e97000 url("../img/back03.png") no-repeat;
}

/* Elemente von Band04
 ************************************************************************/

#band04 .navi span { padding-top: 85px; background: white;}

#band04 .content .gigs {
	height: 100%;
	padding-right: 720px;
	background: #feebd2 url("../img/end04.png") right 0 no-repeat;	
}

#band04 .content .gigs a {
	display: -moz-inline-box; /* fix FF */
	height: 100%;
	margin-right: 1.5em;
	vertical-align: top;
}

/* Fusszeile
 ************************************************************************/