@import url('fonts/fonts.css');


html { margin:0; padding:0; width:100%; /*overflow-x:hidden;*/ /*overflow-y:scroll;*/ }
body {
	position:absolute; width:100%; /*overflow-x:hidden;*/
  font-family:/*futurafont, */ Calibri, Helvetica, Arial,"Sans Serif",sans-serif;

  /*font-size:13px;*/
	color:#C8C8C8;
	/* background image will be set per js (not on mobiles) */
	background:#181818 /*url('img/bg/JannesMySpace02.png') 50% 98% repeat-x fixed*/;

/*testings 2011-07-31*/
	/*background-color:#c9f;
	color:#000;
  font-size:100%;
  text-shadow:0px 0px 1px #888;*/
  /*font-weight:700;*/

	/*color:#000; font-size:120%; font-weight:bold; letter-spacing:4px;
  text-shadow: 0px -1px 0px #fff,
							 1px  0px 0px #fff,
							 0px  1px 0px #fff,
							-1px  0px 0px #fff;*/

	/*position:absolute;
  width:100%; height:100%; overflow:hidden;*/
  margin:0; padding:0;
/*
	scrollbar-base-color:#505050;
  scrollbar-arrow-color:#303030;
  scrollbar-3dlight-color:#303030;
  scrollbar-highlight-color:#505050;
  scrollbar-face-color:#505050;
  scrollbar-shadow-color:#303030;
  scrollbar-darkshadow-color:#505050;
  scrollbar-track-color:#505050;
*/
	/*overflow-x:hidden\9;*/ /**for all IE**/
}
*.stdfont {
	font-family:futurafont, Calibri, Arial,Helvetica,"Sans Serif",sans-serif;
}
*.nobr { white-space:nowrap; }
a:link, a:visited { color:#c8c8c8; /*font-weight:bold;*/ border:0; }
a:focus, a:hover, a:active { color:#eee; /*#ff3f99;*/ /*font-weight:bold;*/ border:0; }
a.normal:link, a.normal:visited, a.normal:focus, a.normal:hover, a.normal:active {
	font-weight:normal; text-decoration:none;
}
.bg02 {
	background:transparent url('img/bg/alpha000a0.3.png') 0 0 repeat;
  /** very cool X-Browser RGBa without PNGs: **
	background-color:#222;
  background-color:rgba(0,0,0,0.3);
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
	zoom:1;*/
}
* html .bg02 { background-image: url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg/alpha000a0.3.png', sizingMethod='scale'); }
.bg03 { background:transparent url('img/bg/alpha000a0.6.png') 0 0 repeat; }
* html .bg03 { background-image: url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg/alpha000a0.6.png', sizingMethod='scale'); }
.bg04 { background:transparent url('img/bg/alpha888a0.1.png') 0 0 repeat; }
* html .bg04 { background-image: url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg/alpha888a0.1.png', sizingMethod='scale'); }



#intro a.browser, #intro #footline { color:#808080; text-decoration:none; font-size:x-small; }
#intro div, #intro span { margin:0; padding:0; display:block; }
div#intro {
	position:absolute; z-index:1000;
	left:0; top:0; width:100%; height:100%;
	margin:0; padding:0;
	background-color:#202020;
}
#intro div#progress {
	position:absolute; z-index:100;
	left:-3px; top:1px; width:0; height:0;
	background:transparent;
	border-bottom:1px solid #ddd;
	border-right:2px solid #fff;
}
#intro div#background {
	position:absolute; overflow:hidden; z-index:0;
	left:0px; top:20%; width:100%; height:60%;
	background-color:#000000;
}
#intro div#photoPositioner {
	position:absolute; overflow:visible; border:0;
	top:40%; margin-top:-1000px; width:100%; line-height:2000px;
}
#intro div#photoPositioner img {
	width:100%; vertical-align:middle; border:0;
}
#intro div#footline {
	position:absolute; text-align:center;
	left:0; bottom:2%; width:100%;
}
#intro a#beatshock {
	position:absolute; display:block; z-index:1;
	left:1%; top:50%; width:98%;
	margin-top:-80px; text-align:center; vertical-align:middle;
	color:#C8C8C8; font:bold 80px sans-serif;
	letter-spacing:0.2em; text-decoration:none;
	border:0;
}




