@charset "utf-8";

/* ØYEDROPS.no */

* {
	
	margin: 0;
	padding: 0;

}

html, body {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #5a5a5a;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 100%;
	display: table;

}

a, img {

	border: none;
	text-decoration: none;
	outline: none;

}

a img {

	border: none;
	text-decoration: none;
	outline: none;

}

a {

	border: none;
	text-decoration: none;
	outline: none;

}

a:link {

	border: none;
	text-decoration: none;
	outline: none;

}

a:hover {

	border: none;
	text-decoration: none;	
	outline: none;

}

table, td, tr {
	
	padding: 0.5em;

}

/* KONTAINER */

div#container {
	
	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #5a5a5a;
	margin: 0 auto;
	text-align: left;
	width: 1050px;
	height: auto;
	position: relative;

}

* html div#container {

	height: auto;

}

/* LOGO */

div#logocont {
	
	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #5a5a5a;
	margin: 0 auto;
	text-align: left;
	width: 972px;
	height: 130px;
	position: relative;
	margin-bottom: 20px;

}

* html div#container {

	height: auto;

}

div#logo {

	width: 274px;
	height: 130px;
	border: none;
	text-decoration: none;
	float: left;
	margin-left: -10px;
	margin-top: 0px;

}

/* INNHOLD */

div.content {
	
	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #5a5a5a;
	width: 1050px;
	height: auto;
	float: left;
	position: relative;

}

* html div.content {

	height: auto;

}

div.panels {

	width: 950px;
	height: auto;
	float: left;
	position: relative;

}

.tabs {

	width: 950px;
	height: auto;
	display: none;
	float: left;
	position: relative;

}

h1.title {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 12pt;
	color: #5a5a5a;
	margin-top: 0px;

}

div.content a {

	color: #919191;
	border: none;
	outline: none;
	text-decoration: none;

}

div.content a:hover {

	color: #5a5a5a;
	border: none;
	outline: none;
	text-decoration: none;

}

div.content a img {

	border: none;
	text-decoration: none;

}

div.content a.title {

	font-size: 12pt;
	color: #5a5a5a;
	font-weight: bold;
	border: none;
	text-decoration: none;

}

div.content a.title:hover {

	font-size: 12pt;
	color: #5a5a5a;
	font-weight: bold;
	border: none;
	text-decoration: none;

}

div.contentbot {

	text-align: left;
	width: 950px;
	height: auto;
	float: left;

}

* html div.contentbot {

	height: auto;

}

/* FORM */

.submit {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #303030;
	background-color: #e1e1e1;
    padding: 0.3em;
	text-align: center;
	width: 50px;
	text-decoration: none;
	border: none;
	outline: none;
	cursor: pointer;

}

.submit:hover {
	
	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #303030;
	background-color: #e1e1e1;
    padding: 0.3em;
	text-align: center;
	width: 50px;
	text-decoration: none;
	border: none;
	outline: none;
	cursor: pointer;

}

.submit:focus {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #e1e1e1;
    padding: 0.3em;
	text-align: center;
	width: 50px;
	text-decoration: none;
	border: none;
	outline: none;
	cursor: pointer;

}

input {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #5a5a5a;
	background-color: #e1e1e1;
    padding: 0.4em;
	width: 200px;
	border: 1px solid #CCCCCC;

}

input:hover {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #5a5a5a;
	background-color: #e1e1e1;
    padding: 0.4em;
	width: 200px;
	border: 1px solid #CCCCCC;

}

input:focus {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #5a5a5a;
	background-color: #e1e1e1;
    padding: 0.4em;
	width: 200px;
	border: 1px solid #CCCCCC;

}

select {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	background-color: #e1e1e1;
	padding: 0.4em;
	border: 1px solid #CCCCCC;
	width: 200px;

}

select:hover {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	background-color: #e1e1e1;
    padding: 0.4em;
	border: 1px solid #CCCCCC;
	width: 200px;

}

