/* menusider.css er skræddersyet til at erstatte menu-sider, som opr. er lavet med frontpage. Dec. 2009.
Typografiarket er gyldigt for alle niveauer af menuer: Forside, 2. niveau (hovedmenu for rejser, cykelture etc. og 3. niveau
(menu for den enkelte tur).  */

/*------------nulstil alting Kilde: http://meyerweb.com/eric/tools/css/reset/------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/*-------------------------------------------------------------------------------------------------------*/


body {
	font-family:  Verdana, sans-serif;
	font-size: 0.8125em; /* tilf. 9. nov 09. Centrering også i ie5*/
	background-image: url(../_themesDW/evrgreen/background_evrgreen.gif);
	background-repeat: repeat-y;
}
h1 { /* Overskrifter til sekundære menuer */
	font-size: 32px;
	font-weight: normal;
	color: #FFFFFF;
}

/* følgende selektor er tilføjet for at slukke for sidenav i "bred visning" */
ul.sidenav {
	display: none;    
}

/* følgende selektor er tilføjet for at slukke for sidenav i "bred visning" */
ul.topnav {
	display: none;    
}

/* Håndtering af billedrammer, så de er uafhængige
af billedernes dimensioner. */

img { 
	border: none; 
} /* sep 2009: Images kan nu bruges som links uden rammer*/

.img {
	position: relative;
	top: 0px;
	text-align: center;
	margin-bottom: 50px;
}

#forside {
  background-image: url(../images/PICT4286.JPG);
  background-repeat: no-repeat;
  background-color: #163900;
}

#forside #wrap2 a {
	background-image: url(../_themesDW/classic/clavbtn.gif); /* Safari: pos. rel. nødv. for at links virker! Gælder alle a-selektorer med image!! */
	position: relative;
}

/* -------------------------Overskriften på forsiden ---------------------------*/
#forside #header h1 { 
	color: #808000;
	font-size: 36px;
}   
#forside p {
	margin-top: 670px; /* placering af W3C validator ikon på forsiden------------*/
}   
/* ----------------layout af kunstsiden  inkl. baggrund til menuerne-------------*/
#kunst {
	background-image: url(../images/modern-art-prints2.jpg);
	background-repeat: no-repeat;
	background-color: #009999;
}

#kunst #header h1 { 
	color: #009999;
	font-size: 36px;
}   

#kunst #wrap2 .listcontainerHor a {
	background-image: url(../_themesDW/spiral/spinavhd.gif);
	position: relative;  /* Safari: pos. rel. nødv. for at links virker! Gælder alle a-selektorer med image!! */
}

#kunst #wrap2 .listcontainer a {
	background-image: url(../_themesDW/spiral/spinavhd.gif);
	position: relative;
}

/*#kunst #main {
	border: 1px solid #000000;
}*/

/* ----------------------- menubaggrunde til cykelture og rejser ----------------*/
#cykelture #wrap2 .listcontainerHor a {
	background-image: url(../_themesDW/classic/clavbtn.gif);
	position: relative; /* Safari: pos. rel. nødv. for at links virker! Gælder alle a-selektorer med image!! */
}

#cykelture #wrap2 .listcontainer a {
	background-image: url(../_themesDW/classic/clavbtn.gif);
}

#rejser #wrap2 .listcontainerHor a {
	background-image: url(../_themesDW/classic/clavbtn.gif);
	position: relative; /* Safari: pos. rel. nødv. for at links virker! Gælder alle a-selektorer med image!! */
}

#rejser #wrap2 .listcontainer a {
	background-image: url(../_themesDW/classic/clavbtn.gif);
}

/* Flg. spec. gør det muligt at vise, hvilken munu, der er selected*/
#rejser #wrap2 .listcontainerHor .rejser a,
#cykelture #wrap2 .listcontainerHor .cykelture a {
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../_themesDW/classic/clavsel.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#wrap2{ /*ydre DIV som sætter fast bredde mv.*/
	width: 800px;
	margin: 0px;
}

#header{
	/*height: 110px;*/
	/*top: 0px;*/
	width: 780px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#homeimg {
	position: relative;
	top: 5px;
	width: 175px;
	float: left;
	height: 65px;
	clear: left;
	left: 5px;
}

#homeimg img {
	display: none;
}

#logopulver {
	position: relative;
	top: 5px;
	width: 175px;
	float: left;
	height: 65px;
	clear: left;
	left: 5px;
}


#main { /*indre DIV som afgrænser alt indholdet i forhold til grafikken i wrap*/
	margin-top: 0px;
	margin-left: 180px; /* gør plads til den lodrette menu i venstre side */
	margin-bottom: 20px;
	/*float: left; OBS: ved af undlade float left glider main på plads!!!!*/
	width: 600px;
}
#main2 { /* slukker for billedet i responsive!!!*/
	display: none;
	/*margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;*/
}

.cb {
	clear: both;
}

/* Lodret menusystem */
/*#navLodret {
	margin-left: 5px;
	margin-top: 5px;
	width: 150px;
	float: left;
}*/

.listcontainer {
	font-size: 0.85em;
	width: 145px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-left: 7px;
}

.listcontainer ul {
	padding: 0px;
	list-style: none;
	margin: 0px;
}

.listcontainer li{
	padding-top: 0.3em;
	text-indent: 0em;
	width: 140px;
	text-align: center;
	margin-bottom: 5px;
	display: inline;
}
.listcontainer a{
	text-decoration: none;
	color: #FFFFFF;
	width: 140px;
	line-height: 40px;
	display: block;
	float: left;
	/*background-image: url(../_themesDW/classic/clavbtn.gif);*/
	background-repeat: no-repeat;
	text-align: center;
}

/* Vandret menu til sider, hvor kombinationen af vandret og lodret menusystem er påkrævet */
/*#navVandret{
	width: 700px;
	padding: 0;
	/*display: inline;*/
	
	/*position: relative; /* Firefox: Nødvendig - ellers er vandrette links ikke clickable!!!*/
	/*z-index: 1000;       /* Forefox: do. do. */
	/*margin-left: 180px;
}*/

.listcontainerHor {	/*margin-left: 5px;*/
  float: left;
  padding: 0;
  width: 300px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0px;
  margin-left: 160px;
  display: inline;
  list-style: none;
  position: relative;
}


.listcontainerHor ul {
  padding: 0;
  width: 620px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 0;
}


.listcontainerHor li {
	text-indent: 0em;
	/*background-image: url(../_themesDW/classic/clavbtn.gif);*/
	/*background-repeat: no-repeat;
	background-position: 0% 50%;*/
	text-align: center;
	width: 140px;
	float: left;
	margin-left: 7px;
	padding-top: 0.3em;
}
.listcontainerHor a {
  float: left;
  text-decoration: none;
  color: #FFFFFF; /* rettet fra hvid 28/7 2013 */
  line-height: 40px;
  float: left;
  width: 140px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
}

#ref {
	margin-top: 350px;
}
#ref a{
	color: #FFFFFF;
	text-decoration: none;
}
#ref a:hover{
	color: #FF0000;
	text-decoration: none;
}