/* Tveita bedriftsområde / tveitabedriftene.no
© Nuller og Enere / Tenkehetta
Håkan Billing
http://000111.no
*/

.autocomplete-suggestions {
	border: 1px solid green;
	background: #fefeed;
	cursor: default;
	overflow: auto;
}

.autocomplete-suggestion {
	padding: 10px 5px;
	font-size: 1.2em;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-suggestions strong {
	font-weight: normal;
}

/* @group Nytt fra HBF */

#address #infobox {
	display: none;
}

a.anchor {
	position: relative;
	top: -30px;
}

.notat {


/* notater som kan knyttes til mangt og mye, omtrent som bokmerker på nofoa.no */
	display: inline-block;
	padding: 1px;
	background-color: yellow;
	font-size: 0.9em;
	box-shadow: 5px 5px 10px #888888;
}

.notat header {
	font-style: italic;
}

.notat textarea {
	width: 200px;
	height: 200px;
}

#ventetekst {
	position: fixed;
	top: 0;
	right: 0;
	background-color: #aae0a5;
	border: 1px dotted yellowgreen;
	color: black;
	z-index: 2010;
}

/*tabellrader som muses over får denne klassen*/
.hovered {
	background-color: fuchsia;
	color: white;
}

.hovered a {
	color: yellow;
}

/* @end */

#desktop {
	display: none;
}

#main-wrapper {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-topZ: 50px;
}

#tveita {
	width: 100%;
	height: 60px;
	text-align: center;
	margin-bottom: 0;
	font-size: 50px;
}

#tveita a, .navneliste td a {
	text-decoration: none;
}

#hovedinnhold {
	position: relative;
	background-image: url(/images/trsp_bg.png);
	min-height: 333px;
	text-align: left;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 34px;
}

#content-wrapper {
	position: relative;
	left: -12px;
	top: -34px;
}

#bedrifter150 {
	background-image: url(/images/bedrifter150.png);
	width: 209px;
	height: 76px;
	position: absolute;
	top: 55px;
	left: 45px;
}

#anneskantine a {
	background-image: url(/images/orneredet_small.jpg);
	width: 162px;
	height: 165px;
	left: 10px;
	top: 160px;
	position: absolute;
	display: block;
}

#anneskantine a:hover {
	text-decoration: none;
}

#ekstrainnhold ul {
	margin-left: 5px;
}

#ekstrainnhold ul li, .close:hover, #bookinger h3 button {
	cursor: pointer;
}

#ekstrainnhold {
	position: absolute;
	top: 3px;
	right: 3px;
	padding: 5px;
	text-align: left;
	z-index: 2000;
}

body {
	font: 12px/13px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	background: url(/images/bg.jpg) repeat;
}

p {
	margin: 0.9em 0;
}

a {
	text-decoration: none;
	color: navy;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: navy;
}

a.attend, a.plusstegn {
	text-decoration: none;
}

.text {
	position: relative;
}
hr {
	border-bottom: 1px solid black;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	width: 95%;
}

/* @group Tekst */

h1 {
	margin: 0 0 0.4em;
	line-height: 1.1em;
}

h2, h3, h4, h5, h6 {
	margin: 1em 0 0.4em;
	line-height: 1.1em;
}

strong, .fet, h1, h2, h3, h4, h5, h6, th, .undermeny, #popup-rubrikk, #under_hovedmeny, .sprettopplag p:first-line, .parkeringsinfo a, a.plusstegn, .saksliste th, .minikalender table.oppsummering th {
	font-weight: bold;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.5em;
}

h3, #hovedmeny {
	font-size: 1.35em;
}

h4, .undermeny {
	font-size: 1.26em;
}

h5 {
	font-size: 1em;
}

h6, #popup-rubrikk {
	font-size: 1.15em;
}

.small, #bunntekst, label, div .width_250, #under_hovedmeny, .roller, .personinfo ul, time, .dato, .permalenke {
	font-size: 0.9em;
}

.left, .saksliste th {
	text-align: left;
}

.right {
	text-align: right;
}

.center, #popup-rubrikkZ, #bunntekst, .parkeringsinfo div {
	text-align: center;
}

.non-italic {
	font-style: normal !important;
}

.italic, time, .dato, .permalenke {
	font-style: italic;
}

.nowrap, .roller label, .kryssefelter label, time, .dato {
	white-space: nowrap;
}

li {
	margin-left: 20px;
}

