@charset "UTF-8";
/* CSS Document */




/*---- CONTAINERS ---*/
body {
margin: 0px auto 0px auto;
text-align: center;
background-repeat: repeat;
height: 100%;
width: 100%;
background-position: center top;
}

div#frame {
width: 1000px;
margin: 0px auto 0px auto;
position: relative;
height: 100%;
text-align: left;
vertical-align: baseline;
}

div#content {
width: 1000px;
margin: 0px auto 0px auto;
position: relative;
height: 100%;
text-align: left;
vertical-align: baseline;
}

div#contentleft {
position: relative;
float: left;
margin: 0 0 0 25px;
padding: 0 0 0 0;
background: url(http://www.vardemuseum.dk/images/grafik/990000_70.png) repeat;
height: 100%;
min-height: 1600px;
width: 175px;
}

div#content300 {
position: relative;
float: left;
margin: 0 150px 0 100px;
padding: 0 0 0 0;
background: #fff;
height: 100%;
min-height: 1600px;
width: 300px;
text-align: left;
}

div#content425 {
position: relative;
float: left;
margin: 0 75px 0 50px;
padding: 0 0 0 0;
background: #fff;
height: 100%;
min-height: 1600px;
width: 425px;
text-align: left;
}



/*----------- RIGHT ------------*/

div#right000033 {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(http://www.vardemuseum.dk/images/grafik/000033_70.png) repeat;
height: 100%;
min-height: 1600px;
width: 200px;
}

div#right003333 {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(http://www.vardemuseum.dk/images/grafik/003333_70.png) repeat;
height: 100%;
min-height: 1600px;
width: 200px;
}

div#right003366 {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(http://www.vardemuseum.dk/images/grafik/003366_70.png) repeat;
height: 100%;
min-height: 1600px;
width: 200px;
}

div#right336666 {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(http://www.vardemuseum.dk/images/grafik/336666_70.png) repeat;
height: 100%;
min-height: 1600px;
width: 200px;
}

div#right669999 {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(http://www.vardemuseum.dk/images/grafik/669999_70.png) repeat;
height: 100%;
min-height: 1600px;
width: 200px;
}

div#rightjul {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #003300;
height: 100%;
min-height: 1600px;
width: 200px;
}

div#rightviden {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(http://www.vardemuseum.dk/images/grafik/003366_70.png) repeat;
height: 100%;
min-height: 1600px;
width: 200px;
}

div#rightundervisning {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(http://www.vardemuseum.dk/images/grafik/black70.png) repeat;
height: 100%;
min-height: 1600px;
width: 200px;
}

div#rightbutik {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(http://www.vardemuseum.dk/images/grafik/333333_70.png) repeat;
height: 100%;
min-height: 1600px;
width: 200px;
}

/*------------- SQUARES -------------*/
div#logo {
float: left;
margin: 25px 0 5px 0;
text-align: center;
height: 125px;
width: 175px;
border: 0;
/*background: #123445;*/
/*background: url(http://www.osslp.com.mx/images/graphics/logodorado.png) no-repeat;*/
}

div#footer {
float: left;
margin: 125px 0 0 0;
text-align: left;
width: 100%;
/*height: 125px;*/
}

div#news {
float: left;
margin: 0 0 3px 0;
text-align: left;
height: 25px;
width: 100%;
border: 0;
background: url(http://www.vardemuseum.dk/images/grafik/white65.png) repeat;
}

div#top60 {
float: left;
margin: 25px 0 0 0;
font-family: "Lucida Grande", Garmonde, sans-serif; 
line-height: 1em;
text-align: center;
height: 60px;
width: 100%;
/*background-color: #fff;*/
}

div#topfoto {
float: left;
margin: 25px 0 0 0;
text-align: center;
height: 225px;
width: 100%;
/*background-color: #fff;*/
}

div#top30 {
float: left;
margin: 25px 0 0 0;
font-family: "Lucida Grande", Garmonde, sans-serif; 
line-height: 1em;
text-align: center;
height: 30px;
width: 100%;
background-color: #651;
}

div#linie {
float: left;
margin: 10px 0 10px 0;
background-color: #eee;
height: 2px;
width: 100%;
text-align: left;
}

div#liniebl {
float: left;
margin: 8px 0 5px 0;
background-color: #999;
height: 1px;
width: 100%;
text-align: left;
}


div#linie2 {
float: left;
margin: 2px 0 3px 0;
background-color: #eee;
height: 1px;
width: 100%;
}

div#box25 {
float: left;
margin: 0 0 0 0;
/*background-color: #456;*/
height: 25px;
width: 100%;
text-align: left;
}

