* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
	width: 100%;
	background-color: #fefefd;
	font-family: Skia;
	line-height: 1.3em;
} 

.extra {
	height: 100%;
	width: 100%;
}

.opaq {
	height: 100%;
	width: 100%;
	background-color: white;
	/* for IE */
	filter:alpha(opacity=95);
	/* CSS3 standard */
	opacity:0.95;
}

.wrapper, .nonfooter {
	position: relative;
	min-height: 100%;
	z-index: 10;
}
* html .wrapper,.nonfooter {
	height: 100%;
}

.container {
	clear: both;
	height: 100%;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-size: 14px;
	min-width:900px;
	max-width:960px;
	width: auto !important; /*IE6 hack*/
	width:960px; /*IE6 hack*/
	font-family: Skia;
	color:#252525;
}

.footer {
	position: relative;
	margin: -31px auto 0 auto;
	padding: 0px;
	clear: both;
	vertical-align: right;
	z-index: 101;
}
.footer div {
	height: 16px;
	float:right;
	text-align: center;
	padding: 6px 2px;
	background-color: #252525;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

.footer a {color:#505050; text-decoration:none;}
.footer a:hover, a:hover {text-decoration:underline;}





/******** video ********/
#player1 {
width:650px;
margin-left:auto;
margin-right:auto;
padding-top:1em;
text-align:center;
border:0;
}


/******** Content variations ********/
#content {
float:left;
width:350px;
}

.video { 
width:700px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

.video2 { 
position:absolute;
width:700px;
left:40%;
top: 155px;
}
.pps{
position:absolute;
left:620px;
top:90px;
}

.audio {
position:absolute;
left:270px;
top:200px;
width:480px;
border-top: solid 1px #BBB;
border-left: solid 1px #BBB;
border-bottom: solid 1px #FFF;
border-right: solid 1px #FFF;
background: #FFF;
overflow: scroll;
padding: 0px;
}
.soundart {
position:absolute;
left: 550px;
top:100px;
width:480px;
border-top: solid 1px #BBB;
border-left: solid 1px #BBB;
border-bottom: solid 1px #FFF;
border-right: solid 1px #FFF;
background: #FFF;
overflow: scroll;
padding: 0px;
}

.audio-drag {
position:relative;
margin-left:auto;
margin-right:auto;
top:200px;
cursor:move;
width:480px;
border-top: solid 1px #BBB;
border-left: solid 1px #BBB;
border-bottom: solid 1px #FFF;
border-right: solid 1px #FFF;
background: #FFF;
overflow: scroll;
padding: 0px;
}
.audio-drag p{
background-color:#BBB;
}



.kumpanus{
float:right;
margin-top:100px;
}

.extra_info {
position:absolute;
top:65px;
left:50px;
width: 440px;
background-color: #fbe8c8;
border:2px solid #202020;
text-align: center;
}

.gotores{
position:absolute;
top:65px;
left:620px;
width:265px;
background-color: #fbe8c8;
border:2px solid #202020;
text-align: center;
}

.sub {
font-weight: 900; 
font-size: 1.5em;
cursor:pointer;
padding:4px 10px 3px 7px;
border: 2px solid #65634b;
background-color: #fffabe;
}

#content_stories {
position:absolute;
top:100px;
left:30px;
width:450px;
height:550px;
/*background-color: #f7f2b8;
border: 2px solid #202020; */
border-top: solid 1px #BBB;
				border-left: solid 1px #BBB;
				border-bottom: solid 1px #FFF;
				border-right: solid 1px #FFF;
				background: #FFF;
				overflow: scroll;
				padding: 5px;
text-align: left;
line-height: 15px;
/* for IE */
	filter:alpha(opacity=98);
	/* CSS3 standard */
	opacity:0.98;
}
#content_stories p{
padding: 0 2px 8px 2px ;
}
#content_stories h2{
font-size: 1em;
margin:15px 5px 10px 0;
padding:1px 2px 3px 1px;
}

#content_stories a:link{
display:inline;
text-decoration:none; 
color:#e5e5e5; 
border:none;
background:gray; 
}

