@charset "UTF-8";
/* www.bjoernhokamp.com */



/*img link no border*/
a img {
	border:0;
}
/* Main Container*/
#all	{
	overflow:hidden;
	position:absolute;
	top:0px;
	width:100%;
	background:#ffffff;
	height:100%;
	margin-top:0px;
	z-index:1;
	left: 0px;
}
#all2	{
	overflow:auto;
	position:absolute;
	top:0px;
	width:100%;
	background:#ffffff;
	height:100%;
	margin-top:0px;
	z-index:1;
	left: 0px;
}
#main	{
	overflow:hidden;
	position:absolute;
	top:0px;
	width:100%;
	background:#ffffff;
	height:100%;
	margin-top:0px;
	z-index:1;
	left: 0px;
}
#index	{
	overflow:hidden;
	position:absolute;
	top:25px;
	width:100%;
	background:#ffffff;
	height:800px;
	margin-top:0px;
	z-index:1;
	left: 0px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}
#index a{
	color:#F66;
	text-decoration: none;
	}
	#index a:hover{
		color:#999;
	text-decoration: none;
	}
/* left side container*/
#left	{
	overflow:hidden; 
	position: relative;
	top: 0px;
	width:350px;
	background:#ffffff;
	height:100 %;
	margin-top:0px;
	z-index:1;
	left: 0px;
}
#logo	{
	overflow:hidden;
	position:absolute;
	top:20px;
	width:300px;
	
	height:300px;
	margin-top:0px;
	z-index:3;
	left: 20px;
}
#shows	{
	overflow:hidden;
	position:absolute;
	top:295px;
	width:300px;
	height:300px;
	margin-top:0px;
	z-index:30;
	left: 28px;
}
.blocktext3 {
	color:#C00;
	background:#ffffff;
	text-decoration: none;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size:12px;
}
.blocktext3 a{
	color:#C00;
	background:#ffffff;
	text-decoration: none;
	font-family: Helvetica,Verdana,Arial,,sans-serif;
	font-size:12px;
}
.blocktext3 a:hover{
	color:#C00;
	text-decoration: line-through;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size:12px;
}


#news2	{
	overflow:hidden;
	position:absolute;
	background-color:#FFF;
	top:0px;
	width:1000px;
	
	height:135px;
	margin-top:0px;
	z-index:2;
	left: 20px;
}
/* Container Content and Links*/
#content	{
	overflow:hidden;
	position:absolute;
	top:0px;
	width:700px;
	display:inline;
	background:#ffffff;
	height:100%;
	margin-top:0px;
	z-index:3;
	left: 350px;
	
}
/* links and sublinks*/
#linkbox	{
	overflow:hidden;
	position:absolute;
	top:100px;
	width:400px;
	background:#ffffff;
	height:80px;
	margin-top:0px;
	z-index:5;
	left: 299px;
}
/* links*/
#linkmain	{
	overflow:hidden;
	position:relative;
	top:5px;
	width:390px;
	background:#ffffff;
	height:30px;
	margin-top:0px;
	z-index:8;
	left: 0px;
}
#facebook	{
	overflow:hidden;
	position:absolute;
	top:100px;
	width:250px;
	background:#ffffff;
	height:80px;
	margin-top:0px;
	z-index:6;
	left: 670px;
}
/*sublinks*/
#linkcollections	{
	overflow:hidden;
	position:relative;
	top:10px;
	width:390px;
	background:#ffffff;
	height:30px;
	margin-top:0px;
	z-index:8;
	left: 0px;
}
#line	{
	overflow:hidden;
	position:absolute;
	top:125px;
	width:510px;
	background:#ffffff;
	height:14px;
	margin-top:0px;
	z-index:20;
	left: 300px;
	background-image:url(../bilder/balken.gif);
}
#line2	{
	overflow:hidden;
	position:absolute;
	top:265px;
	width:510px;
	background:#ffffff;
	height:14px;
	margin-top:0px;
	z-index:20;
	left: 0px;
	background-image:url(../bilder/balken.gif);
}

/* content galery and text*/
#content2	{
	overflow:hidden;
	position:absolute;
	top:190px;
	width:680px;
	background:#ffffff;
	height:429px;
	display:inline;
	margin-top:5px;
	margin:0px;
	padding:0px;
	z-index:101;
	left: 300px;
}
#news	{
	overflow: inherit;
	position:absolute;
	top:190px;
	width:510px;
	background:#ffffff;
	height:95%;
	display:inline;
	margin-top:5px;
	margin:0px;
	padding:0px;
	z-index:100;
	left: 300px;
}
/* style of links*/
#content2 li{
position: relative;
display:inline;
margin-top:0px;
padding:0px;
outline:0px;
}

#content2 li img:hover{
    opacity:0.5;
	}
#next2	{
	overflow:hidden;
	position:absolute;
	top:142px;
	width:50px;
	background:#ffffff;
	height:15px;
	display:inline;
	margin-top:0px;
	margin:0px;
	padding:0px;
	z-index:101;
	left: 763px;
}
#next3	{
	overflow:hidden;
	position:absolute;
	top:142px;
	width:90px;
	background:#ffffff;
	height:15px;
	display:inline;
	margin-top:0px;
	margin:0px;
	padding:0px;
	z-index:101;
	left: 753px;
}
#preview{
	position:absolute;
	border:0px solid #ffffff;
	background:#ffffff;
	padding:1px;
	display:none;
	color:#000;
	z-index:500;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	}
/* text under the big preview (not in use)*/
	#tooltip{
font-size: 12px;
font-family: arial, helvetica, sans-serif;
white-space:nowrap;
position:absolute;

background:white;
padding:5px 5px;
color:#000000;
display:none;
z-index:500;
cursor:crosshair;
line-height:60%;
}
/* style of text*/
.blocktext {
	color:#000000;
	background:#ffffff;
	text-decoration: none;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size:14px;
}
.blocktext a{
	color:#000000;
	background:#ffffff;
	text-decoration: none;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size:14px;
}
.blocktext a:hover{
	color:#000000;
	text-decoration: line-through;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size:14px;
}
/* style of text 2*/
.blocktext2 {
	color:#000000;
	background:#ffffff;
	text-decoration: none;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size:12px;
}
.blocktext2 a{
	color:#000000;
	background:#ffffff;
	text-decoration: none;
	font-family: Helvetica,Verdana,Arial,,sans-serif;
	font-size:12px;
}
.blocktext2 a:hover{
	color:#000000;
	text-decoration: line-through;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size:12px;
}
