@media screen {
 	body>#header{
  		position:fixed;
 	}
 	body>div#notice{
  		position:fixed;
 	}
 	body>div#footer{
  		position:fixed;
 	}
 	body>div#advert{
  		position:fixed;
 	}
}

@font-face {
	font-family: 'book';
	src: url(/fonts/book.otf) format("opentype");
	font-weight: 300;
}

html, body, div, span, applet, object, iframe, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, strong, tt, var, dl, dt, dd, blockquote, fieldset, form, i, b, caption, tbody, tfoot, thead, tr, th, td, ul, ol, h1, h2, h3, h4, h5, h6, p {
  	margin: 0;
  	padding: 0;
  	vertical-align: baseline; 
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 9px;
  	font-weight: normal;
  	letter-spacing: 0.2em; 	
    border-style: none;
    border: 0;
}

html, body {
    height:100%;
	background-color: white;
}

h1 {
 	color: #444;
 	background-color: transparent;
 	border-bottom: 1px solid #e5e5e5;
 	font-size: 16px;
 	font-weight: bold;
  	text-transform: uppercase;
 	margin: 24px 0px 10px 0;
 	padding: 5px 0 6px 0;
}

img {
	padding: 0 0 0 0;
	border-style: none;	
}

a {
	border-style: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

a:link {
	color: #777;
	border-style: none;
	text-decoration: none;
}

a:visited {
	color: #777;
	text-decoration: none;
}

a:active {
	color: #777;
	text-decoration: none;
}

table {
	border-collapse: collapse; 
}

td {
  	vertical-align: top; 
}
	
#notice {
	display: none;
	text-align: center;
	width: 100%;
	height: 10px;
  	padding-top: 5px;
  	padding-bottom: 5px;
  	text-transform: uppercase;	
	color: #ffffff;
	margin: 0 10px 0 0;
	background-color: #444444;
	z-index: 100;
}

#mainbody {
	position: relative;
	margin: 0;
	padding: 0 0 20px 0;
	width: 100%;
	height: auto;
}

#header {
	position: relative;	
	padding: 0px 0 10px 0;	
	width: 100%;
	z-index: 99;
}

#header #headercontent {
	position: relative;		
	margin: 0px auto;				
	width: 940px;
	height: 120px;
	font-family: Arial, sans-serif;
}

#headercontent #login {
	position: absolute;
	right:5px;
	top: 10px;
	float: right;
	padding: 0px 0px 0px 0px;
}

#headercontent #locale {
	position: absolute;	
	right:50px;
	top: 50px;
	float: right;
	padding: 0px 0px 0px 0px;
}

#headercontent #todaycal {
	right:2px;
	top: 20px;
	position: relative;
	float: right;
	padding: 0px 0px 0px 0px;	
}

#headercontent #logo {
	position: absolute;
	width:200px;
	height:92px;
	left: 370px;
	top: 14px;
}

div#viewer {
	position: absolute;
	z-index:100;	
	bottom: 20px;
	width: 100%;
	height: 80px;
	padding-top: 4px;
	padding-bottom: 5px;
	background-color: rgba(245,245,245,0.8);
	text-align: center; 
}

#viewer .flowpictures {
	width: 10000px;
	padding-left: 15px;
	overflow: hidden;
	float: left;
}

div#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgba(0,0,0,0.4);
  text-align: center; 
}

#footer #copyright {
    font-size: 8px;
    color: #eeeeee;
}

.entryLabel {
  font-family: Arial, sans-serif;
  color: #787878;
}

.floatingpage {
	position:relative;
	width: 940px;
	height: auto;
	margin: 0px auto;
	padding: 0 10px 0 10px;
	padding-top: 80px;
}

.floatingpage .pagecontent {
	position:relative;
	
}

.formitem {
  font-family: Arial, sans-serif;
  font-size: 12px;
  height: 16px;
  top: 0px;
  left: 0px;
  border-spacing: 0px 0px;
  color: #2456ff;
  padding: 0px 0px 0px 0px;
  border: 0px none;
  background-color: #f2f2f2;
  width: 200px;
}

#mainmenu {
	position: absolute;
	top: 5px;
	left: 5px;
}

.licenseAg {
  position: absolute;
  display: block;
  width: 400px;
  height: 450px;
  background-color: #f7f7f7;
}

.content {
	position: relative;
	width: 100%;
	height: 100%;
}

#titlepanel {
	width: 100%;
	height: 25px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: rgba(70,70,70,0.1); 
}

#imagepanel {
	width: 100%;
	height: 25px;
	position: relative;
	top: 0px;
	left: 0px;
}

#infopanel {
	width: 100%;
	height: 25px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #f7f7f7;
}

#infomenu {
	position: absolute;
	top: 0px;
	left: 0px;
}

.rounded-corner {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;	
	border-radius: 6px;	
}

.drop-shadow {
    -moz-box-shadow: 0px 0px 2px #c2c2c2;
    -webkit-box-shadow: 0px 0px 2px #c2c2c2;    
    box-shadow: 0px 0px 2px #c2c2c2;    
}

#header h2 {
	font-family: Arial, sans-serif;
	font-size: 28px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em; 
}

.hblack1 {
	text-align: right;
	color: rgba(0,0,0,0.7);
}

.hred1left {
	color: red;
}

.hred1 {
	text-align: right;
	color: red;
}

.hred1:hover {
	color: white;
	background-color: red;
}

.hred2 {
  	font-size: 16px;
	color: red;
}

.frontfotos {
	position: absolute;
	z-index: 1;
	top:25px;
	width: 620px;
}

.sideinfo {
	z-index: 100;
	position: absolute;
	float: right;
	width: 260px;
	height: auto;
	right: 0px;
	top: 26px;
}

table.list th,
table.list td {
	padding: 2px 2px 2px 2px;
	text-align: left;
	height: 16px;
	border: solid 1px #e5e5e5; 
}

table.list th {
	background: #fafafa; 
}

table.list td {
}

.marqueemain {
	position: absolute;
	width: 100%;
	top: 370px;
	z-index: 5;
}

.pictures {
	float: left;
	width: 800px;
	overflow: none;
}

.toshow {
	position: absolute;
	width: 100%;	
	background-color: rgba(0,0,0,0.1);	
	padding: 2px 0px;
}

.picture {
	float: left;
	margin: 1px 1px;
	filter:alpha(opacity=55);
	opacity:0.55;
}

.picture:hover {
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;	
}