div#navi {
	position:relative; text-align:center; z-index:100; overflow:hidden;
	left:0; top:0;  /*left:150px; right:150px;*/
	width:100%;
	margin:0; padding:0 0 5px 0;
	/*background:#303030;*/ /* url('img/deco/palm02-220.png') 0% -50% no-repeat;*/  /*transparent; #181818;*/
	/*background:#222;*/
	background:transparent;
	background:rgba(0,0,0, 0.4);
	/*box-shadow:0px 40px 40px rgba(0,0,0, 0.7)
						,inset 0px -10px 10px rgba(128,128,128, 0.2);*/
	border-bottom:1px solid #000;

	/*border-bottom:4px solid #505050;*/ /*margin:-4px 0 0 0;*/
	/*-moz-box-shadow:inset 0px -5px 8px #505050;
	-webkit-box-shadow:inset 0px -5px 8px #505050;
	box-shadow:inset 0px -5px 8px #505050;*/
}
/*.innerBoxShadow { display:none; }
* html .innerBoxShadow, *+html .innerBoxShadow {
	display:block;
	position:absolute; width:100%; left:0; bottom:-4px; height:0px;
	border-bottom:4px solid #505050;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#505050, Direction=0, Strength=8);
}*/
/*
.innerBoxShadow {
	position:absolute; z-index:5;
	left:0; bottom:-15px; width:100%; height:30px;
	background:url('img/bg/whiteglow01.png');
}
* html .innerBoxShadow { background-image: url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg/whiteglow01.png', sizingMethod='scale'); }
*/
#navi .overlay {
	position:relative; z-index:50; padding:0;
	left:0; top:0; width:100%;
	/*max-width:800px;*/
	margin:0 auto; padding:0;
}
#navi .overlay a {
	position:relative;
	font-size:0.7em;
	font-weight:normal; text-decoration:none;
	text-transform:uppercase;
	margin:0 1em;
	white-space:nowrap;
	text-align:center; vertical-align:middle;
	/*-moz-text-shadow:-3px 3px 5px #000;
	-webkit-text-shadow:-3px 3px 5px #000;
	text-shadow:-3px 3px 5px #000;*/
	letter-spacing:1px;
	text-shadow:0px 0px 1px #888;
}
#navi .overlay a:hover, #navi .overlay a:active, #navi .overlay a:focus {
	left:-1px; top:-1px;
	/*-moz-text-shadow:-1px 1px 3px #f8e;
	-webkit-text-shadow:-1px 1px 3px #f8e;*/
	text-shadow:0px 0px 1px #fff, -1px 3px 3px #fff;
}
#navi .overlay a.current, #navi .overlay a.current:hover {
	left:0; top:0;
	text-shadow:/*1px 0px 1px #fff,*/ 0px 0px 3px #888;
	border:1px solid #666; padding:1px 0;
	border-left:none; border-right:none;
}
#navi .overlay a#logo {
	color:#f4b; /*#ff3f99;*/
	font-family:cursive; font-weight:normal;
	font-size:3em; letter-spacing:0.2em;
	width:400px; max-width:100%; max-height:80px;
	margin:0 auto 0 auto;
	
	display:block;
}
#navi .overlay a#logo:hover { left:0; top:0; }
#navi .overlay a#logo img {
	margin:0 auto 0 auto; width:400px; max-width:100%; /*height:80px;*/
}
* html #navi .overlay a#logo img { height:80px; } /** fixes ie6 pngAlpha js-script problem **/
#navi a:link, #navi a:visited { color:#ddd; /*#ccc*/ }
#navi a:focus, #navi a:hover, #navi a:active { color:#fff; /*color:#ff3f99;*/ }
#palm01 {
  position:absolute; z-index:0;
	/*left:-120px; bottom:-40px;
	width:220px; max-width:50%;*/
	left:-80px; bottom:-30px;
	width:170px; max-width:50%;
	/*-moz-opacity:0.7;
	-webkit-opacity:0.7;
	opacity:0.7;*/
}
#flamingo01 {
  position:absolute; z-index:10;
	left:10px; /*right:-40px;*/ bottom:-17px;
	width:80px;/*88px;*/ max-width:20%; /*height:129px;*/
}
#palm02 {
  position:absolute; z-index:20;
	left:35px; /*right:-40px;*/ bottom:-90px;
	width:180px; max-width:50%; /*height:200px;*/
}
#palm03 {
  position:absolute; z-index:0;
	left:-80px; bottom:-37px;
	width:170px; max-width:50%;
}






