/* 
    Document   : dhpc
    Created on : 28-04-2010, 09:42:14
    Author     : cab
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* html li a {display:inline-block;}
* html li a {display:block;}
body {
   font: 80% arial, helvetica, sans-serif;
   background: #ccc;
   margin: 0;
}

.accessaid, h1 {
   position: absolute;
   height: 0;
   overflow: hidden;
}

#header {
   background: #009933 url(../images/site/dalbyhave_logo.png);
   background-repeat: repeat-y;
   background-position: center;
   height: 128px;
}

#navigation {
   font: 90%;
   position: absolute;
   top: 128px;
   left: 0;
   width: 140px;
}

#navigation li {
   position: relative;
}

#navigation ul {
   margin: 0 0 0.3em 0;
   padding: 0;
   list-style: none;
}

#navigation ul a:link,#navigation ul a:visited {
   display: block;
   height: 15px;
   background: #006633;
   font-weight: bold;
   color: white;
   text-decoration: none;
   padding: 0.3em 0.5em;
   margin: 0 0.3em 1px 0.3em;
}

#navigation ul a:hover,#navigation ul a:active {
   background: #28b;
}

#navigation ul ul {
   display: none;
}

#navigation ul li:hover > ul {
   position: absolute;
   display: block;
   top: 0.2em;
   left: 90%;
   width: 170px;
}

#navigation img {
   padding: 1px;
   max-width: 132px;
   border: 0px solid #333;
   clear: right;
   margin: 0 0.3em 1px 0.3em;
   text-align: center;
}

#navigation li.sub:hover {border: 1px solid gray; background: #DDB;}
#navigation li.sub:hover > a {color: #330;}
#navigation li.sub:hover > ul {top: 0.2em; left: 90%; background: #FEFEFC;}

#news {
   position: absolute;
   right: 0;
   width: 200px;
}

#news h3 {
   text-align: center;
   font-weight: bold;
}
#news img {
   width: 190px;
   height: auto;
   padding: 1px;
   border: 1px solid #333;
   float: right;
   margin: 0 0 1em 1em;
}

#content {
   background: white url(../images/site/corner.gif) no-repeat top left;
   xpadding: 1px 0.5em 1em 1em;
   padding: 1px 20px 0.5em 20px;
   border-left: 140px solid #009933;
   border-right: 200px solid #009933;
   min-height: 520px;
   min-width: 640px;
   /*  -moz-border-radius-topleft: 30px; */
   /*  -webkit-border-top-left-radius: 10px; */
   /*  -khtml-border-radius: 25px; /* for Konqueror (linux browser) */
   /*  border-radius: 15px; /* for browsers who support CSS3 */
}

#content img {
   width: 500px;
   height: auto;
   padding: 1px;
   border: 1px solid #333;
   float: right;
   margin: 0 0 1em 1em;
   z-index: 50;

}

#footer {
   clear: left;
   background: #009933;
   text-align: center;
   font: 70%;
   padding: 10px 0px;
   color: #333333;
}

#footer p {
   margin: 0;
}

#footer hr {
   height: 0.05em;
}

h2 {
   font-size: 1.5em;
   color: #036;
}

h3 {
   font-size: 1.25em;
   color: #036;
}

#container {
   position: relative;
   /* width: 586px; /* width + border for IE 5.x */
   /* w\idth: 580px; /* real width */
   border: solid #036;
   border-width: 0 3px;
   margin: auto;
}

#newsheader {
   font-weight:bold;
}

.imgteaser, .thumb {
   margin: 0;
   /* overflow: hidden; */
   float: left;
   position: relative;
   z-index: 0;
}
.imgteaser a, .thumb a {
   text-decoration: none;
   float: left;
}
.imgteaser a:hover, .thumb a:hover {
   cursor: pointer;
   z-index: 50;
}

.thumb a img {
   width:200px !important;
   height:auto;
}

.thumb a .image {
   visibility: hidden;
   position:absolute;
   top:0px;
   left:-700px;
   z-index: 999;
}

.thumb a .image img {
   width:600px;
   height:auto;  
}

.thumb a:hover .image{
   visibility: visible;
   display: block;
}

.imgteaser a .more, .thumb a .more {
   position: absolute;
   right: 20px;
   bottom: 20px;
   font-size: 1em;
   color: #fff;
   background: #000;
   padding: 5px 10px;
   filter: alpha(opacity=65);
   opacity:.65;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc, .thumb a:hover .desc{
   display: block;
   font-size: 1em;
   padding: 10px 0;
   background: #111;
   filter:alpha(opacity=75);
   opacity:.75;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
   color: #fff;
   position: absolute;
   bottom: 11px;
   left: 11px;
   padding: 10px;
   margin: 0;
   width: 95%;
   border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong, .thumb a:hover .desc strong {
   display: block;
   margin-bottom: 3px;
   font-size:1.2em;
}

.imgteaser a .desc, .thumb a .desc {	display: none; }
.imgteaser a:hover .more, .thumb a:hover .more { visibility: hidden;}