/* general */
body {
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  }
* {
	margin:0;
	padding:0;
	font-size:100%;
	text-decoration:none;
}
body{
	color:#000;
	margin: 0;
	padding: 0;
}
html div, html p{
	text-align: left;
}

/* be nice to Netscape.... */
h1, h2, h3, h4, h5, h6, a, p, li, dd, td, div{
	font-size: 100%;
	margin:0;
	padding:0;
}
a{
	color: #0000cc;
	text-decoration: none;
}
a:visited{
	color: #0000cc;
}
a:hover{
	color: #cc0000;
	text-decoration: underline;
}
.hide {
	display: none;
}
.grey{
	color: #666666;

}
img.medium {
	margin: 3px;
	padding: 1px;
	border: #333 1px solid;
}
img.thumb {
	margin: 3px;
	padding: 1px;
	border: #333 1px solid;
}
img.stamp {
	margin: 3px;
	padding: 1px;
	border: #333 1px solid;
}
.right {
	float: right;
}

/* ----------------- MAIN WRAPPERS ------------------------ */
#notice {
	display: none;
	background: #fff;
	color: #fff;
	border-bottom: 1px solid #000;
}
#frame {
	width: 944px;
	margin: 0 auto 10px auto;
	padding: 0;
	border: 0;
	position: relative;
}
/*html>body #frame { width:780px; }*/
html>body #frame { width:944px; }

/* for Mozilla/Safari/Opera */
*>#frame {
min-height:100%;
}
#wrapper {
	width: 944px;
/*
	width: 780px;
	background-color: #fff;
*/
	margin: 0;
	padding: 0;
	border: 0;
}
body>#frame #wrapper { width:944px; }
/*
body>#frame #wrapper { width:780px; }
*/
#contentwrapper {
	width: 944px;
	margin: 0;
	padding: 0;
	border: 1px solid #999;
	border-top: 0;
	background-color: #fff;
}
body>#frame #contentwrapper { width:944px; }

#content {
	padding: 0;
	margin:0;
	width: auto;
	text-align:left;
}
#left{
	padding:5px;
	margin: 0;
	background-color: #fff;
	font-size: 10px; /* added for mid */
}
#outer {
	margin:0;
	padding: 0 5px 10px 0;
	line-height:1.2;
	background: #fff;
	border: 0;
}
div#outer h2 {
	min-height: 20px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 150%;
	text-align: left;
	color: #bb0000;
	border-bottom: 1px solid #000066;
}
div#outer h3 {
	min-height: 20px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2em;
	text-align: left;
	color: #e76;
	border: none;
}
/* ------------- THEMES ------------ */
.themebox {
	width: auto;
	margin: 5px 0;
	padding: 0;
	color: #000;
	display: block;
	border: 0;
}
.thememainbox {
	width: auto;
	margin: 5px 0;
	padding: 5px;
	color: #000;
	display: block;
}
#outer>.thememainbox {height: auto;}

.green{
	color: #d7e4f0;
}
.thememainbox#green, .thememainbox#green p {
	background-color:#00D113;
	color: #fff;
}
.thememainbox#green a, .thememainbox#green a:link, .thememainbox#green a:visited, .thememainbox#green a, .thememainbox#green a:link, .thememainbox#green a:visited {
	background-color:#00D113;
	color: #fff;
}
.themeboxinner {
}
.clickbox a, .clickbox a:link, .clickbox a:visited, .clickbox a, .clickbox a:link, .clickbox a:visited {
	color: #333;
	text-decoration: none;
}
.clickbox {
	display: block;
	width: auto;
	margin: 5px 10px 5px 0;
	padding: 5px;
	height: auto;
	color: #333;
	background-color: #FFEFDF;
	border: 1px solid #000066;
}
.green, .themeboxgreen {
	display:block;
	width: auto;
	margin: 5px 10px 5px 0;
	padding: 5px;
	height: auto;
	background-color:#d7e4f0 !important;
	color: #000;
	border: 1px solid #000066;
}