div#box25fff {
float: left;
margin: 0 0 0 0;
background-color: #fff;
height: 25px;
width: 100%;
text-align: left;
}

div#box75 {
float: left;
margin: 0 0 3px 0;
/*background-color: #456;*/
height: 75px;
width: 100%;
text-align: left;
}

div#foto90 {
float: left;
background-color: #456;
height: 95px;
width: 95%;
margin: 0 5px 5px 5px;
text-align: center;
}

div#box100 {
float: left;
margin: 0 0 3px 0;
background-color: #fff;
height: 100px;
width: 100%;
text-align: left;
}



div#box125 {
float: left;
margin: 0 0 10px 0;
/*background-color: #456;*/
height: 125px;
width: 100%;
text-align: left;
}

div#box250 {
float: left;
margin: 0 0 0 0;
/*background-color: #456;*/
height: 100%;
width: 212px;
text-align: left;
}

div#box100320 {
float: left;
margin: 0 0 0 0;
/*background-color: #456;*/
height: 100px;
width: 320px;
text-align: left;
}

div#box40320 {
float: left;
margin: 0 0 0 0;
background-color: #fff;
height: 40px;
width: 320px;
text-align: left;
}

div#box60220 {
float: left;
margin: 0 0 0 0;
background-color: #fff;
height: 60px;
width: 220px;
text-align: left;
}

div#box60100 {
float: left;
margin: 0 0 0 0;
background-color: #fff;
height: 60px;
width: 100px;
text-align: left;
}

div#foto100 {
float: left;
margin: 0 0 0 0;
background-color: #fff;
height: 100px;
width: 105px;
text-align: right;
}

div#fotoakt {
float: left;
margin: 0 0 5px 3px;
/*background-color: #555;*/
height: 100px;
width: 207px;
text-align: center;
}

div#fotolist {
float: left;
text-align: center;
margin: 0 5px 0 0;
/*background-color: #555;*/
height: 75px;
width: 142px;
}

div#box200 {
float: left;
margin: 0 0 0 0;
font-family: "Lucida Grande", Garmonde, sans-serif; 
font-size: 11px;
/*background-color: #567;*/
height: 200px;
width: 100%;
text-align: left;
}

div#kalenderBG {
float: left;
margin: 0 0 25px 0;
background: url(http://www.vardemuseum.dk/images/grafik/white65.png) repeat;
text-align: left;
height: 100%;
width: 200px;
}

div#kalender {
float: left;
margin: 0 5px 0 0;
text-align: center;
height: 100%;
width: 190px;
}

div#box150 {
float: left;
margin: 0 0 0 0;
/*background-color: #567;*/
height: 150px;
width: 100%;
text-align: left;
}

div#slider {
float: left;
margin: 0 0 15px 0;
/*background-color: #456;*/
height: 300px;
width: 425px;
text-align: left;
}

.clear_l { clear: left; }
.clear_r { clear: right; }
.clear { clear: both; }

/*------ BUTIK ------*/
div#butik {
float: left;
margin: 0 0 0 0;
font-family: "Lucida Grande", Garmonde, sans-serif; 
font-size: 11px;
/*background-color: #987;*/
height: 150px;
width: 210px;
text-align: left;
}

div#butiktitel {
float: left;
margin: 0 0 0 0;
font-family: "Lucida Grande", Garmonde, sans-serif; 
font-size: 11px;
/*background-color: #986;*/
height: 25px;
width: 100%;
text-align: left;
}

div#butikfoto {
float: left;
margin: 0 0 0 0;
background-color: #985;
height: 125px;
width: 80px;
text-align: left;
}

div#butiktxt {
float: left;
margin: 0 0 0 0;
font-family: "Lucida Grande", Garmonde, sans-serif; 
font-size: 11px;
/*background-color: #984;*/
height: 125px;
width: 130px;
text-align: left;
}

/*------ XTRAS -----*/

div#space5 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 5px;
width: 100%;
}

div#space25 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 100%;
width: 25px;
}

div#space50 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 100%;
width: 50px;
}

div#space100 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 100%;
width: 100px;
}

div#space425 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 100%;
width: 425px;
}

/*------ FONTS -----*/

h1 {
font-size: 11px;
line-height: 1.4em;
color: #000;
font-style :normal;
font-weight: normal;
font-family: verdana, sans-serif;
margin: 0px 5px 0px 5px;
}

h2 {
line-height: 1.2em;
color: #000;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-size: 12px;
letter-spacing: 0.1em; 
font-style :normal;
font-weight: bold;
margin: 5px 5px 0px 5px;
}

