/* SWIM2.0 :: Simple website menu
****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/ 
****************************************************************
*/
html, body { 
font: 82.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
/*font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif;*/ 
margin: 0; 
padding-top: 1em; 
height: 100%;
}

img {
border-width: 0
}

#page { 
text-align: center; 
margin: 0 auto; 
width: 1000px; 
height: auto 
}

#all { 
background-image: url(img/rauk.gif); 
background-repeat: no-repeat; 
background-position: 0 bottom; 
bottom: 580px; 
width: 1000px; 
height: auto; 
float: left; 
clear: both; 
vertical-align: bottom; 
}

#meny { 
background-position: 0 50%; 
width: 161px; height: 500px; 
float: left; 
clear: left; 
}

a  { 
color: #00149b; 
text-decoration: none 
}

a:hover  { 
color: #00149b; 
text-decoration: underline; 
}
ul.vertical, ul.vertical li  
{ 
font-size: 100%; 
list-style-type: none; 
margin: 0; 
padding: 0;
}

ul.vertical { 
cursor: default;
margin: 0; 
padding: 0; 
position: relative; 
z-index: 1000; 
top: 2px; 
left: 0; 
width: 161px; 
float: left;
}

ul.vertical li { 
background-color: #bcbcbc; 
text-align: left; 
cursor: hand; 
margin: 0; 
padding: 0; 
position: relative; 
width: 161px; 
height: 20px; 
}

ul.vertical ul { 
background-color: #bcbcbc; 
cursor: default; 
margin: 0 0 0 161px; 
padding: 0; 
position: absolute; 
z-index: 1020; 
top: -100em; 
left: -1px; 
width: 100px;
}

ul.vertical ul li { 
background-color: #bcbcbc; 
margin: 0; 
padding: 0; 
width: 161px; 
height: auto; 
border: solid 1px #dcdcdc;
}

ul.vertical ul li:hover { 
background-color: #bcbcbc;
}

ul.vertical ul ul  { 
background-color: #bcbcbc; margin: 0 0 0 160px;
}

@media Screen, Projection 
{
	ul.vertical li:hover > ul { top:0; }
}

