@charset "UTF-8";
/* CSS Document */

/****************
*********************************************************************************************************

Project: Operation Butterfly
Level: Global Styles

CODE

Author: Norman Lorch
Date: 30 January 2010
Company: modularte-creative solutions
Website: http://www.modularte.de

/****************
*********************************************************************************************************

*********************************************************************************************************
****************/



		*{
			margin:0;
			padding:0;
		}
		a{
			color:black;
			text-decoration:underline;
			outline: none;
		}
		a:hover{
			color:black;
			text-decoration: none;
		}
		img{
			border:none;
		}
		body {
			overflow:hidden;/*Needed to eliminate scrollbars*/
			background:white;
		}
		#contact {
			overflow:visible;
			background:white;
		}
		#main{
			position:relative;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:normal;
			color:#66615a;
			line-height:1.2;
			margin-top:275px;
			margin-left:42px;
			width:780px;
			}
		.pink{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			background:#ff00cc;
			color:white;
			padding:2px 4px 2px 4px;
			margin-left:-4px;
			}
		h4{
			background: url(images/line_red-bg_white.png) no-repeat left 10px;
			font-size:11px;
			padding-left:35px;
			color:#ff3634;
			font-weight:bold;
			font-family: "Courier New", Courier, monospace;
			}
		strong {
			color:black;}
		#left{
			float:left;
			width:387px;
			}
		#right{
			float:right;
			width:353px;
			margin-left:25px;
			}
		#left p{
			line-height:1.5;
			}
		#right p{
			line-height:1.5;
			}
		#left img{
			margin-bottom:3px;
			}
		#right img{
			margin-bottom:3px;
			}
		#content{
			height:72px;
			width:100%;
			top:0;
			left:0;
			z-index: 1;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:normal;
			background-color:black;
			color:white;
			position:absolute;
			letter-spacing:0.1em;
			}
		#preise{
			height:341px;
			width:60px;
			top:300px;
			left:870px;
			z-index: 3;
			position:absolute;
			}
		#header{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:normal;
			background-color:black;
			background-image:url(images/ob_logo.png);
			background-repeat:no-repeat;
			background-position:left top;
			color:white;
			width:350px;
			height:72px;
			float:left;
			}
		#header span {
			display: none;
			}
		#signet{
			position:absolute;
			top:100px;
			left:60px;
			z-index:1;
			}

		#player{
			position:absolute;
			right:0;
			top:30px;
			width:110px;
			z-index:1;
			}
		#showtitle {
			z-index: 2;
			position: absolute;
			right: 31px;
			top:20px;
			display: none;
			color:#ff3634;
			width: 60px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:11px;
			text-transform:uppercase;
		}
		
		/*Supersize Plugin Styles*/
		#navi {
			position:absolute;
			left:350px;
			top:0;
			z-index:5;
			}
		#navigation{
			float:right;
			width:80px;
			height:29px;
			margin-right:37px;
			margin-top:10px;
		}
		.prev{
			float:left;
			margin-right:4px;
			display:block;
			width:14px;
			height:9px;
			}
		.next{
			float:right;
			margin-left:4px;
			display:block;
			width:14px;
			height:9px;
			}
		.stop{
			float:right;
			}
		.start{
			float:left;
			}
		#pauseplay{
			position:absolute;
			top:10px;
			right:62px;
			width:30px;
			}
			
		#loading{
			position:absolute;
			top: 43%; 
			left: 40%;
			z-index: 0;
			width: 371px; 
			height: 100px;
		/*	text-indent: -999em;*/
			color:white;
			/*background-image: url(images/progress.gif);*/
			background-repeat:no-repeat;
			background-position:50% 30px ;
			text-align:center;
		}

		#superbgimage {
			display: none;
			background: #fff url('images/superbgloading.gif') 50% 50% no-repeat;
			}
		
		#superbgimage img {
			image-rendering: optimizeQuality;
			-ms-interpolation-mode: bicubic;
			}