.clickbox img{
	float:left;
	border-style: none;
	display: inline;
	background-color: #d7e4f0;
	border: 1px solid #006;
	padding: 1px;
	margin: 4px;
}
#webshop>.clickbox {height: auto;}
.news {
	font-weight: normal;
	font-size: 120%;
	color: #006;
	border: 1px dotted #006 ;
	background: #ffc;
	text-align: left;
	margin: 20px 10px;
	padding: 10px;
}
/* miscellaneous ----------------------------------------------- */
.alinkbox {
	margin: 5px 10px 5px 0;
	padding: 3px;
	font-size: 100%;
	color: #000;
	background-color: #d7e4f0;
	border: 1px solid #006;
}
.alinkbox img{
	float:left;
	border-style: none;
	display: inline;
	background-color: #d7e4f0;
	border: 1px solid #006;
	padding: 1px;
	margin: 4px;
}
.alinkbox h3 {
	color: #333;
	margin:0;
	padding:0;
}
.alinkbox p, .alinkbox div {
	margin:0;
	padding:0;
}
.alinkbox h3, .alinkbox p, .alinkbox div {
	padding-left: 5px;
	padding-right: 5px;
}
.alinkboxhover {
	cursor:pointer;
	color:#333;
	background-color:#B9F6C3;
	border:1px solid #000;
}
.alinkboxhover a {
	color:#377141;
	border:0;
	background-color:transparent !important;
}
.alinkbox a:hover {
	text-decoration: none;
}
.alinkboxhover p, .alinkboxhover div {
	color:#333 !important;
	background-color:#B9F6C3;
}
.green {
}
#textmap {
	border: 1px solid transparent; /* wijzigen! */
}
#announce {
	font-weight: normal;
	font-size: 110%;
	color: #006;
	border: 2px solid #006 ;
	background: transparent;
	text-align: center;
	margin: 20px 0;
	padding: 10px;
}
#error {
	font-weight: normal;
	font-size: 110%;
	color:red;
	border: 5px solid red ;
	background: transparent;
	text-align: center;
	margin: 20px 0;
	padding: 10px;
}
/* --------------------- Header --------------------------- */
#header {
	background: #fff;
}
#header a img{
	border-style: none;
	text-align: left;
	position: relative;
}

/* ------------------- MASTHEAD --------------------------- */
#masthead {
	margin: 0;
	padding: 0;
	height: 150px;
	width: 778px;
	background-color: #fff;
}
body>#frame #masthead { width:778px; }

div h1.masthead {
	background-color: #fff;
	color: white;
	margin: 0;
    padding: 0;
	font-size: 1px;
	text-indent: -2000px;
	width: 778px;
	height: 150px;
}

div .admasthead {
	background:transparent url(../tpl/images/advert.png) no-repeat scroll left top;
	border:solid 2px #fff;
	color: white;
	margin: 0;
    padding: 0;
	width: 156px;
	height: 146px;
}
/* ------------------- mainmenu TRAIL ------------------------- */
#bread {
	padding: 0;
	margin-bottom: 3px;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
#crumb{
	margin: 0 0 15px;
	padding: 5px 0 0;
	border-top: 0;
	font: bold x-small/1em Verdana,Arial,Helvetica,sans-serif;
}

#crumb a, #bread ul li a {
	font-weight: bold;
	background-color: transparent;
	color:#004781;
}
.selected, .selected a{
	color: #000000;
	font-weight: bold;
}
/*
#bread ul li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
	color: #ff9;
	}
	
#bread ul li.first:before {
	content: " ";
	}
*/
#mainmenu{
	margin: 0;
	padding: 5px 0 0 10px;
	border-top: 0;
	color: #fff;
/*	background-color: red;*/
	font: bold x-small/1em Verdana,Arial,Helvetica,sans-serif;
}

#mainmenu a{
	color: #fff;
	font-weight: bold;
	background-color: transparent;
}


/* ------------------- FOOTER -------------------------------- */
#footer {
	clear: both;
	margin:0;
	padding:  3px 0 0;
	border-top: 1px solid #ccc;
	line-height: 1.1em;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

