/*
 *
 * 	Cascading Style Sheet for ix.php?m=0 at www.svanholm.dk, fremsiden
 *
 *		1) There won't be any special print version of this CSS file.
 *		2) The body element needs the text-align: center; setting to display
 *			stuff centered in explorer too.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

 

/* BODY:
 *
 * Slightly shaded and some settings to make scroll-bars and
 *	centering of the content work in all browsers
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body {
	margin: 0; 
	padding: 0; 
	min-width: 1000px;
	min-height: 500px;
	text-align: center;
  background-color: #FFFFF0;
}

/* WRAP:
 *
 * Main div putting everything horizontally centered on the page
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#wrap {
	margin: 0px auto;
	position: relative;
	width: 964px;
  z-index: 30005;
}

/* HEADER:
 *
 * Top part of the page: containing the flash animation and the
 * logo.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#header {
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	width: 964px;
	top: 0px;
}

#logo {
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
  	width: 233px;
  	height: 372px;
}

#flash {
	margin: 72px 0 0 0;
	padding: 0;
	position: relative;
	float: left;
  	width: 730px;
  	height: 300px;
  	background-image: url(../ny_layout_gif/indx_flash_bgnd.gif);
  	background-repeat: no-repeat;
}


/* BOTTOM:
 *
 * flowers, and the clickable things
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#bottom {
	position: relative;
	clear: left;
	width: 964px;
	min-height: 320px;
  background-color: #FFFFF0;
  background-image: url(../ny_layout_gif/indx_flowers.gif);
  background-repeat: no-repeat;
  z-index: 30002;
}

#quicklinks {
	position: relative;
 	width: 964px;
	min-height: 75px;
 	text-align: left;
  z-index: 30000;
}

#flowers {
	position: relative;
  float: left;
	width: 233px;
	height: 50px;
}
    
#ql_top {
  position: relative;
  width: 724px;
  /* min-height: 300px; */
  float: left;
  padding: 0 0 16px 0;
  }

/* DYNAMIC NEWS
 *
 * up to four independent narrow columns that can be used for news
 * or other eye-catchers
 *
 * columns can also be used together 12, 34, 123, 234, 1234
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#dynamicnews {
	position: inherit;
 	width: 934px;
 	min-height: 200px;
 	text-align: left;
  margin: 8px 0 0 30px;
}

#sp_1 {
  position: relative;
  float: left;
	width: 187px;
	min-height: 50px;
	min-width: 187px;
  border-color: #f1ecda;
  border-style: solid;
  border-width: 0 1px 0 0;
  padding: 0 8px; 
}

#sp_2 {
	position: relative;
  float: left;
	width: 223px;
	min-height: 50px;
	min-width: 223px;
  border-color: #f1ecda;
  border-style: solid;
  border-width: 0 1px 0 0;
  padding: 0 8px; 
}

#sp_3 {
	position: relative;
  float: left;
	width: 223px;
	min-height: 50px;
	min-width: 223px;
  border-color: #f1ecda;
  border-style: solid;
  border-width: 0 1px 0 0;
  padding: 0 8px; 
}

#sp_4 {
	position: relative;
  float: left;
	width: 223px;
	min-height: 50px;
	min-width: 223px;
  padding: 0 8px; 
}

#sp_12 {
	position: relative;
  float: left;
	width: 410px;
	min-height: 50px;
	min-width: 410px;
  border-color: #f1ecda;
  border-style: solid;
  border-width: 0 1px 0 0;
  padding: 0 8px; 
}

#sp_123 {
	position: relative;
  float: left;
	width: 633px;
	min-height: 50px;
	min-width: 633px;
  border-color: #f1ecda;
  border-style: solid;
  border-width: 0 1px 0 0;
  padding: 0 8px; 
}

#sp_1234 {
	position: relative;
  float: left;
	width: 856px;
	min-height: 50px;
	min-width: 856px;
  padding: 0 8px; 
}

#sp_23 {
	position: relative;
  float: left;
	width: 446px;
	min-height: 50px;
	min-width: 446px;
  border-color: #f1ecda;
  border-style: solid;
  border-width: 0 1px 0 0;
  padding: 0 8px; 
}

#sp_34 {
	position: relative;
  float: left;
	width: 446px;
	min-height: 50px;
	min-width: 446px;
  padding: 0 8px; 
}

#sp_234 {
	position: relative;
  float: left;
	width: 669px;
	min-height: 50px;
	min-width: 669px;
  padding: 0 8px; 
}
    
#ql_bottom {
  clear: left;
  position: relative;
  float: none;
  width: 724px;
  border-width: 1px 0 0 0;
  border-color: #f1ecda;
  border-style: solid;
  margin: 16px 0 0 60px;
  padding: 8px 0 24px 180px; 
  background-image: url(../ny_layout/svaner_smaa.png);
  background-repeat: no-repeat;
  background-position-x: 140px;
  background-position-y: 16px;
  z-index: -1;
  }

  
/* The following goes into ql_top:
 *
 * a column for virksomheder, kollektivet and information in english
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#venster {
  position: relative;
  float: left;
  width: 240px;
}

#hojer {
  position: relative;
  float: right;
  width: 491px;
}

#virksomheder {
  position: relative;
  float: left;
  width: 240px;
  text-align: left;
  border-width: 0 0 1px 0;
  border-color: #f1ecda;
  border-style: solid;
  }

#virksomheder_dropdown {
  position: absolute;
  width: 240px;
  text-align: left;
  visibility: hidden;
  z-index: 10000;
  /* background-image: url(../ny_layout/bgnd_semitrans_fffff0.png);
  background-repeat: repeat; */
  background-color: #FFFFF0;
  border-color: #e1ded3;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  padding-bottom: 18px;
  }
 
