@charset "utf-8";

/* allgemein */
* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 125%;
	-webkit-text-size-adjust: 100%;
}

html {
	height: 100%;
}

body {
	font-size: 13px;
	background-color: #bec8d2;
	height: 100%;
}

/* Layout */
#debug {
	position: absolute;
	top: 10px;
	left: 10px;
}
#wrapper {
	position: relative;
	height: 100%;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#box {
	float: left;
	height: 50%;
	width: 50%;
	margin-bottom: -336px;
}

#stage { 
	clear: both;
	position: relative;
	width: 912px;
	margin-left: 56px;
	margin-right: 56px;
	height: 672px;
	overflow: hidden;
}

#soundbox{
	position: absolute;
	left:0px;
	top: 0px;
	width: 1px;
	height: 1px;
}

#logo {
	position: absolute;
	top: 24px;
	left: 16px;
	height: 57px;
	width: 229px;
}

/* Bottomnav */
#bottomnav {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 40px;
	width: 100%;
	min-width: 1024px;
	background-color: black;
}

#navcontent {
	position: relative;
	width: 560px;
	height: 40px;
	padding-left: 232px;
	padding-right: 232px;
	margin-left: auto;
	margin-right: auto;
}

#navcontent ul {
	list-style: none;
}

#navcontent li {
	list-style: none;
	float: left;
}

#navcontent a, #navcontent a:link, #navcontent a:visited, #navcontent a:active, #navcontent a:hover {
	display: block;
	height: 30px;
	padding-top: 10px;
	margin-right: 32px;
	font-size: 14px;
	color: #FFF;
}
#navcontent a.pic, #navcontent a.pic:link, #navcontent a.pic:visited, #navcontent a.pic:active, #navcontent a.pic:hover {
	display: block;
	height: 40px;
	padding-top: 0px;
	margin-right: 32px;
}

#swiss {
	position: absolute;
	top: 0px;
	right: 232px;
	width: 30px;
	height: 40px;
}

#instagram {
	position: absolute;
	top: 0px;
	right: 132px;
	width: 40px;
	height: 40px;
}

/* Links */
a, a:link, a:visited, a:active, a:hover {
	color:#666;
	text-decoration:none;
}

a.white, a.white:link, a.white:visited, a.white:active, a.white:hover {
	color:#FFF;
	text-decoration:none;
}

div.bg2 a, div.bg2 a:link, div.bg2 a:visited, div.bg2 a:active, div.bg2 a:hover {
	color:#FFF;
	text-decoration:none;
}


a.unobtrusive, a.unobtrusive:link, a.unobtrusive:visited, a.unobtrusive:active, a.unobtrusive:hover {
	color:#000;
	text-decoration:none;
}

/* Flags */
div.flag {
	position: absolute;
	width: 32px;
	height: 19px;
	color: #666;
	text-align: center;
}

/* infobox */
div.sidebox {
	display: table;
	position: absolute;
	left: 0px;
	top: 184px;
	width: 160px;
	height: 320px;
}
div.sidebox span {
	display: table-cell;
	vertical-align: middle;
}


/* Links */
div.flag a, div.flag a:link, div.flag a:visited, div.flag a:active, div.flag a:hover {
	color:#FFF;
	text-decoration:none;
}

div.flag span {
	position: absolute;
	bottom: -4px;
}

div.f01 {top: 573px; left: 24px;}
div.f02 {top: 573px; left: 72px;}
div.f03 {top: 573px; left: 120px;}

div.f04 {top: 537px; left: 24px;}
div.f05 {top: 537px; left: 72px;}
div.f06 {top: 537px; left: 120px;}

div.f07 {top: 501px; left: 24px;}
div.f08 {top: 501px; left: 72px;}
div.f09 {top: 501px; left: 120px;}

/* Pictures */
#loading {
	position: absolute;
	top: 520px;
	left: 800px;
	width: 32px;
	height: 32px;
	background-image:url(../images/loading.gif);
	display: none;
}