/* hide this style from IE5 Mac \*/
#footer {
	text-align: center;
}
/* Stop hiding */
#footerleg {
	width: auto;
	height: 18px;
	color: red;
	background-color: red;
	padding: 0;
	margin: 0;
}
#footerNav, #footerNav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footerNav a {
	padding: 0px 5px;
	border-left: 1px solid #000;
	text-decoration: none;
	color: #006;
}
#footerNav .first a {
	border-left: none;
}
#copyright a {
	padding: 0px 5px;
	border: none;
	text-decoration: none;
	color: #006;
}
#copyright {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 10px 8px 20px 8px;
	color: #000;
	background:#fff url( ../files/sgr.gif ) no-repeat left top;
}
#footerleg {
	text-align: center;
	background-color: #004781;
	color:#fff;
}
/*------------------ COMMENTS and POST-COMMENT FORMS ----------*/
/* forms ----------------------------------------------- */
form {
	margin: 0;
	padding: 0;
	border: 0;
	color: #666;
	background-color: transparent;
}
div.formbox {
	position: relative;
	/*clear: both;*/
	padding: 2px 0;
}
.formbox {
	margin: 0;
	padding-bottom: 10px;
	width: auto;
}
.formbox dl {
	border-bottom: #ffffff 1px solid;
	margin: 0;
	font: 10px verdana, helvetica, arial, geneva, sans-serif;
	width: auto;
	clear: both;
}
.formbox dl.required {
	background-color: #efeee9 ;
}
.formbox dl.optional {
}
.formbox dt {
	width: 220px;
	float: left;
	position: relative;
	padding: 5px;
	margin: 0;
}
.formbox dd {
	margin: 0 0 0 220px;
	padding: 5px;
}
.formbox span.submit {
	padding: 5px;
	display: block;
	border-bottom: #cccccc 1px solid;
	text-align: right;
}
.formbuttonbold {
	padding: 0 5px;
	font-weight: bold;
	font-size: 13px;
	font-family: verdana, arial, sans-serif;
}
.formbox select {
	font: 10px verdana, helvetica, arial, geneva, sans-serif;
}
.formbox .inputtext {
	width: 350px;
	font: 10px verdana, helvetica, arial, geneva, sans-serif;
}
.formbox .inputtextsmall {
	width: 125px;
	font: 10px verdana, helvetica, arial, geneva, sans-serif;
}
.formbox textarea {
	font: 10px verdana, helvetica, arial, geneva, sans-serif;
	width: 350px;
}
.comments-body {
	margin-top: 10px;
	text-align: left;
}
label {
	/*background-color: red;*/
	float: left;
	position: relative;
	margin-top: 0;
	border: none;
}
.comments-body p label, .comments-body {
	width: 100%;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 12px;
}
.comments-body input, .comments-body textarea {
	font: 10px verdana, helvetica, arial, geneva, sans-serif;
	border: 1px solid #666;
	width: auto;
	padding: 2px;
	color: #666;
	background-color: #fff;
}

input#searchfield {
	font: 10px verdana, helvetica, arial, geneva, sans-serif;
	border: 1px solid #666;
	padding: 2px;
	background-color: #fff;
}
input#bakecookie, input#forget, input.image {
	border: none;
	padding: 0;
}

#searchbutton {
margin-top: 3px;
}
#comments {
	PADDING-BOTTOM: 30px;
	WIDTH: auto;
}
#commentnotes {
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 8px;
	COLOR: #666;
}
.comment {
	MARGIN-BOTTOM: 15px
}
.commentmetadata {
	FONT-WEIGHT: bold;
	FONT-SIZE: 90%;
	MARGIN-LEFT: 30px;
	COLOR: #666
}
.commentnumber {
	FONT-WEIGHT: bold;
	FONT-SIZE: 125%;
	FLOAT: left;
	WIDTH: 25px;
	COLOR: #ccc;
	TEXT-ALIGN: right
}
.commenttext {
	MARGIN-LEFT: 30px
}
.commentfooter {
	MARGIN-LEFT: 30px;
	FONT-SIZE: 0.85em;
}