/*div#page {
	position:absolute; overflow:auto; z-index:2;
	left:0; top:135px; width:100%; bottom:0;
}*/
div.margin { /*border:1px dashed yellow;*/
	position:relative;
	/*width:100%;*/ max-width:100%;
	padding:0 16px 16px 16px;
	/*-moz-box-sizing:border-box;*/         /*border-box,padding-box*/
	/*-webkit-box-sizing:border-box;*/
	/*box-sizing:padding-box;*/
}
div.rightColumn {
	position:relative; float:right;
	/*position:absolute;
	top:0; right:0;*/
	z-index:10;
	width:370px; max-width:370px; /*top:-16px; top:0\9;*/ /**for all IE**/
	padding:0 0 16px 16px;
	margin:0; /* 0 0 48px;*/
	/*border-left:4px solid #505050;
	background:rgba(128, 128, 128, 0.1);*/
}


div.main {
	width:800px; max-width:100%;
	margin:0 auto 3em auto;
}
div#index.margin div.main {
	width:1000px;
}



div.ajax, div.loader { color:#888; text-align:left; vertical-align:middle; padding:16px 0 0 0; }
img.ajax, img.loader, div.ajax img, div.loader img { border:0; margin:auto auto; vertical-align:middle; position:relative; }


div.more, div.moreIE {
	position:relative;
	text-align:left;
	max-width:94%;
	margin:1em 20px 1em 0; padding:0 8px 4px 8px;
	border-top:1px solid #444;
	/*background:transparent;
	background:rgba(128,128,128, 0.1);*/
	font-size:0.8em;
}
div.more a, div.moreIE a {
	/*position:relative; display:inline-block;
	margin:1em auto; padding:0 1.4em;
	text-align:center;
	line-height:29px; vertical-align:middle;
	background:#888 url('img/bg/gradient-dark2.jpg') 0 50% repeat-x;
	border:1px solid #000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-decoration:none;*/
	padding:0; margin:0;
	text-decoration:underline;
	opacity:0.8;
}


#slideshow {
	float:left; overflow:hidden;
	width:300px; height:200px;
	max-width:100%;
	margin:0 16px 16px 0;
	background:#181818;
}

.hyphenate {
	text-align:justify;
}

div#rightBox {
	float:right; width:360px; margin:20px 0 10px 40px;
}





