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

*
{
	padding:0px;
	margin:0px;
}

hr
{
	height:1px;
	background-color:#FFce00;
	border:none;
}


table
{
	margin:0px;
	padding:0px;
}

/* Basic Formatierung*/

body 
{
	background-image: url(pics/bg_big.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-color:#313131;
	font-family:trebuchet MS,verdana;	
}

/* Textformatierungen */

a {
	color: #ffce00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


.content {
	color: #FFFFFF;
	font-family: tahoma;
	font-size: 12px;	
}

.header {
	color: #ffda00;
	font-size: 14px;
	font-family: tahoma;
}

 /*////////////////////////////*/
 /*///////Icons unten//////////*/
 /*////////////////////////////*/

 .ico
 {
	position:absolute;
	width:205px;
	height:30px;
	top:671px;
	left:784px;
	padding:0px;
	border:none;
 }
 
 /*///////////////////////*/
 /*///////Flickr//////////*/
 /*///////////////////////*/

 #flickr1
 {
	position:absolute;
	width:86px;
	height:64px;
	left:132px;
	top:462px;
	overflow:hidden;
 }
 
 #flickr2
 {
	position:absolute;
	width:86px;
	height:64px;
	left:225px;
	top:462px;
	overflow:hidden;
 }
 
 #flickr3
  {
	position:absolute;
	width:86px;
	height:64px;
	left:318px;
	top:462px;
	overflow:hidden;
 }
 
 #flickr4
 {
	position:absolute;
	width:86px;
	height:64px;
	left:411px;
	top:462px;
	overflow:hidden;
 }
 
  #flickr5
  {
	position:absolute;
	width:86px;
	height:64px;
	left:132px;
	top:534px;
	overflow:hidden;
 }
 
  #flickr6
  {
	position:absolute;
	width:86px;
	height:64px;
	left:225px;
	top:534px;
	overflow:hidden;
 }
 
  #flickr7
  {
	position:absolute;
	width:86px;
	height:64px;
	left:318px;
	top:534px;
	overflow:hidden;
 }
 
  #flickr8
  {
	position:absolute;
	width:86px;
	height:64px;
	left:411px;
	top:534px;
	overflow:hidden;
 }
 
 
 
 /*///////////////////////*/
 /*///////Delicious///////*/
 /*///////////////////////*/

#delicious hr
{
	display:none;
} 
 
#delicious
{
	position:absolute;
	width:285px;
	height:130px;
	top:465px;
	left:545px;
	background:none;
	z-index:2;
	overflow:hidden;
}
.delicious-posts 
{
}

.delicious-posts ul, .delicious-posts li, .delicious-banner 
{ 
	margin: 0;
	padding-right:7px;
	padding-left:7px;
	font-size:11px;
	line-height:12px;
}

.delicious-post 
{ 	 
	padding-right:5px;
	padding-left:5px;
	font-size:11px;
	color:white;
}

.delicious-odd 
{ 	
	font-weight:bold;
	padding-right:5px;
	padding-left:5px;
}

.delicious-banner a 
{ 
	
}

.delicious-posts a:hover 
{ 
	text-decoration: underline;
}

.delicious-posts a 
{ 
	font-size:11px;
	text-decoration: none;
	font-weight:bold;	
	color: #FFCE00; 
	display: block; 
	padding-right:5px;
	padding-left:5px;
}

.delicious-post a 
{ 
	font-size:11px;
	color: #FFCE00; 
	font-weight:bold;
	padding-right:5px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;

}

 /*/////////////////////*/
 /*///////Twitter///////*/
 /*/////////////////////*/

#twitter
{
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	position: absolute;
	left: 550px;
	top: 230px;
	width: 263px;
	height: 150px;	
	z-index: 2;	
	background:none;
	padding:5px;
	overflow:hidden;
}

.tweet
{	
	position:relative;
	width:260px;
	height:20px;	
	overflow:hidden;
	color:#FFFFFF;		
	line-height:25px;
}

#twitter .date
{
	position:absolute;
	color:white;
	top:60px;
	left:150px;
}

#open_tweet
{		
	color:#FFCE00;
	height:75px;
	line-height:15px;	
}

 /*/////////////////////*/
 /*///////Schein////////*/
 /*/////////////////////*/

#schein_1
{
	position:absolute;
	width:134px;
	height:103px;
	z-index:1;
	left: 248px;
	top: 124px;
}

#schein_2
{
	position:absolute;
	width:134px;
	height:103px;
	z-index:1;
	left: 372px;
	top: 124px;
}

#schein_3
{
	position:absolute;
	width:134px;
	height:103px;
	z-index:1;
	left: 125px;
	top: 218px;
}

#schein_4
{
	position:absolute;
	width:134px;
	height:103px;
	z-index:1;
	left: 248px;
	top: 218px;
}

#schein_5
{
	position:absolute;
	width:134px;
	height:103px;
	z-index:1;
	left: 372px;
	top: 218px;
}

#schein_6
{
	position:absolute;
	width:134px;
	height:103px;
	z-index:1;
	left: 125px;
	top: 312px;
}

#schein_7
{
	position:absolute;
	width:134px;
	height:103px;
	z-index:1;
	left: 248px;
	top: 312px;
}

#schein_8
{
	position:absolute;
	width:134px;
	height:103px;
	z-index:1;
	left: 372px;
	top: 312px;
}

#schein_1_n
{
	position:absolute;
	width:0px;
	height:0px;
	z-index:1;
	left: 375px;
	top: 221px;
}

#schein_2_n
{
	position:absolute;
	width:0px;
	height:0px;
	z-index:1;
	left: 499px;
	top: 221px;
}

#schein_3_n
{
	position:absolute;
	width:0px;
	height:0px;
	z-index:1;
	left: 252px;
	top: 315px;
}

#schein_4_n
{
	position:absolute;
	width:0px;
	height:0px;
	z-index:1;
	left: 375px;
	top: 315px;
}

#schein_5_n
{
	position:absolute;
	width:0px;
	height:0px;
	z-index:1;
	left: 499px;
	top: 315px;
}

#schein_6_n
{
	position:absolute;
	width:0px;
	height:0px;
	z-index:1;
	left: 252px;
	top: 409px;
}

#schein_7_n
{
	position:absolute;
	width:0px;
	height:0px;
	z-index:1;
	left: 375px;
	top: 409px;
}

#schein_8_n
{
	position:absolute;
	width:0px;
	height:0px;
	z-index:1;
	left: 499px;
	top: 409px;
}


 /*/////////////////////*/
 /*///////Layout////////*/
 /*/////////////////////*/
 
#video
{
	position:absolute;
	left:540px;
	top:131px;
	background:none;
	width:227px;
	height:88px;	
}  
 
#follow
{
	position:absolute;
	left:710px;
	top:391px;
	background:none;
	width:122px;
	height:18px;	
} 

#delici
{
	position:absolute;
	left:133px;
	top:114px;
	background:none;
	width:155px;
	height:19px;
	z-index:2;
} 
 
#navi_agentur
{
	position:absolute;
	left:150px;
	top:420px;
	width:78px;
	height:29px;
	background:url(pics/button_agentur.gif);
	background-position:left;
	cursor:pointer;
} 

#navi_jobs
{
	position:absolute;
	left:228px;
	top:420px;
	width:49px;
	height:29px;
	background:url(pics/button_job.gif);
	background-position:left;
	cursor:pointer;
} 

#navi_impressum
{
	position:absolute;
	left:277px;
	top:420px;
	width:90px;
	height:29px;
	background:url(pics/button_impressum.gif);
	background-position:left;
	cursor:pointer;
} 

#navi_agentur:HOVER
{
	background-position:right;
}

#navi_jobs:HOVER
{
	background-position:right;
}

#navi_impressum:HOVER
{
	background-position:right;
}
 
.close
{
	position:absolute;
	left:670px;
	top:0px;
	width:30px;
	height:30px;
	background:url(pics/button_close.gif);	
	cursor:pointer;
} 

.closed
{
	display:hidden;
	position:absolute;
	left:0px;
	top:71px;
	width:0px;
	height:0px;	
	z-index:1;
	overflow:hidden;
	padding:0px;
} 

#kontakt
{
	position: absolute;
	left: 132px;
	top: 66px;
	width: 700px;
	height: 525px;
	z-index: 5;		
	background-color:#444;
	display:none;
}
 
#adresse
{
	position:absolute;
	left:255px;
	top:65px;
	width:350px;
	height:40px;
	background:none;
	z-index:2;
	cursor:pointer;
}

#mail
{
	position:absolute;
	left:605px;
	top:65px;
	width:200px;
	height:40px;
	background:none;
	z-index:2;
	cursor:pointer;
}

#areaDiv {
	position: relative;
	width: 964px;
	height: 701px;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(pics/c3_bg_center.jpg);
	background-repeat:no-repeat;	
	top:-35px;
}


/* Cams */

/*
.btn_cam_close
{
	position:absolute;
	left:670px;
	top:0px;
	width:30px;
	height:30px;
	background:url(pics/button_close.gif);	
	cursor:pointer;
} 

*/

#cam1Div {
	position:absolute;
	width:120px;
	height:90px;
	z-index:2;
	left: 255px;
	top: 131px;
	border: none;
	outline: none;
	cursor:pointer;
	overflow:hidden;
}