.postcomment div {
	clear: both;
	padding: 2px 0;
}
.postcomment {
	margin: 0 30px;
	PADDING-BOTTOM: 30px;
	WIDTH: auto;
}
.postcommentnotes {
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 8px;
	COLOR: #666;
}
.postcommentnotes STRONG {
	LEFT: -1px;
	COLOR: #900;
	FONT-STYLE: italic;
	POSITION: relative;
}
.postcomment .inputgroup {
	MARGIN-LEFT: 0px;
}
.postcomment .inputradiogroup {
	MARGIN-LEFT: 0px;
}
.postcomment .inputgroup LABEL {
	DISPLAY: block;
	FONT-WEIGHT: bold;
	FONT-SIZE: 90%;
	text-align: left;
	padding-left: 0px;
	FLOAT: left;
	WIDTH: 25%;
	COLOR: #666;
}
.postcomment .inputradiogroup SPAN {
	DISPLAY: block;
	FONT-WEIGHT: bold;
	FONT-SIZE: 90%;
	FLOAT: left;
	WIDTH: 100px;
	COLOR: #666;
}
.postcomment .inputtext {
	WIDTH: 60%;
}
.postcomment .smallinputtext {
	WIDTH: 25%;
}
.postcomment textarea {
	width: auto;
}
.postcomment .inputsubmitgroup {
	MARGIN-LEFT: 25%;
}
.postcomment .inputsubmitgroup .inputbutton {
	BORDER-RIGHT: #666 1px outset;
	BORDER-TOP: #666 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BORDER-LEFT: #666 1px outset;
	WIDTH: 75px; COLOR: #666;
	BORDER-BOTTOM: #666 1px outset;
	BACKGROUND-COLOR: #efefef
}
.postcomment .postcommentfooter {
	position: relative;
	border: #333 1px dashed;
	padding: 25px;
	MARGIN: 15px 0;
	BACKGROUND-COLOR: #eee;
	TEXT-ALIGN: left;
}
.desc {
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;
}
.desc h3 {
	font-weight: bold;
	border-bottom: 1px solid #006;
}
#errorcontainer h3 {
	margin: 20px 0;
	font-weight: bold;
	border-bottom: 1px solid #006;
}
dl {
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
}
dt {
	width: 200px;
	float: left;
	position: relative;
	margin-top: 0;
	border: none;
}
dd {
	margin: 0 0 0 200px;
	border: none;
}
dl.imagetooltip {
	padding: 5px;
	margin: 0;
	border: 0;
	padding: 0;
}
ul {
	padding: 0 0 0 30px;
	margin: 0 0 10px 0;
}
ul li.nrLI {
	padding:0 ;
}
.imagetooltip dt {
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	width: 90px;
	float: left;
	position: relative;
	margin: 0;
	border: none;
}
.imagetooltip dd {
	text-align: left;
	font-weight: normal;
	margin: 0 0 0 90px;
	border: none;
	padding: 0;
}
/* ------------------- IE/Win Guillotine Bug fix --------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {height: 0;clear: both;}
#webshop>.clearfix {height: auto;}


/* ------------ BLOCK: SEARCHFORM ------------------------*/

span#boxtextsearch{
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0;
}
span#boxtextsearch input#textsearchbox {
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid black;
}
span#boxtextsearch img {
	margin: 0;
	padding: 0;
}
div#usermenumain ul#usermenulist li form {
	margin: 0;
	padding: 0;
	color: #666;
	background-color: transparent;
	white-space: nowrap; /* this line added due to recent builds of firefax wrapping the form content  */
	border: 0;
}
#textsearchbutton{
	border:none;
	padding: 0;
	position: relative;
}
#textsearchbox{
	border:none;
	padding: 0;
	position: relative;
}

#advsearch{
	position: relative;
	right: 0px;
	left: 210px;
	width: 121px;
	height: 8px;
	top: 35px;
}
/* -------------- CART TABLE ----------------- */
.priceruler caption{
	margin: 10px 0 3px 0;
	padding: 3px 0;
	font-weight:bold;
	color: #fff;
	background: red;
	clear: both;
}
.priceruler thead th, .priceruler tfoot td {
	background:#fff;
} 
.priceruler tr.ruled{
	background:#9cf;
}    
.priceruler{
	padding: 8px 0 0 0;
	margin: 0;
	width: 100%;
	border:0;
	/* border-collapse:collapse; */
}
.priceruler th, #webshop .priceruler td{
	border:1px solid #000;
	border-collapse:collapse;
}
.priceruler td.pricecell{
	text-align:center;
	font-weight: bold;
}
table#pricetable tr.ruled{
	background:#ddd;
	color:#000;
}

/* --------- MEDIA -------------------------- */
div#gallery {
	float: left;
	border: 1px solid #888888;
	background-color: #ffffaa;
	margin: 0 auto;
	padding: 0;
	display:inline;
}
div#gallerythumbnails {
	float: left;
	width: 120px;
	padding: 5px 0;
	border: none;
	margin: 0;
	display:inline;
}
html>body #gallerythumbnails { width:120px; }
div#gallerydisplayarea {
	position: relative;
	padding: 5px 0 ;
	width: auto;
	margin: 0 0 0 120px;
	z-index: 16;
}
html>body #gallerydisplayarea { width:auto; }
div#horzgallerythumbnails {
	float: left;
	width: auto;
	padding: 5px 0;
	border: none;
	margin: 0;
}
div#horzgallerydisplayarea {
	position: relative;
	padding: 5px 0 ;
	width: auto;
	margin: 0px;
}
p#gallerycaption {
	display:none;
	font: bold 14px Arial, sans-serif;
	margin-bottom: 2px;
	text-align: right;
	padding: 0 10px;
}
p#galleryauthor {
	display: none;
	font: 12px Arial, sans-serif;
	margin-bottom: 5px;
}
.scrollimage, .galleryscrollimage {
	/* display: block;  */
	float: left;
	border: 1px solid black;
	margin: 1px 1px 1px 0;
	padding: 0;
}
.galleryscrollimage:hover {
	position: relative;
}
.galleryscrollimage img {
	border: none;
}
.galleryscrollimage img#placeholder  {
	width: 300px;
	height: 225px;
}
.galleryscrollimage:hover img {
	display: none;
}
div#video {
	width: auto;
	margin: 10px auto;
	border: 1px solid #333333;
	padding: 10px;
	background-color: #ffffaa;
}
div#placeholder {
	margin: 0 auto;
	text-align:center;
	width:auto;
	padding: 4px;
	border: 1px solid #4a4a4a;
}

