﻿/* byggeriet START */
#webcamArchiveMenuNew { background:white; width: 120px; padding: 20px; padding-top: 30px; position: absolute; top: 0px; left: 297px; }
#webcamArchiveMenuNew ul { padding: 0; margin: 0; background:none; }
#webcamArchiveMenuNew ul li { list-style:none; margin-bottom:2px; }
#webcamArchiveMenuNew ul li a { text-decoration:none; }
#webcamArchiveMenuNew ul li a.selected { font-weight:bold; }

#webcamArchivePicturesNew { width: 500px; float: right; margin-left:3px; position: absolute; right: 0; top:0; overflow: hidden;}

#webcamArchivePicturesInnerNew {background:white; padding: 30px; padding-top: 90px; width: 100%; height: 477px;}
#webcamArchivePicturesInnerNew div.imgcon { float:left; width:210px; margin-bottom:10px; }
#webcamArchivePicturesInnerNew img { width:100px; float:left; margin-right: 3px; }


#webcamArchivePicturesHeaderNew { width: 430px; margin-right: 15px; position: absolute; top: 30px; left:30px; z-index: 20000;  background-color: White; padding: 9px; margin-bottom: 18px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}


/* byggeriet END */

*, a, p, span, div { font-family: Arial, Verdana; font-size: 11px; text-decoration: none; color: Black; }
a { text-decoration: underline; }
p { margin: 0 0 10px 0; }
body { margin: 0; padding: 0; background-color:Black;  }
body, html { height:100%; width:100%; }

div#body { width: 962px; position: absolute; z-index: 1; top: 1; left: 50%; margin: 0px 0pt 0pt -481px; border: solid 0px green; }

/* Headers START */
h1 { font-size: 25px; font-weight: normal; margin: 0; }
h2 { font-size: 11px; margin: 0 0 6px 0; }
/* Headers END */

.white {background:white;}
.opaque { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }

/* Top START */
div#languages { position: absolute; top: 13px; left: 0; }
div#languages ul { padding: 0; margin: 0; background: none; }
div#languages ul li { float: left; list-style: none; margin-right: 8px; }
div#languages ul li a { color: Black; text-decoration: none; font-size: 11px; }


div#top { position: absolute; top: 34px; left: 0; width: 100%; height: 39px; }
#bgLayer1 { position: absolute; right: 0; height: 39px; width: 100%; background-image: url(../billeder/gfx/bg_menu.gif); }
#bgLayer2 { position: absolute; right: 0; top: 42px; height: 22px; width: 100%; background-color: #ffffff; }
img.logo { border: 0; position: relative; top: 8px; left: 14px; }
div#top ul { margin: 0; padding: 0; background: none; right: 0; height: 39px; position: absolute; }
div#top ul li { float: left; list-style: none; margin-right: 28px; margin-top: 12px; padding-bottom: 13px; }
div#top ul li a, #smallBox a { text-decoration: none; }

div#top ul ul { padding: 0; margin: 0; margin-top: 30px; background: none; position: absolute; top: 4px; right: 0; }
div#top ul li li.inpath, div#top ul li li.active { background-image: none; }
div#top ul ul li a.active, #smallBox ul li a.active, div#top ul li li.inpath { font-weight: bold; }

div#top ul li.inpath, div#top ul li.active { background-image: url(../billeder/gfx/pil_menu.gif); background-repeat: no-repeat; background-position: center bottom; }

div#search { position: absolute; top: 30px; right: 116px; }
div#search input[type=text] { border: solid 1px #CECECE; color: #7F7F7F; padding-left: 12px; width: 100px; }
/* Top END */

/* Content START */
#content { position: relative; height: 475px; width: 100%; top: 116px; overflow: hidden; }

#leftBox, #leftBox .opaque { width: 444px; }
#rightBox, #rightBox .opaque { width: 490px; right: 0; }
#smallBox { width: 161px; right: 493px; }
#smallheighBox{ width: 200px; right: 493px; }
#smallBox, #smallBox .opaque { height: 150px; position: absolute; }
#smallheighBox, #smallheighBox .opaque { height: 475px; position: absolute; }
#smallBox .opaque { width: 161px; }
#smallheighBox .opaque { width: 200px; }


#smallheighBox ul, #smallBox ul { padding: 0; margin: 0; background: none; }
#smallheighBox ul li,#smallBox ul li { list-style: none; margin-bottom: 6px; }
#smallheighBox ul li a,#smallBox ul li a { color: Black; text-decoration: none; font-size: 11px; }

.contentBox, .contentBox .opaque { height: 475px; position: absolute; }
.contentBox .opaque, #smallBox .opaque, #smallheighBox .opaque { background-color: White; z-index: -1; }
#smallBox .contentBox, #smallheighBox .contentBox { padding: 28px 20px 20px 20px; }

.content { padding: 28px; }
.content h1 { background-color: White; padding: 9px; margin-bottom: 18px; }

.contentArea { padding: 0; }

.alignTop td { vertical-align:top; }
/* Content END */

/* Newsv2 START */
#newsManchet { font-style:italic; }
#newsText { margin: 10px 0; }
#newsImage { float:left; margin: 0px 15px 10px 0; width:150px; font-size:9px; }
#newsImage img {  }
#newsAuthor { font-size:9px; }


.imageList img { border:0; margin: 0 5px 10px 5px; }
#galleryImage { margin-bottom: 4px; }
#imagePaging { border: solid 0px green; text-align:right; margin-top:10px; }
/* Newsv2 START */ 

/*SCROLLER START*/ div.scrollHolder { position: relative; overflow: hidden; }
div.scrollWindow { position: absolute; left: 0; top: 0; overflow: hidden; }
div.scrollContent { position: absolute; visibility: hidden; left: 0; top: 0; }
div.scrollBar { position: absolute; font-size: 1px; line-height: 1px; }
div.scrollArrow { position: absolute; background-repeat: no-repeat; }
div.scrollTrack { position: absolute; top: 0; left: 0; cursor: default; }
div.scrollDrag { position: absolute; left: 0; top: 0; background-position: 50% 50%; background-repeat: no-repeat; }

div#scrollHolder_1 { }
div#scrollWindow_1 { }
div#scrollContent_1 { }
div#scrollBarV_1 { }
div#scrollBarH_1 { }
div#scrollTrackV_1 { }
div#scrollTrackH_1 { }
div#scrollDragH_1 { }

/*SCROLLER END*/

/* byggeriet START */
#webcamArchiveMenu ul { padding: 0; margin: 0; background:none; }
#webcamArchiveMenu ul li { list-style:none; margin-bottom:2px; }
#webcamArchiveMenu ul li a { text-decoration:none; }
#webcamArchiveMenu ul li a.selected { font-weight:bold; }

#webcamArchivePictures div { float:left; width:210px; margin-bottom:10px; }
#webcamArchivePictures img { width:100px; float:left; }
/* byggeriet END */