/*
  #####################
   CSS for Valby Vænge
  #####################
*/
html { height:100%; min-height:100%; margin-bottom:1px; background-color:silver; font-size:100%; font-family:arial, 'bitstream vera sans', 'Liberation Sans', helvetica, sans, sans-serif; }
body { min-width:774px; max-width: 998px; margin:10px auto 0; border:solid 1px; border-color:white #7F7F7F #7F7F7F white; padding:0; background-color:#ffffff; color:#000000; font-size:95%; }

a:link { color:#2c55ad; text-decoration:none; }
a:visited { color:#2c55ad; text-decoration:none; }
a:active { color:#2c55ad; text-decoration:none; }
a:hover { color:#2c55ad; text-decoration:underline; }

img { margin:0; border:none; padding:0; line-height:0; }

h1 a, h1 a:visited { text-decoration:none; color:#7F7F7F; }
h1 a:hover { color:#ec6433; }
h1 { font-size:1.55em; }
h2 { font-size:1.45em; margin-top:2em; }
h2 a { text-decoration:none; }
h2 span { font-size:.8em; margin:1em 0 0; display:block; }
h3 { font-size:1.2em; margin:1.5em 0 0; }
h4 { font-size:1.1em; margin:1em 0 0; font-style:italic; }
h5 { font-size:.9em; font-style:italic; margin:1em 0 0; }

p, .section, li { text-align:justify; padding-right:.5em; }

table#main { padding:0 1.5em 0 0; border:none; width:100%; }
p, .section { margin-top:.4em; }
div, p, blockquote { position:relative; }
blockquote p { font-family:/*Georgia,*/ 'times new roman', 'bitstream vera serif', serif; font-size:1em; font-weight:bold; padding:0 4em 0 2em; }
blockquote.ref p { margin-bottom:.5em; font-family:arial, 'bitstream vera sans', 'Liberation Sans', helvetica, sans, sans-serif; font-size:100%; font-weight:normal; }
span.quo { position:absolute; left:-.7em; font:bold 1.5em arial,sans-serif; color:#9e9e9e; }
span.ote { position:absolute; right:1em; font:bold 1.5em arial,sans-serif; color:#9e9e9e; }
iframe { display:block; margin-top:.5em; }
.subsection { padding-left:1.5em; margin-bottom:1em; }
sup, sub {
  height: 0;
  line-height: 1;
  font-size:70%;
  vertical-align: baseline;
  position: relative;
}
sup { bottom: 1ex; } /* superscript */
sub { top: .5ex; }   /* subscript */
ul { margin-bottom:2em; margin-left:1em; padding-left:0; list-style-type:square; }
li { margin-bottom:.3em; }
ol ol { margin-top:0; }
ol ol li { margin-bottom:0; font-style:italic; }
.geo li { margin-bottom:1em; }
ul#vedtaegt { list-style-type: none; padding-right:2em; }
#vedtaegt li { padding-top:.3em; line-height:1.5; }
#vedtaegt li ol { padding-left:1.2em; }
#vedtaegt li b:first-child { padding-right:1em; }


/*
  HOVEDSTRUKTUR
*/
#header { height:140px; margin:0 -1.5em 0 0; padding:0; background:url(/pix/VVogol.gif) #cfd7d9 left no-repeat; color:#cfd7d9; position:relative; }
#header * { margin:0; padding:0; }
#header h1:hover { color:#e0ac82; } /* ikke IE6... */
#header h1 a { display:block; height:20px; padding:105px 1.5em 15px 0; color:white; font-size:.85em; text-align:right; }
#header h1 a span { font-weight:normal; font-size:.8em; }
a#lB { position:absolute; top:0; right:0; z-index:90; border:none; padding:1.8em; color:#805226; text-decoration:none; }
a#lB:hover { text-decoration:underline; }
/*.forside { display:none; }*/

.heading h2, .heading h3, .heading h4, .heading h5 { padding-bottom:0; margin-bottom:0; }
.heading p { padding:0; margin:.5em 0 1.5em; font-weight:bold; font-style:italic; font-size:105%; }

#nav { width:205px; margin:2.2em 1.5em 0 0; padding:0 0 0 1.2em; text-align:right; font-size:1.1em; }
#nav a { display:block; color:#805226; margin-left:1.5em; padding:.3em .75em .3em 0; text-decoration:none; border-right:solid 4px #d6dcde; }
#nav dt { margin:0; padding:0; font-weight:bold; }
#nav dd { margin:0; padding:0; }
#nav a:visited { color:#805226; }
#nav a:hover, #nav a:active { color:#660000; background-color:#eceff0; }

#blogroll { width:186px; margin:4em 2em 0 0; padding:0 1em 0 2em; font-size:80%; }
#blogroll li { font-weight:bold; list-style:none; margin-bottom:0; padding-right:0; }
#blogroll li ul { margin-top:0; }
#blogroll li li { font-weight:normal; list-style:square; margin-bottom:0; }

.news { margin-bottom:.5em; border:solid #e1e5e9; border-width:0 1px 1px 0; padding:.2em 1em; background-color:#f8f9fa; clear:both; }
.news h2 { margin-top:0; }
.news p, .news ul { margin-top:.3em; margin-bottom:.5em; }

.news small { display:block; margin-top:-.5em; padding-top:0; text-align:right; color:silver; }
.news.vigtig h3 { color:#934d1e; /*font-size:1.2em;*/ }
p.news { padding:1em; }

.ann { margin-bottom:1.5em; margin-top:1.5em; border:solid 1px silver; padding:.2em 1em 1em; /*background-color:#f8f9fa;*/ clear:both; }
.ann h2 { margin-top:0; }
.ann p, .ann ul { margin-top:.3em; margin-bottom:.5em; }
.ann small { display:block; margin-top:-.5em; padding-top:0; text-align:right; color:silver; }
.ann.vigtig h3 { color:#805226; font-size:1.2em; }
p.ann { padding:1em; }

.dato { font-style:italic; font-size:small; }

table#salg { width:80%; margin:1em 0; border:solid 1px silver; border-collapse:collapse;}
table#salg td, table#salg th { border:solid 1px silver; width:33% /*min-width:125px*/; text-align:center; }
table#salg th { background-color:#ebeced; padding:.4em; }
table#salg td { padding:.7em; }
table#salg caption {
  caption-side: bottom;
  font-size: 0.9em;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}
#salg img { margin-left:5px; /*padding:3px; border:solid 1px #f7f8f9;*/ }
#salg a:hover img { /* border:solid 1px #ec6433; */ }
.news.salg { background-color:white; border:none; }
.news.salg p.more { margin-top:2em; }

table.sig { width:100%; margin:3em; text-align:left; }
table.sig td p b { color:#9babaf; font-size:110%; }

.galleri img { display:block; margin:1em 0; }

.trail { font-size:.8em; color:#660000; }

.adr { padding-left:1.5em; }

/*
  FOD
*/
p.fod { font-size:70%; margin-top:2em; border:solid 1px silver; padding:1em; }
#footer { height:35px; margin:3em 0 -1px; padding:15px 1em 0; text-align:center; background-color:#cdd5d7; position:relative; }
#footer span { position:absolute; right:1.5em; font-size:.6em; margin-top:.5em; }
#footer a { text-decoration:none; }
.dok { color:#ec6433; font-size:.5em; vertical-align:super; }
.pix { text-align:center; overflow:hidden; }
.pix .caption { display:block; margin:.5em; font-size:.75em; }
#eXTReMe { margin:0; border:none; padding:0; line-height:0; height:0px; position:relative; }
#eXTReMe img { position:absolute; bottom:5px; left:5px; opacity:0.15; -moz-opacity: 0.15; filter: alpha(opacity=15); }

/*
  RADIUS - OBS! CSS3 draft. Validerer ikke.
*/

body, #header {
  border-top-left-radius: 10px; border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px;
}

#nav a {
  border-top-left-radius: 7px; border-bottom-left-radius: 7px;
  -moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px;
  -webkit-border-top-left-radius:7px; -webkit-border-bottom-left-radius:7px;
}

.radii, .news {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
/*
  END RADIUS
*/

/*
  KONTAKT
*/
.felter * { font-family:arial, 'bitstream vera sans', sans, helvetica, sans-serif; }
fieldset { margin:1em; /*border-color:silver; border-style:solid; border-width:1px;*/ border:none; padding-top:.5em; padding-left:1.5em; padding-right:1.5em; padding-bottom:1.5em; color:gray; }
legend { font-weight:bold; font-size:105%; /*padding-left:.5em; padding-right:.5em;*/ }
.felter input { display:block; width:400px; padding:.2em; font-size:100%; }
textarea { display:block; width:100%; margin-bottom:.5em; padding:.3em; font-size:100%; line-height:1.2; }
.felter p b { color:red; }
/*
  END KONTAKT
*/

#blogroll form { margin-top:.7em; }
#blogroll input { margin-bottom:.3em; }

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

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#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;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#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: 90; width: 100%; height: 500px; background-color: #000; }
/*
  END LIGHTBOX
*/