@media screen
{


body {
	margin: auto;
	padding: 0px;
}
#wrap {
position:relative;
	margin: 0px auto;
	width: 960px;
	padding-left: 6px;

	
}
p, td, reference-box p{
font-size: 12px;
	font-family: "Arial", sans-serif;
	margin-top:0px;
	
	}
	
li	{font-size: 12px;
	font-family: "Arial", sans-serif;
}
ul{margin-top: 0px}
h1 {
	font-family: "Georgia", "Times New Roman", serif;;
	font-size: 28px;
	font-weight: normal;
	color: #333366;
	word-spacing: -1px;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
}
h2 {
	font-family: "Times New Roman", sans-serif;
	font-size: 16px;
	color: #333366;
	margin-bottom:6px;


}
h3 {
	color: #333366;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	padding: 4px;
	margin: 4px;
}
h4 {
	padding: 8px;
	color: #333366;
	font-family: "Times New Roman", serif;
	font-size: 20px;
	font-weight: normal;
	word-spacing: -1px;
	margin-bottom: 0px;
}
hr {
	color: #993333;
	font-size: 2px;
	width: 100%;
}
.isenfarve {
	color: #005522;
	font-weight: bold;
}
.her {
	color: #993333;
	font-weight: bold;
}

#bestillingsknap {
	position: relative;
	margin:20px 0 20px 0;
	}

#bestillingsknap a {
	padding: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-image:url('images/gronknap2.gif');
	background-repeat:repeat-x; 
	}
	
#bestillingsknap a:hover {
	padding: 10px;
	background-image:url('images/gronknap2hover.gif');
	background-repeat:repeat-x;}
	
	
span.eksempel {
	color: #333366;
}

a {
	font-size: 12px;
	font-family: "Arial", sans-serif;

	font-weight: normal;
	text-decoration: none;
	color: #993300;
}
a:hover {
	text-decoration: underline;
}
a.menu {
	text-decoration: none;
	color: #c0c0c0;
	font-weight: bold;
	padding-left: 4px;
	display: block
}
a.undermenu {
	color: #333366;
	font-weight: normal;
	padding-left: 4px;
	display: block;
	
}
a[href$='.pdf'] {
display:inline-block;
padding-left:36px;
line-height:30px;
background:url('images/pdf-32.png') no-repeat center left;

}
#top {
	border-bottom: 2px solid #993333;
	position: absolute;
	left: 0px;
	width: 960px;
	height: 200px;
	padding-bottom: 0;
	background-image: url('images/topfoto.jpg');
	background-repeat: no-repeat;
	background-position: 20px top;

}
#toptekst {
	font-family: "Arial";
	font-size: 28px;
	color: #666;
	position: absolute;
	left: 245px;
	top: 100px;
	letter-spacing:-1px
	
	
}
#topboks {
	position: absolute;
	left: 750px;
	top: 35px;
	width: 120px
}
#topboks h1 {
}
#topboks p {
	padding-left: 6px;
	padding-right: 6px;
}
#toolmenu {
	height: 12px;
	width: 960px;
	position: absolute;
	top: 170px;
	text-align: right;
}
#toolmenu p {
}
#toolmenu a {
	color: #C0C0C0;
	font-size: 0.55em;
	padding-left: 10px;
	font-weight: normal;
				}

#toolmenu a:hover {
	color: #993333;
			}

#content {
	position: absolute;
	left: 220px;
	top: 230px;
	width: 450px;
	font-family: "Arial", sans-serif;
	border-bottom: 2px solid #993333;
	padding-bottom: 20px;
	margin-bottom: 40px;
	
}
#content2 {
	border: 2px solid #9A090D;
	position: absolute;
	left: 420px;
	top: 230px;
	width: 420px;
	font-family: Arial;
	font-size: 8pt;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}
#hovedmenu {
	position: absolute;
	left: 20px;
	top: 235px;
	width: 152px;
	margin-top: 0px;
	

}
#hovedmenu ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	}
#hovedmenu li {
	border-top: 1px dotted #333366;
	font-family: Arial;
	font-size: 0.8em;
	font-weight: bold;
	padding: 3px 0px;
	
}
#hovedmenu a:hover {
	color: #993333;
	text-decoration: none;
	font-weight: bold;
	background-color: #CCCCCC;
	display: block
	
}
#rightside {
	position: absolute;
	right: 20px;
	top: 235px;
	width: 200px;
	margin-top: 0px;
}
#rightside p {
	padding-left: 6px;
	padding-right: 6px;
}
.rightbox, rightformular{
	border: 1px solid #DEDEDE;
	width: 200px;
	float: right;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url('images/gradient.jpg');
	background-repeat: no-repeat;
	
}