h3 {
line-height: 1.2em;
color: #000;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-size: 18px;
letter-spacing:1px; 
font-style :normal;
font-weight: bold;
margin: 0px 5px 3px 5px;
}

h4 {
line-height: 1.6em;
color: #fff;
font-family: verdana, sans-serif;
font-size: 9px;
font-style :normal;
font-weight: normal;
margin: 0px 5px 1em 5px;
}

titel { 
line-height: 0.5em;
color: #660000;
font-family: "Lucida Grande", Garmonde, sans-serif; 
font-size: 12px;
font-style :normal;
font-weight: bold;
margin: 0px 10px 1em 10px;
}

section { 
/*line-height: 1em;*/ 
color: #333; 
font-family: "Lucida Grande", Garmonde, sans-serif; 
font-size: 18px; 
font-weight: bold; 
margin: 0px 5px 0 5px;
}

sec11 { 
color: #333; 
font-family: "Lucida Grande", Garmonde, sans-serif; 
font-size: 11px; 
font-weight: normal; 
}

.sec14 { font-family: "Lucida Grande", Garmonde, sans-serif; color: #333; font-size: 13px; font-weight: normal; }

.byline { color: #ccc; font-size: 11px; font-weight: bold; }

.underrubrik { color: #333; margin: 0px 5px 3px 5px; }

.listtitle { font-size: 13px; }

.mlrubrik { font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; font-size: 13px; color: #333; font-weight: bold; }

.upper { text-transform: uppercase;  font-size: 18px; color: #333; font-weight: bold; margin: 0 5px 3px 5px; }

.upper2 { text-transform: uppercase; }

.right { font-size: 10px; text-transform: uppercase; text-align: right; font-weight: bold; }

.fed { font-weight: bold; }

.nipkt { font-size: 9px; }

.pale { color: #fff; }

.grey { color: #333; }

.quote { font-family: "Courier"; font-size: 12px; }

.inside {padding: 0 0 3px 3px; text-align: left;}

/*------ NAVIGATION ----*/

div#nav {
float: left;
text-align: left;
height: 300px;
width: 100%;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;
letter-spacing: 1px;
color: #cccccc;
font-size: 13px;
text-transform: uppercase; 
}

#nav ul, li {
list-style-type: none;
}

#nav ul {
margin: 0;
padding: 0;
}

#nav li {
margin: 0px 0px 0px 5px;
padding: 0 0 0 1px;
}

#menuv a {
text-decoration: none;
color: #999;
}

#menuv a:hover {
color: #fff;
}

.current {
color: #fff;
border: 0px;
}

a.nav:link {
color: #ccc;
text-decoration: none;
border: 0px;
}

a.nav:visited {
color: #ccc;
text-decoration: none;
border: 0px;
}

a.nav:hover {
color: #fff;
text-decoration: none;
border: 0px;
}

a.nav:active {
color: #fff;
border: 0px;
}


/*------- SUB -----*/
#sub {
width: 165px;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 11px;
text-transform: uppercase;
margin: 1px 0 2px 0; 
} 

#sub ul, li {
list-style-type: none;
}

#sub ul {
margin: 0;
padding: 0;
}

#sub li {
margin: 0px 0px 0px 1em ; 
padding: 0 0 0 1px; 
text-indent: -7px;
}

.currentsub {
color: #fff;
border: 0px;
}

.rightsub {
color: #fff;
text-decoration: none;
}

a.sub:link {
color: #999;
text-decoration: none;
border: 0px;
}

a.sub:visited {
color: #999;
text-decoration: none;
border: 0px;
}

a.sub:hover {
color: #fff;
text-decoration: none;
border: 0px;
}

a.sub:active {
color: #fff;
border: 0px;
}

/*------- LINK -----*/
div#link {
float: left;
text-align: left;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
height: 100%;
width: 100%;
/*margin-top: 25px;*/
/*background-color: #487;*/
list-style:none;
list-style-type:none;
}

ul#link {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

ul#link li {
line-height: 1.4em;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;
color:#ccc;
font-size: 11px;
text-transform: uppercase; 
margin: 0px 0px 0px -20px ;
list-style:none;
}
/*
.current {
color: #fff;
border: 0px;
}*/

.white {
color: #fff;
text-decoration: none;
border: 0px;
}

a.link:link {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color: #666;
text-decoration: none;
border: 0px;
}

a.link:visited {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color: #333;
text-decoration: none;
border: 0px;
}

a.link:hover {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color: #666;
text-decoration: underline;
border: 0px;
}