/** HOVER LINK BOX STYLES **/
.hooverlink {
	clear:left;
	background:#E6F9FF;
	position:relative;
	left:-5%;
	width:110%;
}
.hooverlink h2 {
	padding:0.5em 5% 0 5%;
	background:url(../../../images/rn_tr_off.gif) top right no-repeat;
}
#promo .hooverlink a {
	color:#06c;
	border:0;
}
.hooverlink p {
	font-size:1.2em;
	padding:0 5% 1em 5%;
	background:url(../../../images/rn_bl_off.gif) bottom left no-repeat;
	margin:0;
}
.hooverlinkhover {
	background:#09f;
	cursor:pointer;
}
.hooverlinkhover h2 { background-image:url(../../../images/rn_tr_on.gif) }
#promo .hooverlinkhover a { color:#A0E0F9 }
.hooverlinkhover p {
	color:#fff;
	background-image:url(../../../images/rn_bl_on.gif);
}
/* END OF HOVER LINK BOX STYLES */


/* external links
================================== */

a.external {
  background: url(../../../images/ext_externalLink.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="mailto:"] {
  background: url(../../../images/ext_email.png) no-repeat right top;
  padding-right: 15px;
}

a[href^="aim:"] {
  background: url(../../../images/ext_im.png) no-repeat right top;
  padding-right: 15px;
}

/* movie page */
#pic {
	position: relative;
	width: 500px;
	height: 604px;
	margin: 0;
	padding: 4px;
	border: solid 1px black;
}
#pic ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#pic li {
  display: block;
  position: absolute;
  width: 60px;
  height: 30px;
 }
#pic li a {
  display: block;
  position: relative;
  width: 58px;
  height: 28px;
  font-size: 80%;
  line-height: 1.1em;
  text-align: center;
  border: 1px solid yellow;
}
#pic li a:hover {
  border-color: #000;
}
#pic a .outer {
  display: block;
  cursor: pointer;
  width: 56px;
  height: 26px;
  background: url(../../../images/externalLink.gif) no-repeat;
  background-position: center center;
  z-index: 1;
}
#pic a .note {
  position: absolute;
  bottom: -3em;
  width: 9em;
  padding: 0.2em 0.5em;
  color: black;
  background-color:#ffc;
  border: 1px solid black;
  left: -30000px;
  margin-left: -5em;
  z-index: 100;
}

#pic a:hover .note {
  left: 50px;
}
#moviepagevideo {
	position: absolute;
	left: 360px;
	top: 30px;
	margin: 1px;
	padding: 4px;
	border: solid 1px black;
	background: #fff;
}
#moviepagevideo h2 {
	width: 320px;
	margin:0;
	padding:0;
	font-size: 90%;
}
#pic .clip1 {
  top: 570px;
  left: 160px;
}
#pic .clip2 {
  top: 570px;
  left: 220px;
}
#pic .clip3 {
  top: 560px;
  left: 100px;
}
#pic .clip4 {
  top: 545px;
  left: 40px;
}
#pic .clip5 {
  top: 510px;
  left: 10px;
}
#pic .clip6 {
  top: 475px;
  left: 35px;
}
#pic .clip7 {
  top: 475px;
  left: 95px;
}
#pic .clip8 {
  top: 445px;
  left: 60px;
}
#pic .clip9 {
  top: 415px;
  left: 60px;
}
#pic .clip10 {
  top: 375px;
  left: 100px;
}
#pic .clip11 {
  top: 345px;
  left: 100px;
}
#pic .clip12 {
  top: 295px;
  left: 10px;
}
#pic .clip13 {
  top: 325px;
  left: 10px;
}
#pic .clip14 {
  top: 305px;
  left: 100px;
}
#pic .clip15 {
  top: 305px;
  left: 160px;
}
#pic .clip16 {
  top: 285px;
  left: 230px;
}
#pic .clip17 {
  top: 255px;
  left: 180px;
}
#pic .clip18 {
  top: 230px;
  left: 100px;
}
#pic .clip19 {
  top: 190px;
  left: 150px;
}
#pic .clip20 {
  top: 190px;
  left: 210px;
}
#pic .clip21 {
  top: 155px;
  left: 200px;
}
#pic .clip22 {
  top: 125px;
  left: 160px;
}
#pic .clip23 {
  top: 185px;
  left: 70px;
}
#pic .clip24 {
  top: 145px;
  left: 20px;
}
#pic .clip25 {
  top: 135px;
  left: 90px;
}
#pic .clip26 {
  top: 65px;
  left: 90px;
}
#pic .clip27 {
  top: 95px;
  left: 90px;
}
#pic .clip28 {
  top: 55px;
  left: 160px;
}
#pic .clip29 {
  top: 25px;
  left: 190px;
}
#pic .clip30 {
  top: 60px;
  left: 230px;
}
#pic .clip31 {
  top: 90px;
  left: 230px;
}
#pic .clip32 {
  top: 90px;
  left: 290px;
}
#pic .clip33 {
  top: 125px;
  left: 290px;
}
#pic .clip34 {
  top: 155px;
  left: 290px;
}
#pic .clip35 {
  top: 215px;
  left: 290px;
}
#pic .clip36 {
  top: 360px;
  left: 290px;
}
#pic .clip37 {
  top: 410px;
  left: 250px;
}
#pic .clip38 {
  top: 390px;
  left: 340px;
}
#pic .clip39 {
  top: 420px;
  left: 340px;
}
/* movie pages */
#nordpic {
	position: relative;
	width: 700px;
	height: auto;
	margin: 0;
	padding: 4px;
	border: solid 1px black;
}
#nordpic ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nordpic li {
  display: block;
  position: absolute;
  width:16px;
  height:16px;
 }