#rightbox {
	border: 1px solid #DEDEDE;
	width: 200px;
	float: right;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url('images/gradient.jpg');
	background-repeat: no-repeat;
	
}
#rightbox2 {
	border: 1px solid #DEDEDe;
	width: 200px;
	float: right;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url('images/gradient.jpg');
	background-repeat: no-repeat;
}
#rightbox3 {
	border: 1px solid #DEDEDE;
	width: 200px;
	float: right;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url('images/gradient.jpg');
	background-repeat: no-repeat;
}
#rightformular {
	border: 1px solid #DEDEDE;
	width: 200px;
	float: right;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url('images/gradient.jpg');
	background-repeat: no-repeat;
}
#rightformular p {margin: 0px 0px 3px 3px}

#boks1 {
	border-left: 1px solid #DEDEDE;
	position: absolute;
	left: 20px;
	top: 470px;
	width: 200px;
	height: 250px;
	
	}
#boks1 p {
	padding-left: 8px;
	padding-right: 8px;
}
#boks2 {
	border-left: 1px solid #DEDEDE;
	position: absolute;
	left: 260px;
	top: 470px;
	width: 200px;
	height: 250px;

}
#boks2 p {
	padding-left: 8px;
	padding-right: 8px;
}
#boks3 {
	border-left: 1px solid #DEDEDE;
	position: absolute;
	left: 500px;
	top: 470px;
	width: 200px;
	height: 250px;
		}
		
#boks3 p {
	padding-left: 8px;
	padding-right: 8px;
}
#footer {
}
#footer p {
	font-size: 10px;
	font-family: Arial;
	color: #DEDEDE;
	text-align: center;
}


.citat
{font-family:"Times New Roman";
font-size: 50px;
vertical-align: sub;
line-height:80%; 
}
.reference-box {width: 100%; min-height:70px; padding: 0px;margin-bottom: 10px; border: 1px solid #ff6600;}
.reference-box img {border: 1px solid #ccc; float: left; margin-right:6px;}
.reference-box p {margin-top:0px}

.kontaktbox{padding: 6px; height:45px; margin-top:-6px}
.kontaktbox img{float: left; margin-right:6px;}



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; height:100%; text-align: center; line-height: 0;}
#lightbox img{ }
#lightbox a img{ border: none }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;border: 3px solid #ccc; border-bottom:0px}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
:hover#prevLink, :visited:hover#prevLink { background: url(images/prevlabel.gif) left 15% no-repeat; }
:hover#nextLink, :visited:hover#nextLink { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 12px Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; border: 3px solid #ccc; border-top: 0px}

#imageData{	padding:0 10px; color: #000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 80; width: 100%; height: 100%; background-color: #000; }

}


@media print {

  body { margin:0 auto;
  padding:0;
  font-style:normal;
  font-variant:normal;
  font-weight:normal; 
}
img {display: none}


#wrap {
margin: 0 auto;
width: 100%;
}