.black, #adressemeny label {
	color: black;
}

.grey, .admin {
	color: gray;
}

.white {
	color: white;
}

.yellow, .lys, a.attend, #tveita a, .undermeny .aktiv, .undermeny_styret .aktiv {
	color: yellow;
}

.light-yellow, .undermeny a, .undermeny_styret a, th, thead td, #ekstrainnhold .switch {
	color: #fefccc;
}

.red {
	color: red;
}

.green, #np, label, .parkeringsinfo a, #kol_2 h3, a.plusstegn {
	color: green;
}

.dark-green, #popup-rubrikk, .permalenke a {
	color: #005700;
}

.blue_dark, .parkeringsinfo h2, .autocomplete-suggestions strong, #login_message {
	color: navy;
}

.maroon, time, .dato {
	color: maroon;
}

/* @end */

/* @group Padding, margin, vidde etc. */

.padding_0 {
	padding: 0;
}

.padding_1, .permalenke {
	padding: 1px;
}

.padding_small, td, th, .debatt, #under_hovedmeny, #member_setup, #show_member #kol_2, .roller, .kontaktinfo, .personinfo, .navneliste td, #ventetekst, #ekstrainnhold ul li, .bookingsbekreftelse, #wifi span {
	padding: 3px;
}

.padding_medium, .luftig, .admin, .parkeringsinfo div, #bransjevalg, #WiFi-passord {
	padding: 5px;
}

.padding_top_medium, #bunntekst {
	padding-top: 5px;
}

.padding_bottom_medium {
	padding-bottom: 5px;
}

.padding_left-right_small {
	padding: 0 3px;
}

.margin_0top, #kol_2 h2, #kol_2 h3, #kol_2 h4, .personinfo h5 {
	margin-top: 0;
}

.margin_0, .parkeringsinfo h2 {
	margin: 0;
}

.margin_top_medium, .kontaktinfo, .saksliste, .permalenke {
	margin-top: 5px;
}

.margin_top_large, .personinfo {
	margin-top: 15px;
}

.margin_bottom_small, #member_setup input {
	margin-bottom: 3px;
}

.margin_bottom_medium, .roller div {
	margin-bottom: 5px;
}

.margin_bottom_normal, .minikalender, .personinfo {
	margin-bottom: 8px;
}

.margin_left_medium {
	margin-left: 5px;
}

.margin_right_medium, .undermeny, #show_member #kol_1 {
	margin-right: 5px;
}

.margin_right_large {
	margin-right: 15px;
}

.margin_left_normal {
	margin-left: 8px;
}

.margin_medium {
	margin: 5px;
}

.width_1pst, .navneliste td:last-child {
	width: 1%;
}

.width_33pst {
	width: 33%;
}

.width_50pst {
	width: 50%;
}

.width_98pst, .felt_maksi {
	width: 98%;
}

.width_100pst, .saksliste td:last-child {
	width: 100%;
}

.width_150, #adressemeny table {
	width: 150px;
}

#show_member #kol_1 {
	width: 230px;
}

.width_250, textarea, #innmelding .felt_maksi, #address .felt_maksi {
	width: 250px;
}

.width_300 {
	width: 300px;
}

.width_350 {
	width: 350px;
}

.width_500 {
	width: 500px;
}

.width_630 {
	width: 630px;
}

.float_left, #show_member #kol_1 {
	float: left;
}

.float_right, .undermenyvalg, #bookinger h3 button {
	float: right;
}

.clear_both, .text, .usertools, .navneliste {
	clear: both;
}

.block, img.senterbilde, #member_setup .roller label {
	display: block;
}

.inline, .undermenyvalg {
	display: inline;
}

.inline-block, .bransje, .permalenke {
	display: inline-block;
}

img.senterbilde, .senterblock, #under_hovedmeny, .minikalender .home {
	margin-right: auto;
	margin-left: auto;
}

.border_solid_maroon, #under_hovedmeny {
	border: 1px solid maroon;
}

.border_dotted_maroon, #show_member #kol_2, .roller, .bookingsbekreftelse {
	border: 1px dotted maroon;
}

.border_dotted_green, .permalenke {
	border: 1px dotted maroon;
}

.border_dotted_orange, .permalenke:hover {
	border: 1px dotted orange;
}

.border_solid_black {
	border: 1px solid black;
}

ol ul li {
	margin-left: 35px;
}