table, th, td {
	font-family:futurafont, Calibri, Arial,Helvetica,"Sans Serif",sans-serif;
	/*font-size:13px;*/
	/*color:#ddd;*/
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
table {
	border-collapse:collapse;
	border-spacing:0 0;
}


div.concertsLeft { position:relative; float:left; }
div.concertsRight { position:relative; float:right; }
div.concertsLeft tr,
div.concertsRight tr {
}
div.concertsLeft th,
div.concertsRight th {
	width:98px; max-width:30%; overflow:hidden;
	font-size:0.8em;
	border-top:1px solid #404040;
}
div.concertsLeft th div.conatainer,
div.concertsRight th div.conatainer {
	width:98px; max-width:100%; margin:0; padding:0;
}
div.concertsLeft td,
div.concertsRight td {
	max-width:70%; overflow:hidden;
	border-top:1px solid #404040; border-left:1px solid #404040;
}
div.concertsLeft td div.conatainer,
div.concertsRight td div.conatainer {
	width:234px; max-width:100%;
	margin:0; padding:0;
}


div.box {
	border-left:1px solid #505050;
	/*border:4px solid #505050;*/
	
	/*border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;*/
}

p { margin:0;}
/*i,sup { color:#909090; }*/
img { z-index:2; border:0; }
h1 {
	margin-top:2em;
	font-family:lcdfont; font-weight:normal; font-size:24px;
	text-transform:uppercase;
	color:#c8c8c8; text-shadow:none;
	/*color:#000; text-shadow:1px 0px 1px #ccc;*/
		 /*0px -1px 1px #000,
		 1px  0px 1px #000,
		 0px  1px 1px #000,
		-1px  0px 1px #000;*/

	/*font-size:18px; color:#000; font-weight:bold;
	background-image:url(img/h1bGrey.png); background-repeat:no-repeat;
	position:static; height:29px; margin:16px 0 16px 0;
	white-space:nowrap; overflow:hidden;
	line-height:29px; vertical-align:bottom; padding-left:10px;
	width:100%;*/ /** fixes occational ie8 problems **/
}
/** html h1 { background-image: url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/h1bGrey.png', sizingMethod='crop'); }*/
h1 a, h1 a:link, h1 a:visited, h1 a:focus, h1 a:active, h1 a:hover {
	/*color:#000;*/
	color:#c8c8c8;
}
a.anker { position:relative; }
h2 { font-size:18px; /*color:#ccc;*/ font-weight:bold; margin-top:0px;margin-bottom:10px; }
h3 { font-size:1em; /*color:#ddd;*/ font-weight:bold; margin:0px;margin-bottom:5px; }
h4 {
	font-size:1em; /*color:#fff;*/ font-weight:bold; letter-spacing:1px;
	background:url(img/h4c.png) left bottom no-repeat;
	position:static; /*height:32px;*/
	white-space:nowrap; overflow:hidden;
	/*line-height:32px; vertical-align:bottom; */
	padding:0 0 8px 30px;
	margin:0 0 3px 0;
}
* html h4 { background-image: url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/h4c.png', sizingMethod='crop'); }


table.staff { /*margin:0 auto;*/ max-width:100%; }
td.staff { /* float:left; */ width:245px; max-width:100%; }
table.staff tr { display:block; clear:left; }
table.staff td,
table.staff th { display:block; float:left; }
.staff img.zoomable {
	float:left;
	width:80px; max-width:80px; max-height:160px;
	margin:0 5px 10px 5px;

	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.staff img.zoomable.landscape {
	width:140px; max-width:120px; max-height:160px;
}
img.zoomImg {
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.comment {
	margin:32px 0 0 0;
	text-align:left;
	word-wrap:break-word;
}
/*div.comment.new {
	padding:10px;
	border:2px solid #008000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}*/
.comment div.head {
	margin:0 0 1em 0;
	color:#888; font-size:80%;
	border-bottom:1px solid #444;
	/*background:transparent;
	background:rgba(0,0,0, 0.3);*/
	padding:2px 3px 3px 3px;
}
.comment.new div.foot {
	margin:2em 0 0 0;
	/*padding:1em 0 0 0; border-top:1px solid #404040;*/
	padding:10px;
	border:2px solid #008000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

}




/* *.date { color:#ff3f99;font-weight:bold; } */
*.date { font-weight:bold; }
*.small { font-size:0.8em; }
*.top { vertical-align:top; }
span.date { white-space:nowrap; }



table.contact, table.contact tbody,
table.contact tr, table.contact td, table.contact th {
	vertical-align:top;
	margin:0; padding:0;
	border:0;
}
table.contact th { padding-right:1em; }
table.contact td { padding-bottom:1.5em; }
table.contact {
	border-collapse:collapse;
	border-spacing:0 0;
	max-width:100%;
	margin:0 auto;
}


table.mini, table.mini tbody, table.mini tr, table.mini td {
	vertical-align:top;
	margin:0; padding:0;
}
table.mini td { padding-right:16px; }

a.internetlogo {
	font-weight:normal;
	white-space:nowrap;
	text-decoration:none;
}
a.internetlogo img {
	width:24px;
	height:24px;
	vertical-align:middle;
}


/** for news **/
/*div.subscribejan { text-align:right; margin-top:5px; color:#587ca7; font-size:9px; text-decoration:underline; }*/


/** gallery **/
/*a.preview {
	font-size:0.8em;
	font-weight:normal;
	text-decoration:none;
	position:relative;
	float:left;
	text-align:center;
	margin:0 2px 2px 3px;
	padding:1px;
}
a.preview:link, a.preview:visited {
	font-weight:normal;
	color:#e0e0e0;
	border:1px solid #404080;
}
a.preview:focus, a.preview:hover, a.preview:active {
	font-weight:normal;
	color:#FFB0B0;
	border:1px solid #FFB0B0;
}*/

div#gallery .arrow {
  position:absolute;
  top:50%; margin-top:-64px;
	width:32px; height:128px;
}
div#gallery .imageView .arrow img {
	position:absolute;
	left:0; top:0;
	width:32px; height:128px;
	-moz-opacity:0.2;
	-webkit-opacity:0.2;
	-khtml-opacity:0.2;
	opacity:0.2;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter:alpha(opacity=20);
  /*display:none;*/
}
div#gallery .imageView:hover .arrow img {
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity=70);
  /*display:inline;*/
}
div#gallery .imageView .arrow img:hover {
	-moz-opacity:1;
	-webkit-opacity:1;
	-khtml-opacity:1;
	opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
}