#nordpic li a {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  font-size: 90%;
  line-height: 1.0em;
  text-align: center;
  border: 1px solid #333;
}
#nordpic li a:hover {
  border-color: #000;
}
#nordpic a .outer {
  display: block;
  cursor: pointer;
  width: 12px;
  height: 12px;
  background: url(../../../images/externalLink.gif) no-repeat;
  background-position: center center;
  z-index: 1;
}
#nordpic a .note {
  position: absolute;
  bottom: -3em;
  width: 9em;
  padding: 0.2em 0.5em;
  color: black;
  background-color:#ffc;
  border: 1px solid black;
  left: -30000px;
  margin-left: -5em;
  z-index: 100;
}

#nordpic a:hover .note {
  left: 50px;
}
#moviepagevideo2 {
	position: absolute;
	left: 160px;
	top: 220px;
	margin: 1px;
	padding: 4px;
	border: solid 1px black;
	background: #fff;
}
#moviepagevideo2 h2 {
	width: 480px;
	margin:0;
	padding:0;
	font-size: 90%;
}
#nordpic .nordclip1 {
  top: 175px;
  left: 110px;
}
#nordpic .nordclip2 {
  top: 157px;
  left: 116px;
}
#nordpic .nordclip3 {
  top: 230px;
  left: 98px;
}
#nordpic .nordclip4 {
  top: 10px;
  left: 332px;
}
#nordpic .nordclip5 {
  top: 10px;
  left: 347px;
}
#nordpic .nordclip6 {
  top: 200px;
  left: 75px;
}
#nordpic .nordclip7 {
  top: 125px;
  left: 170px;
}
#nordpic .nordclip8 {
  top: 118px;
  left: 188px;
}
#nordpic .nordclip9 {
  top: 134px;
  left: 188px;
}
#nordpic .nordclip10 {
  top: 100px;
  left: 300px;
}
#nordpic .nordclip11 {
  top: 85px;
  left: 316px;
}
#nordpic .nordclip12 {
  top: 232px;
  left: 75px;
}
#nordpic .nordclip13 {
  top: 236px;
  left: 58px;
}
#nordpic .nordclip14 {
  top: 220px;
  left: 115px;
}
#nordpic .nordclip15 {
  top: 50px;
  left: 362px;
}
#nordpic .nordclip16 {
  top: 125px;
  left: 320px;
}
#nordpic .nordclip17 {
  top: 105px;
  left: 340px;
}
#nordpic .nordclip18 {
  top: 70px;
  left: 380px;
}
#nordpic .nordclip19 {
  top: 80px;
  left: 465px;
}
#nordpic .nordclip20 {
  top: 105px;
  left: 460px;
}
#nordpic .nordclip21 {
  top: 68px;
  left: 350px;
}
#nordpic .nordclip22 {
  top: 30px;
  left: 362px;
}
#nordpic .nordclip25 {
  top: 105px;
  left: 240px;
}
#nordpic .nordclip26 {
  top: 250px;
  left: 42px;
}
#nordpic .nordclip27 {
  top: 266px;
  left: 42px;
}
#nordpic .nordclip28 {
  top: 40px;
  left: 328px;
}
#nordpic .nordclip29 {
  top: 205px;
  left: 140px;
}
#nordpic .nordclip30 {
  top: 165px;
  left: 150px;
}
#nordpic .nordclip31 {
  top: 150px;
  left: 164px;
}
#nordpic .nordclip32 {
  top: 195px;
  left: 105px;
}
#nordpic .nordclip33 {
  top: 108px;
  left: 275px;
}
#nordpic .nordclip34 {
  top: 50px;
  left: 390px;
}
#nordpic .nordclip35 {
  top: 130px;
  left: 215px;
}
#nordpic .nordclip36 {
  top: 130px;
  left: 116px;
}
#nordpic .nordclip37 {
  top: 216px;
  left: 75px;
}
#nordpic .svalbardclip1 {
  left: 200px;
  top: 395px;
}
#nordpic .svalbardclip2 {
  left: 220px;
  top: 395px;
}
#nordpic .svalbardclip3 {
  left: 190px;
  top: 412px;
}
#nordpic .svalbardclip4 {
  left: 82px;
  top: 370px;
}
#nordpic .svalbardclip5 {
  left: 110px;
  top: 300px;
}
#nordpic .svalbardclip6 {
  left: 70px;
  top: 170px;
}
#nordpic .svalbardclip7 {
  left: 70px;
  top: 190px;
}
#nordpic .svalbardclip8 {
  left: 80px;
  top: 150px;
}
#nordpic .svalbardclip9 {
  left: 98px;
  top: 160px;
}
#nordpic .svalbardclip10 {
   left: 160px;
  top: 175px;
}
#nordpic .svalbardclip11 {
  left: 140px;
  top: 185px;
}
#nordpic .svalbardclip12 {
  left: 125px;
  top: 190px;
}
#nordpic .svalbardclip13 {
  top: 205px;
  left: 115px;
}
#nordpic .svalbardclip14 {
  top: 120px;
  left: 175px;
}
#nordpic .svalbardclip15 {
  top: 120px;
  left: 195px;
}
#nordpic .svalbardclip16 {
  top: 175px;
  left: 260px;
}
#nordpic .svalbardclip17 {
  top: 215px;
  left: 295px;
}
#nordpic .svalbardclip18 {
  top: 230px;
  left: 330px;
}
#nordpic .svalbardclip19 {
  top: 410px;
  left: 345px;
}
#nordpic .svalbardclip20 {
  top: 575px;
  left: 230px;
}
#nordpic .svalbardclip21 {
  top: 590px;
  left: 210px;
}
#nordpic .svalbardclip22 {
  top: 605px;
  left: 190px;
}
#nordpic .svalbardclip23 {
  top: 350px;
  left: 235px;
}
#nordpic .svalbardclip24 {
  top: 420px;
  left: 160px;
}
#nordpic .svalbardclip25 {
  top: 120px;
  left: 215px;
}
#nordpic .svalbardclip26 {
  top: 230px;
  left: 100px;
}
#nordpic .svalbardclip27 {
  top: 245px;
  left: 100px;
}
#nordpic .svalbardclip28 {
  left: 240px;
  top: 395px;
}
#nordpic .svalbardclip29 {
  top: 205px;
  left: 60px;
}
#nordpic .svalbardclip30 {
  top: 210px;
  left: 135px;
}
#nordpic .svalbardclip31 {
  top: 305px;
  left: 80px;
}
#nordpic .svalbardclip32 {
  left: 260px;
  top: 395px;
}
#nordpic .svalbardclip33 {
  top: 100px;
  left: 465px;
}
#nordpic .svalbardclip34 {
  top: 140px;
  left: 490px;
}
#nordpic .svalbardclip35 {
  top: 250px;
  left: 415px;
}
.mfiller {
	height: 240px;
}