.skygge, #member_setup, table.hjelp, #WiFi-passord {
	box-shadow: 5px 5px 10px #888888;
}

.skygge_liten, .kontaktinfo, .personinfo, #anneskantine a {
	box-shadow: 2px 2px 2px #888888;
	display: inline-block;
	max-width: 300px;
}

.tekst-skygge, header #tveita {
	text-shadow: 3px 3px 3px black;
}

.rounded_10, #WiFi-passord {
	border-radius: 10px;
}

/* @end */

#topplogo a {
	display: block;
	background: url(/images/BGD-hovedgrafikk.png) no-repeat -120px 0;
	width: 650px;
	height: 74px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -10px;
	position: relative;
	right: 42px;
}

#topplogo a:hover {
	background: url(/images/BGD-hovedgrafikk.png) no-repeat -120px -253px;
}

#toppknapper {
	margin-right: auto;
	margin-left: auto;
	width: 650px;
	position: relative;
	right: 42px;
}

#under_hovedmeny {
	width: 110px;
	margin-top: 60px;
	height: 50px;
}

#toppmenyer {
	position: absolute;
	top: 60px;
	width: 1024px;
	height: 20px;
	z-index: 1000;
}

/* @group Hovedmeny */

#hovedmeny {
	position: relative;
}
#hovedmeny ul {
	position: absolute;
}
#hovedmeny li {
	float: left;
    margin-left: 1px;
}
#hovedmeny li:first-child {
    margin-left: 12px;
}

#hovedmeny li a {
	display: inline-block;
	float: left;
	padding: 7px;
	margin-right: 1px;
}

#hovedmeny a {
	color: yellow;
	background-color: green;
	text-decoration: none;
	font-weight: bold;
	border-radius: 0 0 10px 10px;
}

#hovedmeny a:hover {
	color: green;
	background-color: yellow;
}

#hovedmeny a.aktiv {
	color: yellow;
	background-color: yellowgreen;
}

.hovedmenytekst {
	display: block;
	margin-left: 35px;
	padding-top: 12px;
	letter-spacing: 0.02em;
	font: 600 1.25em "Architects Daughter";
}

/* @end */


#hovedmeny ul, .undermeny, .undermeny_styret {
	list-style-type: none;
}

#ledig a {
	background-color: yellow;
	margin-left: 10px;
	color: #e20;
}

/* @group Undermeny */

.undermeny {
	position: absolute;
	right: 0;
	top: 5px;
}

.undermeny li {
	float: right;
	margin-right: 1px;
	margin-left: 1px;
}

.undermeny a {
	display: block;
	padding: 5px;
	border-radius: 10px;
	box-shadow: 1px 1px 1px #888888;
}

.undermeny .aktiv {
	box-shadow: 1px 1px 1px black;
}

.undermeny a:hover, .undermeny .aktiv {
	text-decoration: none;
}

/* @end */

/* @group Farger */

.color01, .undermeny a, .undermeny_styret a {
	background-color: maroon;
}

.color02, .undermeny a:hover, .undermeny_styret a:hover {
	background-color: #6e4c29;
}

.color03, .minikalender .avbryt, .bedriftsinfo, .bedriftsbanner, #bookinger table select, .permalenke a:hover, .bookingsbekreftelse, #wifi span {
	background-color: #fff1b4;
}

.color04, a.attend, #search input[type="search"] {
	background-color: #c1ddab;
}

.color06 div.personinfo {
	background-color: #c1ddab !important;
}

.color05, th, thead td, #ekstrainnhold .switch, .saksliste th {
	background-color: green;
}

.color06, .personinfo, #bransjevalg, .permalenke, .minikalender tfoot, #bookinger table.oppsummering tfoot {
	background-color: #ebf5dc !important;
}

.altcolor1, table#visning_verv tr:nth-child(even), table.navneliste tr:nth-child(even), #litteraturbase div.litt-post, table.project tr:nth-child(even), table.forsidenyhet tr:nth-child(even), .forsidenyhet caption, .alternate1 tr:nth-child(even), div#beskjedboks .butikk, #oafugl-tabell tr:nth-child(even), .cashRegisters tr:nth-child(even) {
	background-color: #fff9ca;
}

.altcolor2, .admin, .parkeringsinfo div, div.kontaktinfo, #member_setup, table#visning_verv tr:nth-child(odd), table.navneliste tr:nth-child(odd), table.project tbody tr:nth-child(odd), .saksliste  table tr:hover, table.forsidenyhet tr:nth-child(odd), .alternate1 tr:nth-child(odd), .kalenderkat a:hover, #oafugl-tabell tr:nth-child(odd), .cashRegisters tr:nth-child(odd) {
	background-color: #feedcb;
}

