/*
PAGELAYOUT
Følgende css brukes for å oppnå det grunnleggende tre-kolonneoppsettet som brukes.

#container: En boks som går rundt alt
#top: plassholder for den faste headingen med logo etc.
#section1: Brukes som plassholder for venstre kolonne
#section2: Brukes som plassholder for hovedinnhold
#section3: Brukes som plassholder for høyre kolonne
#bottom: Brukes som plassholder for innholdet i bunnen

*/

body{
background-color:rgb(212,214,204);
font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin: 0px;
padding:0px;
}

#container
{
background-image:url(/design/www_adranorge_no/images/skygge.gif);
background-position:top right;
background-repeat:repeat-y;
margin: 10px auto 50px auto;
padding:0px 0px 0px 0px; 
border-right: 0px solid black;
border-left: 0px solid black;
border:0px solid black;
width: 808px;
}

* html #container {  /* This is the Tan hack */
width: 808px; 
w\idth: 808px; }

.break{
clear:both;
}


#top
{
background-image:url(/design/www_adranorge_no/images/skygge_topp.gif);
background-position:top right;
background-repeat:no-repeat;
padding: 30px 0px 0px 0px;
border: 0px solid gray;
width:100%;
}

/* ------------- START: KOLONNER ------------------ */


#section1, #section2, #section3 {
border: 0px solid #333333;
margin-top:3px;
padding: 0px;
background-color:#FFFFFF;
}

#section1, #section3 {
width: 151px;

}
* html #section1, * html #section3  {
width:151px;
w\idth:151px;
}

#section1 {
float:left;
visibility: visible;
border: #336699 0px dashed;
padding-left:10px;
}


#section2{
float:left;
margin-left: 3px;
margin-right: 3px;
width: 463px;
}
* html #section2 {
width:463px;
w\idth:463px;
/**/
}

#section3 {
float:left;
border-left: #336699 0px dashed;
/*height:100%;*/

}

/* -- END: kolonner 
/*

HEADER
Header er beskrivelser av boksene som står øverst i hver kolonne (section)
De får class="hader", og beskrivelse styres av hvilken section de tilhører.

*/

div.header{
height:58px;
color:#ffffff; 
padding: 0px 0px 0px 0px; 
margin-bottom:20px;
background-color:#ffffff; 
overflow:hidden;
width:100%;


}
* html div.header { 
height: 58px;
he\ight: 58px;
}



#section1 div.header {
background-color:#C2DE78;
}

#section1 div.header1 {
float:left;
height:58px;
width:20px;
background-color:#ADCCD0;
}

#section1 div.header2 {
float:left;
height:58px;
width:120px;
background-color:#57BFCF;
}

#section1 div.header3 {
float:left;
height:58px;
width:3px;
background-color:#A1C653;
}

#section1 div.header4 {
float:left;
height:58px;
width:8px;
background-color:#72797E;
}


#section2 div.header {
/* Slett hele bolken ved texttoimage 
height:58px;
color:#ffffff; 
padding: 0px 0px 0px 0px; 
margin-bottom:0px;
background-color:#488B9B; 
overflow:visible;
width:100%;
*/
}

#section2 div.header1 {
float:left;
}

#section2 div.header2 {
float:left;
width:15px;
height:58px;
background-color:#57BFCF;
}

#section2 div.header3 {
float:left;
width:30px;
height:58px;
background-color:#79922C;
}





#section3 div.header1{
position:
z-index:2;
left:0px;
top:0px;
height:58px;
width:58px;
background-color:#72797E;
}

#section3 div.header2{
position:relative;
z-index:1;
left:58px;
top:-58px;
height:58px;
width:93px;
background-color:#ADCCD0;
}

#section3 div.headercontainer{
position:relative;
z-index:6;
top:-112px;
left:0px;
margin-top: 25px;
margin-left:4px;
}



#bottom
{
position: relative;
background-image:url(/design/www_adranorge_no/images/skygge_bunn.gif);
background-position:right;
background-position:bottom;
background-repeat:no-repeat;
width:100%;
clear: both;
margin: 0;
padding: 50px 0px 20px 0px;
color: #8A8C84;
}





/*
---------------------------------------
INNHOLD
---------------------------------------
*/

.content-search h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
font-weight:bold;
}


a {
	TEXT-DECORATION: none;
	color:#FF3300;
}

h3 a, h3 a:hover, h3 a:visited {
	TEXT-DECORATION: none;
	color:#008A9B;
}

a:link {
	TEXT-DECORATION: none;

}
a:hover {
	COLOR: #FF3300; 
	/*background: #FFFFFF url(/design/cornelius/images/background.gif) repeat-x;*/
	text-decoration:underline;
}

a:visited{
color:#FF3300;
}