#page_content {
	position: absolute;
	top: 80px;
	left: 176px;
	width: 590px;
	height: 512px;
	overflow: hidden;
}

#page_content ul {
	display: block;
	position: relative;
	list-style: none;
}

#page_content li {
	list-style: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

#thumbs {
	position: absolute;
	top: 80px;
	left: 752px;
	width: 144px;
	height: 512px;
	overflow: hidden;
}

#thumbs ul {
	list-style: none;
}

#thumbs li {
	list-style: none;
	display: block;
	position: absolute;
}

li.smallpic {
	position: absolute;
	background-color: #e3e8ee;
	width: 32px;
	height: 32px;
}

li.p01 {top: 104px; left: 96px;}
li.p02 {top: 152px; left: 96px;}
li.p03 {top: 200px; left: 96px;}
li.p04 {top: 248px; left: 96px;}
li.p05 {top: 296px; left: 96px;}
li.p06 {top: 344px; left: 96px;}
li.p07 {top: 392px; left: 96px;}

li.p11 {top: 104px; left: 48px;}
li.p12 {top: 152px; left: 48px;}
li.p13 {top: 200px; left: 48px;}
li.p14 {top: 248px; left: 48px;}
li.p15 {top: 296px; left: 48px;}
li.p16 {top: 344px; left: 48px;}
li.p17 {top: 392px; left: 48px;}

li.p21 {top: 104px; left: 0px;}
li.p22 {top: 152px; left: 0px;}
li.p23 {top: 200px; left: 0px;}
li.p24 {top: 248px; left: 0px;}
li.p25 {top: 296px; left: 0px;}
li.p26 {top: 344px; left: 0px;}
li.p27 {top: 392px; left: 0px;}

/* Text */
#textcontent {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 8px;
	width: 544px;
	height: 496px;
	background-color: #FFF;
}

#mixedcontent {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	width: 560px;
	height: 512px;
	background-color: #FFF;
}

div.bg2 {
	background-color: #999 !important;
}

div.pic_watermark_scroll_at div.scrollcontent {
	background-image:url(../gallery/at_s_110.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

div.pic_watermark_static_at {
	background-image:url(../gallery/at_s_110.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

div.pic_watermark_scroll_reels div.scrollcontent {
	background-image:url(../gallery/reels_s_610.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#mixedcontent p {
	padding-top: 40px;
	padding-bottom: 8px;
	padding-left: 100px;
	padding-right: 100px;
}

#mixedcontent h1 {
	padding-top: 40px;
	padding-bottom: 8px;
	padding-left: 100px;
	padding-right: 100px;
	font-size: 22px;
	font-weight: bold;
}

#mixedcontent h1 span {
	font-size: 13px;
	font-weight: normal;
}

#mixedcontent p.nospace {
	padding-top: 0px !important;
}

#mixedcontent table {
	margin-left: 100px;
	margin-right: 16px;
	margin-bottom: 8px;
	border-spacing: 0px;
	border-collapse:collapse;
}

#mixedcontent table td {
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}

#mixedcontent table td.first {
	padding-left: 0px;
}

#mixedcontent table td.last {
	padding-right: 0px;
}

#contactcontent {
	position: absolute;
	top: 80px;
	left: 176px;
	padding: 8px;
	width: 704px;
	height: 500px;
}

div.bottomleft {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 65%;
}

div.bottomright {
	text-align: right;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 35%;
}

/* Allgemein */
.small {
	font-size: 12px;
}

/* Tabellen */
table {
	border-spacing: 0px;
	border-collapse:collapse;
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-width: 0px;
}

/* Bilder */
img  {
	border-style: none;
	border-width: 0px;
}

img.full {
	width: 100%;
	height: 100%;
}

/* Farben */

/* Tabellen */
	

/* Listen */


/* Special */
.clear {
	clear: both;
}