/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ---------- CSS STYLE SHEET - SJØRETTSFORENINGEN ----------- */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */


BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	text-align: center;
}

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

A:LINK {
	color: #697BB6;
	font-weight: 700; 	
 	text-decoration: none
}


A:VISITED {
	color: #697BB6;	
	font-weight: 700; 
 	text-decoration: none
} 
 
 
A:HOVER { 
	color: #B3625C;	
	font-weight: 700; 
 	text-decoration: underline
}


A:ACTIVE {
	color: #B3625C;	
	font-weight: 700; 
 	text-decoration: none
}

/* ----------------------------------------------------------- */
#pageRamme {
	width: 714px;
	border: 1px solid #697BB6;
	text-align: left;
}

#pageHeadingLogo,
#navigation,
#pageFooter {
	position: relative;
	margin-left: 6px;
	margin-top: 6px;
}

#pageMain {
	position: relative;
	margin-left: 162px;
	margin-top: -320px;
	width: 544px;
	background-color: #FFFFFF;
	border: 1px solid #697BB6;
	padding: 9px;
}


#pageFooterOppdateringer {
	position: relative;
	margin-left: 156px;
	width: 269px;
	height: 97px;
	background-color: #FFFFFF;
	border: 1px solid #697BB6;
	padding: 5px;
}

#pageFooterSkjemaer {
	position: relative;
	margin-left: 431px;
	margin-top: -97px;
	width: 269px;
	height: 80px;
	background-color: #FFFFFF;
	border: 1px solid #697BB6;
	padding: 5px;
}

#pageFooterAnsvar {
	position: relative;
	margin-left: 0px;
	margin-top: 6px;
	width: 698px;
}

#pageCredits {
	position: relative;
	text-align: center;
}

#pageAdmin {
	position: relative;
	text-align: right;
}

.pageHR {
	color: #697BB6;
}


#pageHeadingText {
	font-size: 12px;
	color: #697BB6;
	font-style: italic;
	font-weight: 700;
}

#pageBodyText {
	font-size: 11px;
	color: #000000;
}

#pageTilbake {
	font-size: 11px;
	color: #000000;
	text-align: center;
}


.bulletForm {
	position: relative;
	margin-left: 5px;
}


/* ------------------------------------------- */
/* --------- INNMELDINGSSKJEMA --------------- */
/* ------------------------------------------- */
div#innmeldingFornavn,
div#innmeldingEtternavn,
div#innmeldingAdresse,
div#innmeldingPostnr,
div#innmeldingPoststed,
div#innmeldingTelefon,
div#innmeldingMobil,
div#innmeldingEmail,
div#innmeldingArbeidsgiver,
div#innmeldingKommentarer {
	position: relative;
	margin-top: 5px;
}

/* MEDLEMSTYPE */
div#innmeldingMedlemstype {
	margin-bottom: 5px;
}

#innmeldingLabelMedlemstype {
	position: relative;
	margin-left: 8px;
}

#innmeldingSelectMedlemstype {
	position: relative;
	margin-left: 71px;
}

/* FORNAVN */
div#innmeldingFornavn {
	position: relative;
}

#innmeldingLabelFornavn {
	position: relative;
	margin-left: 8px;
}

#innmeldingInputFornavn {
	position: relative;
	margin-left: 100px;
}

/* ETTERNAVN */
#innmeldingLabelEtternavn {
	position: relative;
	margin-left: 0px;
}

#innmeldingInputEtternavn {
	position: relative;
	margin-left: 95px;
}

/* ADRESSE */
#innmeldingLabelAdresse {
	position: relative;
	margin-left: 0px;
}

#innmeldingInputAdresse {
	position: relative;
	margin-left: 104px;
}

/* POSTNR */
#innmeldingLabelPostnr {
	position: relative;
	margin-left: 0px;
}

#innmeldingInputPostnr {
	position: relative;
	margin-left: 114px;
}

/* POSTSTED */
#innmeldingLabelPoststed {
	position: relative;
	margin-left: 0px;
}

