/*
	The design is highly sensitive to changes - so KNOW YOUR CSS before changeing anything!
	
	Tested and found working in all major browsers: IE6/IE7, FF3, Safari, Chrome.
	
	Mads Yhde / Acto, December 2008
*/


/****************************************************
	P A G E L A Y O U T
****************************************************/

body {
	background-color: #EAEAEA; 
	color: #000000;
	margin: 0 1em 0 1em;
	padding: 0;
	text-align: center;
	background-image: url("/Frontend/images/bg_body_gradient.jpg");
	background-position: left top;
	background-repeat: repeat-x;
}

div#PageContainer {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

div#Page {
	text-align: left;
}



div#PageLayoutTop {
	position:relative; /*IE6*/
	display: block; /*IE6*/
	padding-top: 10px; /*IE6*/

	background-image: url("/Frontend/Images/pagelayout_top.gif");
	background-repeat: no-repeat;
	background-position: center top;
}

div#PageLayoutBottom {
	margin-bottom: 5px;
	height: 22px;
	background-image: url("/Frontend/Images/pagelayout_bottom.gif");
	background-repeat: no-repeat;
	background-position: center top;	
}

div#PageLayoutLeft {
	float:left; 
	width: 10px; 
	height: 670px;
	background-image: url("/Frontend/Images/pagelayout_left.png"); 
	background-position: right top;
	background-repeat: no-repeat; 
}

div#PageLayoutRight {
	float: right; 
	width: 10px; 
	height: 670px;
	background-image: url("/Frontend/Images/pagelayout_right.png"); 
	background-position: left top;
	background-repeat: no-repeat; 
}

div#PageLayoutSlip {
	position: absolute; 
	top: 0px; 
	left: 4px; 
	width: 22px; 
	height: 282px; 
	z-index: 100; 
	background-position: bottom left; 
	background-repeat: no-repeat;
}

body#Site1 div#PageLayoutSlip {
	background-image: url("/Frontend/Images/frontpageslip_red.gif"); 
}

body#Site2 div#PageLayoutSlip {
	background-image: url("/Frontend/Images/frontpageslip_red.gif"); 
}

body#Site3 div#PageLayoutSlip {
	background-image: url("/Frontend/Images/frontpageslip_green.gif"); 
}

body#Site4 div#PageLayoutSlip {
	background-image: url("/Frontend/Images/frontpageslip_blue.gif"); 
}


/* frontpage images... dette er midlertidigt idet det er baggrundsbilleder hér som det ikke skal være... det er en banner teaser der skal styre det.... */
body#Site2 div#BoxImage div.CornersContentInner {
	background-image: url("/Frontend/Images/frontpage_red.gif");
	background-repeat: no-repeat;
	background-position: 5px -1px;
}
body#Site3 div#BoxImage div.CornersContentInner {
	background-image: url("/Frontend/Images/frontpage_green.gif");
	background-repeat: no-repeat;
	background-position: 5px -1px;
}
body#Site4 div#BoxImage div.CornersContentInner {
	background-image: url("/Frontend/Images/frontpage_blue.gif");
	background-repeat: no-repeat;
	background-position: 5px -1px;
}




div#PageLayoutContent{
	margin-left: -10px; 
	width: 980px;
	position: relative; /*IE6*/
	display: block; /*IE6*/
}

div#ColumnsContainerOuter {
	float: left; 
	margin-left: 0px; 
	border-right: 10px solid #FFFFFF; 
	border-left: 10px solid #FFFFFF; 
	background-color: #FFFFFF !important;
	width: 940px;  
}



/****************************************************
	H E A D E R   S T U F F
	Note: NavigationTopBar see Navigation.css
	See PageLayoutDivStyle.css or PageLayoutTableStyle.css
****************************************************/
table#TableSearchInput { 
	border: 1px solid #A5ACB4; 
	background-color: #FFFFFF; 
	height: 15px; /* needs to be inline for some buggy reason */ 
}

input.SearchInput { 
	height: 12px; 
	font-size: 10px; 
	width: 100px; 
	border: 0px solid #FFFFFF; 
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

input.SearchBottom {
	margin-left: 6px; 
	padding: 0px 2px 2px 2px; 
	color: #FFFFFF; 
	background-color: #5E5E5E; 
	border: 0px; 
	height: 17px; 
	font-size: 10px;
}

div#HeaderLogo {
	width: 960px;
	padding-top: 8px;
}

div#HeaderMenu a {
	color: #FFFFFF;
}

div#HeaderMenu table tr td.NoFont {
	font-size:0px;
}

div#HeaderMenu table {
	float: right;
	height: 31px;
}

div#HeaderMenu table tr td.Middle {
	background-color: #2A2A2A;
	border-right: 1px solid #454545;
	padding-left: 8px;
	padding-right:  8px;
}

div#HeaderMenu table tr td.MiddleAlternate {
	background-color: #2A2A2A;
	padding-left: 8px;
	padding-right: 0px;
}
			
div#HeaderMenu table tr td.First {
	padding-left: 6px;
	background-color: none;
	background-image: url("/Frontend/Images/fokusmenu_bg_rounded_left.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#HeaderMenu table tr td.Last {
	padding-right: 6px;
	background-color: none;
	background-image: url("/Frontend/Images/fokusmenu_bg_rounded_right.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}

/****************************************************
	C O L U M N S : 
	See PageLayoutDivStyle.css or PageLayoutTableStyle.css
****************************************************/
div#LeftColumnInner {
	padding: 22px 0px 10px 0px;
}

div#ContentColumnInner {
	padding: 0px 0px 10px 0px;
}

div#ContentWide div#ContentColumnInner {
	padding: 0px 15px 10px 0px;
}

