﻿/************* GENEREL **************/
body
{
	background-color: #89B4BE;
	margin: 5px 0 0 0;
	padding: 0;
	font: 1em Tahoma, Verdana, sans-serif;
	text-align: left;
}
body.mceContentBody
{
  background: #FFF;
  margin: 5px 0 0 0;
	padding: 5px 10px 5px 10px;
	text-align: Left;
	font: 1em Tahoma, Verdana, sans-serif;
	font-size: 0.7em;
}
.mceContentBody h3
{
	color: #666666;
	padding: 0 0 3px 0;
	border-bottom: solid 1px #999999;
	font-size: 1.5em;
	margin: 0 0 10px 0;
}
.mceContentBody h4
{
	color: #666666;
	margin: 10px 0 10px 0;
	font-weight: bold;
	font-size: 1.2em;
}
.mceContentBody p
{
	color: #666666;
	font-weight: normal;
	font-size: 1.1em;
}
.mceContentBody ul
{
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: inside;
}
.mceContentBody ol
{
	padding-left: 20px;
	list-style-type: decimal;
	list-style-position: inside;
}
.mceContentBody li
{
	padding: 3px 0 3px 0;
}
.mceContentBody a 
{
  color: #B10000;
	text-decoration: none;
}
.gvLeft
{
	padding: 0 3px 0 5px;
	text-align: left;
}
.tutorial
{
	color: #666666;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 3px 5px 5px;
	text-align: left;
}
.subjectTable
{
	margin: 0;
	padding: 0;
	border: solid 0px #000000;
}
.subjectRow
{
	margin: 0;
	padding: 0;
}
.subjectCell
{
	width: 190px;
	margin: 0;
	padding: 5px;
	border: solid 1px #000000;
}
.subjectCellBlue
{
	width: 190px;
	background-color: #D6E4E7;
	margin: 0;
	padding: 5px;
	border: solid 1px #000000;
}
*
{
	margin: 0px;
	padding: 0px;
}

/************* MAINWRAPPER **************/
div#MainWrap
{
	background-color: #FFF;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #000;
	text-align: left;
}

/************* HEADER **************/
div#Header
{
	width: 960px;
	height: 90px;
	background-image: url("../Gfx/FjernadgangTopBanner.jpg");
	background-repeat: no-repeat;
	border-bottom: solid 1px #000;
	text-align: center;
}
/************* ADM MENU **************/
div#Menu
{
	background-color: #D6E3E7;
	font-size: 0.75em;
	border-bottom: solid 1px #000;
	width: 960px;
	height: 22px;
	float: left;
}
div#Menu div
{
	float: left;
}
div#Menu ul
{
	height: 20px;
}
div#Menu li
{
	height: 10px;
	float: left;
	padding: 5px 15px 5px 15px;
	list-style-type: none;
}
div#Menu li:first-child
{
	margin: 0 0 0 8px;
}
div#Menu a
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
* html div#Menu ul
{
	float: left;
	border-left: solid 1px #000;
	margin-left: 15px;
}

/************* CONTENTAREA **************/
div#ContentArea
{
	width: 960px;
	background-image: url("../Gfx/FjernadgangMiddle.jpg");
	background-repeat: repeat-y;
}

/************* 3 COLUMN LAYOUT **************/
/************* LEFT - RIGHT COLUMN **************/
div#LeftColumn
{
	width: 185px;
	font-size: 0.7em;
	float: left;
}
div#RightColumn
{
	width: 185px;
	font-size: 0.7em;	
	float: left;
}
div.Menu
{
	padding: 10px 10px 5px 10px;
}
div.Menu h3
{
	padding: 0 0 3px 0;
	border-bottom: solid 1px #999999;
	font-size: 1.2em;
}
div.Menu ul
{
	list-style:none;
}
div.Menu li
{
	padding: 5px 0 10px 0;
}
div.Menu a
{
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

div.Tutorials
{
	padding: 5px 10px 5px 10px;
}
div.Tutorials h3
{
	padding: 0 0 3px 0;
	border-bottom: solid 1px #999999;
	font-size: 1.2em;
}
div.Tutorials ul
{	
	list-style:none;
	padding: 3px 0 3px 0;
}
div.Tutorials li
{
	height: 16px;
	background:url("../Gfx/Tutorial.gif") no-repeat 0px -0.1em;
	margin: 2px 0 2px 0;
	padding-left: 20px;
	overflow: hidden; 
}
div.Tutorials a
{
	color: #000;
	text-decoration: none;
}

div.RightContent
{
	margin: 0 0 20px 0;
	padding: 10px 10px 5px 10px;
}
div.RightContent h3
{
	color: #666666;
	padding: 0 0 3px 0;
	border-bottom: solid 1px #999999;
	font-size: 1.2em;
}
div.RightContent ul
{
	list-style:none;
}
div.RightContent li
{
	padding: 3px 0 3px 0;
}
div.RightContent a
{
	color: #B10000;
	text-decoration: none;
}

/************* MIDCOLUMN **************/
div#MidColumn
{
	width: 590px;
	min-height: 600px;
	font-size: 0.7em;
	float: left;
}
div.MidContent
{
	padding: 5px 10px 5px 10px;
	text-align: left;
}
div.MidContent h3
{
	color: #666666;
	padding: 0 0 3px 0;
	border-bottom: solid 1px #999999;
	font-size: 1.5em;
	margin: 0 0 10px 0;
}
div.MidContent h4
{
	color: #666666;
	margin: 10px 0 10px 0;
	font-weight: bold;
	font-size: 1.2em;
}
div.MidContent p
{
	color: #666666;
	font-weight: normal;
	font-size: 1.1em;
}
div.MidContent ul
{
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: inside;
}
div.MidContent ol
{
	padding-left: 20px;
	list-style-type: decimal;
	list-style-position: inside;
}
div.MidContent li
{
	padding: 3px 0 3px 0;
}
div.MidContent a
{
	color: #B10000;
	text-decoration: none;
}
div.MidContent .ContentImage
{
	text-align: center;
}
div.MidContent .ContentImage img
{
	padding: 10px  0 10px 0;
}

/************* COLUMNSPLITTER **************/
.column
{
	margin: 0;
	padding: 0;
	float: left;
}

/************* FOOTER **************/
div#Footer
{
	width: 960px;
	height: 30px;
	background-color: #477681;
	border-top: solid 1px #000;
	font-size: 0.8em;
	text-align: center;
}
div#Footer p
{
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	padding: 6px;
}

/************* ALSETT CLEARING METHOD **************/
.ClearFix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ClearFix
{
	display: inline-block;
}
* hmtl .ClearFix
{
	height: 1%;
}
.ClearFix
{
	display: block;
}