select:focus {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	background-color: #e1e1e1;
	padding: 0.4em;
	border: 1px solid #CCCCCC;
	width: 200px;

}

textarea {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #5a5a5a;
	background-color: #e1e1e1;
    padding: 0.4em;
	border: 1px solid #CCCCCC;
	width: 200px;

}

textarea:hover {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #5a5a5a;
	background-color: #e1e1e1;
    padding: 0.4em;
	border: 1px solid #CCCCCC;
	width: 200px;

}

textarea:focus {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 9pt;
	color: #5a5a5a;
	background-color: #e1e1e1;
    padding: 0.4em;
	border: 1px solid #CCCCCC;
	width: 200px;

}

/* LINKER */

ul.navigation {

	list-style: none;
    float: left;
	margin-top: -34px;
	margin-left: 0px;
	display: block;
	position: relative;

}

ul.navigation li {

    float: left;
	display: block;
	position: relative;
    margin-right: 2px;
	list-style: none;
	
}

ul.navigation a {
	
	color: #FFFFFF;
	list-style: none;
	display: block;

}

ul.navilogin {

    list-style: none;
    float: right;
	margin-top: -34px;
	margin-left: 0px;

}

ul.navilogin li {

    display: inline;
    margin-right: 0px;

}

ul.navigationadmin {
	
	list-style: none;
    float: left;
	margin-left: 0px;

}

ul.navigationadmin li {
	
	color: #FFFFFF;
	list-style: none;
	display: inline;
    margin-right: 10px;

}

ul.navigationadmin a {
	
	color: #FFFFFF;
	list-style: none;

}

ul.navigation a div.knappanim {

	width: 107px;
	height: 34px;
	border: none;
    text-decoration: none;
	background-image: url('../images/animasjon.png');
	background-repeat: no-repeat;
	float: left;
	margin-right: 4px;
	position: relative;

}

ul.navigation a div.knappanim:hover {

	width: 107px;
	height: 34px;
	border: none;
    text-decoration: none;
	float: left;
	margin-right: 4px;
	position: relative;

}

ul.navigation a div.knappanimactive {

	width: 107px;
	height: 34px;
	border: none;
    text-decoration: none;
	background-image: url('../images/animasjon_aktiv.png');
	background-repeat: no-repeat;
	float: left;
	margin-right: 4px;
	position: relative;

}

ul.navigation a div.knappdes {

	width: 107px;
	height: 34px;
	border: none;
    text-decoration: none;
	background-image: url('../images/design.png');
	background-repeat: no-repeat;
	float: left;
	margin-right: 4px;
	position: relative;

}

ul.navigation a div.knappdes:hover {

	width: 107px;
	height: 34px;
	border: none;
    text-decoration: none;
	float: left;
	margin-right: 4px;
	position: relative;

}

ul.navigation a div.knappdesactive {

	width: 107px;
	height: 34px;
	border: none;
    text-decoration: none;
	background-image: url('../images/design_aktiv.png');
	background-repeat: no-repeat;
	float: left;
	margin-right: 4px;
	position: relative;

}

ul.navigation a div.knappreel {

	width: 120px;
	height: 34px;
	border: none;
    text-decoration: none;
	background-image: url('../images/showreel.png');
	background-repeat: no-repeat;
	float: left;
	margin-right: 4px;
	position: relative;

}

ul.navigation a div.knappreel:hover {

	width: 120px;
	height: 34px;
	border: none;
    text-decoration: none;
	float: left;
	margin-right: 4px;
	position: relative;

}

ul.navigation a div.knappreelactive {

	width: 120px;
	height: 34px;
	border: none;
    text-decoration: none;
	background-image: url('../images/showreel_aktiv.png');
	background-repeat: no-repeat;
	float: left;
	margin-right: 4px;
	position: relative;

}

ul.navigation a div.knappoye {

	width: 107px;
	height: 34px;
	border: none;
    text-decoration: none;
	background-image: url('../images/oyedrops.png');
	background-repeat: no-repeat;
	float: left;
	margin-right: 0px;
	position: relative;

}