div#RightColumnInner {
	padding: 22px 0px 10px 0px;
}

/****************************************************
	P A G I N G   I N F O
****************************************************/
div#Paging {
	padding-top: 1em;
	padding-bottom: 1em;
}

div#PagePrevious {
	float: left;
	width: 25%;
}

div#PageNext {
	float: right;
	width: 25%;
}

div#PageInfo {
	text-align: center;
}

/****************************************************
	O T H E R
****************************************************/
div.BugfixContainer {
	width: 100%;
}

div#FrontPageRightColumnInner div.TeaserBanner,
div#RightColumnInner div.TeaserBanner,
div.ContainerBottomMargin {
	margin-bottom: 10px;
}

div#BoxChoosePension {
	padding-top: 22px; 
	padding-left: 2px;
}

div#BoxChoosePension div.PensionItem {
	margin-bottom: 4px;
}

div#BoxChoosePension div.PensionItemFirst {
	margin-top: 16px; 
}

form#SearchForm {
	margin: 0px; 
	padding: 0px;
}


.Hide {
	display: none;
}

div.Clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

form {
	margin: 0;
	padding: 0;
}

ul.Vertical {
	clear: both;
	display: block;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

ul.Vertical li {
	background-image: none;
	float: left;
	margin: 0;
	padding: 0;
}

ul.Vertical li.Right {
	float: right;
}

img {
	border: 0px;
}
/* setting classes on content images */ 

img.Margin10 {
	margin: 10px !important;
}

img.MarginTop10 {
	margin-top: 10px !important;
}

img.MarginRight10 {
	margin-right: 10px !important;
}

img.MarginBottom10 {
	margin-bottom: 10px !important;
}

img.MarginLeft10 {
	margin-left: 10px !important;
}

img.Margin5 {
	margin: 5px !important;
}

img.MarginTop5 {
	margin-top: 5px !important;
}

img.MarginRight5 {
	margin-right: 5px !important;
}

img.MarginBottom5 {
	margin-bottom: 5px !important;
}

img.MarginLeft5 {
	margin-left: 5px !important;
}


/********* DT Search *********/
div#SearchResult div#SearchRequestString {
	padding: 10px 0px 10px 0px;
}

div#SearchResult ol li {
	margin-bottom: 10px;
}

div#SearchResult form#ContentSearch input#q {
	width: 300px;
	margin-right: 6px;
}

div#SearchResult span.Title,
div#SearchResult span.Synopsis,
div#SearchResult span.PageUrl {
	display: block; 
	width: 100%; 
	overflow: hidden;
}
div#SearchResult span.Title, 
div#SearchResult span.Synopsis,
div#SearchResult span.MediaDownload,
div#SearchResult span.PageUrl {
	padding-bottom: 2px;
}



/****************************************************
	PENSION A-Z
****************************************************/
div#PensionAZ div#Characters {
	margin-bottom: 10px;
}

div#PensionAZ div#Characters div.Character {
	float: left;
	width: 21px;
	height: 25px;
	margin-right: 5px;
	display: block; /*IE6*/
	overflow: hidden; /*IE6*/
	position: relative; /*IE6*/
}

/* needed to overrule other color CSS */
body#Site1 div#PensionAZ div#Characters div.Character a.CharSelected,
body#Site2 div#PensionAZ div#Characters div.Character a.CharSelected,
body#Site3 div#PensionAZ div#Characters div.Character a.CharSelected,
body#Site4 div#PensionAZ div#Characters div.Character a.CharSelected {
	color: #FFFFFF;
}

div#PensionAZ div.NoResult {
	font-style: italic;
}

body#Site1 div#PensionAZ div#Characters div.Character a {
	color: #0086A3;
}
body#Site2 div#PensionAZ div#Characters div.Character a {
	color: #E51B24;
}
body#Site3 div#PensionAZ div#Characters div.Character a {
	color: #7AC142;
}
body#Site4 div#PensionAZ div#Characters div.Character a {
	color: #0086A3;
}

div#PensionAZPopUp {
	height:180px;
	overflow:auto;
}

/****************************************************
	J O B S
****************************************************/

div#JobDescription {
	background: url(/Frontend/Images/job_bg.jpg) #FFFFFF 0 0 no-repeat;
	height: 430px;
	/*margin: 100px 0 0 300px;*/
	position: relative;
	width: 730px;
}
div#JobFoto {
	left: 0;
	position: absolute;
	top: 0;
	width: 270px;
}
div#Scroller-1 {
	height: 400px;
	left: 260px;
	margin: 10px 0 0 20px;
	overflow: auto;
	position: absolute;
	top: 10px;
	width: 400px;
}
div.ScrollerContainer {
	left: 0px;
	position: absolute;
	top: 0px;
	padding-bottom: 20px;
}
div.Scrollbar-Track {
	height: 400px;
	left: 692px;
	position: absolute;
	top: 20px;
	width: 10px;
}
div.ScrollbarHandle {
	background: url(/Frontend/Images/scroll.gif) #FFFFFF 0 0 no-repeat;
	height: 40px;
	left: -10px;
	position: absolute;
	top: 20px;
	width: 20px;
}


ul#JobDescriptionOthers {
	height: 150px;
}


ul#JobDescriptionOthers li {
	background-image: none !important;
	padding: 0 !important;
}

ul#JobDescriptionOthers h3 {
	margin: 0;
	width: 140px;
}

div.JobDescriptionOthersImage {
	margin-right: 7px;
}

div#JobDescriptionOthersImage5 {
	margin-right: 0;
}

div#JobTextFlashReplace p {
	width: 375px;
}

div#JobTextFlashReplace p.JobHeading {
	font-weight: 700;
	margin-bottom: 0px;
	padding-bottom: 0px;
}