/* BASIC SETUP */

* {
	margin:0;
	padding:0;
	border:0;
}

html, body {
	height:100%;
	min-height:100%;
}

body {
	background: maroon url(../images/bg2.jpg) repeat scroll 0 0;
	text-align:center; /* horizontal centering for IE Win quirks */
	font-family:Tahoma;
	font-size:1em;
	font-weight:normal;
}

a,a:hover,a:link,a:visited {
	outline:none;
	-moz-outline:none;
	text-decoration:none;
	color:white;
	font-size:0.8em;
	font-weight:bold;
}


/* DISTANCE DIV FOR VERTICAL CENTER */

#distance { 
	width:1px;
	height:50%;
	min-height:50%;
	margin-bottom:-250px; /* half of container's height */
	float:left;
}

/* CONTAINER */

#page {
	margin:0 auto;
	position:relative;
	min-width:780px;
	width:780px;
	height:500px;
	min-height:500px;
	clear:left;
	border-collapse:collapse;
}

#page #header {
	font-weight:normal;
	font-size:0.8em;
	margin-bottom:10px;
}

#page #header h1 {
	background: transparent url(../images/bjoern_stoll.gif) no-repeat center center;
	line-height:77px;
}

#page #header h1 span {
	filter:Alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}

#page #header h2 {
	font-family:Minion, Garamond, serif;
	font-size:1.4em;
	font-weight:normal;
	color:#DEB887;
	margin-top:-15px;
}

#top_nav, .sub_nav {
	display:block;
	height:30px;
	width:100%;
	color:white;
	border-top:1px solid white;
	border-bottom:1px solid white;
	border-right:1px solid white;
	max-height:30px;
	overflow-y:hidden;
	list-style-type:none;
	
}

#top_nav li, .sub_nav li {
	list-style-type:none;
	display:inline-block;
	float:left;
	height:30px;
	border-left:1px solid white;
}

.sub_nav {
	display:none;
	position:absolute;
	left:0px;
	top:465px;
	width:780px;
}

.active_link .sub_nav {
	display:block;
}

.active_link .zweispaltig li, .zweispaltig li {
	width:389px;
}

.active_link .dreispaltig li, .dreispaltig li {
	width:259px;
}

.active_link .vierspaltig li, .vierspaltig li {
	width:194px;
}

.active_link .fuenfspaltig li, .fuenfspaltig li {
	width:155px;
}

#top_nav li a, .sub_nav li a {
	display:block;
	width:100%;
	margin-top:7px;
}

#top_nav li:hover {
	background-color:#404040;	
}

.active_link, li.active_link:hover {
	background-color:maroon !important;
	color:silver;	
}

.sub_nav li:hover {
	background-color:#a70000 !important;
	color:silver;	
}

#language {
	margin-top:5px;
}

#language li {
	list-style-type:none;
	display:inline;
	padding:5px;
	padding-left: 20px;
}

#language #de {
	background:url(../images/flags/de.gif) no-repeat center left;
}

#language #en {
	background:url(../images/flags/us.gif) no-repeat center left;
}

.main {
	position:absolute;
	padding:20px;
	width:739px;
	height:279px;
	background:black url(../images/animation/bjoern_stoll.jpg) no-repeat top left;
	border-left:1px solid white;
	border-right:1px solid white;
	text-align:left;
}

.main {
	display:none;
	left:0px;
}

.active {
	display:block;
}

.view span {
	display:none;
}

.view h2 span {
	display:none;
}

.view h2 {
	display:none;
	line-height:1px;
}

#sound {
	position:absolute;
	right:0px;
	top: 90px;
}


div.box 		{
				position:absolute;
				display:block;
				font-family:Tahoma;
				font-size:1em;
				color:grey;
				background-color:white;
				padding:20px;
			}

div.box a		{
	font-size:0.9em;
	font-weight:normal;
	color:orange;
}

div.box .square	{
				position:absolute;
				display:block;
				width:6px;
				height:6px;
				line-height:6px;
				background-color:white;
				margin-left:-26px; /* width + padding of box */
				margin-top:-26px; /* height + padding of box */
				margin-bottom:20px;
			}

div.box .content h3 	{
		font-family:Times, "Times New Roman", Garamond, serif;
		color:orange;
		font-size:1.2em;
		font-weight:normal;
			}

div.box .content p 			{
		display:block;
		padding-top:5px;
		font-family:Tahoma;
		color:grey;
		font-size:0.8em;
		text-align:left;
			}
div.box span {
	display:block;
}

#top_nav {
	background-color:black;
}

.sub_nav {
	background-color:gray;
}

.instrument {
	margin-top:10px;
	height:175px;
	border:1px solid black;
	margin-right:17px;
	display:block;
	float:left;
}

.instrument span {
	display:block;
	width:inherit;
	height:15px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	font-size:0.8em;	
	margin-top:155px;
	background-color:maroon;
	color:white;
}

div.box a, div.box a:hover, div.box a:active, div.box a:link, div.box a:visited {
	font-size:0.8em;	
	font-weight:bold;
	text-decoration:none;
}

hr {
	display:none;
	hasLayout:-1;
}