/*
H1
*/

h1 {
padding:0px;
margin:0px;
}


#section2 .header h1 {
/**/
padding-top:20px;
padding-left:5px;
margin-top:0px;
font-size:20px;
font-weight:lighter;
font-family:Georgia, "Times New Roman", Times, serif;
font-stretch:narrower;

}

#section3 h1 {
/**/
padding-top:0px;
padding-left:0px;
margin-bottom:6px;
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-stretch:narrower;

}


#top .adranorge{
float:left;
padding:43px 0px 0px 10px;
border:0px solid black;
}


#top .adra{
float:left;
margin:0px 0px 0px 195px;
border:0px solid black;
}

#top .adresse{
float:right;
padding:16px 27px 0px 0px;
border:0px solid black;
}


#bottom .innsamlingskontrollen{
position: absolute;
left: 30px;
top: -25px;
}


#bottom .bunntekst{
position: absolute;
left: 0px;
top: 28px;
}


#bottom .float-first{
margin-left:165px;
}

.float-img, .float-text{
float:left;
margin-right: 4px;
}

.float-img{
margin-top: -5px;
margin-left: 6px;
}

/*
BILDER
*/
div.imageright
{
    float: right;
    margin-left: 15px;
	margin-bottom: 15px;

}

.intro_large div.imageright{
margin-bottom:0px;
}

.teaser_large div.imageright{
margin-bottom:10px;
}


div.imageleft
{
    float: left;
    margin-right: 15px;
	margin-bottom: 15px;

}

a img{
border:none;
}


/*
FORMS
*/

form{
margin:0;
}

.buybutton{
background-color:transparent;
border: 1px solid #008A9B;
color: #008A9B;
cursor:hand;
}

.buybutton:hover{
cursor:pointer;
}


.sokbutton {
background-color:transparent;
border: 0px solid white;
color: #FFFFFF;
}

.soktext {
height:11px;
width:90px;
font-size:9px;
}

.button2 {
background-color:#488b9b;
border: 1px solid white;
color: #FFFFFF;
}

#section3 .header .button{
border:0px solid red;
font-size:12px;
}

#section3 .header .button:hover{
border:0px solid red;
font-size:12px;
color: #CCCCCC;
}

/*
-----------------------------------------------
MENY
-----------------------------------------------
*/

#menu {

}

#menu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li { }

#menu a, .english a
{
display: block;
padding: 1px 0px;
width: 140px;
color: #000000;
background-color: #FFF;
text-decoration: none;
text-transform:uppercase;
font-weight:900;
letter-spacing:0px;
}

#menu a:hover, .english a:hover
{
/*background-color: #488B9B;*/
text-decoration:underline;
}

#menu ul ul a {
padding-left:12px;
}

#menu ul ul li { }

#menu ul ul a, .english a, .english a:visited
{
color:#8A8C84;
background-color: #FFF;
font-weight:100
}

#menu ul ul a:hover
{
text-decoration:underline;
}

#menu .active_menu{
text-decoration:underline;
}

.english img{
margin-left:10px;
}

.adraena{
margin-top:20px;
margin-left:20px;
margin-bottom:20px;
}


/*----------------------------------------
VIEW
-----------------------------------------*/

#section2 h2.wide{
background-color:#57BFCF;
color:#FFFFFF;
padding: 4px 3px 3px 5px;
margin: 0px 15px 0px 0px;
text-transform:uppercase;
font-size:9px;
}

#section3 h2{
font-size:12px;
}

#section3 .author, #section3 .published{
margin-bottom:7px;
}

.teaser_box, .teaer_box_left, .teaser_box_right{
width:143px;
padding:0px;
border:0px solid black;
float:left;
}
* html .teaser_box, * html .teaser_box_left, * html .teaer_box_right {  /* This is the Tan hack */
width: 143px; 
w\idth: 143px; 
}

.teaser_box, .teaser_box_left{
margin: 0px 9px 0px 0px;
}
.teaer_box_right{

}

.teaser_box_left{

}
.teaser_box{
}
.teaser_box_right{
margin: 0px;
}



.teaser_box .teaser, .teaser_box_left .teaser, .teaser_box_right .teaser{
padding-right:5px;
}
.teaser p{
margin: 0px;
}


.teaser_box h3, .teaser_box_left h3, .teaser_box_right h3{
padding-right: 5px;
font-size:9px;
margin-top:4px;
margin-bottom:4px;
}


.teaser_box h2, .teaser_box_left h2, .teaser_box_right h2{
background-color:#999999;
text-transform:uppercase;
color:#FFFFFF;
font-size:9px;
margin:4px 0px 6px 0px;
padding: 4px 3px 3px 5px;
}