#innmeldingInputPoststed {
	position: relative;
	margin-left: 102px;
}

/* TELEFON */
#innmeldingLabelTelefon {
	position: relative;
	margin-left: 5px;
}

#innmeldingInputTelefon {
	position: relative;
	margin-left: 108px;
}

/* MOBIL */
#innmeldingLabelMobil {
	position: relative;
	margin-left: 5px;
}

#innmeldingInputMobil {
	position: relative;
	margin-left: 121px;
}

/* E-MAIL */
#innmeldingLabelEmail {
	position: relative;
	margin-left: 5px;
}

#innmeldingInputEmail {
	position: relative;
	margin-left: 114px;
}

/* ARBEIDSGIVER */
#innmeldingLabelArbeidsgiver {
	position: relative;
	margin-left: 5px;
}

#innmeldingInputArbeidsgiver {
	position: relative;
	margin-left: 78px;
}

/* KOMMENTARER */
#innmeldingLabelKommentarer {
	position: relative;
	margin-left: 5px;
	margin-top: -100px;
	vertical-align: top;
}

#innmeldingInputKommentarer {
	position: relative;
	margin-left: 9px;
}




/* ------------------------------------------- */
/* ---------- PÅMELDINGSSKJEMA --------------- */
/* ------------------------------------------- */
div#pameldingFornavn,
div#pameldingEtternavn,
div#pameldingTelefon,
div#pameldingMobil,
div#pameldingEmail,
div#pameldingArbeidsgiver,
div#pameldingDeltakelse,
div#pameldingBetaling,
div#pameldingKommentarer {
	position: relative;
	margin-top: 5px;
}

/* ARRANGEMENT */
div#pameldingArrangement {
	margin-bottom: 5px;
}

#pameldingLabelArrangement {
	position: relative;
	margin-left: 8px;
	color: #697BB6;
	font-weight: 700;
}

#pameldingSelectArrangement {
	position: relative;
	margin-left: 57px;
}

/* FORNAVN */
div#pameldingFornavn {
	position: relative;
}

#pameldingLabelFornavn {
	position: relative;
	margin-left: 8px;
}

#pameldingInputFornavn {
	position: relative;
	margin-left: 100px;
}

/* ETTERNAVN */
#pameldingLabelEtternavn {
	position: relative;
	margin-left: 0px;
}

#pameldingInputEtternavn {
	position: relative;
	margin-left: 95px;
}

/* TELEFON */
#pameldingLabelTelefon {
	position: relative;
	margin-left: 5px;
}

#pameldingInputTelefon {
	position: relative;
	margin-left: 108px;
}

/* MOBIL */
#pameldingLabelMobil {
	position: relative;
	margin-left: 5px;
}

#pameldingInputMobil {
	position: relative;
	margin-left: 121px;
}

/* E-MAIL */
#pameldingLabelEmail {
	position: relative;
	margin-left: 5px;
}

#pameldingInputEmail {
	position: relative;
	margin-left: 114px;
}

/* ARBEIDSGIVER */
#pameldingLabelArbeidsgiver {
	position: relative;
	margin-left: 5px;
}

#pameldingInputArbeidsgiver {
	position: relative;
	margin-left: 78px;
}

/* DELTAKELSE */
#pameldingLabelDeltakelse {
	position: relative;
	margin-left: 5px;
}

#pameldingSelectDeltakelse {
	position: relative;
	margin-left: 90px;
}

/* BETALING */
#pameldingLabelBetaling {
	position: relative;
	margin-left: 8px;
}

#pameldingSelectBetaling {
	position: relative;
	margin-left: 104px;
}

/* KOMMENTARER */
#pameldingLabelKommentarer {
	position: relative;
	margin-left: 5px;
	margin-top: -100px;
	vertical-align: top;
}

#pameldingInputKommentarer {
	position: relative;
	margin-left: 9px;
}




