body {
	background:url(../images/karo_papier_blau.gif);
  	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0;	
}
a {	text-align:left;
	padding: 0px;
	font-family: "museo-sans-1","museo-sans-2";
	font-weight: 300;
	font-size: 10pt;
	color: #535353;
	line-height: 1.4;
	cursor:pointer;
}

a:hover {
	color: #8a8a8a;
	text-decoration:none;
}

a:visited {
	text-align:left;
	padding: 0px;
	font-family: "museo-sans-1","museo-sans-2";
	font-weight: 300;
	font-size: 10pt;
	color: #535353;
	line-height: 1.4;
	cursor:pointer;
}

h1 {
	font-family: "museo-sans-1","museo-sans-2";
	font-size: 10pt;
	font-weight: 700;
	color: #535353;
	visibility: hidden;
	line-height: 1.4;
}


p {
	font-family: "museo-sans-1","museo-sans-2";
	font-size: 10pt;
	font-weight: 300;
	color: #535353;
	visibility: hidden;
	line-height: 1.4;
}

p1 {
	font-family: "museo-sans-1","museo-sans-2";
	font-size: 20pt;
	font-weight: 300;
	color: #535353;
	visibility: hidden;
	line-height: 1.4;
}


/* verhindert, dass die schrift blink, bis typekit geladen */

.wf-active p, p1, h1 {
	visibility: visible;
}


/* falls Typekit nicht geladen wird */
.wf-inactive p, h1, p1 {
	font-family: Arial, sans-serif;
	font-size: 10pt;
}

.start {
	
	text-align:center; 
	width:610px; 
	height:400px; 
	margin:100px auto; 
	border: 1px dashed red;
	font-family: "museo-sans-1","museo-sans-2";
	font-weight: 300;
	font-size: 10pt;
	color: #535353;
	line-height: 1.3;
}

.textbox {
	text-align:left;
	width: 650px;
	font-family: "museo-sans-1","museo-sans-2";
	font-weight: 300;
	font-size: 10pt;
	color: #535353;
	line-height: 1.3;
}
      
.textbox li {
   	list-style: none;
   	margin-left: 0px;
   	line-height:1.6;
   	font-weight:300;
   	margin:0;
	
}
   
.getabbt {
	list-style: none;
   	margin:0;
	padding:0 0 0 7px;
   	line-height:1.7;
   	font-weight:300;
}

.doppeltab {
	list-style: none;
   	margin:0;
	padding:0 0 0 15px;
   	line-height:1.7;
   	font-weight:300;
}

.textbox2 {
	text-align:left;
	padding: 0px;
	font-family: "museo-sans-1","museo-sans-2";
	font-weight: 300;
	font-size: 10pt;
	color: #535353;
	line-height: 1.7;
}

.textbox2 ul {
   	padding: 0;
   	width: 450px;
   	font-size:10pt;
	color:#535353;
	margin:0;
}
      
.textbox2 ul li {
   	list-style: none;
   	margin-left: 0px;
   	line-height:1.7;
   	font-weight:500;
   	margin:0;
	padding:0;
}
   
.textbox2 ul ol {
	list-style: none;
   	margin:0;
	padding:0 0 0 38px;
   	line-height:1.7;
   	font-weight:300;
}

#all {
	height:100%; 
	width:100%; 
	border:0px dotted purple;
	overflow-x:hidden;
	overflow-y:auto;
}

#screen {
	position:relative;
	height:948px;
	width:1057px; 
	margin-left:-528px; 
	left:50%; 
	background-image:url(../images/background_white.png);
	background-repeat:no-repeat;
	margin-top:0px;
	border: 0px dashed red;
}

#scroll {
	position:absolute;
	height:575px;
	width:2560px;
	top:260px;
	left:0px;
	z-index: 99;
	overflow:visible;
	border:0px dotted blue;
	margin-top:10px;
}

#imprint{
	position:absolute;
	top:320px;
	left:100px;
	z-index: 95;
}

#tools {
	width:9999em;
	position:absolute;
	height:400px;
}