.teaser_box_left .countries p, .teaser_box .countries p, .teaser_box_right .countries p
{
margin:0px 0px 0px 0px;
}

.teaser_box_left .countries, .teaser_box .countries, .teaser_box_right .countries,
.teaser_box_left .projects, .teaser_box .projects, .teaser_box_right .projects{
margin-top:10px;
}

.teaser_box_left .projects p, .teaser_box .projects p, .teaser_box_right .projects p{
margin:0px 0px 5px 0px;;
}

.teaser_box_left .countries, .teaser_box .countries, .teaser_box_right .countries{
margin-top:10px;
}

.intro_large, .teaser_large{
margin-bottom:9px;
margin-top:9px;
margin-right: 15px;
/*height:230px;*/
overflow:visible;
}

.teaser_large .title{
margin-bottom:5px;
}

.teaser_large .title h1{
font-size:16px;
line-height:20px;
}

#section2 .full .intro {
font-weight:bold;
font-size:12px;
line-height:16px;
}



.intro_large .teaser, .teaser_large .teaser, .intro_large .intro, .introduction, .topstory p.extra{
font-size:12px;
line-height:16px;
}
.topstory p.extra, .intro_large .body p, .teaser_large .body p{
margin: 0px 0px 0px 0px;
}

.introduction{
margin-right: 15px;
}

.teaser_wide h3{
color:#008A9B;
margin: 0px 0px 3px 0px;
font-size:12px;
}

.teaser_wide{
float:left;
margin-top: 9px;
width:100%;
}


.teaser_wide .imageleft{
margin-right:0px;
margin-bottom:0px;
}

.teaser_wide .left_indent{
margin-left: 99px;
margin-right:11px;
}

.teaser_wide .left{
margin-right:11px;
}

.teaser_wide .morelink{
margin-top:3px;
}

#section2 .full{
margin: 0px 10px 0px 5px;
}

.introduction{
margin-bottom: 16px;
}

.introduction p,{
margin-bottom:0px;
margin-top: 12px;
}


.linkfolderContainer{
float:left;
margin-bottom:20px;
}

.contact {
margin-top:6px;
margin-bottom:10px
}

.contact p{
margin:0px;
}

.contact .info{
margin-top:10px;
}

div.resourceContainer{
}


span.uthev{
 font-weight:bold;
 }
 
.navigator{
 margin-top:15px;
 }
 
/*--------------------------------*/

#section3 .container div.map, #section3 .container div.flag, #section3 .container div.facts{
margin-bottom:20px;
} 

/*---------------------------*/


div.teaser_wideframe{
float:left;
padding: 7px 7px 7px 7px;
width:446px;
margin:0px 0px 15px 0px;
border: 1px solid #000000;
background-color:#ADCCD0;
}

div.teaser_wideframe h2{
font-size:14px;
margin:0px 0px 5px 0px;
}

div.teaser_wideframe .imageleft{

}

div.teaser_wideframe .intro{
margin:0px 0px 10px 0px;
padding:0px;
}
div.teaser_wideframe .intro p{
margin: 0px 0px 0px 0px;
}

div. teaser_wideframe div.lines{
float:left;
clear:both;
}

div.line{
margin-bottom:5px;
clear:both;
}

div.line .icon{
float:left;
margin-right:10px;
}

div.line .form{
float:left;
margin-right:5px;
}

div.line .linetext{
}

div.line .linetext .download{
}

div.line .linetext .page .leftimage{

}

div.adra_image div.line {
float:left;
clear:none;
margin:0px 5px 5px 0px;
}

div.adra_product div.linetext div.page{
padding-top:4px;
}

/*----------------------------------------
SIDEBOX
-----------------------------------------*/
div.sidebox{
float:left;
clear:both;
margin-bottom:10px;

}


#section1 div.box0, #section1 div.box2, #section1 div.box3{
padding-right:3px;
border: 0px solid #000000;
width:148px;
}
#section3 div.box0, #section3 div.box2, #section3 div.box3{
padding-left:3px;
border: 0px solid #000000;
width:148px;
}


div.sidebox h2{
font-size:12px;
margin:0px 0px 3px 0px;
}

div.sidebox p{
margin:0px 0px 3px 0px;
}



/*----------------------------------------
SUPPORTERS
-----------------------------------------*/
div.supporters{
float:left;
clear:both;
margin-bottom:10px;
width:100%;
}

#section3 div.supporters h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
background-color:#999999;
color:#FFFFFF;
font-size:9px;
margin:4px 0px 6px 0px;
padding: 4px 3px 3px 5px;
}

.supporter{
margin-bottom:10px;
margin-top:10px;
}

.supporter h2{
margin:0;
font-size:9px;
}
.supporter p{
margin:0;
}