
/* HEADER */
.outer_wrap.header  {
	position: fixed;
	z-index: 110;
	top: 10px; 
	height: 32px;
}
/* FIXED PÅ ARTIST EDIT + ARTIST PAGE */
.outer_wrap.header.fixed  {
	position: fixed;
}
header {
	height: inherit; /* FRA .outer_wrap.header */
}
/* ----------------- END OF HEADER */

/* MENU WRAP  */
nav.wrap_main_nav  {
	visibility: hidden; /* CORE PAGES + EDIT + DONT INDEX - SE STRUCTURE HEAD FOR VISNING */		
	float: right; /* SE nav.js FOR FLOAT LEFT PÅ find-kunstnere.php + login + MOBILE */
	height: 32px;
	padding-right: 10px; /* ALIGN MED DATAPOLITIK */
}

/* FORMS I NAV - DEFAULT STYLING*/
form.nav_form {
	display: none;
	float: left;
	width: auto;
	height: inherit; 
	text-align: right; /* SE input inline-block - PLACERER submit YDERTS TIL HØJRE */
}
/* FORMS SPECIAL - "soeg_kunstere + login - SE HEADER_CORE  */
form.form_search,
form.form_login {
	float: right; /* FLOATER ALTID RIGHT */
}
/* INPUTS - DEFAULT STYLING */
form.nav_form > input {
	display: inline-block; /* SE FORMS text-align - PLACERER submit YDERTS TIL HØJRE */
	width: 180px; 
	height: inherit;	
	margin-right: 10px;
	background: white;	
}
/* FORMS SPECIAL - "soeg_kunstere + login - PLACERET I HEADER_CORE  */
form.nav_form > input.text_nav_form {
	height: inherit; 
	border-bottom: 1px solid #313131;
}
/* FORM SUBMIT - BÅDE HEADER_CORE + HEADER_ARTIST_PAGE */
form.nav_form > input.submit_nav_form {
	float: right;
	width: 100px; 
	heigth: inherit; 
	border: 1px solid #313131;
	border-radius: 6px;
	line-height: 100%; 
}

/* TIL GLEMT PASS UNDER BUTTON LOGIN */
form.nav_form a.submit_forgotten_pass {
	float: right;
	width: 150px; 
	heigth: inherit; 
	height: 32px; 	line-height: 100%; 
	margin-right: 10px; /* AFSTAND TIL ICON MENU */
	border: 1px solid #313131;
	border-radius: 6px;
}

/* TEXT STYLING I BUNDEN */

/* -------------> END OF FORMS  */


/* UL LI */
ul.header {
	float: right; /* FORMS FLOATER OGSÅ RIGHT */
	height: inherit; 
	list-style-type: none;
}
ul.header > li {
	float: right;
	min-width: 100px;
	height: inherit;
	margin-right: 10px;
	background: #F4F2E8; /* DEFAULT CREME LYS */
	border: 1px solid #313131;
	border-radius: 6px;
	
	cursor: pointer;
}
ul.header > li > a { 
	display: block;
	height: 100%;
	line-height: 2.0; 	
	text-align: center;
}
/* END OF UL  ------------- */


/* SHOW / HIDE */
nav.wrap_show_hide_nav {
	display: none;
	float: right; /* nav.wrap_main_nav FLOATER LEFT */ 
	width: 30px; 
	height: inherit;
}

/* HIDE / SHOW NAV + CANCEL FORM */
button.icon_menu_mobile,
button.icon_menu_close_forms,
button.icon_hide_mobile {
	display: none;
	width: 100%; height: 100%; 
	background-color: white; 
	background-size: 18px 18px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #313131;
	border-radius: 6px;
	
	cursor: pointer;
}

/* MOBILE IMAGE */
button.icon_menu_mobile,
button.icon_menu_close_forms {
	background-image: url(/images/icons/icon_menu.png);
}
/* HIDE IMAGE */
button.icon_hide_mobile {
	background-image: url(/images/icons/icon_close.png);
}
/* ---------> END OF SHOW / HIDE */


/* TEXT STYLING */
ul.header > li,
ul.header > li > a,
form.nav_form > input.text_nav_form,
form.nav_form > input.submit_nav_form,
form.nav_form > a.submit_nav_form { 
	text-align: center;
/*	color: #313131;*/
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
/* VERT CENTER */
ul.header > li,
form.header > li > a { 
	line-height: 2.0; 	
}
form.nav_form > input.text_nav_form  { 
	text-align: left;
	font-weight: normal;
}
form.nav_form > input.submit_nav_form { 
	line-height: 100%; 	
}
form.nav_form > a.submit_nav_form  { 
	line-height: 32px; 	
}

/* MOBILE TEXT */
@media only screen and (max-width : 680px) {
ul.header > li,
ul.header > li > a,
form.nav_form > input.text_nav_form,
form.nav_form > input.submit_nav_form,
form.nav_form a.submit_forgotten_pass  { 
	font-size: 17px; /* 15px */
	font-size: 1.7rem;
}
}
/* ---------> END OF TEXT */


/* DEFAULT NAV -------------> */
/* FORSIDE */
ul.header > li.forside {
	width: auto;
	padding: 0 10px;
	background-color: #D4D8D7;
		background-color: #F5F5F5; /* NA VLI COLOR */
}

/* FIND KUNSTNERE  */
ul.header > li.kunstnere {
	color: white;
	background-color: #F5F5F5; /* NAv VLI COLOR */
	
}
/* OPEN SEARCH FORM SPECIAL */
ul.header > li.soeg_kunstner {
	display: none; /* VIS FØRST VED KLIK PÅ li.kunstnere */
	width: 110px; /* TEXT ER BRED */
	background-color: #F3ECCE; /* GUL PASTEL */
}
/* SEARCH FORM */
form.form_serach {
	float: right; /* FLOAT ALTID RIGHT */
}
form.form_serach > input.submit_search  {
	color: white;
	background-color: #F3F4DC; /* SUBMIT COLOR */
}

/* KONTAKT */
ul.header > li.kontakt {
	background-color: #F5F5F5; /* NAV LI COLOR */
}

/* OPRET EN KUNSTNER */
ul.header > li.opret_en_kunstner {
	background-color: #EDF6F6; /* BLÅ PASTEL */
}

/* LOGIN - FORMS SPECIAL  */
ul.header > li.login, /* SHOW FORM LOGIN */
form.form_login > input.submit_login {
	background: #E4EBD3; /* GRØN PASTEL  */
}
/* GLEMT PASSWORD */
form.nav_form > a.submit_nav_form  {
	background: #ECDBD5; /* RØD PASTEL  */
}
/* --------- END OF DEFAULT NAV */


/* LOGGED IN NAV -------------> */
/* REDIGER ARTIST PAGE */
form.form_rediger > input.submit_rediger {
	color: white;
	background-color: #BCA136; /* MØRK GUL */
}

/* GEM OG VIS ARTIST PAGE*/
form.form_save_page > input.submit_save_page {
	color: white;
	background-color: #436A77; /* MØRK BLÅ */
}

/* VIS KOMMENTAR */
form.form_message_show > input.submit_message_show {
	color: white;
	background-color: #6F8732; /* MØRK GRØN */	
}

/* NYT PASS */
ul.header > li.nyt_pass {
	background-color: #a4560a; /* MØRK ORANGE */
}
ul.header > li.nyt_pass > a {
	color: white; 
}

/* LOG OUT */
form.form_logout > input.submit_logout {
	color: white;
	background-color: #9A2617; /* MØRK RØD */
}
/* --------- END OF ARTIST NAV */