/* standard elements */

* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
body {
	background: #FFF;
	
	
	
	color: #444;
	font: normal 58.5% "Lucida Sans Unicode",Verdana,sans-serif;
	padding-top: 10px;
	padding-left: 20px;
		
}


p,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
li {
	list-style: none;
}
h1 {
	font-size: 1.4em;
}

h1,h2,h3,h4 {
	font: normal 1.2em "Trebuchet MS",sans-serif;
	color: #000000;
}
/* misc */
.clear {
	clear: both;
}





/* header */
.header {
	background: #ffffff;
	border-bottom: 0px solid #EEE;
	
	height: 20px;
	margin-bottom: 24px;
	
}
.header h1 {
	color: #222;
	font: normal 3em sans-serif;
	margin-top: 40px; margin-left:50px;
	text-align: left;

}
.header h2 {
	color: #666;
	text-align: right;
	padding-right: 280px;
	font: normal 1em Verdana,sans-serif;
	
}



.header a,.imp a {
	color: #000000;
	font: normal 1em Verdana,sans-serif;
	text-decoration: underline;
	
}

.header a:hover,.imp a:hover  {
	color: #666666;
	font: normal 1em Verdana,sans-serif;
	text-decoration: underline;
	
	
}


/* left side (main content) */
.leftside {
	margin: 0 550px 20px 50px;
	
}

.content .subtitel {
	color: #000000;
	font-size: 1.4em;
	margin-bottom: 2px;
}


.lineh{

	line-height: 1.4em;
}

.block {
width:650px;
	text-align: justify;

}

.content li {
	list-style: square;
	margin-left: 18px;
}

.content .lineh li {
	list-style: none;
	margin-left: 0px;
}


.content h1 {
		font-size: 1.6em;
	margin-bottom: 4px;
}
.content a,.hov a {
	color: #000000;
padding-bottom:2px;
	text-decoration: underline;
}
.content a:hover,.hov a:hover {
	color: #666666;
	padding-bottom:2px;
	text-decoration: underline;
}

/* nav */


.rightside {
margin-right:20px;	
margin-left:20px;
	position: absolute;
	top: 40px;
	left:750px;
	
	
	
}

/* navigation */

.content .small {
	padding: 2px 0px 14px;
	color: #444444;
	font-size: 1.0em;
}



.content .txt {

	color: #000000;
font-size: 1.2em;
		font-style:italic;
		margin-bottom: 0px:
				
}

.content .black {
	font-size: 1.2em;
	color: #000000;
	padding-bottom: 10px;

}

/* nav */
.rightside {
	background: #ffffff;
	right: 200px;
	width: 250px;



}
.nav {
	padding: 12px 12px 0;
	
}
.nav h1 {
	color: #000000;
	font-size: 1.6em;
	height: 20px;
	margin-left: 8px;
	margin-bottom: 10px;
}
.nav ul {
	margin: 0 0 16px;
	padding: 0;
}
.nav li { 
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #f1f1f1;
}
.nav li a {	
	color: #444444;
	display: block;
	font-size: 1em;
	padding: 3px 6px 3px 8px;
	text-decoration: none;
}
.nav li a:hover {
	color: #06f;
}


.nav_h li a {	
	color: #444444;
	display: block;
	font-size: 1em;
padding-right: 5px;
padding-top: 50px;
	text-decoration: none;
	text-align: right;
}



.nav_h {
padding-right: 5px;
padding-top: 50px; text-align: right;
}



.nav_h a {	
	color: #ffffff;
	display: block;
	font-size: 1em;
	
	text-decoration: none;
}



.nav_h a:hover {
	color: #06f;
	font-size: 1em;
}

.buffer {
	padding-bottom:30px;}


.visit { font-size: 1em;
	padding: 3px 6px 3px 8px;
	text-decoration: none; color: #06f; display: block;} 
	
	.visit_h {
	text-decoration: none; color: #06f; display: block; text-align: right; padding-right: 5px;
padding-top: 50px; padding-bottom:3px;} 



/* galery */
#pict_folia {position:absolute; z-index:2; top:55px; width:650px; height:432px; padding:0; margin: 0 550px 20px 50px; background: url(img/folia.jpg) no-repeat;}
#pict_grip {position:absolute; z-index:2; top:55px; width:650px; height:432px; padding:0; margin: 0 550px 20px 50px; background: url(img/grip.jpg) no-repeat;}
#pict_masse {position:absolute; z-index:2; top:55px; width:650px; height:432px; padding:0; margin: 0 550px 20px 50px; background: url(img/masse.jpg) no-repeat;}






#Bildbereich {position:absolute; z-index:2;  top:55px; padding:0; margin: 0 550px 20px 50px;
  clip:rect(0 650px 432px 0); visibility:show; }
   
  #musik_1
{ width:280px; height:25px;}
 #soundalt
{position:absolute; top:750px; left:0px; margin: 0 45% 20px 3%;}
  
   #sound
{position:absolute; top:488px; width:650px; margin: 0 550px 20px 50px; z-index:3;}
  
  #button {z-index:5; text-align:center;
	color: #222222;

font-size: 1.3em; font-weight: normal; background: url(img/bg_arrow.png) no-repeat;   position:absolute; top:450px; left:640px; width:65px; height:25px; }



.arrow {

text-align:center;
	color: #222222;
text-decoration: none;
padding-left:2px;
padding-right:3px;
padding-top:2px;
font-size: 1.3em; font-weight: normal;

}

.arrow a:link{

text-align:center;
	color: #222222;
text-decoration: none;
padding-left:2px;
padding-right:3px;
padding-top:2px;
font-size: 1.3em; font-weight: normal;

}





.arrow a:hover {
text-align:center;
	color: #ffffff;
	padding-left:2px;
	padding-right:3px;
	padding-top:2px;
	text-decoration: none;
	font-size: 1.3em; font-weight: normal;
}