/* CSS Document */

body { margin-bottom:5px; margin-left:auto; margin-right:auto; margin-top:20px; padding:0; background-color:#f7f7f7; }

/* navigation top ----------------------------------------------------------------------------------------------------------------------------------------------*/
.globalNav {float:left; position:relative; text-align:center;}
.globalNavCntr{background:url('../images/globalheadernav.gif') repeat-x; height:26px; width:940px; font-family:verdana,arial,helvetica,sans-serif}
.globalNavMain{float:left; padding:.3em 0 1em;}

.globalNavMain a:link, .globalNavMain a:visited {color:#FFFFFF; text-decoration:none; font-size:1.4em; font-weight:normal; padding:0 0.8em; position:relative;}
.globalNavMain a:active, .globalNavMain a:hover {color:#d8d8d8; text-decoration:none; font-size:1.4em; font-weight:normal; padding:0 0.8em; position:relative;}
.globalNavCntr span {color:#DDD; float:left; padding:.6em 0;}


/* tekst -------------------------------------------------------------------------------------------------------------------------------------------------------*/
p, td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#0b4b7c;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight:normal; color:#0b4b7c;}


.h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight:normal; color:#0b4b7c; padding-left:10px; }
.h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; font-weight:normal; color:#0b4b7c; padding-left:10px; }
.tablerow { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666666;}
.tableheader { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; background-color:#E5E5E5;}

div.h7 { background-color:#F8E0E4; padding:5px 60px; border-top:1px solid #CC0000; border-bottom:1px solid #CC0000; margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; }
div.h8 { background-color:#f8f596; padding:5px 60px; border-top:1px solid #000000; border-bottom:1px solid #000000; margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; }
div.h9 { background-color:#e0fcb8; padding:5px 60px; border-top:1px solid #000000; border-bottom:1px solid #000000; margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; }


.box1 h1, .box2 h1, .box3 h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.7em; font-weight:normal; color:#0b4b7c; margin:10px; }
.box1 h7 { background-color:#F8E0E4; padding:5px 60px; border-top:1px solid #CC0000; border-bottom:1px solid #CC0000; margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; }
.box1 h9 { background-color:#e0fcb8; padding:5px 60px; border-top:1px solid #000000; border-bottom:1px solid #000000; margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; }
.box2 h8 { background-color:#f8f596; padding:5px 60px; border-top:1px solid #000000; border-bottom:1px solid #000000; margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; }
.box2 h9 { background-color:#e0fcb8; padding:5px 60px; border-top:1px solid #000000; border-bottom:1px solid #000000; margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; }
.box1 p, .box2 p, .box3 p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#0b4b7c; margin:10px; }

.boxTopJustify h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.7em; font-weight:normal; color:#0b4b7c; margin-left:10px; } 
.boxTopJustify p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#0b4b7c; margin-left:10px; margin-right:20px; }
.boxTopRight h1, .boxTopLeft h1, .boxRight h1, .login h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.7em; font-weight:normal; color:#0b4b7c; margin:12px; }
.boxTopRight p, .boxTopLeft p, .boxRight p, .login p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#0b4b7c; margin:12px; }

.copyright { float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; margin-top:10px;}
.warning { color:#CC0000; font-weight:bold;}

/* boxe -------------------------------------------------------------------------------------------------------------------------------------------------------*/
.boxTopJustify { float:left; background-color: #ffffff; border: 1px solid #000000; width:938px; margin-top:10px; }
.boxTopRight { float:right; background-color: #ffffff; border: 1px solid #000000; width:305px; margin-top:10px; min-height:74px; }
.boxTopLeft { float:left; background-color: #ffffff; border: 1px solid #000000; width:620px; margin-top:10px; }
.boxRight { float:right; background-color: #ffffff; border: 1px solid #000000; width:305px; margin-top:10px; min-height:74px; }
.box1 { float:left; width:305px; margin-right:10px; margin-top:10px; }
.box2 { float:left; width:305px; margin-top:10px; }
.box3 { float:right; width:305px; margin-top:10px; }

.pictMain { float:left; background-image:url(../images/top1.jpg); background-color: #ffffff; border: 1px solid #000000; width:620px; height:349px; margin-top:10px; }
.pict1 { float:left; background-image:url(../images/box1.gif); border:1px solid #000000; width:305px; height:60px; margin-top:10px; margin-right:10px; }
.pict2 { float:left; background-image:url(../images/box2.gif); border:1px solid #000000; width:305px; height:60px; margin-top:10px; }
.pict3 { float:right; background-image:url(../images/box3.gif); border:1px solid #000000; width:305px; height:60px; margin-top:10px; }


/* link -------------------------------------------------------------------------------------------------------------------------------------------------------*/
a:link, a:active, a:visited {color:#d00a12; text-decoration:none;}
a:hover {color:#666666; text-decoration:underline;}

/*
.form a:link, .form a:active, .form a:visited { float:left; color:#d00a12; text-decoration:none; margin-right:20px;}
.form a:hover { color:#666666; text-decoration:underline; margin-right:20px;}
*/
.box1 a:link, .box2 a:link, .box3 a:link {color:#d00a12; text-decoration:none;}
.box1 a:active, .box2 a:active, .box3 a:active {color:#d00a12; text-decoration:none;}
.box1 a:visited, .box2 a:visited, .box3 a:visited {color:#d00a12; text-decoration:none;}
.box1 a:hover, .box2 a:hover, .box3 a:hover {color:#666666; text-decoration:underline;}

.logaf a:active, .logaf a:link, .logaf a:visited {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#B20305; text-decoration:none;}
.logaf a:hover {color:#999999; text-decoration:underline;}


/* modal -----------------------------------------------------------------------------------------------------------------------------------------------------*/
.overlay { background-color:rgba(0, 0, 0, 0.5); bottom:0; cursor:default; left:0; opacity:0; position:fixed; right:0; top:0; visibility:hidden; z-index: 1; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -ms-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s;} 
.overlay:target { visibility:visible; opacity:1;} 
.popup { background-color:#fff; border:3px solid #fff; display:inline-block; left:50%; opacity:0; padding:15px; position:fixed; text-align:justify; top:30%; visibility:hidden; z-index:10; -webkit-transform: translate(-40%, -40%); -moz-transform:translate(-40%, -40%); -ms-transform:translate(-40%, -40%); -o-transform:translate(-40%, -40%); transform:translate(-40%, -40%); -webkit-box-shadow:0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; -ms-box-shadow:0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; -o-box-shadow:0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; box-shadow:0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; -webkit-transition:opacity .5s, center .5s; -moz-transition:opacity .5s, center .5s; -ms-transition:opacity .5s, center .5s; -o-transition:opacity .5s, center .5s; transition:opacity 0.5s, center 0.5s; } 
.overlay:target+.popup { top:35%; opacity:1; visibility:visible;} 
.popup p, .popup div { margin-bottom: 10px; text-align:left; } 
.popup label { display:inline-block; text-align:left; width:130px; } 
.popup input[type="text"], .popup select { width:200px; border:1px solid; border-color:#999 #ccc #ccc; margin:0; padding:2px; -webkit-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;} 
.popup input[type="text"]:hover, .popup select:hover { width:200px; border-color:#555 #888 #888; } 
.popup span{color:#CC3333; vertical-align:super; font-size:75%;}
.popup img { float:right; }


.overlayWarning { background-color:rgba(0, 0, 0, 0.5); bottom:0; cursor:default; left:0; opacity:0; position:fixed; right:0; top:0; visibility:hidden; z-index: 1; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -ms-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s;} 
.overlayWarning:target { visibility:visible; opacity:1;} 
.popupWarning { background-color:#F8E0E4; border:3px solid #F8E0E4; display:inline-block; left:50%; opacity:0; padding:15px; position:fixed; text-align:justify; top:30%; visibility:hidden; z-index:10; -webkit-transform: translate(-40%, -40%); -moz-transform:translate(-40%, -40%); -ms-transform:translate(-40%, -40%); -o-transform:translate(-40%, -40%); transform:translate(-40%, -40%); -webkit-box-shadow:0 1px 1px 2px #CC0000 inset; -ms-box-shadow:0 1px 1px 2px #CC0000 inset; -o-box-shadow:0 1px 1px 2px #CC0000 inset; box-shadow:0 1px 1px 2px #CC0000 inset; -webkit-transition:opacity .5s, center .5s; -moz-transition:opacity .5s, center .5s; -ms-transition:opacity .5s, center .5s; -o-transition:opacity .5s, center .5s; transition:opacity 0.5s, center 0.5s; } 
.overlayWarning:target+.popupWarning { top:35%; opacity:1; visibility:visible;} 
.popupWarning p, .popupWarning div { margin-bottom: 10px; text-align:left; } 
.popupWarning input[type=submit] { float:right; margin-right:30px; }
.popupWarning img { float:right }



/* forms -----------------------------------------------------------------------------------------------------------------------------------------------------*/
.form { float:left; background-color:#fff; border:1px solid #000; left:50%; text-align:justify; width:600px; margin-top:10px; padding-left:20px; padding-bottom:20px; } 
.form h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.7em; font-weight:normal;  color:#0b4b7c; }
.form p, .form div { margin-bottom: 10px; } 
.form formEks { float:right; }
.form label { display:inline-block; text-align:left; width:150px; vertical-align:top; } 
.form input[type="text"], .form textarea, .form select, .form input[type="password"] { width:280px; border:1px solid; border-color:#999 #ccc #ccc; margin:0; padding:2px; -webkit-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;} 
.form input[type="text"]:hover, .form textarea:hover, .form select:hover, .form input[type="password"]:hover { width:280px; border-color:#555 #888 #888; } 
.form input[type=submit] { float:right; margin-right:20px; }
.form input[type="file"] { width:380px; border:1px solid; border-color:#999 #ccc #ccc; margin:0; padding:2px; -webkit-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;} 
.form input[type="file"]:hover { width:380px; border-color:#555 #888 #888; }
.formulartxt {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:8pt; font-weight:normal; color:#333333;}
.form span{color:#CC3333; vertical-align:super; font-size:75%;}
.form error {font-family:Verdana,Arial,Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; border:1px solid #CC3333; padding:5px; background-color:#F8E0E4; }
span.h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666666;}

/* login-box ------------------------------------------------------------------------------------------------------------------------------------------------*/
.login { float:right; background-color: #ffffff; border: 1px solid #000000; width:305px; margin-top:10px; } 
.login p, .login h1, .login div { margin: 10px;} 
.login error { font-family:Verdana,Arial,Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; border:1px solid #CC3333; padding:5px; background-color:#F8E0E4; }
.login label { display: inline-block; text-align: left; width: 100px; } 
.login input[type="text"], .login input[type="password"] {width: 150px; border: 1px solid; border-color: #999 #ccc #ccc; margin: 0; padding: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } 
.login input[type="text"]:hover, .login input[type="password"]:hover {width: 150px; border-color: #555 #888 #888; } 
.login input[type="submit"] { margin-bottom:10px; }


/* biller vises ved hover på link ---------------------------------------------------------------------------------------------------------------------------*/
.hover_image {position:relative;}
.hover_image span{ position:absolute; top:-20px; left:400px; border:1px solid #000000; display:none; z-index:99;}
.hover_image:hover span{display:block;}