div.galleryItem {
	position:relative; overflow:hidden;
	float:left;
	margin:7px 10px 0 0; /*margin:8px;*/
	width:108px;
	height:115px;
	text-align:center;
	cursor:pointer;
}
div.galleryThumb {
	position:relative;
	width:100px; overflow:hidden;
	height:60px; line-height:60px;
	margin:0 auto;
	border:4px solid #505050;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
div.galleryItem.current div.galleryThumb {
	border-color:#ccc;
	-moz-box-shadow:0px 3px 3px #ccc;
	-webkit-box-shadow:0px 3px 3px #ccc;
	box-shadow:0px 3px 3px #ccc;
}
/*div.galleryThumb .middler {
	position:absolute; left:0; top:50%;
	width:100%; line-height:400px; margin-top:-200px;
	overflow:visible;
}*/
div.galleryThumb img {
	width:100%; /*margin-top:-13px;*/
	min-width:100%; min-height:100%;
	vertical-align:middle;
}




div.map, a.map {
	display:block;
	background:url(img/deco/map01.png) no-repeat bottom right;
	min-height:32px;
	cursor:pointer;
}
* html div.map {
	width:100%; height:32px;
	background-image:url();
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/deco/map01.png', sizingMethod='scale');
}



/** general extern link **/
a.extern {
	background:url(Bilder/link_extern02.gif) no-repeat 100% 0;
	padding:0 14px 0 0;
}



/** shortmail.php **/
*.error { color:#FFFFFF; background:#FF2020; font-weight:bold; padding:5px; }
*.ok { color:#000000; background:#FFFF20; font-weight:bold; padding:5px; }


div.col {
	float:left;
	margin:0; padding:0;
}
div.row {
	height:18px;
	line-height:18px;
	vertical-align:middle;
	margin:0; padding:0;
}

*.ui-balloon-content *.text, *.ui-balloon-content select {
	vertical-align:middle;
	margin:0; padding:0;
	background:#FFFFC0;
	border:1px solid #808060;
}
*.ui-balloon-content input.text {
	height:14px;
}


*.tinymce {
	background:#181818;
	overflow:auto;
	/*
	width:250px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	margin:0 65px 0 65px;
	*/
}



/** Formular (CD Shop and Bcom) **/
table.shop {
	margin:20px auto 40px auto;
	width:600px; max-width:95%;
}

form {
	/*width:100%;*/ display:block;
	text-align:right;
	margin:0; padding:0;
	vertical-align:top;
}
form.shop {
	float:right;
}
textarea {
	resize:vertical;
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
	word-wrap:break-word;
}
div.textinput /*, span.textinput*/ {
	/*position:relative;*/
	background:#fff; color:#000;
	padding:3px 6px; margin:2px 0 5px 0;
	top:2px;
	white-space:nowrap;
	max-width:100%;

	border:0; /*1px solid #505050;*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

	-moz-box-shadow:inset 1px 1px 3px #505050;
	-webkit-box-shadow:inset 1px 1px 3px #505050;
	box-shadow:inset 1px 1px 3px #505050;

	/*
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#505050, Direction=135, Strength=3);
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=#505050, Direction=135, Strength=3);
	*/
}
/*div.textinput, span.textinput { top:0px\9; }*/ /** for all IE **/

.textinput textarea {
	margin:5px 0px;
	background:transparent;
	border:0;
	color:#000; /* #88f, #C8C8C8 */
	font-size:1em;
	/*line-height:1em;
	height:1em;*/
	max-width:100%;
}

input {
	margin:2px 0px;
	background:transparent;
	border:0;
	color:#000; /* #88f, #C8C8C8 */
	font-size:1em;
	/*line-height:1em;
	height:1em;*/
	max-width:100%;

	background:#fff; color:#000;
	padding:5px 6px;
	/*-moz-box-sizing:border-box;*/         /*border-box,padding-box*/
	/*-webkit-box-sizing:border-box;*/
	/*box-sizing:padding-box;*/

	border:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

	-moz-box-shadow:inset 1px 1px 3px #505050;
	-webkit-box-shadow:inset 1px 1px 3px #505050;
	box-shadow:inset 1px 1px 3px #505050;
	/** for all IE **/
	/*margin:0\9;
	padding:0\9;*/
}
input.number {
	text-align:right;
}
form td {
	padding-left:1em;
}
*.submit {
	/*position:relative;*/
	/*font-size:1em;*/
	font-weight:normal;
	/*height:1.4em;
	line-height:1.4em;*/
	vertical-align:middle;
	text-align:center;
	padding:3px 10px; margin:0;

	border:1px solid #000;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
  /* behavior:url('../js/border-radius.htc'); */ /** für IE round corners **/
	cursor:pointer;
	font-weight:bold;
	color:#fff;

	background:#008000;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#80ff80), to(#008000));
	background: -moz-linear-gradient(top, #80ff80, #008000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ff80', endColorstr='#008000');
	*/
	background:#008000 url('img/bg/gradient-green.jpg') repeat-x top left;
	/* zoom:1; z-index:inherent; */ /** angebl. für IE6 **/
}
*.back {
	color:#222;
	background:#804000;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8040), to(#804000));
	background: -moz-linear-gradient(top, #ff8040, #804000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8040', endColorstr='#804000');
	*/
	background:#804000 url('img/bg/gradient-orange.jpg') repeat-x top left;
}
*.blue {
	color:#fff;
	background:#004080;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#4080ff), to(#004080));
	background: -moz-linear-gradient(top, #4080ff, #004080);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4080ff', endColorstr='#004080');
	*/
	background:#004080 url('img/bg/gradient-blue.jpg') repeat-x top left;
}
*.red {
	color:#fff;
	background:#800000;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#ff4040), to(#800000));
	background: -moz-linear-gradient(top, #ff4040, #800000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4040', endColorstr='#800000');
	*/
	background:#800000 url('img/bg/gradient-red.jpg') repeat-x top left;
}
*.purple {
	color:#fff;
	background:#E000A5;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#ff4040), to(#800000));
	background: -moz-linear-gradient(top, #ff4040, #800000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4040', endColorstr='#800000');
	*/
	background:#E000A5 url('img/bg/gradient-red.jpg') repeat-x top left;
}
/*input.wrong {
	border:2px dotted #f88;
	margin:-2px -2px -1px -2px;
	background:#622;
}*/
div.wrong, span.wrong, input.wrong, textarea.wrong {
	background-color:#ff77cc;
}


ol {
	margin:0; padding:0;
	list-style:decimal inside;
}
*.money {
	font-size:1.2em;
	font-weight:bold;
}
table.grid { border-collapse:collapse; }
td.grid, th.grid {
	border:1px solid #808080;
	padding:3px;
}
*.center { text-align:center; }
*.middle { vertical-align:middle; }
*.right { text-align:right; }
*.bold { font-weight:bold; }
*.mono { font-family:monospace; }
*.info { color:#999; }

*.print, *.print td, *.print th {
	background:#fff;
	color:#000;
	padding:1em;
}
*.print a {
	color:#00f;
	font-weight:normal;
	text-decoration:none;
}

.shop th {
	/*color:#aaa;*/
	vertical-align:top;
	padding-top:7px;
}
.shop td {
	vertical-align:top;
}


.er, .ok { color:white; font-weight:bold; padding:1px; }
.ok { background:green; } .er { background:red; }











/** Video Area **/

.videoYoutube {
	position:absolute;
	margin:5px 0 0 0;
	/*width:350px; height:197px;*/
	width:584px; height:329px;
	max-width:100%; /*margin-right:16px;*/
	background:transparent;
	
	border:4px solid #505050;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
div.placeHolder {
	/*height:210px;*/
	height:350px;
}


div.videoList {
	position:relative;
	margin:7px 0 0 0;
	/*width:605px;*/ max-width:100%;
	/*height:114px;*/
	overflow:hidden;
}
div.videoList:hover {
	height:auto;
	overflow:visible;
}

/*div.videoList {
	position:absolute;
	top:10px;
}*/
div.videoItem {
	position:relative;
	margin:7px 0 0 0;
	float:left;
	width:121px;
	height:95px;
	overflow:hidden;
}
div.videoItem:hover { overflow:visible; z-index:10; }
div.videoItem:hover div.videoTitle {
  z-index:11;
  color:#000;
	background-color:#eee;
	border:1px solid #000;
	margin:-4px 0 0 0;
	padding:4px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.videoThumb {
	/*float:left;*/
	width:100px; height:50px; overflow:hidden;
	/*margin:0 auto;*/
	border:4px solid #505050;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
img.thumbnail {
	width:100px; margin-top:-13px;
}
div.videoList a, div.videoList a:link, div.videoList a:visited, div.videoList a:hover, div.videoList a:active, div.videoList a:focus {
	font-weight:normal;
	text-decoration:none;
	color:#c8c8c8;
	cursor:pointer;
}
div.videoTitle {
	/*position:relative;*/
	width:100px;
	/*margin:0 auto;*/
}
div.videoStats {
	/*position:absolute;*/
	/*left:96px;*/
	/*right:0; bottom:0;*/
	margin:10px 0 0 0;
	text-align:left;
	font-size:70%;
}








/**
 * News Section
 */
div.cal {
	float:left; width:25px; margin:0 12px 0 0;
	text-align:center; border:none;
	background:#eee;
	color:#000; text-shadow:none;
}
div.cal div.top {
  width:100%; height:3px; background:#555; border-bottom:2px solid #000;
  margin-bottom:-1px;
}
div.cal div.mon {
  font:italic 8pt serif; margin:0;
}
div.cal div.day {
  font:bold 12pt serif; margin:-0.3em 0 -0.1em 0; /*color:#f08;*/
}
div.cal div.year {
  font:6.2pt serif;
	margin:0; padding:0 0 0 0.12em;
	background:#555; color:#bbb;
	text-align:center;
}

div.td { position:relative; float:left; }

div.news div.news {
	clear:left;
	margin:0 0 1.5em 0; padding:0.5em 0 0 0;
	/*width:350px;*/ max-width:580px;
	text-align:left;
}

ul.news {
	list-style:disc inside; /*clear:left;*/
	margin:0; padding:0;
}

ul.news a { text-decoration:none; }
ul.news a em { text-decoration:underline; font-style:normal; font-weight:normal; }







/**
 * Mobile Optimization (handheld, iphone, android,...)
 */
@media only screen and (max-device-width: 480px), only screen and (max-device-height: 480px), handheld {
	html, body { width:100%; overflow-x:hidden; }
	h1 { margin-top:16px; }
	#palm01,#palm02,#palm03 { opacity:0.3; }
	#flamingo01			{ opacity:0.5; bottom:-35px; }
	#navi .overlay a {
		display:inline-block;
		margin:1em 1em 0 1em;
	}
	div.concertsLeft, div.concertsRight {
		position:relative; float:left;
	}
	div.concertsLeft tr,
	div.concertsRight tr {
		display:block; clear:left;
	}
	div.concertsLeft th,
	div.concertsRight th {
		display:block; float:none;
		width:auto; max-width:85%;
		border:0;
		border-left:1px solid #222;
	}
	div.concertsLeft th div.container,
	div.concertsRight th div.container {
		width:auto; max-width:none;
	}
	div.concertsLeft td,
	div.concertsRight td {
		display:block; float:none;
		width:auto; max-width:85%;
		border:1px solid #222;
		border-bottom:2px solid #222;
		padding:0 0 32px 0;
		margin:0 0 16px 0;
	}
	div.concertsLeft td div.conatainer,
	div.concertsRight td div.conatainer {
		width:auto; max-width:none;
		margin:0; padding:0;
	}
	div.map {
	  float:left; width:auto; padding-right:24px;
	}
	.videoYoutube {
		max-width:85%;
	}

	table.shop table { display:block; }
	table.shop table tr { display:block; clear:left; }
	table.shop table th,
	table.shop table td { display:block; float:left; }

}