.tool {
	float:left;
	width:2560px;
	height:600px;
	border: 0px dashed purple;
	background-repeat:no-repeat;
}	

#papier1{
	height: 579px;
	width: 2561px;
	background-image:url(../images/papier1.gif);
}

#papier2{
	height: 580px;
	width: 2562px;
	background-image:url(../images/papier2.gif);
}

#papier3{
	height: 580px;
	width: 2562px;
	background-image:url(../images/papier3.gif);
}

#papier4{
	height: 580px;
	width: 2560px;
	background-image:url(../images/papier4.gif);
}

#papier5{
	height: 580px;
	width: 2561px;
	background-image:url(../images/papier5.gif);
}

#papier6{
	height: 580px;
	width: 2561px;
	background-image:url(../images/papier6.gif);
}
#papier7{
	height: 580px;
	width: 2561px;
	background-image:url(../images/papier6.gif);
}
#papier8{
	height: 580px;
	width: 953px;
	background-image:url(../images/papier7.gif);
}



.gallery {
	border: 0px dashed red;
	position: absolute;
}
	
.video {
	border: 0px dashed red;
	position: absolute;
}

.details {
	font-size:18px;
	color:#555;
	margin-top:-20px;
	background-color:transparent;
	padding:5px 148px;
}


#thumbs {
	border: 0px dashed orange;
}

.t {
	padding:0 !important;
	border:0 !important;
}

.t a {
  	border: 0px dashed green;
	display: block;
	width: 200px;
	height: 40px;
	cursor: pointer;
	
}
.test11{
	width: 200px;
	background: url(../images/werdegang_btn.png)  0 -70px;
	border: 1px solid green;

}
.t a.active {
	background-position:0px -80px; 
	cursor:default !important;
}

.pc {
	padding:0 !important;
	border:0 !important;
}

.pc a {
  	border: 0px dashed green;
	display: block;
	width: 200px;
	height: -140px !important;
	cursor: pointer;
	
}

.pc a.active {
	background-position:0px -140px !important; 
	cursor:default !important;
}



.navi {
	margin-top: 0px;
	width: 875px;
	border:0px dashed gray;
	padding: 80px 0px 0px 81px;
}


#pokal{
	position:absolute;
	display: block; 
	height:83px; 
	width:175px; 
	margin:350px 0px 0px 600px;
	vertical-align:bottom;

}


#pokal_en{
	position:absolute;
	display: block; 
	height:83px; 
	width:210px; 
	margin:350px 0 0 600px;
	vertical-align:bottom;
	
}

#weiter{
	position:absolute;
	display: block;
	cursor:pointer; 
	height:30px; 
	width:48px; 
	background-image:url(../images/weiterpfeil.png); 
	margin:100px 0 0 960px;
}

#zruck{
	position:absolute;
	display: block;
	cursor:pointer; 
	height:30px; 
	width:48px; 
	background-image:url(../images/zruckpfeil.png); 
	margin:100px 0 0 15px;
}

#leistungen{
	position:absolute;
	display: block;
	height:156px; 
	width:992px; 
	background-image:url(../images/bild_leistungen2.png); 
	margin:370px 0 0 0px;
}

.leist_tab{
	margin-left: 310px;
	margin-top: 20px;
}

#kontakt{
	position:absolute;
	display: block; 
	height:340px; 
	width:485px; 
	background-image:url(../images/bild_kontakt.png); 
	margin:210px 0 0 430px;
}



/* CSS sprite for the navigation */
.s 	   	{  background-repeat:no-repeat; display: block; text-indent: -9999px;}
.s:hover  { background-position:0px -40px; }
.s:active { background-position:0px -80px; }

.pc 	   	{background-repeat:no-repeat; display: block; text-indent: -9999px;}
.pc:hover  { background-position:0px -70px; }
.pc:active { background-position:0px -140px; }

.v 	   	{ background-repeat:no-repeat; display: block; text-indent: -9999px; }
.v:hover  { background-position:0px -81px; }
.v:active { background-position:0px -162px; }



#l:link {
color:red;
}

#l:hover {
cursor:pointer;
color:gray;
}