/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:20px; padding:0;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}

/* ------------------------------
PAGE STRUCTURE
------------------------------ */

div.container{width:900px; margin:0 auto; font-size:11px;}
div.top{width:auto; display:block; height:141px; background-image: url("header.JPG");  padding-left:15px; padding-bottom:0px; margin-bottom:0px; }

div.navbar{width:auto; display:block; height:20px; padding-left:10px; padding-top:1px; padding-bottom:5px; margin-bottom:0px; margin-top:0px; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: #003366; border-top-style: solid; border-top-width: 2px; border-top-color: #003366; }
div.navbar ul{position:relative; margin-top:0px; padding-right:25px; font-family: Verdana;font-weight:bold; }
div.navbar li{list-style: none; padding-left: auto; display: inline; }
div.navbar li a{text-decoration: none; padding: 2px 4px 2px 4px; margin-left: 2px; border: 1px solid #60777d; border-top: none; background: #F5F5DC;}
div.navbar a:link{color: #000000;}
#meny a:visited{color: #000000;}
#meny a:hover{background-color: #a7b8bc;}
#meny a#current{background: #ffffff; border: 1px solid #000000; border-bottom: 1px solid #ffffff; color: #000000;}


div.kamera ul{position:relative; top:3px; margin:0px; padding:1px; background-color: #a7b8bc; font-size: 7px Verdana, Helvetica, sans-serif; font-weight:bold; }
div.kamera li{list-style: none; margin: 0.3em 0 0 0; padding-left: 5px; padding-right: 5px; display: inline; }
div.kamera li a{text-decoration: none; color: #000000; padding: 1px 1px; margin-left: 1px; border: 0px solid #60777d; border-bottom: none; background: #FFFFFF;}
div.kamera a:link{color: #000000;}
div.kamera a:visited{color: #000000;}
div.kamera a:hover{background-color: #60777d;}

div.main{width:auto; display:block;}
div.column_left{width:240px; display:block; margin-right:20px; float:left; padding-top:10px; }
div.column_middle{width:440px; display:block; margin-right:5px; float:left; padding-top:10px;}
div.column_center{width:600px; display:block; margin-right:5px; float:left; padding-top:10px;}
div.column_right{min-height:555px; height:auto !important; height:555px; width:185px; float:right; display:inline; clear:right; background-color:#F5F5F5; margin-top:0px; padding-top:5px; padding-left:5px; padding-bottom:0px; border-left-style: solid; border-left-width: 3px; border-left-color: #003366; }

div.spacer{clear:both; height:0px; display:block; }

div.footer{width:900px; display:block; background-color:#E8E8E8; border-top-style: solid; border-top-width: 3px; border-top-color: #003366; margin-top:0px; margin-bottom: 0px; padding-top:0px; padding-bottom:1px; text-align:center;}

table, td, th
{
border:none;
vertical-align:middle;
}


a.p1 {display:block; width:240px; height:180px; text-decoration:none; background:#fff; border:0; margin-bottom:5px; float:left; }
a.p1 img {display:block; border:0;}
a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.p1 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;
 
-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
 
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
 
 -webkit-transition: opacity 0.6s ease-in-out;
 
}
 
 
a.p1:hover b {top:-150px; left:110px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;
 
}




/* ------------------------------
CUSTOM CLASSES
------------------------------ */

/* Add here your custom classes ... */
h1 {
	font-size: 50px;
	font-family: monospace;
	text-align: left;
	color: #FFFFFF;
	margin-left: 5px;
	margin-top: 3px;
	margin-bottom: 0px;
	padding-top: 10px;
}
h2 {
	font-size: 10px;
	text-align: left;
	color: #000000;
	font-family: verdana;
	font-weight: bold;
	text-transform:uppercase;
	margin-bottom: 2px;
}
h3 {
	font-size: 17px;
	font-family: verdana;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 1px;
	margin-top: 5px;
}
h4 {
	font-size: 13px;
	text-align: center;
	color: #585858;
	font-family: verdana;
	font-weight: bold;
}
h5 {
	font-size: 10px;
	font-family: verdana;
	color: #383838 ;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	padding-right: 20px;
	margin-bottom: 2px;
}
h6 {
	font-size: 18px;
	font-family: monospace;
	color: #383838 ;
	text-align: left;
	margin-top: 0px;
	margin-left: 5px;
	padding-top: 0px;
	margin-bottom:2px;
}
p  {
	font-size: 11px;
	font-family: verdana;
	color: #585858;
	text-align: left;
	padding-left: 5px;
	padding-right: 20px;
}
ul.a {
	list-style-type:disc;
	margin-left: 2px;
	margin-bottom:2px;
}
li
{
	background-repeat: no-repeat; 
	padding-left: 2px;
	margin-left: 2px;
	margin-bottom:2px;
	font-size: 10px;
	font-family: verdana;
	text-transform:capitalize;
}

