@import url(/StyleSheets/reset.css);

/********************************************************************
	Canvas, backgrounds etc.
*********************************************************************/

html { height: 100%; }

body 
{
	font-family: Verdana;
    font-size: 70%;
    line-height: 130%;
    color: #232323;
	background-image:url(/Images/DEI/body_bg.png);
	background-repeat:repeat-y;
	background-position: top center;
	height:100%;
}

.centered 
{
	margin-left: auto;
	margin-right: auto;
	width: 771px;
}

.main {
	padding-left:13px;
	padding-right:13px;
	padding-top:45px;
}

.clear 
{
	line-height:0;
	height:0;
	clear:both;
}

a 
{
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.top-border-red 
{
	border-top:1px solid #a23636;
}

.float-left 
{
	float: left;
}

.float-right
{
	float: right;
}

/********************************************************************
	Topmenu
*********************************************************************/

.topmenu {
	width:100%;
	height:16px;
	border-bottom:1px solid #FFF;
}

.topmenu ul li {
    float:left;
    padding-left: 15px;
    padding-right: 15px;
}

.topmenu ul li.active {
	background-color:#2a2f2e;
}

.topmenu ul li a {
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	text-decoration:none;
}

/********************************************************************
	Searchbar
*********************************************************************/

.searchBar {
	width:100%;
	height:30px;
	background-color:#cbd2dc;
	position:relative;
}

.searchBar .searchinput {
	height:15px;
	width:64px;
	background-image:url(/Images/DEI/searchInput.png);
	background-repeat:no-repeat;
	border:0;
	padding:0;
	background-color:transparent;
	font-size:90%;
	padding-left:5px;
	padding-right:5px;
	position:absolute;
	top:6px;
	margin-left:626px;
}

.searchBar .searchbutton {
	height:15px;
	width:43px;
	border:0;
	padding:0;
	position:absolute;
	top:6px;
	margin-left:700px;
}

/********************************************************************
	Top - logo, image
*********************************************************************/

.top 
{
    position: relative;
    height:120px;
	border-bottom:1px solid #FFF;
	background-color:#2a2f2e;
	border-left:4px solid #FFF;
	border-right:4px solid #FFF;
}

.top .logo 
{
    position:absolute;
    left:0px;
    bottom:0px;
	width:361px;
	height:120px;
	background-color:#2a2f2e;
}

.top .logo img {
	position:absolute;
	left:16px;
	top:71px;
}

.top .image {
	position:absolute;
	left:362px;
	top:0px;
	width:302px;
}

/********************************************************************
	Footer
*********************************************************************/

.footer 
{
	border-top:1px dotted #bfbfbf;
	padding-top:5px;
	color:#656565;
	font-size:90%;
	font-weight:bold;
}

.frontpage .footer {
	margin-top:25px;	
}

.footer div {
	float:left;
	padding-right:5px;
}

.footer div.last {
	padding-right:0;
}

.footer div a
{
	color: #656565;
}

/********************************************************************
	Text styles
*********************************************************************/

h1 
{
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 15px;	
	text-transform:uppercase;
}

.wider {
	width:780px;
}

.spot {
	font-style:italic;
	font-weight:bold;
	margin-top:30px;
}

.spot img {
	float:left;
	margin-right:30px;
}

.spot .text {
	padding-top:30px;
}

a.arrow {
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left:15px;
}

.print a {
	float:right;
	background-image:url(/Images/DEI/icon_print.png);
	background-repeat:no-repeat;
	padding-left:18px;
	background-position:0px 2px;
	color:#696969;
}

.textcontent ul 
{	
	margin-top: 1em;
	list-style-type: square;
	padding-left: 30px;	
}

.textcontent ul li
{	
	padding-top: 0px;
	padding-bottom: 10px;
}

/********************************************************************
	Frontpage specefic styles
*********************************************************************/

.frontpage .col1 {
	float:left;
	width:315px;
	padding-left:9px;
	padding-right:23px;
}

.frontpage .col2 {
	float:left;
	width:285px;
	border-left:1px dotted #bcbcbc;
	border-right:1px dotted #bcbcbc;
	padding-left:8px;
	padding-right:8px;
	margin-bottom: 30px;
}

.frontpage h1 {
	font-weight:normal;
}

/********************************************************************
	Left menu, subpage
*********************************************************************/

.menu {
	margin-top:-44px;
	float:left;
	width:154px;
	background-image:url(/Images/DEI/menu_bg.png);
	background-repeat:repeat-x;
	padding-top:43px;
	_height:400px;
	min-height:400px;
}

.menu li {
	margin-bottom:10px;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:2px;
}

.menu li.active  a{
	color:#FFF !important;
}

.menu li a {
	color:#57585c;
}

/********************************************************************
	Subpage styles
*********************************************************************/

.textcontent {
	float:left;
	margin-left:39px;
	width:458px;
	padding-bottom: 30px;
}

.textcontent h2 {
	margin-top:10px;
	margin-bottom:5px;
	text-transform:uppercase;
	color:#1b191a;
	font-weight:bold;
}

/********************************************************************
	Box
*********************************************************************/

.box h2 {
	color:#FFF;
	font-weight:bold;
	font-size:90%;
	background-color:#6d7b95;
	padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
}

.box .content {
	background-image:url(/Images/DEI/box_bg.png);
	background-repeat:repeat-x;
	padding:6px;
	padding-bottom:10px;
}

.box ul 
{	
	list-style-type: square;
	padding-left: 15px;	
}