ul.vertical ul a, ul.vertical ul a:visited      { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #bcbcbc; text-align: left; letter-spacing: 1px; cursor: hand; display: block; margin: 0; padding: 3px 3px 3px 15px }
ul.vertical a, ul.vertical a:visited    { background-color: #bcbcbc; cursor: hand; margin: 0; padding: 0 }
ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited      { color: #100101; background-color: #bcbcbc }
ul.vertical a:hover     { color: #4a4a4a; text-decoration: none; background-repeat: no-repeat }
@media screen, projection
{
	* html ul.vertical li {display:inline;f\loat:left;background:#ffffff; }
}
* html ul.vertical li  { position: static }
* html ul.vertical a   {  position: relative }
ul[class^="vertical"] ul { display:none; }
ul[class^="vertical"] ul { displa\y:block; }


/*WISAB GREJER*/
#top       { background-color: #eeeeee; margin-top: 3px; width: 161px; height: 10px }
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright    { display: inline; margin: 0 0 0 10px }
img.alignleft {
	padding: 0px;
	margin: 0 0px 0px 0;
	display: inline;
	}

.alignright  { float: right }
	
.alignleft {
	float: left
	}
/* End Images */
h1	   { font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 17px; margin: 0; padding: 0 }
h3	{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; width: 230px; float: right; clear: right; spacing: 0 0 0 }
p  { font-size: 110%; font-family: Verdana, Arial, Helvetica, sans-serif  } /* 11px */

h4	       { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 0 0px; padding: 0;}

#header  { margin-top: 15px; width: 1000px; height: 63px; float: none; clear: both }
#header div.logo  { background-image: url(img/loggan.jpg); background-repeat: no-repeat; float: left; width: 600px; height: 63px }
#header div.img  { background-image: url(img/bilderna.jpg); background-repeat: no-repeat; float:left; width: 400px; height: 63px }
#main            { text-align: left; margin: 20px 0 20pt 20px; padding: 0; width: 741px; float: left; clear: right }
#main div.object      { margin: 0; padding: 0; width: 520px; float: left }
#main div.newsbox   { margin: 0; padding: 0; width: 200px; float: right }

#fotter       { 
background-image: url(img/bottom.gif); 
background-repeat: repeat-x; /* no-repeat */
margin-top: 2pt; 
width: 1000px; 
height: 19px; 
float: left; 
clear: both;
}

#rauk           { background-color: #e8e8e8; background-repeat: no-repeat; background-position: 0 bottom; width: 161px; height: 0; float: left; clear: left }
#address             { color: white; background-color: #00149b; background-position: 0 bottom; text-align: left; display: block; margin: 0; padding: 0; width: 161px; float: left; clear: left }
#address p   { color: white; background-color: transparent; padding: 8px }
#address p a    { color: white; text-decoration: none; background-color: transparent }

/*REFERENSPROJEKT BOX*/
#ref	   { background-image: url(img/referens_bg.gif); background-repeat: repeat-y; margin: 20px 0 0; padding: 0; width: 350px; float: left; clear: both }
#ref a	 { color: black; text-decoration: none; cursor: hand; }
#ref a:hover	 { color: #808080 }
#ref_header	{ background-image: url(img/referens_header.gif); background-repeat: no-repeat; width: 520px; height: 20px; float: left; clear: both;  }
.ref_obj	  { display: block; padding: 5px 10px 10px }
.ref_obj .ref_img	   { margin: 0; padding: 0; float: left }
.ref_obj .read_more	   { margin-top: 0; margin-right: 180px; width: 51px; height: 9px; float: right }
.ref_obj p	  { display: block; margin: 0; padding: 0; width: 230px; float: right }
#ref_fotter	 { background-color: white; background-image: url(img/referens_bottom.gif); background-repeat: no-repeat; width: 350px; height: 4px; float: left; clear: both; }

/*NYHETSBOX*/
#news a, .box a:visited, .box a:active	{ cursor: hand; color: black; text-decoration: none }
#news a:hover	{ color: #656565 }
#news_header	{ background-image: url(img/nyheter_header.gif); background-repeat: no-repeat; width: 250px; height: 20px; float: left; clear: both }
#news   { width: 250px }
#news .square    { background-image: url(img/blue_square.gif); background-repeat: no-repeat; background-position: 0 3px; width: 10px; display: block; width: 10px }
#news .box      { display: block; margin-left: 15px; width: 243px }
#news .box .read_more	        { margin: 4px 0 0; padding: 0; width: 51px; height: 9px }
#news .box p	          { margin: 0 0 0 0px; padding: 0;}
/* ----------------- */

.demo  { width: 218px; float: right; clear: right }
.staffItem  { display: inline; margin: 20px 40px 20px 0; padding: 10px 20px 10px 0; width: 80px; height: auto; float: left; clear: none }
.staffItemBoard  { display: inline; margin: 20px 20px 20px 0; width: 170px; height: auto; float: left; clear: none }
.line  { display: block; width: 580px; height: 1px; border-right: 1px dashed #00149b }
.w100  { width: 100% }
.w50   { display: block; margin-right: 5px; margin-left: 0; width: 40%; float: left }
input.submit  { margin-top: 10px; margin-right: 0; float: right }
input, textarea    { font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; background-color: #eee; margin-right: 5px; border: solid 1px #dcdcdc }
textarea     { height: 100px }
label  { display: block; margin-bottom: 10px }

.contactInfo { 
display: block; 
margin: 0; 
padding: 0 10px 10px 15px; 
width: 190px; 
float: right; 
border-left: 2px solid #bcbcbc 
}

.contactInfo h4 { 
margin-top: 35px; 
margin-bottom: 0 
}

.contactInfo p  { 
margin-top: 0; margin-bottom: 0 
}

.contactMeny { 
margin: 0; 
padding: 0; 
height: 5px; 
display: block; 
_display:  
} /*idiot ie hack*/

.smallGray { 
color: #a5a5a5; 
font-size: 9px 
}

.hide { 
display: none; 
}