ul.navigation a div.knappoye:hover {

	width: 107px;
	height: 34px;
	border: none;
    text-decoration: none;
	float: left;
	margin-right: 0px;
	position: relative;

}

ul.navigation a div.knappoyeactive {

	width: 107px;
	height: 34px;
	border: none;
    text-decoration: none;
	background-image: url('../images/oyedrops_aktiv.png');
	background-repeat: no-repeat;
	float: left;
	margin-right: 0px;
	position: relative;

}

ul.navilogin a div.knapplogin {

	width: 106px;
	height: 34px;
	border: none;
    text-decoration: none;
	background-image: url('../images/login.png');
	background-repeat: no-repeat;
	float: left;
	margin-right: 0px;
	position: relative;

}

ul.navilogin a div.knapplogin:hover {

	width: 106px;
	height: 34px;
	border: none;
    text-decoration: none;
	float: left;
	margin-right: 0px;
	position: relative;

}

ul.navilogin a div.knapploginactive {

	width: 106px;
	height: 34px;
	border: none;
    text-decoration: none;
	background-image: url('../images/login_aktiv.png');
	background-repeat: no-repeat;
	float: left;
	margin-right: 0px;
	position: relative;

}

div#ahlink a div.knappplay {

	width: 132px;
	height: 81px;
	border: none;
    text-decoration: none;
	background-image: url('../images/playspot.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;

}

div#ahlink a div.knappplay:hover {

	width: 132px;
	height: 81px;
	border: none;
    text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
}

div#ahlink a div.knappplayactive {

	width: 132px;
	height: 81px;
	border: none;
    text-decoration: none;
	background-image: url('../images/playspot_aktiv.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;

}

/* KLIENTLISTE */

div#klientliste {

	width: 950px;
	height: 130px;
	display: none;

}

div.klientlistecont {

	float: left;
	width: 926px;
	height: 110px;
	margin-left: -37px;
	margin-bottom: 20px;
	text-align: left;
	padding-top: 10px;

}

div.klientlistecont ul.klientul {

	float: left;
	width: 150px;
	display: inline;
	list-style-type: none;
	margin-top: 15px;
	margin-left: 0px;

}

div.klientlistecont ul.klientul li.klienter {

	color: #5a5a5a;
	font-size: 10pt;
	font-weight: bold;
	border: none;
	text-decoration: none;
	outline: none;
	width: 130px;
	height: auto;
	background: transparent;
	float: left;
	padding: 3px;

}

div.klientlistecont li a {

	color: #919191;
	font-size: 10pt;
	border: none;
	text-decoration: none;
	outline: none;
	width: 130px;
	height: auto;
	background: transparent;
	float: left;
	padding: 3px;

}

div.klientlistecont li a:hover {

	color: #5a5a5a;
	font-size: 10pt;
	border: none;
	text-decoration: none;
	outline: none;
	width: 130px;
	height: auto;
	float: left;
	padding: 3px;

}

div.klientlistelink {

	float: right;
	margin-right: 40px;
	margin-top: 3px;
	width: 91px;
	height: 23px;

}

div.klientlistelink div.klientlistet {

	width: 91px;
	height: 23px;
	border: none;
	text-decoration: none;
	background-image: url('../images/knappklient.van.png');
	background-repeat: no-repeat;
	float: left;
	display: block;

}

div.klientlistelink div.klientlistethover {

	width: 91px;
	height: 23px;
	border: none;
    text-decoration: none;
    background-image: url('../images/knappklient.hov.png');
	background-repeat: no-repeat;
	float: left;
	display: block;

}

div.klientlistelink div.klientlistetpush {

	width: 91px;
	height: 23px;
	border: none;
    text-decoration: none;
    background-image: url('../images/knappklient.push.png');
	background-repeat: no-repeat;
	float: left;
	display: block;

}

div.klientlistelink div.klientlistetactive {

	width: 91px;
	height: 23px;
	border: none;
	text-decoration: none;
	background-image: url('../images/knappklient.pushed.png');
	background-repeat: no-repeat;
	float: left;
	display: block;

}