p           { font-size: 12px; font-family: Times, Serif }
h1         	{ font-family: Verdana; font-size: 18pt; font-weight: normal}
h2         	{ font-family: Verdana; font-size: 12pt; }
h3          { font-family: Verdana; font-size: 8pt; padding: 4px; margin-top:0px;  background-color: #CCCCCC }
h4          { padding: 6px; font-family: Verdana; font-size: 10pt; font-weight: bold }
hr			{ color: #993333; font-size:2px}
li			{ font-family: Times, Serif; font-size: 10pt }

span.isenfarve { color: #993333; font-weight: bold }
span.her		{color: #993333; font-weight: normal}
a 			{font-family: Times, Serif; font-size: 10pt; color: #CCCCCC; text-decoration: underline}
a:hover  	{ text-decoration: underline }

a.menu		{ font-family: Verdana; font-size: 8pt; text-decoration: none; color: #C0C0C0; font-weight:bold;}
a.undermenu	{ font-family: Verdana; font-size: 8pt; text-decoration: none; color: #C0C0C0; ; font-weight:normal; padding-left: 4px}

#top 		{ visibility:hidden; border-bottom: 2px solid #993333; position: absolute; left:20px; width: 900px; padding-bottom: 10px}
#toptekst	{ font-family: Tahoma; position:absolute; left:210px; top:100px;}
#topboks 	{ border:1px solid #C0C0C0; position:absolute; left:675px; top:10px; width:200px}

#topboks h1	{}
#topboks p {padding-left:6px; padding-right:6px}
#toolmenu {width: 98%; height: 16px; text-align:right}
#toolmenu p {}
#toolmenu a {font-size: 7pt;  padding-left:10px; font-weight:normal;}

#content 	{ position:absolute; top:30px; width:520px; font-family: Times, Serif; font-size:12px}


#hovedmenu {visibility: hidden; position:absolute; left:20px; top:235px; width:150px; }
#hovedmenu ul {list-style-type: none; margin-left: 0; padding-left: 0; }
#hovedmenu li {border-top:1px dotted #C0C0C0; font-family: Verdana; font-size: 10pt; font-weight:bold; border-left-width:1px; border-right-width:1px; border-bottom-width:1px; }
#hovedmenu a:hover {color:#993333; padding:2px; text-decoration:none; font-weight:bold; background-color:#CCCCCC; display: block; width: 152px }


#rightside {position: absolute; left: 540px; top:30px; width: 200px}
#rightside p {padding-left:6px; padding-right:6px}


#rightbox {border:1px solid #C0C0C0; width:200px;  padding-bottom:10px; margin-bottom: 10px}
#rightbox2 {border:1px solid #C0C0C0; width:200px; padding-bottom:10px; margin-bottom: 10px}
#rightbox3 {border:1px solid #C0C0C0; width:200px; padding-bottom:10px; margin-bottom: 10px}

#boks1   {border-left:1px solid #C0C0C0; border-top:1px solid #C0C0C0; position:absolute; left:20px; top:430px; width:200px; height:190px }

#boks1 p {padding-left:6px; padding-right:6px}

#boks2      { border-left:1px solid #C0C0C0; border-top:1px solid #C0C0C0; position:absolute; left:240px; top:430px; width:200px; height:190px }

#boks2 p {padding-left:6px; padding-right:6px}

#boks3		{border-left:1px solid #C0C0C0; border-top:1px solid #C0C0C0; position:absolute; left:460px; top:430px; width:200px; height:190px }

#boks3 p {padding-left:6px; padding-right:6px}


#footer {}
#footer p {font-size: 10px; font-family: Verdana; color: #C0C0C0; text-align:center}
}

@media handheld {

  body { margin:0 auto;
  padding:0;
  font-style:normal;
  font-variant:normal;
  font-weight:normal; 
}


img {display:none }

#wrap {
margin: 0 auto;
width: 100%;
}

p           { font-size: 10pt; font-family: Times, Serif }
h1         	{ font-family: Verdana; font-size: 18pt; font-weight: normal}
h2         	{ font-family: Verdana; font-size: 12pt; }
h3          { font-family: Verdana; font-size: 8pt; padding: 4px; margin-top:0px;  background-color: #CCCCCC }
h4          { padding: 6px; font-family: Verdana; font-size: 10pt; font-weight: bold }
hr			{ color: #993333; font-size:2px}
li			{ font-family: Times, Serif; font-size: 10pt }

span.isenfarve { color: #993333; font-weight: bold }
span.her		{color: #993333; font-weight: normal}
a 			{font-family: Times, Serif; font-size: 10pt; color: #CCCCCC; text-decoration: underline}
a:hover  	{ text-decoration: underline }

a.menu		{ font-family: Verdana; font-size: 8pt; text-decoration: none; color: #C0C0C0; font-weight:bold;}
a.undermenu	{ font-family: Verdana; font-size: 8pt; text-decoration: none; color: #C0C0C0; ; font-weight:normal; padding-left: 4px}

#top 		{display:none}

#content 	{ position:absolute; top:30px; width:520px; font-family: Times, Serif; font-size:10pt}


#hovedmenu {position:absolute; left:20px; top:235px; width:150px; }
#hovedmenu ul {list-style-type: none; margin-left: 0; padding-left: 0; }
#hovedmenu li {border-top:1px dotted #C0C0C0; font-family: Verdana; font-size: 10pt; font-weight:bold; border-left-width:1px; border-right-width:1px; border-bottom-width:1px; }
#hovedmenu a:hover {color:#993333; padding:2px; text-decoration:none; font-weight:bold; background-color:#CCCCCC; display: block; width: 152px }
#toolmenu {display:none }

#rightside {position: absolute; left: 540px; top:30px; width: 200px}
#rightside p {padding-left:6px; padding-right:6px}


#rightbox {border:1px solid #C0C0C0; width:200px;  padding-bottom:10px; margin-bottom: 10px}
#rightbox2 {border:1px solid #C0C0C0; width:200px; padding-bottom:10px; margin-bottom: 10px}
#rightbox3 {border:1px solid #C0C0C0; width:200px; padding-bottom:10px; margin-bottom: 10px}

#boks1   {border-left:1px solid #C0C0C0; border-top:1px solid #C0C0C0; position:absolute; left:20px; top:430px; width:200px; height:190px }

#boks1 p {padding-left:6px; padding-right:6px}

#boks2      { border-left:1px solid #C0C0C0; border-top:1px solid #C0C0C0; position:absolute; left:240px; top:430px; width:200px; height:190px }

#boks2 p {padding-left:6px; padding-right:6px}

#boks3		{border-left:1px solid #C0C0C0; border-top:1px solid #C0C0C0; position:absolute; left:460px; top:430px; width:200px; height:190px }

#boks3 p {padding-left:6px; padding-right:6px}


#footer {}
#footer p {font-size: 10px; font-family: Verdana; color: #C0C0C0; text-align:center}

}