/*****************************************************************************************************************************************
	global reset, basic configuration
*/

* {
	padding:0;
	margin:0;
}

img, fieldset {
	border:0;
}


/*****************************************************************************************************************************************
	site-layout
*/

body {
	/* basic layout */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%; /* set to percentage so that ems work without producing miniscule text in IE */
	text-align:center; /* centers the wrapper in IE5.x, because "margin:0 auto" doesn't work */
	/* additional formatting */
	background:#000;
}

#wrapper {
	/* basic layout */
	width:1197px;
	margin:0 auto 0 auto;
	background:#000;
	margin-top:60px;
	text-align:left; /* resets the text alignment */
	/* additional formatting */
}

#header-wrap {
	/* basic layout */
}

.clip-wrap {
	/* basic layout */
	position:relative;
	float:left;
	width:1180px;
	padding:0 0 0 17px;
	margin-bottom: 16px;
	color: #808080 !important;
}

.clip-wrap img {
	/* basic layout */
	position:relative;
	float:left;
	margin:0 17px 17px 0;
}

.clip-wrap h2 {
	/* basic layout */
	margin:0 0 8px 1px;
}

.clip-wrap img.title {
	/* basic layout */
	position:relative;
	float:none;
	margin:0;
}


/*****************************************************************************************************************************************
	header
*/

h1 {
	float:left;
	width:100%;
	padding:0 0 50px 17px;
}

h1 img {
	display:block;
}

h1 a.contact {
	display:block;
	width:58px;
	height:10px;
	margin:13px 0 0 0;
	text-decoration:none;
	background:url(../_img/contact.gif) 0 0 no-repeat;
}

h1 a.contact:hover {
	background-position:-58px 0;
}


/*****************************************************************************************************************************************
	pagination
*/

ul {
	position:relative;
	float:right;
	padding-right:17px;
	list-style:none;
}

ul.bottom {
	margin:-17px 0 0 0;
	padding-bottom:60px; /* Opera nimmt margin nicht */
}

li {
	float:left;
}

.button1, .button2, .button3, .button4, .button5, .button6 {
	display:block;
	width:21px;
	height:28px;
	margin-left:5px;
}

a.active {
	background-position:-21px 0;
}
.button1 {
	background:url(../_img/page-1.gif) 0 0 no-repeat;
}

.button1:hover {
	background-position:-21px 0;
}

.button2 {
	background:url(../_img/page-2.gif) 0 0 no-repeat;
}

.button2:hover {
	background-position:-21px 0;
}

.button3 {
	background:url(../_img/page-3.gif) 0 0 no-repeat;
}

.button3:hover {
	background-position:-21px 0;
}

.button4 {
	background:url(../_img/page-4.gif) 0 0 no-repeat;
}

.button4:hover {
	background-position:-21px 0;
}

.button5 {
	background:url(../_img/page-5.gif) 0 0 no-repeat;
}

.button5:hover, #active a.button5 {
	background-position:-21px 0;
}

.button6 {
    background:url(../_img/page-6.gif) 0 0 no-repeat;
}

.button6:hover, #active a.button6 {
    background-position:-21px 0;
}

.clip-wrap h2{
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #808080;
	display: block !important;
}


.clip-wrap a{
	text-decoration: none !important;
	color: #808080;
}
.clip-wrap a:hover{
	color:white !important;
}

.clip-wrap h2 span{
	font-weight: normal;
}

.imprint{
	clear:both;
	font-size: 12px;
	float: left;
	padding-left: 17px;
	margin-top: -16px;
}

.imprint a{
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	color: #808080;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 9pt;
}

.imprint a:hover{
	font-family: Helvetica, sans-serif;
	color: white;
}

.navi_btn span{
	display:none;
}

.play_btn{
	position: absolute !important;
	z-index: 10000;
	left: 95px;
	top: 80px;
	display: none;
	
	opacity: .6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

.contact_a{
	text-decoration: none;
	font-weight: bold;
	color: gray;
	font-size: 8pt;
	margin-left:17px;
	display:block;
	margin-top: 5px;
	width:70px;
}

.contact_a:hover{
	color: white;
}

#sb-container{
	width: 100% !important;
	height: 100% !important;
	overflow:hidden !important;
}

#sb-overlay, #sb-wrapper{
	overflow:hidden !important;
}