/* PROSJEKT */

div#arbeidheader {

	width: 1100px;
	height: 650px;
	margin: 0 auto;
	z-index: 100;

}

div#ahcontact {
	
	width: 345px;
	height: 62px;
	float: right;
	position: relative;
	margin-top: 27px;
	margin-right: 60px;

}

div#ahcontact img {

	position: absolute;
	top: 0;
	left: 0;
	width: 345px;
	height: 62px;
	float: left;

}

div#ahlink {
	
	width: 132px;
	height: 81px;
	float: left;
	position: relative;
	margin-top: 270px;
	margin-left: 490px;

}

div#ahlink img {

	position: absolute;
	top: 0;
	left: 0;
	width: 132px;
	height: 81px;
	float: left;

}

div#arbeidshow {

	width: 972px;
	height: 400px;
	border: 0px solid #CCCCCC;
	margin: 0 auto;
	position: relative;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: -100px;
	z-index: 102;

}

div#arbeidshownav {

	width: 972px;
	height: 36px;
	float: left;
	z-index: 102;
	background-image: url('../images/container_topp.png');
	background-repeat: no-repeat;

}

div#arbeidshowcont {

	width: 954px;
	height: auto;
	float: left;
	background-image: url('../images/container_mid.png');
	background-repeat: repeat-y;
	border-top: 0px;
	padding-top: 5px;
	padding-left: 18px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top: -9px;

}

div#arbeidshowbot {	

	width: 972px;
	height: 29px;
	float: left;
	position: relative;
	margin-top: 0px;
	background-image: url('../images/container_bunn.png');
	background-repeat: no-repeat;
	margin-bottom: 20px;

}

div#wrkspacer {

	width: 970px;
	height: 150px;
	float: left;
	position: relative;
	background: transparent;

}

div.wrkitem {

	color: #5a5a5a;
	float: left;
	display: inline;
	width: 180.4px;
	height: 170px;
	margin-right: 9px;
	position: relative;

}

div.wrkitem a {

	display: block;
	position: relative;
	width: 180px;
	height: 112px;
	overflow: hidden;
	border: none;
	text-decoration: none;

}

div.wrkitem img {

	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 112px;
	float: left;

}

h1.wrktitle {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 13pt;
	color: #5a5a5a;
	position: absolute;
	top: 115px;
	left: 4px;
	margin-top: 0px;
	font-weight: bold;

}

div.wrktxt {

	position: absolute;
	top: 135px;
	left: 4px;
	margin-top: 0px;
	color: #919191;
	font-weight: bold;

}

div.wrkitemdes {

	color: #5a5a5a;
	float: left;
	display: inline;
	width: 180.4px;
	height: 271px;
	margin-right: 9px;
	position: relative;
	margin-top: -3px;

}

div.wrkitemdes a {

	display: block;
	position: relative;
	width: 180px;
	height: 213px;
	overflow: hidden;
	border: none;
	text-decoration: none;

}

div.wrkitemdes img {

	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 213px;
	float: left;

}

h1.wrktitledes {

	font-family: Helvetica, Arial, Clean, Sans-Serif;
	font-size: 13pt;
	color: #5a5a5a;
	position: absolute;
	top: 211px;
	left: 4px;
	margin-top: 0px;
	font-weight: bold;

}

div.wrktxtdes {

	position: absolute;
	top: 231px;
	left: 5px;
	margin-top: 0px;
	color: #919191;
	font-weight: bold;

}

/* KLASSER */

div.clear {

	height: 0.5em;
	visibility: hidden;
	clear: both;	

}

.hide {

    display: none;

}

div.spacer {

	width: 950px;
	height: 5px;
	float: left;
	display: block;

}

div.spacerstrek {
	
	width: 905px;
	height: 3px;
	float: left;
	background-image: url('../images/spacer.png');
	background-repeat: no-repeat;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-top: 3px;

}