/* CSS Document */

/*** LAYOUT ***/

body { background: #DFDFDF url(../images/backgr_body.jpg) repeat-y; }
	
#page { position: absolute; top: 0px; left: 0px; width: 100%; height: 412px; background: url(../images/backgr_page.jpg) repeat-x; }

#banner, #banner_no-teaser { position: absolute; top: 0px; left: 0px; width: 1105px; height: 425px; background: no-repeat; }
	
#banner { background: url(../images/banner.jpg); }
	
#banner_no-teaser { background: url(../images/banner_no-teaser.jpg); }

#banner-tekst { position: absolute; top: 45px; left: 380px; width: 584px; height: 110px; }

#logo { position: absolute; top: 57px; left: 18px; width: 196px; height: 262px; background: url(../images/logo.jpg) no-repeat; }
	
#logo h1 { display: block; width: 196px; height: 262px; text-indent: -9999px; }

#flash { position: absolute; top: 39px; left: 216px; width: 816px; height: 367px; }


/**** LANG. - REMOVE DISPLAY NONE PROPERTY WHEN ENGLISH VERSION DONE **/

#lang { position: absolute; left: 114px; top: 383px; height: 20px; width: 60px; }
#lang ul { float: left; display: inline; }
#lang li { float: left; overflow: hidden; }
#lang ul li a { display: block; width: 22px; height: 16px; text-indent: -9999px; margin: 3px; }
#lang ul li a.nor { background: url(../images/flag_nor.jpg) no-repeat; }
#lang ul li a.eng { background: url(../images/flag_eng.jpg) no-repeat; }

#navigation { position: absolute; top: 424px; left: 0px; }

#navigation ul li a {display: block; width: 233px; height: 30px; vertical-align: middle; background: url(../images/backgr_button.jpg) no-repeat; padding-top: 11px; text-indent: 35px; }
#navigation ul li a:hover { background: url(../images/backgr_button-hover.jpg); }

#navig-bottom { background: url(../images/backgr_buttons_bottom.jpg) no-repeat; width: 233px; height: 7px; }


#content { position: absolute; top: 425px; left: 250px; width: 760px; }

#content hr { color: transparent; background: #FFFFFF url(../images/hr.jpg); border: 0px; display: block; width: 100%; height: 3px; margin: 10px 0px 15px 0px; }

#teaser1 { background: url(../images/teaser_backgr.jpg) no-repeat; width: 196px; height: 177px; float: right; margin-left: 20px; }

#teaser1 h3 { display: block; width: 94px; height: 84px; background: url(../images/teaser_img.jpg) 102px 12px no-repeat; padding: 15px 84px 0px 18px; }
#teaser1 p a { display: block; background: url(../images/teaser_readmore.jpg) no-repeat; margin: 0px 11px 0px 11px; width: 174px; height: 36px; padding-top: 15px; }
#teaser1 p a:hover { background-image: url(../images/teaser_readmore-hover.jpg); } 

#content .block { background: url(../images/backgr_block.jpg) 500px center no-repeat; }




/*** TYPOGRAPHY & DIV STYLES ***/

#navigation ul li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
#navigation ul li a { color: white; text-decoration: none; }
#navigation ul li a:hover { color: #9B3F24; }



#content p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 150%; }
#content h1 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 23px; margin-top: 17px; line-height: 150%; color: #DEA201; }
#content h2 { display: inline; background: #DCEFFB; font-family: "Times New Roman", Times, serif; font-size: 18px; line-height: 150%; padding: 2px 5px 2px 5px; font-weight: bold; color: #294874; }
#content h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; font-weight: bold; color: #0099CC; }
#content h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: #121212; }
#content .block h3 a { color: #0099CC; text-decoration: none; border: none; background: none; }
#content .block h3 a:hover { color: #00B8F4; text-decoration: underline; border: none; background: none; }

#content p, #content h2, #content h3, #content h4 { margin: 10px 0px 5px 0px; }
#content h4 { margin-top: 20px; }

#content a { color: #333333; background: #F3F9CF; border-bottom: 1px solid #6D7D09; text-decoration: none; }
#content a:hover { background: #FCEFC8; color: #C34930; border-bottom: 1px solid #C34930; }

#teaser1 h3 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: white; line-height: 160%; }
#teaser1 p a { font-family: font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FBE8AC; text-indent: 15px; text-decoration: none; border: none; }
#teaser1 p a:hover { font-family: font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FBE8AC; text-indent: 15px; text-decoration: none; border: none; }
#teaser1 p { margin-top: 5px; }

#content-block a, #footer a { color: #333333; background: #F3F9CF; border-bottom: 1px solid #6D7D09; text-decoration: none; }
#content-block a:hover, #footer a:hover { background: #FCEFC8; color: #C34930; border-bottom: 1px solid #C34930; }


#ImageGallery td img, #content-block p img, #content .block img, #content-block img, #content .block-nobackgr img { border: 1px solid #CCCCCC; padding: 3px; background: #F0F0F0; margin: 3px; }
#content-block p img, #content-block img, #content .block img, #content .block-nobackgr img { float: right; }
#content-block p img.leftAlone, #content-block img.leftAlone, #content .block img.leftAlone, #content .block-nobackgr img.leftAlone { float: none; }
#ImageGallery td a { border: none; background: none; }
#ImageGallery td a:hover { border: none; background: none; }

#footer p { margin: 3px 0px 3px 0px; font-size: 11px; text-align: center; }

.clear { clear: both; }

strong { font-weight: bold; }
em { font-style: italic; }

#breadcrumbs { width: 100%; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #555555; line-height: 15px; border-bottom: 1px solid #DDDDDD; padding-bottom: 10px; }
#breadcrumbs a { text-decoration: none; color: #555555; border: none; }

.ArticleLevel3 { background: url(../images/hr.jpg) top center repeat-x; padding-top: 15px; }
.ArticleLevel3.first { background: none; padding-top: 15px; }

#content-block #ImageGalleryFolder { padding: 0px 30px; }
#content-block #ImageGalleryFolder ul li { display: block; width: 200px; height: 200px; float: left; margin: 5px; text-align: center; }
#content-block #ImageGalleryFolder ul li a { border: none; text-decoration: underline; }

label, input, textarea { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 150%; margin: 6px 0px; }

label { width: 210px; float: left; }

input, textarea { border: 1px solid #BBB; padding: 5px 3px; background: url(../images/form-backgr.jpg) repeat-x; color: #555; }
input.hidden, textarea.hidden { border: none; background: none; }

input.action { margin-left: 210px; position: relative; top: -20px; }