﻿/* SQ grå #42454f */
/* SQ röd #d11242 */

html, body, form{
    margin: 0;
    padding: 0;
    height: 100%;
}

body{
	font-family:verdana, arial, helvetica, sans-serif;
	background-color:#ffffff;
	font-size:75%;
}

div#PageHeaderContainer{
	width:988px;
	height:auto;
	overflow:visible;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background-color:#ffffff;
	border-bottom:solid 3px #42454f;
}

div.PageMiddleContainer{
	width:988px;
	min-height:500px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	padding-bottom:20px;
	background-repeat:repeat-y;
}

div.PageFooterContainer{
	width:988px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 12px;
	padding:0;
	background-position: right;
	background-repeat:repeat-y;
}

div#TopnavContainer{
	margin:0 0 2px 0;
}

div#ContentContainer{
	width:748px;
	min-height:100%;
	float: left;
	_height: 500px;
	margin:0 0 20px 0;
	padding:0;
	display: inline;
}

div#SubnavContainer{
	width:240px;
	min-height:100%;
	float: left;
	display: inline;
	margin:0;
	padding:0;
	_height: 100%;
}

/* TopNav */

ul#TopNav{
	display:block;
	width:750px;
	height:21px;
	overflow:visible;
	margin:0;
	padding: 0;
}

ul#TopNav li{
	list-style:none;
	display:inline;
	width:auto;
	height:21px;
	overflow:visible;
	float:left;
	clear:none;
	margin:0;
}

ul#TopNav li a{
	display:block;
	width:auto; /* Do not set to 100% - this would break the layout! */
	height:100%;
	z-index:10;
	float:left;
	border:0;
	text-decoration:none;
	color:#ffffff;
	margin-right:2px;
	background-color:#42454f;
}

ul#TopNav li a:hover{
	position:relative;
	top:-3px;
	border-bottom:solid 3px #42454f;
}

ul#TopNav li.Open a:hover{
	top:0px;
	border-bottom:none;
}

ul#TopNav li a:hover div.LeftCorner{
}

ul#TopNav li a:hover div.RightCorner{
}

ul#TopNav li.Open a{
	background-color:#d11242;
	background-image:url(/gfx/topmenu_leftcorner_red.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

ul#TopNav li a div{
	float:left;
	width:auto;
	height:auto;
	padding-top:3px;
	font-size:1.1em;
	cursor: pointer;
}

ul#TopNav li a div.LeftCorner{
	float:left;
	width:10px;
	background-color:#42454f;
	background-image:url(/gfx/topmenu_leftcorner_grey.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

ul#TopNav li a div.RightCorner{
	float:left;
	width:10px;
	background-color:#42454f;
	background-image:url(/gfx/topmenu_rightcorner_grey.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

ul#TopNav li.Open a div.LeftCorner{
	float:left;
	width:10px;
	background-color:#d11242;
	background-image:url(/gfx/topmenu_leftcorner_red.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

ul#TopNav li.Open a div.RightCorner{
	float:left;
	width:10px;
	background-color:#d11242;
	background-image:url(/gfx/topmenu_rightcorner_red.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

/* FF + IE6 Workaround... */
/*
ul#TopNav li.ClosedSelected a span, ul#TopNav li.Open a span, ul#TopNav li.OpenSelected a span{
	color:#c9c8c8;
}
*/

/* SubNav */

div#SubNav
{
	clear:both;
	overflow:visible;
	padding:15px 0px 0px 12px;
}

div#SubNav ul{
	display:block;
	overflow:visible;
	margin:0;
	padding:0;
}

div#SubNav ul li{
	list-style:none;
	width:auto;
	height:21px;
	overflow:visible;
	clear:none;
	margin:0 0 0 0;
	padding-left:14px;
	background-image:url(/gfx/square_grey.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
}

div#SubNav ul li a{
	text-decoration:none;
	color:#000000;
}

div#SubNav ul li.Open{
	background-image:url(/gfx/square_red.gif);
}
div#SubNav ul li.Open a{
	color:#d11242
}


div#Languages 
{
	float:right;
	margin-top:35px;
}

div#Languages img
{
	margin-left:5px;
}

div#Logo
{
	float:left;
	margin:21px 0px 21px 0px;
}

div#Search
{
	clear:both;
	float:right;
	height:21px;
	width:159px;
}

div#Search input#quickfind{
	float:left;
	margin:0;
	padding:0;
	width:135px;
	height:18px;
	line-height:18px;
	overflow:hidden;
	border:0;
	background-image: url(/gfx/search_bg.gif);
	font-size:0.9em;
}

div#Search input#btnSubmit{
	float:left;
	margin:0;
	width:19px;
	height:18px;
	cursor:pointer;
	border:0;
	background-image: url(/gfx/search_right.gif);
}

div#GreyBottom{
	margin-top:20px;
	height:40px;
	background-color:#42454f;
}
div#GreyBottom div.BusinessAreas{
	float:left;
	margin-left: 10px;
	position:relative;
	top:-20px;
	color:#ffffff;
	font-size:0.8em;
	text-align:center;
}
div#GreyBottom div#PartnerLogos
{
	float:right;
	margin:13px 10px 0 0;
}

div#BottomLinks{
	background-color:#fff;
	padding-top:3px;
	text-align: right;
}
div#BottomLinks p{
	margin-bottom:0;
}
div#BottomLinks a{
	text-decoration:none;
	color:#868689;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:0.8em;
}