#content_stories a:visited {
color:#e5e5e5;
background-color:gray;
}
#content_stories a:hover{
color:#252525;
background-color:#fcdb58;
visibility:visible;
}

#undermenu {
float:left;
margin-top: 10px;
margin-left:1px;
background-color:#252525;
width:97px;
z-index: 20;
}

.undermenu {
float:left;
margin-top: 10px;
margin-left:1px;
background-color:#252525;
width:97px;
z-index: 20;
}

hr {
border:2px;
color:#757575;
background-color:#757575;
height:2px;
margin: 5px 0 15px 0;
}

#clear {
clear:both;
}


#foto {
float:right;
margin-top:65px;
}


#imagerotator {
margin-left:auto;
margin-right:auto;
margin-top:130px;
}

.imagerotator {
margin-left:auto;
margin-right:auto;
margin-top:30px;
padding-top:120px;
width:700px;
height:700px;
}

h3 {
font-size:1.2em;
margin:10px 0 8px 0;
padding:0;
}

blockquote{
font-size:0.9em;
border:1px solid #757575;
margin:20px 10px;
padding:8px;
}

blockquote p {margin:0;}


/******** Header ********/
top {
clear:both;
background: #252525 top center no-repeat !important;
height: 70px;
}

#title {
text-align:center;
}

#title h1 {
font-size:1.4em;
text-transform:uppercase;
border-bottom:2px solid #757575;
margin:5px 0 15px 0;
color:#757575;
padding:1px 2px 3px 1px;
letter-spacing:-1px;
}



#mainmenu {
position:absolute;
top:0px;
margin-left:auto;
margin-right:auto;
margin-top: 10px;
BACKGROUND:#fefefd; 
z-index: 10;
}

a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

.marq {
position:absolute !important;
top: 130px;right: 0px;bottom: 0px;left: 0px;
font-size: 1.1em;
color:#757575;
}

#scroll_on_top {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:30px;
width:700px;
height:700px;
}

.scrolling2{
position:absolute !important;
top:650px;
font-size: 1.1em;
color:black;
}

.stick1 {
position:absolute;
top:150px;
left: 200px;
width: 300px;
background-color: #fbe8c8;
border:2px solid #202020;
text-align: left;
}
.stick1 h1{
font-size:1.3em;
background-color:white;
color: black;
}
.gotores{
position:absolute;
margin-left:50px;
margin-top:15px;

}
.gotoresbut{
font-weight: 600; 
font-size: 1.5em;
cursor:pointer;
padding:4px 10px 3px 7px;
border: 2px solid #65634b;
background-color: #fffabe;
}
.reservationform{
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:5px;
width:850px;
background-color: #f7f2b8;
border: 2px solid #202020; 
text-align: left;
/* for IE */
	filter:alpha(opacity=98);
	/* CSS3 standard */
	opacity:0.98;
}
.reservationform h1 {
font-size:1.4em;
text-align:center;
text-transform:uppercase;
border-bottom:2px solid #757575;
margin:2px 0 10px 0;
color:#757575;
padding:1px 2px 3px 1px;
letter-spacing:-1px;
}
.reservationform h2 {
font-size:1em;
margin:5px 0 5px 0;
padding:1px 2px 3px 1px;
letter-spacing:-1px;
}
.reservationform td {
text-align: center;
border-bottom-style: solid;
border-bottom-width: 1 px;
padding: 2px;
}

.reservationform th {
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 2px;
}
.cancelform{
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:100px;
width:350px;
padding: 5px 0 5px 0;
background-color: #f7f2b8;
border: 2px solid #202020; 
text-align: left;
/* for IE */
	filter:alpha(opacity=98);
	/* CSS3 standard */
	opacity:0.98;
}

.sub {
font-weight: 900; 
font-size: 1.5em;
cursor:pointer;
padding:4px 10px 3px 7px;
border: 2px solid #65634b;
background-color: #fffabe;
width: 300px;
}

.subbut {
margin-left:10%;
margin-right:10%;
}
.infobottom{
position:absolute;
top:650px;
left:230px;
}