﻿/* HTML element */
html, body
{
	margin: 0px;
	padding: 0px;
	background: white url('bilder/bg.gif') repeat-x top left;
	text-align: center;
	font-family: Calibri, Arial, Helvetica, Sans-Serif;
	font-size: 11pt;
}
h1,h2,h3,h4,h5,h6 { line-height: normal; margin: 0px 0px 10px 0px; color: #626368; }
a { color: #0b65a7; }
a:hover { color: #2d87c9; }
a.gray { color: #9999a3; }
a.gray:hover { color: #bbbbc5; }

pre {
 font-size: 12pt;
 white-space: pre;
 font-family: Calibri, Arial, Helvetica, Sans-Serif;
}
.preTagForm {
 font-size: 12pt;
 font-family: Calibri, Arial, Helvetica, Sans-Serif;
}
/* ID taggar */
#PageContentHolder
{
	width: 900px;
	margin: 0px auto;
	text-align: left;
	background-color: white;
}
#PageTopContainer { display: table; width: 100%; }

#PageHeader { height: 95px; display: table-row; }
#TopLogosHolder { display: table-cell; }
img#TopLogos { width: 581px; height: 95px; }
#MRFLogo { display: table-cell; margin-left: 20px; height: 95px; vertical-align: middle; text-align: right; }
#TopMenu
{ 
	text-align: center; 
	font-size: 12pt; 
	font-weight: bold; 
	display: table-cell;
	vertical-align: bottom;
	background-image: url('bilder/topmenu_bg.jpg');
	background-repeat: repeat-x;
	background-position: center bottom;
}
#TopMenu a { color: #444;	text-decoration: none; margin: 0px 14px; }
#TopMenu a:hover { color: #fff; }

#MainMenuHolder { width: 100%; text-align: center; }
#MainMenuContainer { background-color: #9999a3; margin: 0px 6px; text-align: center; }
#MainMenuContent { margin: 0px auto; display: inline; }

#BottomContentHolder { margin-top: 12px; min-height: 450px;	}

#FooterContainer 
{ 
	clear: both; 
	background-image: url('bilder/bottomofpage.gif'); 
   background-repeat: no-repeat; 
   background-position: right bottom;  
   padding: 10px 0px; 
}
#Footer { padding: 10px; border-top: 1px solid #9999a3; }
#FooterContent { font-size: 10pt; color: #9999a3; margin: 0px 10px; }

/* KLASSER */
.imageElement { display: none; }
.MainMenu { text-align: center; margin: 0px auto; }
.MainMenuItem { color: White; font-weight: bold; font-size: 13pt; margin-top: 2px; margin-bottom: 3px; }
.MainMenuItem:hover { color:#ddd; }
.MainMenuRounderLeft { float: left; }
.MainMenuRounderRight { float: right; }

.InformationSquareWide { width: 227px !important; margin-right: 9px; float: left; }
.InformationSquareNarrow { width: 209px !important; margin-right: 9px; float: left; }
.InformationSquareTop, InformationSquareBottom
{ 
	background-repeat: no-repeat; 
	background-position: center top; 
	width: 100%;
	height: 6px;
	display: block;
}
.InformationSquareBottom 
{ 
	background: url('bilder/square_bottom.gif') no-repeat; 
	background-position: center top; 
	width: 100%;
	height: 6px;
	display: block;
}
.InformationSquareContent { background-color: #dddddd; padding: 0px 10px; min-height: 223px; }

.NoBorder { border: none; }
.NoPadding { padding: 0px; }
.SmallText { font-size: 9pt; }
.BigText { font-size: 13pt; }
.FloatLeft { float: left; }
.FloatRight { float: right; }
.clearFloat { clear: both; }
.Pad20 { padding-left: 20px; padding-right: 20px; }
.TopPad10 { padding-top: 10px; }
.bold { font-weight: bold; }
.white { color:white; text-decoration:white; }
.black { color:black; text-decoration:black; }
.yellow { color: Yellow; text-decoration: Yellow; }