.valencia {
	background:white url("../images/instruments/basses_small/01_Valencia/Verona4.jpg") no-repeat center center;
}
.valencia2 {
	background:white url("../images/instruments/basses_small/01_Valencia/1.jpg") no-repeat center center;
}
.valencia3 {
	background:white url("../images/instruments/basses_small/01_Valencia/Verona2.jpg") no-repeat center center;
}
.valencia4 {
	background:white url("../images/instruments/basses_small/01_Valencia/Verona.jpg") no-repeat center center;
	margin-right:0px;
}
.busetto {
	background:white url("../images/instruments/basses_small/04_Busetto/Bass2_4_25092006.jpg") no-repeat center center;
}
.busetto2 {
	background:white url("../images/instruments/basses_small/04_Busetto/1.jpg") no-repeat center center;
}
.busetto3 {
	background:white url("../images/instruments/basses_small/04_Busetto/Bass2_5_25092006_kl.jpg") no-repeat center center;
	margin-right:0px;
}
.havanna {
	background:white url("../images/instruments/basses_small/03_Havanna/Stoll3_2.jpg") no-repeat center center;
}
.havanna2 {
	background:white url("../images/instruments/basses_small/03_Havanna/1.jpg") no-repeat center center;
}
.havanna3 {
	background:white url("../images/instruments/basses_small/03_Havanna/Stoll3_3.jpg") no-repeat center center;
}
.havanna4 {
	background:white url("../images/instruments/basses_small/03_Havanna/Stoll3_5.jpg") no-repeat center center;
}
.havanna5 {
	background:white url("../images/instruments/basses_small/03_Havanna/Stoll3_6.jpg") no-repeat center center;
}
.havanna6 {
	background:white url("../images/instruments/basses_small/03_Havanna/Stoll3_8.jpg") no-repeat center center;
	margin-right:0px;
}
.dresden {
	background:white url("../images/instruments/basses_small/02_Dresden/Bass6.jpg") no-repeat center center;
}
.dresden2 {
	background:white url("../images/instruments/basses_small/02_Dresden/Bass8.jpg") no-repeat center center;
}
.dresden3 {
	background:white url("../images/instruments/basses_small/02_Dresden/1.jpg") no-repeat center center;
}
.dresden4 {
	background:white url("../images/instruments/basses_small/02_Dresden/Bass7.jpg") no-repeat center center;
	margin-right:0px;
}
.milano {
	background:white url("../images/instruments/basses_small/05_Milano/Stoll10.jpg") no-repeat center center;
	margin-right:0px;
}
.milano1 {
	background:white url("../images/instruments/basses_small/05_Milano/Stoll10.jpg") no-repeat center center;
}
.milano2 {
	background:white url("../images/instruments/basses_small/05_Milano/Stoll9.jpg") no-repeat center center;
}
.milano3 {
	background:white url("../images/instruments/basses_small/05_Milano/1.jpg") no-repeat center center;
}
.milano4 {
	background:white url("../images/instruments/basses_small/05_Milano/Stoll13.jpg") no-repeat center center;
	margin-right:0px;
}


.guarneri {
	background:white url("../images/instruments/cellos_small/03_Guarneri/1.jpg") no-repeat center center;
}
.guarneri2 {
	background:white url("../images/instruments/cellos_small/03_Guarneri/Gua2.jpg") no-repeat center center;
}
.stradivari {
	background:white url("../images/instruments/cellos_small/01_Stradivari/cello2.jpg") no-repeat center center;
}
.stradivari2 {
	background:white url("../images/instruments/cellos_small/01_Stradivari/cello3.jpg") no-repeat center center;
}
.stradivari3 {
	background:white url("../images/instruments/cellos_small/01_Stradivari/cello4.jpg") no-repeat center center;
}
.stradivari4 {
	background:white url("../images/instruments/cellos_small/01_Stradivari/1.jpg") no-repeat center center;
}
.stradivari5 {
	background:white url("../images/instruments/cellos_small/01_Stradivari/cello5.jpg") no-repeat center center;
}
.stradivari6 {
	background:white url("../images/instruments/cellos_small/01_Stradivari/cello6.jpg") no-repeat center center;
}
.montagnana {
	background:white url("../images/instruments/cellos_small/02_Montagnana/Cello7.jpg") no-repeat center center;
}
.montagnana2 {
	background:white url("../images/instruments/cellos_small/02_Montagnana/Cello8.jpg") no-repeat center center;
}
.montagnana3 {
	background:white url("../images/instruments/cellos_small/02_Montagnana/Cello4.jpg") no-repeat center center;
}
.montagnana4 {
	background:white url("../images/instruments/cellos_small/02_Montagnana/1.jpg") no-repeat center center;
}
.montagnana5 {
	background:white url("../images/instruments/cellos_small/02_Montagnana/Cello9.jpg") no-repeat center center;
}
.montagnana6 {
	background:white url("../images/instruments/cellos_small/02_Montagnana/Cello2.jpg") no-repeat center center;
}
.guadagnini {
	background:white url("../images/instruments/cellos_small/04_Guadagnini/BS_C_2_01022007.jpg") no-repeat center center;
}
.guadagnini2 {
	background:white url("../images/instruments/cellos_small/04_Guadagnini/1.jpg") no-repeat center center;
	margin-right:0px;
}

.window {
	margin-top:10px;
	margin-left:10px;
}

.hidden {
	display:none;
}

#prev_btn, #play_btn, #pause_btn, #next_btn {
	filter:Alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
	position:absolute;
	width:20px;
	height:20px;
	bottom:50px;
	z-index:200;
	border:1px solid white;
}

#prev_btn:hover, #play_btn:hover, #pause_btn:hover, #next_btn:hover {
	filter:Alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}

#prev_btn {
	right:75px;
	background:black url(../images/prev.gif) no-repeat top left;
}
#play_btn {
	right:50px;
	background:black url(../images/play.gif) no-repeat top left;
	display:none;
}
#pause_btn {
	right:50px;
	background:black url(../images/pause.gif) no-repeat top left;
}
#next_btn {
	right:25px;
	background:black url(../images/next.gif) no-repeat top left;
}



/**/
.floatbox { overflow: hidden; zoom: 1; }
.float-left { float: left; margin: 0 20px 10px 0 !important; }