#kollektivet {
  position: relative;
  float: left;
  width: 240px;
  text-align: left;
  border-width: 0 0 1px 0;
  border-color: #f1ecda;
  border-style: solid;
  }
 
#kollektivet_dropdown {
  position: absolute;
  width: 240px;
  text-align: left;
  visibility: hidden;
  z-index: 10000;
  /* background-image: url(../ny_layout/bgnd_semitrans_fffff0.png);
  background-repeat: repeat; */
  background-color: #FFFFF0;
  border-color: #e1ded3;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  padding-bottom: 18px;
  }
 
#english {
  position: relative;
  float: left;
  width: 240px;
  text-align: left;
  border-width: 0 0 1px 0;
  border-color: #f1ecda;
  border-style: solid;
  }
 
#english_dropdown {
  position: absolute;
  width: 245px;
  text-align: left;
  visibility: hidden;
  z-index: 10000;
  /* background-image: url(../ny_layout/bgnd_semitrans_fffff0.png);
  background-repeat: repeat; */
  background-color: #FFFFF0;
  border-color: #e1ded3;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  padding-bottom: 18px;
  }

#nyheder {
  padding: 16px 16px 24px 16px;
  clear: left;
  width: 491px;
  text-align: left;
}

#nyheder .nyhed {
  margin: 8px 0;
  clear: left;
  text-align: left;
}

  
img.nyhed {
  padding: 4px 8px 4px 0;
  float: left;
}


/*
 * Font families shared by several elements
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

h1 {
  font-family: Trebuchet, "Trebuchet MS", "DejaVu Sans Condensed", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h2 {
  font-family: Trebuchet, "Trebuchet MS", "DejaVu Sans Condensed", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p {
  font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*
 * Element specific formatting:
 *
 * 1) Links appearing inside h2 elements will be formatted
 * 	  using the nested rule "h2 a { ... }"
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

a {
  color: #c00000;
  text-decoration: none;
  border-style: dotted;
  border-width: 0 0 1px 0;
  }

a:hover {
  background-color: #EbEbD0;
  color: #a00000;
  text-decoration: none;
  border-style: solid;
  }

a.flwlink {
  border-style: none;
  }

a.flwlink:hover {
  border-style: none;
  background-color: transparent;
  }

img {
	border: 0;
}
  
img.arw {
  float: left;
  margin: 0 4px 0 12px;
  border: none 0px;
  padding: 0;
  }
  
span.date {
  font-size: 11px;
  color: #bda964;
  }

p {
  margin: 0px 12px;
  font-size: 12px;
  text-align: left;
  line-height: 18px;
  color: #404040;
  }

p.distance {
  margin-bottom: 8px;
  }

p.extradistance {
  margin-bottom: 20px;
  }
  
h1 {
  margin: 4px 12px 0px 12px;
  padding: 5px 0px 1px 0px;
  line-height: 18px;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  color: #c00000;
  }
  
h2 {
  margin: 4px 12px 0px 12px;
  padding: 5px 0px 1px 0px;
  line-height: 18px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: #003030;
  }
  
h2 a {
  border-style: none;
  border-width: 0 0 1px 0;
  }

h2 a:hover {
  border-style: solid;
  }
  

/* .TIGHT:
 *
 * A styling class used to wrap images into zero-margin paragraphs,
 * to avoid line wrapping or whatever it is introduced by the
 * explorer when an image is used directly inside a div-box.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tight {
	margin: 0;
	padding: 0;
}