.altcolor3, #show_littlist tr:nth-child(even), #red-rute, .brukerliste tr:nth-child(even), .balanse tr:nth-child(even), .betaling tr:nth-child(even), .alternate2 tr:nth-child(even), #vareliste tr:nth-child(even), .td-specs tr:nth-child(even), .row2 tr:nth-child(even), .autocomplete-selected, #bookinger table.oppsummering tr:nth-child(even) {
	background-color: #f4f3f5;
}

.altcolor4, #show_littlist tr:nth-child(odd), #litteraturbase, .brukerliste tr:nth-child(odd), .balanse tr:nth-child(odd), .betaling tr:nth-child(odd), .alternate2 tr:nth-child(odd), #vareliste tr:nth-child(odd), .td-specs tr:nth-child(odd), .row2 tr:nth-child(odd), #bookinger table.oppsummering tr:nth-child(odd) {
	background-color: #e8e7e9;
}

.edit, .tr-hover, .navneliste tbody tr:hover, .navneliste tbody tr.markert, #deleteButton {
	background-color: pink;
}

input.avbryt {
	background-color: #ffe4e4 !important;
}

.bg_grey {
	background-color: gray;
}

.bg_white, #show_member #kol_2 textarea {
	background-color: white;
}

/* @end */

/* @group Bedriftsinfo */

.bedriftsinfo {
	width: 234px;
	height: 110px;
	padding: 3px;
	margin: 0;
}

.bedriftsbanner {
	width: 150px;
	height: 82px;
	padding: 3px;
	float: left;
	margin: 5px;
	overflow: hidden;
}

a.mail-symbol {
	background: url(//serve.1sted.no/images/icons/internett.png) no-repeat 0 0;
	display: inline-block;
	width: 30px;
	height: 18px;
}

a.mail-symbol:hover {
	background: url(//serve.1sted.no/images/icons/internett.png) no-repeat 0 -17px;
}

a.globus-symbol {
	background: url(//serve.1sted.no/images/icons/internett.png) no-repeat -29px 0;
	display: inline-block;
	height: 18px;
	width: 18px;
}

a.globus-symbol:hover {
	background: url(//serve.1sted.no/images/icons/internett.png) no-repeat -29px -17px;
}

a.p-symbol {
	background: url(/images/minibilder/P-symboler.png) no-repeat 0 0;
	display: inline-block;
	height: 18px;
	width: 18px;
}

a.p-symbol:hover {
	background: url(/images/minibilder/P-symboler.png) no-repeat 0 -18px;
}

.logobox {
	width: 150px;
	height: 50px;
}

.internett {
	position: absolute;
	right: 2px;
	top: 20px;
}

.blokknr {
	display: inline-block;
	position: absolute;
	right: 4px;
	font-weight: bold;
	font-size: 1.2em;
	top: 3px;
}

.normal {
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
}

.tlf {
	position: absolute;
	bottom: 2px;
	right: 3px;
}

a.redigering {
	margin-left: 10px;
	font-size: 1.5em;
}

a.redigering:hover {
	text-decoration: none;
	color: green;
}

a.redigering:after {
	content: "\2192";
}

/* @end */

/* @group Bransjevalg og kryssefelter */

.first_letter {
	display: inline-block;
}

.bransje {
	font-weight: bold;
	color: fuchsia;
}

#bransjevalg {
	min-height: 136px;
}

.paginering .bransjevalg {

}

label.first_letter {
	border-left: 1px dotted green;
	margin-right: 3px;
}

/* @end */

/* @group Søk */

#search_result div {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 4px;
}

#search_result h4 {
	padding-left: 25px;
	margin-top: 0;
}

#company {
	background-color: #fff3df;
}

#text {
	background-color: #defddd;
}

#business {
	background-color: #ffe3d0;
}

#role {
	background-color: #e7fefe;
}

/* @end */

#bunntekst {
	margin-top: 30px;
	border-top: 1px dotted gray;
}

input, textarea {
	border-radius: 5px;
}

.border-radius_normal, #loginvindu, #under_hovedmeny {
	border-radius: 10px;
}

/* @group Admin */

.join {
	background-color: teal;
}

/* @end */