/*-----------------------------------------------------------------------------
liland.no generic style June 2008
author:		Gerhard Sletten
website:	http://www.gersh.no
color="#cfd6c7" lys bersj
color="#959a8e" bersj
color: #4d4d4f; mørk bersj

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

@import url("reset.css");
@import url("typo3.css");
@import url("core.css");

/* =General
-----------------------------------------------------------------------------*/
html 	{ font-size: 100%; }
body 	{ text-align: center; font: 13px/150% Arial, Helvetica, sans-serif; color: #222; background: #fff; }
a,
a:visited { color: #0079c2; text-decoration: underline; }
a:hover { text-decoration: none; color: #023658;}

/* = big-small-col
-----------------------------------------------------------------------------*/

.big-small-col { border: 0px solid #ddd; overflow: hidden; _height: 1%; width: 665px;}
.big-small-col .big-col { width: 500px; float: left; }
.big-small-col .small-col { width: 150px; float: right; }


a.button {border:0px solid #30444f; padding: 5px 7px; background: #415a68 url('../images/button/arrow.gif') no-repeat center right; text-decoration: none; color: #fff; font-weight: bold;  -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-right: 23px;}
a.button:hover { color: #76ba2e;}

h1, h1 a { color:#73786e; text-decoration: none; font-weight: normal; font-family: "Trebuchet MS", Arial, sans-serif;}
h2, h2 a, h3, h3 a, h4, h4 a { color:#4d4d4f; text-decoration: none;}
h3 {font-family: "Trebuchet MS", Arial, sans-serif;}

#secondary h3,
#secondary h4,
#secondary p { font-size: 13px; margin: 0 0 2px; color: #555; line-height: 17px; text-align: center;}
#secondary h3 { font-size: 14px; font-family: georgia; color: #990000;}
#secondary h4 { color: #959a8e;}

p.large {font-size: 1.2em; line-height: 1.5em; color: #959a8e; margin: 1em 0; padding-top: .5em;}

#primary h1:first-child, #secondary h3:first-child { margin-top: 0; }
#primary > * { margin-right:50px; }

#description h4 { background:#fff; font-size:1em; margin-bottom:0; padding:3px; }
#description ul { border:1px solid #FFFFFF; color: #fff; padding:3px; }
#description li { margin-bottom:2px; }
#description strong, #description b { clear:both; display:block; float:left; width:7em; }

.csc-textpic { margin-bottom:5px; overflow:hidden; }
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image { border: none; margin-bottom:3px; padding:0px; }
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border:2px solid #ccc; }

/* =Layout
-----------------------------------------------------------------------------*/
#page_wrapper { border-top:  0px solid #781911; text-align: center;  }
#extended_header { text-align: center; background: #922213; width: 100%; height: 176px; background: url('../images/bg_ext_header.jpg') repeat-x 50% 0;}
#header,
#banner_field,
#content_wrapper 	{  margin: 0 auto; border: 0px solid #ddd; text-align: left; }
#banner_field #frontbanner {margin: 1em 0 .5em;}
#header 			{ position:relative; height: 176px; width: 840px; background: url('../images/bg_header.jpg') no-repeat; border: none;}
#header h1#logo 	{ position: absolute; left: 25px; top: 18px; margin: 0; }
#header h1#logo a,
#header h1#logo a:hover {display: block; margin: 0px; width: 219px; height: 92px; background: url(../images/liland_logo.gif) no-repeat; text-indent:-900px; overflow:hidden; }

#header #description { position: absolute; top: 10px; right: 20px; width: 16em; height: 50px; z-index: 14; text-align: left; color: #fff;}

#banner_field {width: 820px;}
#content_wrapper 	{ width: 820px; position:relative; margin-top: 1em;}

#breadcrumb .information { display:none;}
#breadcrumb p 		{ margin: 0 15px; font-size: .9em; color: #888; }
#breadcrumb 		{ background: url(../images/bull-globe.gif) no-repeat left center; margin-top: 10px;}

#breadcrumb,
#primary 			{ margin: 0 0 10px 155px; font-family:  Georgia, Times, serif; margin-bottom: 1em; }
#primary 			{ min-height: 400px; margin-bottom: 2em;}

#body_33 #breadcrumb,
#body_30 #submenu,
#body_29 #submenu,
#body_33 #submenu {display: none;}
#sidebar { position: absolute; top: 0px; left: 0px; width:140px; }
#submenu {margin-bottom: 1em;}
#secondary { padding-top: 24px; background: url(../images/bg_secondary.gif) no-repeat top center; }

.subpages_0 #submenu {display:none;}
.subpages_0 #sidebar { left: auto; right: 0px;  }
.subpages_0 #breadcrumb, 
.subpages_0 #primary { margin: 0 155px 10px 0;}

#footer 			{ clear:both;  padding: 1em; /*background: #cfd6c7; border-top: 2px solid #959a8e;*/}
#footer p 			{ text-align: center; font-size: 11px; color: #888; line-height: 1;}
#footer a 			{ color: inherit; text-decoration:none; }


/* =Menu
-----------------------------------------------------------------------------*/
#menu .information {display:none;}
#menu { position: absolute; top: 128px; height: 40px; left: 10px; border: 0px solid red;  }
#menu ul { padding-left: 2px;}
#menu ul li { position: relative; float: left; }
#menu ul li a { display: block; float: left; font-size: 16px; text-decoration: none; font-weight: bold; color: #fff; margin: 0; padding: 0; padding: 0 14px; line-height: 40px; height: 40px; border-right: 1px solid #4d4d4f;}
#menu a:hover,
#menu li.selected a, 
#menu li.selected a:hover { color: #4d4d4f;}

/* =Submenu
-----------------------------------------------------------------------------*/
#submenu 			{ font-size: 12px; border: 0px solid #eee;}
#submenu h4 {background: #959a8e url(../images/bg_submenu.gif) no-repeat left top; color: #ddd;}
#submenu h4 span { display: block; font-size: 12px; text-decoration: none; background:  url(../images/bg_submenu_right.gif) no-repeat right top; padding-left: 10px; color: #fff; height: 28px; line-height: 28px; border-bottom: 1px solid #5d5d5f;}
#submenu h4 		{ margin: 0;}
#submenu ul 		{ border-top: 0px solid #fff;}
#submenu ul li 		{ }
#submenu ul li a 	{ background: #eee url(../images/bull-pluss.gif) no-repeat 5px center; text-decoration: none; display: block; margin-left: 0; font-weight: bold; border-bottom: 1px solid #fff; padding-left: 20px; color: #4d4d4f; height: 26px; line-height: 27px;}

#submenu ul li a:hover { background-color: #ddd; }
#submenu ul li.selected > a {  text-decoxration: underline; border-right: 0px solid #ddd; background-color: #ddd; text-decoration: underline;}

#submenu ul ul 		{ margin-top: 0px; border: 0; }
#submenu ul ul li a {  padding-left: 30px; background-position: 15px; background-color: #fff;}
#submenu ul ul li a:hover,
#submenu ul ul li.selected a { border-left: none; text-decoration: underline; background-color: #fff; }

/* = Grid columns
-----------------------------------------------------------------------------*/
.grid-col-2 { overflow:hidden; *height:1%; width: 665px;}
.grid-col-2 .col,
.grid-col-3 .col {  margin-left: 2%; width: 47.9%; float: left; /*border-left: 1px solid #ddd; border-right: 1px solid #ddd;*/ }
.grid-col-3 .col {  width: 31.9%; overflow:hidden;}
.grid-col-2 .col1,
.grid-col-3 .col1 { margin-left: 0;}