/* ----------------------------------------- */
/* --------- OPPSETT AV FORM --------------- */
/* ----------------------------------------- */
/* FELLES */
div#etternavn,
div#adresse,
div#postnr,
div#poststed,
div#telefon,
div#mobil,
div#e-mail,
div#arbeidsgiver,
div#kommentarer {
	position: relative;
	margin-top: 5px;
}


/* ----------------------------------------- */
/* ----------------------------------------- */
/* FORNAVN */
div#fornavn {
	position: relative;
}

#labelFornavn {
	position: relative;
	margin-left: 8px;
}

#inputFornavn {
	position: relative;
	margin-left: 100px;
}
/* ----------------------------------------- */
/* ETTERNAVN */
#labelEtternavn {
	position: relative;
	margin-left: 0px;
}

#inputEtternavn {
	position: relative;
	margin-left: 95px;
}
/* ----------------------------------------- */
/* ADRESSE */
#labelAdresse {
	position: relative;
	margin-left: 0px;
}

#inputAdresse {
	position: relative;
	margin-left: 86px;
}
/* ----------------------------------------- */
/* POSTNR */
#labelPostnr {
	position: relative;
	margin-left: 0px;
}

#inputPostnr {
	position: relative;
	margin-left: 87px;
}
/* ----------------------------------------- */
/* POSTSTED */
#labelPoststed {
	position: relative;
	margin-left: 0px;
}

#inputPoststed {
	position: relative;
	margin-left: 75px;
}
/* ----------------------------------------- */
/* TELEFON */
#labelTelefon {
	position: relative;
	margin-left: 5px;
}

#inputTelefon {
	position: relative;
	margin-left: 108px;
}
/* ----------------------------------------- */
/* MOBIL */
#labelMobil {
	position: relative;
	margin-left: 5px;
}

#inputMobil {
	position: relative;
	margin-left: 121px;
}
/* ----------------------------------------- */
/* E-MAIL */
#labelEmail {
	position: relative;
	margin-left: 5px;
}

#inputEmail {
	position: relative;
	margin-left: 114px;
}
/* ----------------------------------------- */
/* ARBEIDSGIVER */
#labelArbeidsgiver {
	position: relative;
	margin-left: 5px;
}

#inputArbeidsgiver {
	position: relative;
	margin-left: 78px;
}
/* ----------------------------------------- */
/* KOMMENTARER */
#labelKommentarer {
	position: relative;
	margin-left: 5px;
	margin-top: -100px;
	vertical-align: top;
}

#inputKommentarer {
	position: relative;
	margin-left: 9px;
}
/* ----------------------------------------- */
/* SUBMITBUTTON */
#submitButton {
	position: relative;
	margin-left: 180px;
}
/* ----------------------------------------- */


/* ----------------------------------------- */
/* -------- FORM-ELEMENTER ----------------- */
#postData {
	margin-left: 20px;
}

#postLabelMedlemstype,
#postLabelArrangement,
#postLabelNavn,
#postLabelAdresse,
#postLabelTelefon,
#postLabelMobil,
#postLabelEmail,
#postLabelDeltakelse,
#postLabelBetaling,
#postLabelArbeidsgiver,
#postLabelKommentarer {
	font-style: italic;
}

#fieldMedlemstype {
	margin-left: 11px;
}

#fieldArrangement {
	margin-left: 12px;
}

#fieldNavn {
	margin-left: 59px;
}

#fieldAdresse {
	margin-left: 42px;
}

#fieldNyAdresse {
	margin-left: 24px;
}

#fieldPostadresse {
	margin-left: 93px;
}

#fieldTelefon {
	margin-left: 46px;
}

#fieldMobil {
	margin-left: 59px;
}

#fieldEmail {
	margin-left: 52px;
}

#fieldDeltakelse {
	margin-left: 28px;
}

#fieldBetaling {
	margin-left: 41px;
}

#fieldArbeidsgiver {
	margin-left: 16px;
}

#fieldKommentarer {
	margin-left: 93px;
	margin-top: -13px;
}


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




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