a.link:active {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color: #fff;
border: 0px;
}

/*------- LINKR -----*/
div#link_r {
float: left;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
text-align: left;
height: 100%;
width: 100%;
/*margin-top: 25px;*/
/*background-color: #487;*/
list-style:none;
list-style-type:none;
}

ul#link_r {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

ul#link_r li {
line-height: 1.4em;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;
color:#fff;
font-size: 11px;
margin: 0px 0px 0px -20px ;
list-style:none;
}

.current_r {
color: #fff;
text-decoration: underline;
border: 0px;
}

a.link_r:link {
color: #fff;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
text-decoration: none;
border: 0px;
}

a.link_r:visited {
color: #fff;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
text-decoration: none;
border: 0px;
}

a.link_r:hover {
color: #fff;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
text-decoration: underline;
border: 0px;
}

a.link_r:active {
color: #fff;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
text-decoration: underline;
border: 0px;
}


/*---- SEARCH -----*/

div#search {
float: left;
margin: 25px 0 25px 0;
text-align: left;
height: 50px;
width: 100%;
border: 0;
background: url(http://www.vardemuseum.dk/images/grafik/white65.png) repeat;
}

#search form {margin:0;padding:0;margin-bottom:15px;}
#search input.input {border:1px solid #ccc;margin: 5px 0 0 5px;padding:3px;font-size:11px;color:#808080;}
#search input.button {border:1px solid #ccc;background-color:#eee;margin: 5px 5px 0 0;padding:1px;padding-bottom:2px;font-size:11px;color:#808080;}

  /*  <form method="post" action="/search.php" >
    <div>    <input type="hidden" name="weblog" value="" />
    <input type="text" class="input" size="20" name="keywords"  />
    <input  type="submit" class="button" value="go" />    </div>
    </form> */

/*-------CALENDAR-----*/
.calendarBG {
 background-color: transparent; 
}

.calendarBlank { 
 font-family:       Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:	11px;
 font-weight:		bold;
 /*letter-spacing:	.1em;*/
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color: #666;
 background-color: transparent;
}

.calendarHeader { 
 font-family:       Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-weight: bold; 
 text-transform: uppercase; 
 color: #333; 
 text-align: center;
 background-color: #fff; 
}

.calendarMonthLinks {
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #333;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #333;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #333;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  #990000;
}

.calendarDayHeading {
 font-family:       Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #333; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 /*letter-spacing:	.1em;*/
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #fff;
 background-color: 	#990000;
}

.calendarCell {
 font-family:      Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #333;
 background-color:  #fff;
}

.calendarCell a {
 color:             #333;
 font-size:         12px;
 text-decoration:   underline;
 background-color:  #ccc;
}
  
.calendarCell a:visited {
 color:             #666;
 text-decoration:   none;
 background-color:  #ccc;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  #990000;
}

/*------- POSITION ------*/
pos		{ padding-right: 80px; position: relative; margin-bottom: 1.0em;}
.top		{ position: absolute; bottom: 0; right: 0; }

.home	{ position: absolute; top: 0; right: 0; }

.notice	{ background: #ffdfdf; padding: 10px 0 0 80px; border: 1px solid red; 
		  position: relative; min-height: 70px; font-size: 150%; }
.close	{ position: absolute;  left: 0; top: 0; }

form		{ padding-right: 80px; margin-bottom: 20px; }
fieldset	{ padding: 10px; position: relative; }
label		{ display: block; float: left; width: 120px; }
input, textarea		{ margin-bottom: 5px; }
legend	{ font-size: 1.8em; }

.signin	{ position: absolute; top: -18px; right: 12px; }

/*----------- SLIDER ----------*/

.slider-wrap						{ width: 425px; position: absolute; top: 25px; left: 0px; }
.stripViewer .panelContainer
.panel ul						{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer						{ position: relative; overflow: hidden; width: 425px; height: 100%; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 425px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 						{ border: 1px solid white; margin-right: 0px; }
#movers-row						{ margin: -43px 0 0 85px; }
#movers-row div					{ width: 25%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data					{ background: url(images/grafik/white65.png) repeat; padding: 10px; height: 30px;
											  margin-top: -55px; position: relative; z-index: 9999;  font-family: Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 12px; color: #000; }
.photo-meta-data span 					{ font-size: 18px; }
.cross-link						{ display: block; width: 85px; height: 44px; margin-top: 0px;
											  position: relative; padding-top: 0px; z-index: 9999; }
/*.active-thumb 						{ background: transparent url(http://www.vardemuseum.dk/images/grafik/icon-uparrowsmallwhite.png) top center no-repeat; }*/