/* PRODUCTS STYLES */
#webshop {
	font-size: 90%;
}
#webshop .intro {
	padding: 5px;
	margin: 3px 0;
}
#webshop h2 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 130%;
	text-align: left;
	border-bottom: 1px solid #006;
}
#webshop h3 {
	background-color: #6090BF;
	color: #fff !important;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	border: 0;
}
#webshop h3 a {
	color: #fff !important;
}
#webshop dl {
	width: 556px;
	margin: 10px 20px;
	padding: 0;
	display: inline;
}
#webshop dt {
	float: right;
	width: 400px;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	color: #0000cc;
	font-weight: bold;
}
#webshop dd {
	margin: 0 ;
	padding: 0px;
	line-height: 1.5em;
	color: #000;
}
#webshop dl dd.img {
	margin: 0;
}
#webshop dd.img img {
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
}
/* reverse float */
#webshop .alt dt {
	float: left;
}
#webshop .alt dd {
	margin: 0 ;
}
#webshop .alt dd.img img {
	float: right;
	margin: 0 0 0 8px;
}
#webshop .alt div.img img {
	float: right;
	margin: 0 0 0 8px;
}
#webshop dd ol {
	padding: 0;
	margin: 0 0 0 10px;
}
#webshop dd li {
	padding: 0;
	margin: 0 0 0 20px;
	font-size: 90%;
	font-weight: bold;
}
#webshop .prices {
	clear:both;
	margin: 3px 0;
	padding: 5px;
	background: #ffc;
	border: 1px dashed black;
}
#webshop .prices ul {
	 margin-left:30px;
}
#webshop .prices ul li{
	 margin-left:30px;
}
/* -------------- PRICETABLE ----------------- */
table.priceruler caption{
	margin: 10px 10px 3px 0;
	padding: 3px 0;
	font-weight:bold;
	color: #fff;
	background: red;
	clear: both;
}
table.priceruler thead th, table.priceruler tfoot td{
	background:#ddd;
}
table.priceruler tr.ruled{
	background:#9cf;
}    
table.priceruler{
	padding: 8px 10px 0 0;
	margin: 0;
	width: 100%;
	border:0;
	/* border-collapse:collapse; */
}
table.priceruler th, table.priceruler td{
	border:1px solid #000;
	border-collapse:collapse;
}
table.priceruler td.pricecell{
	text-align:center;
	font-weight: bold;
}
table.priceruler tr.ruled{
	background:#ddd;
	color:#000;
}
table.priceruler#checkout {
	font-size:80%;
}
table.priceruler#checkout td {
	padding: 3px;
}
table.priceruler#checkout input.inputtextsmall {
	width: 80px;
}
/* ------------------ IMAGES ---------------------- */
#webshop img {
	float: left;
	margin: 3px;
	padding: 1px;
	border: black 1px solid;
	display:inline;
}
#webshop img.left {
	clear:left;
}
#webshop img.medium {
}
#webshop p#desc {
	display:none;
}
/* ------------------------------------------------- */
#webshop p.maintitle {
	margin: 10px 0 3px;
	padding: 0;
	font-weight: bold;
	font-size: 110%;
	border-bottom: 1px dotted #555;
}
/* ------------------ tabs ------------------------- */
#horiztabmenu {
	margin: 10px 0 10px 0;
	padding: 0;
	height: 25px;
	border-bottom: 2px solid #006;
}
#horiztabmenu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#horiztabmenu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
#horiztabmenu ul li a {
	background: #006;
	width: 100px;
	height: 24px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #006;
	border-right: none;
	padding: 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold normal 11px/18px verdana, geneva, lucida sans, helvetica, sans-serif;
}
#horiztabmenu ul li a:hover {
	color: #930;
	background: #f5d7b4;
}
#horiztabmenu a:active {
	background: #c60;
	color: #fff;
}
#horiztabmenu li#active a {
	background: #c0c0ff;
	border: 1px solid #006;
	color: #000;
}

.tourinfo { 
	font-style: normal;
	font-weight: normal;
	color: #fff;
	background-color: #000066;
}
.overviewcontainer {
	clear: left;
	line-height: 1.1;
	float:left;
}
div#gmap,div#map {
	overflow:hidden;
	width:620px;
	height:500px;
}
/* MAIN PAGE */
.teaser {
	width: 175px;
	height: 230px;
	padding: 0;
	margin:20px 0;
}
.boxit {
	width: 175px;
	height: auto;
	padding: 0;
	margin:3px;
	margin:15px 10px 10px 10px;
}
.teaser .article {
	padding-left: 180px;
}
.winter {
	margin: 15px 0;
	background-color: #d0d0ff;
}
.zomer {
	margin: 15px 0;
	background-color: #D8E91C;
}
.norge {
	background-color: #FC4F5B;
	margin: 15px 0;
}
.hurtig {
	margin: 15px 0;
	background-color: #81F3A9;
}
.cruises {
	margin: 15px 0;
	background-color: #89f7fa;
}
.hurtig .boxit p, .norge .boxit p , .winter .boxit p {
	color:#fff !important;
}
.cruises .boxit p {
	color:#126FB2 !important;
}