#cam2Div {
	position:absolute;
	width:120px;
	height:90px;
	z-index:2;
	left: 378px;
	top: 131px;
	cursor:pointer;
	overflow:hidden;
}

#cam3Div {
	position:absolute;
	width:120px;
	height:90px;
	z-index:2;
	left: 132px;
	top: 225px;
	cursor:pointer;
	overflow:hidden;
}

#cam4Div {
	position:absolute;
	width:120px;
	height:90px;
	z-index:2;
	left: 255px;
	top: 225px;
	cursor:pointer;
	overflow:hidden;
}

#cam5Div {
	position:absolute;
	width:120px;
	height:90px;
	z-index:2;
	left: 378px;
	top: 225px;
	cursor:pointer;
	overflow:hidden;
}

#cam6Div {
	position:absolute;
	width:120px;
	height:90px;
	z-index:2;
	left: 132px;
	top: 319px;
	cursor:pointer;
	overflow:hidden;
}

#cam7Div {
	position:absolute;
	width:120px;
	height:90px;
	z-index:2;
	left: 255px;
	top: 319px;
	cursor:pointer;
	overflow:hidden;
}

#cam8Div {
	position:absolute;
	width:120px;
	height:90px;
	z-index:2;
	left: 378px;
	top: 319px;
	cursor:pointer;
	overflow:hidden;
}

 /*/////////////////////////////*/
 /*///////Mootools Morph////////*/
 /*/////////////////////////////*/

.bild_gross 
{
	position: absolute;
	left: 132px;
	top: 66px;
	width: 700px;
	height: 525px;
	z-index: 5;		
	background-color:#444;
	cursor:auto;
}

.text_gross 
{
	position: absolute;
	left: 132px;
	top: 66px;
	width: 690px;
	height: 495px;
	z-index: 5;		
	background-color:#444;
	padding-left:10px;
	font-size:13px;
	color:#FFFFFF;
	padding-top:30px;
}

/*/////////
// Hints //
/////////*/

.tool
{	
	z-index:13000;
}

.tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
 
.tool .tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding-top: 8px;
	padding-bottom:4px;
	padding-right:8px;
	padding-left:50px;
	background: url(note_top.png) top left;	
	color:#FFD400;
}
 
.tool .tip-text {
	font-size: 11px;
	padding-top: 4px;
	padding-bottom:8px;
	padding-right:8px;
	padding-left:50px;
	background: url(note_bottom.png) bottom left;	
}