
/*
Denne filen styrer grunnleggende oppsett for forsiden. 
Den vil inneholde minst mulig typografisk informasjon.

standard.css  vil inneholde grunnleggende typografisk informasjon knyttet til html-tagger.

Hver <div> som er plassert direkte under <html> eller rett under <div id="container"> får egen bolk i denne filen
*/


/* 
--------------------------------------------------------------------------------------------------
container  ---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
*/
#container
{
width:791px;
}


/* 
--------------------------------------------------------------------------------------------------
topbar     ---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
*/
#topbar
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:30px;

}


/* 
--------------------------------------------------------------------------------------------------
left       ---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
*/
#left
{
position:absolute;
z-index:100;
top:30px;
left:0px;
width:170px;
overflow:visible;

}

#leftContent
{
float:right;
clear:both;
width:148px;
margin-top:87px;
margin-bottom:10px;
}

#leftContent .search
{
background-color:#4C5B6D;
width:100%;
height:22px;
padding: 4px 0 4px 0;
text-align:center;
}

#leftContent .menu
{

}

#promo
{
float:right;
clear:both;
text-align:center;
width:100%;
}

#promo p
{
margin-top: 10px;
}

/* 
--------------------------------------------------------------------------------------------------
header     ---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
*/
#header
{
position:absolute;
top:30px;
left:180px;
width: 611px;
}


#headerLeft
{
float:left;
width:611px;
}


#headerLeft .logo
{
float:left;
margin-left:-12px;
}


#headerLeft div.breadcrumbs
{
float:left;
width:100%;
height:22px;
margin-top:0px;
border-bottom: 1px solid #808080;
border-top: 1px solid #808080;
}

#headerLeft .breadcrumbs .breadcrumbsText
{
float:left;
}

.breadcrumbsText p
{
float:left;
color:#666666;
text-transform:uppercase;
margin:5px 0px 0px 0px;
}

.breadcrumbsHomeimage
{
float:left;
margin:3px 0px 0px 0px;
}

#headerLeft .breadcrumbs .breadcrumbsPrint
{
float:right;
}


/* 
--------------------------------------------------------------------------------------------------
contentContainer----------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
*/
#contentContainer
{
position:absolute;
top:155px;
left:180px;
width:611px;
}

#contentMain
{
float:left;
width:369px;
}

#contentMain .commercial
{
float:left;
border-top:1px dotted #808080;
}

#contentFull
{
float:left;
width:100%;
}

#contentSidebar
{
float:right;
width:232px;
}

.article #contentSidebar
{
margin-top:67px;
}

.folder #contentSidebar
{
margin-top:11px;
}

#footer
{
clear:both;
width:100%;
border-top: 1px dotted #808080;
margin-bottom:15px;
padding:5px;
text-align:center;
}