﻿/**************************************************************************
--------------------------------Main Struktur------------------------------
***************************************************************************/

	body {
	    background: url("gfx/top.png") repeat-x scroll left top #FFFFFF;
	    }
	
	#pageWrapper .logoClick {	
		background:			url(gfx/vh_logo.png) no-repeat;
		overflow: visible;
		z-index: 1000;
		height: 150px;
		top: 30px;
		left: -50px;
		}
		
/*Header*/
    
    #header {
        width: auto;
        }
    
	#header ul li a {
		color:				#e4791a;
		background:			transparent url(gfx/vh_microsite_sprite.png) no-repeat 0px -696px;
		line-height:		1.3em;
		}

	#header #sogeBox input {
		margin:				0 4px 0 0;
		float:				left;
		}

	#header #sogeBox input.txt {
		width:				109px;
		border:				1px solid #d5d3c3;
		padding:			2px;
		margin:				0px 4px 6px 3px;
		font-size:			1em;
		line-height:		1.3em;
		}

	#header #sogeBox input.btn {
		margin:				1px;
		}
	
	#header #sogeBox {
		float:				right;
		}
		
/*Faner*/
    #sectionsMenu {
        padding-right: 40px;
        }
    
	#sectionsMenu ul li a {
		color:				#ffffff;
		font-size:			12px;
		}

	#sectionsMenu ul li a.item {
		background:			#fff url(gfx/vh_microsite_sprite.png) no-repeat 0px -383px;
		}

	#sectionsMenu ul li.selected a.item {
		background:			#fff url(gfx/vh_microsite_sprite.png) no-repeat 0px -351px;
		}

/*footer*/

	.siteFooter {
		background-color:	#444444;
		border:				1px solid #333333;
		color:				#ffffff;
		}

	a.mailto {
		background:			transparent url(gfx/vh_microsite_sprite.png) no-repeat scroll -71px -664px;
		padding:			0 0 0 19px;
		color:				#F29400;
		}

/**************************************************************************
--------------------------------Main Formatering---------------------------
***************************************************************************/

	a {
		color:				#e4791a;
		background:			transparent url(gfx/vh_microsite_sprite.png) no-repeat 0px -696px;
		}

	a:hover {
		color:				#f79136;
		}
		
	a.button {
		background-image:   url(gfx/udoever_linkbutton.gif);
		}

	hr.clearFloat {
		clear:				both;
		height:				0;
		overflow:			hidden;
    }
    
    table {
		border-collapse:	collapse;
		}

/********************************************************************************
--------------------------------SubPage Main-------------------------------------
*********************************************************************************/

	#subLayout {
		background:			#fff url(gfx/mainleftCol.png) repeat-y top left;
		}

	#topGrafikSub {
		background:			transparent url(gfx/vh_microsite_sprite.png) no-repeat scroll 0px -598px;
		}

/*Sub leftCol*/

	.subPage #leftCol {
	    padding-top: 50px;
	    }
	
	.subPage #leftCol h2 {
		color:				#ffffff;
		}

	.subPage #leftCol ul,
	.subPage #leftCol ul li ul li {
		background:			url(gfx/dots.gif) repeat-x top left;
		}

	.subPage #leftCol ul li {
		background:			url(gfx/dots.gif) repeat-x bottom left;
		}

	.subPage #leftCol ul li a {
		background:			url(gfx/vh_microsite_sprite.png) no-repeat 0px -842px;
		color:				#ffffff;
		}

	.subPage #leftCol ul li.parent a {
		background:			url(gfx/vh_microsite_sprite.png) no-repeat 0 -791px;
		}

	.subPage #leftCol #leftimg {
		background:			transparent url(gfx/globus.png) no-repeat left top;
		height:				212px;
		margin-left:		-20px;
		margin-top:			250px;
		width:				177px;
		}

/*Sub center*/

	#subHeader #breadcrumb {
		width:				415px;
		}

	/*.subPage #centerCol {
		width:				511px;
		}*/

	.subPage #centerCol #breadcrumbLinkliste li a {
		color:				#e4791a;
		background:			#fff url(gfx/vh_microsite_sprite.png) no-repeat 0px -698px;
		}

/************************************************************************************
------------------------------------FrontPage----------------------------------------
************************************************************************************/

	.frontPage {
		background:			#fff url(gfx/back_frontpage.png) no-repeat !important;
		min-height:			385px;
		}

	#topGrafikFront {
		background:			url(gfx/vh_microsite_sprite.png) no-repeat -0px -498px;
		height:				20px;
		}

	#frontimages img {
		border:				none;
		}

/*Front Center*/

	.frontPage #centerCol {
		margin-top:			22px;
		padding:			1px 0 11px 48px;
		width:				523px;
		}
		
	.cyclepics img {
		-moz-background-clip:none !important;
		background:			none !important;
		border:				none;
		}

/*Front leftCol*/

	.frontPage #leftCol {
		width:				325px;
		padding-top:        50px;
		padding-bottom:         0;
		min-height:         334px;
		}

	.frontPage #leftCol h2 {
		color:				#ffffff;
		}

	.frontPage #leftCol dl {
		background:			url(gfx/dots.gif) repeat-x top left;
		}

	.frontPage #leftCol dl dt a {
		color:				#ffffff;
		background:			#f29400 url(gfx/vh_microsite_sprite.png) no-repeat scroll 4px -748px;
		}

	.frontPage #leftCol dl dd {
		color:				#ffffff;
		}

/*****************************************************************
------------------------------Articles---------------------------
******************************************************************/
	
	.article {
		clear:				both;
		}

/*Images*/ 

	/*.article .articleText .Foer img {
		width:              507px;
		}*/

/* related links section */

	.related li {
		background-image:   url(/gfx/ikoner-global.gif);
		}

	.related li, .related img.sprite {
		background-image:   url(gfx/vh_ikoner.gif);
		}

/********************************************************************
-------------------------------Boxes---------------------------------
*********************************************************************/

	.frontPage .box {
		border:				none; 
		background-color:	Transparent;
		}

	.boxFrame  {
		background-image:	url(/gfx/global_box_bg.gif);
		}

	.boxTitle  {
		background-image:	url(/gfx/global_box_title_bg.gif);
		}
	
	/* 2 cols */
	.box.layout3  {
		width:				249px !important;
		}

	.linkList.vertical a {
		font-weight:		bold;
		}

	.box.knowledge {
		border:				1px solid #F29400;
		}

	.box.knowledge .boxTitle {
		background-color:	#F29400;
		background-image:	url(gfx/vh_box_title_bg.png);
		background-repeat:	repeat-x;
		}

	.dgiAccordion {
		width:				100%;
		}
		
/*ext overrides*/

	.x-form-field-wrap .x-form-trigger {
		background:			transparent url(/gfx/udoever_trigger.gif) no-repeat 0 0;
		}
		
	.x-combo-list-item {
		text-align:			left;
		}