TD {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

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

INPUT { 
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #697BB6; 
}

.checkbox {
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid;
	margin-left: -4;
}


.input_hidden {
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid; 
}

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

TEXTAREA { 
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #697BB6;
}

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

SELECT { 
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #697BB6; 
}

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

UL {
	list-style-image: url(../images/list-style.gif);
}

/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ------------------ EGENDEFINERTE KLASSER ------------------ */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */


/* ----------------------------------------------------------- */
/* -------------------- KLASSER TIL PAGE --------------------- */
/* ----------------------------------------------------------- */

.page_heading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #697BB6;
	font-style: italic;
	font-weight: 700;
}


.page_heading_2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #697BB6;
	font-weight: 700;
}


.page_heading_sort {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: italic;
	font-weight: 700;
}


.page_body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
	
	
.page_footer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #697BB6;
}


.page_footer_contact {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #697BB6;
}


.page_skjema_heading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-decoration: underline; 
	color: #697BB6;
	margin-left: 20px;
}


.page_skjema_body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #697BB6;
	margin-left: 20px;
}


/* ----------------------------------------------------------- */
/* ---------------- KLASSER TIL <FORM></FORM> ---------------- */
/* ----------------------------------------------------------- */

.button { 
	width: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: 700;
	font-size: 10px; 
	background-color: #697BB6; 
	color: #FFFFFF;
	margin-top: 3px; 
	margin-bottom: 3px;  
}


.input {
	width: 220px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #697BB6;
}


.input_no_border {
	border: none;
}


.input_telefon {
	width: 60;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #697BB6;
}


.kommentar {
	width: 220px;
	height: 60px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #697BB6;
	
	scrollbar-face-color: #697BB6;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-shadow-color: #697BB6;
	scrollbar-track-color: #FFFFFF;
	scrollbar-higlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #CCCCCC;  
}


.select {
	width: 222px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #697BB6;
}


.error {
	color: red;
	font-weight: 700;
}



/* ----------------------------------------------------------- */
/* --------------------- KLASSER TIL CMS --------------------- */
/* ----------------------------------------------------------- */

.cms_navigation {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #697BB6;
	font-weight: 700;
}


.cms_navigation a:hover {
	color: #FFFFFF;
	background-color: #697BB6; 
}


.cms_heading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #697BB6;
	font-weight: 700;
	text-align: center;
}


.cms_body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000000;	
}


.cms_body_navigation {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #697BB6;
}


.cms_body_navigation a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
	background-color: #697BB6; 
}


.cms_hr {
	color: #697BB6;
	text-align: center;
	width: 330px;	
}


.cms_liste {
	margin-left: 250px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #697BB6;
	font-weight: 700;	
}


.cms_form_heading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #697BB6;
	font-weight: 700;
	font-style: italic;
}


ul.cms_meny {
	positon: absolute;
	margin-left: 210px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #697BB6;
	font-weight: 700;
}


ul.cms_meny a:hover {
	color: #FFFFFF;
	background-color: #697BB6; 
}


#ramme {
border: 1px solid #697BB6;
background-color: white;
}


#venstre {
position: relative;
margin-left: 50px;
}


#høyre {
position: relative;
margin-left: 400px;
}


#menu_venstre {
position: relative;
margin-left: -11px;
margin-top: -16px;
border: 1px solid #000000;
}



/* ------------------------------------------------------ */
/* STYLESHEET FOR NY CMS */

#top {
	position: absolute;
	margin-top: -13px;
	margin-left: -8px;
}

p.topHeading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: 700;
}


#navigator {
	position: absolute;
	margin-top: 15px;
	margin-left: -35px;
}

ul#navigatorText {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #5C6F90;
}

ul#navigatorText li {
	border-top: 1px solid #FFFFFF;
}

ul#navigatorText li a:link, ul#navigatorText li a:visited {
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 1px 5%;
	background-color: #5C6F90;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: 700;
}

ul#navigatorText li a:hover {
	background-color: #B3625C;
	color: #EEE;
}



#main {
	position: absolute;
	margin-top: 15px;
	margin-left: 150px;
	width: 450px;
}

p.mainText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: 700;
}