body
{ 
	font-family: "Verdana", sans-serif;
	font-size: small;

	background-color: #000000;
	color: #868DD0;

	margin: 0;

	padding: 112px 0 0 0;
	border: 0;

	overflow: hidden;
}


a
{
	background-color: inherit;
	color: #bbaaff;
}


a:visited
{
	background-color: inherit;
	color: #ccaaee;
}


p
{
	margin-left: 1em;
}


div#header
{
	position: absolute;
	z-index: 2;

	background-color: #564F62;
	color: #D8D6D8;

	padding: 0;
	border: 0;

	top: 0px;
	left: 0px;
	bottom: 112px;

	height: 112px;
	min-width: 800px;
        width: 100%;

	overflow: hidden;
}


div#footer
{
	font-size: x-small;

	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;

	text-align: right;
}


div.content
{
	overflow: auto;
	width: 100%;
	height: 100%;
}



div.intro
{
	float: left;

	font-size: small;

	margin-top: 2em;
	margin-bottom: 1em;
	margin-left: 1%;

	padding-right: 1%;

	width: 48%;

	border-right: 1px solid #991111;
}


div.middleline
{
	width: 1px;
	height: 500px;

	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 50%;
	
	border-right: 1px solid #991111;
}


div.blueblock
{
        background-color: #362F42;
	color: white;
	overflow: auto;
}



#galleryContainer
{
	min-width: 908px;
}


.spacer
{
	clear: both;
}


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


div#titlebar
{
        background-color: #564F62;
	color: white;

	width: 100%;
	height: 80px;

	margin: 0;
	padding: 0;
	border: 0;
}

 
div#titlebar
{
	position: absolute;

        background-image: url("../images/otsikko.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: left top;

	top: 0;
	height: 80px;
}



div#menubar
{
	position: absolute; 

	/* Tällä varmistetaan, että taustan väri on sama kuin nappien */
        background-image: url("../images/menublue.png");
        background-repeat: repeat;
        background-attachment: fixed;
        background-position: left top;

	margin: 0 auto;
	padding: 0;

	border-top: 1px solid #463F52;
	border-bottom: 1px solid #463F52;

	top: 80px;
	height: 32px;
	width: 100%;

	text-align: center;

	clear: both;
}


span#logo
{
	font-size: large;
	text-align: center;
}



img
{
	border: 0;
}


span.header
{
	margin-top: 1em;
	margin-bottom: 1em;
}


span.smallheader
{
	font-size: large;
	padding-bottom: 0.3em;
}


div.contactForm
{
	text-align: center;

	margin: 1em auto;

	width: 38em;
}


div.contactGreeting
{
	text-align: center;

	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1em;
	
	width: 100%;
}


table.contactForm
{
	text-align: left;

        color: white;
        background-color: #362F42;

        border: 1px solid #991111;

	margin: 0 auto;	
}


#galleryMenu
{
	display: block;

        z-index: 3;

        border-right: 1px solid #991111;
	padding-right: 16px;

	float: left;

	margin-left: 0.5em;
	margin-right: 2em;
	margin-top: 4em;
	margin-bottom: 1em;
}


.galleryMenuList
{
	list-style-type: none;
	list-style-image: none;
}


.verticMenu
{
	margin-bottom: 16px;

	border: 0;
}


#galleryThumbnails
{
	display: block;

	visibility: visible;
        z-index: 3;

	background-color: black;
	color: white;

	margin-left: 2em;
	margin-top: 4em;
	margin-bottom: 1em;
	margin-right: 1em;
	border: 1px solid #991111;

	float: right; 

	width: 160px;
	height: 400px;

	text-align: center;
	overflow: auto;
}


#gallery
{
	display: block;

	background-color: black;
	color: white;

        visibility: visible;
	z-index: 2;

	margin: 4em auto;
	text-align: center;
}


#thumbnail
{
	text-align: center;
	padding-top: 0.5em;
}


span.thumbnailText
{
        border-bottom: 1px solid #991111;
}


div.galleryImage
{
	width: 100%;

	text-align: center;
	margin: 0 auto;
}


.logo
{
	text-align: center;
	margin: 0 auto;
}


.logoRight
{
	float: right;
}


img.menuimage
{
	border: 0;
	padding: 0;
	margin: 0;
}


div.imageBorder
{
	border: 0;
	padding: 0;
	margin: 0;
}



img.thumbnailImage,
img.galleryImage,
img.galleryImageRight
{
	background-color: black;
	color: white;

        padding: 2px;
	margin: 0.1em;
}


img.galleryImage,
img.galleryImageRight
{
	display: block;

	z-index: 2;

        border: 1px solid #991111;
        padding: 6px;

	margin: 0 auto;
}


img.galleryImageRight
{
	margin: 0 auto;
}


div.galleryImageRight
{
	float: right;
	margin-right: 1%;
	margin-top: 2em;
	text-align: center;

	width: 48%;
}


img.thumbnailImage
{
	z-index: 3;
}


img.boxedImageCenter
{
}


table.center
{
	width: 100%;
	height: 100%;
}


td
{
	vertical-align: top;
}


td.center
{
	vertical-align: middle;
}


th.contactForm
{
	font-size: small;
	font-weight: normal;
	text-align: left;

	border-bottom: 1px solid #991111;	
}

div#endContact,
.hot,
.error
{
        background-color: #362F42;
        color: white;

        border: 1px solid #991111;
}


div#endContact,
.error
{
	margin: 1em 16em;
}


div.hot
{
	margin: 2em 2em;
	padding: 0.2em;
}


img.hot
{
	display: block;

	margin: 0.5em;

	float: left; 
}

span.topic                
{
        text-transform: uppercase;
        margin-left: 0.2em;
        border-bottom: 1px dashed #991111;
}

/* ASETUSLOMAKKEET */
input,
select,
.gentextfield,
.genbutton,
.genfilefield,
.genselect
{
        background-color: #564F62;
        color: inherit;

/*        border: 1px solid #867F92; */
	border: 1px solid #441111;

}