/* ----------- Page Settings ----------- */

html, 
body {
  /* margin: 0px; */
/* Hacked by DKR */
margin: -10px 0px 0px 0px;
  padding: 0px;
}

a img {
  border: none;
}

/* ----------- Structure ----------- */


#container{
  width: 960px;
  margin: auto;
}

#logo{
  margin-top:34px;
  margin-bottom:25px;
  width:100%;
}

#menu{
  float:left;
}

#menu ul, #menu li{
  list-style: none;
  margin: 0;
  padding:0;
}

#menu ul{
  margin-bottom: 21px;
}

#menu a{
  text-decoration: none;
  color: #3d3d3c;
  font-family: Arial;
  font-size: 20pt;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 90%;
}

#menu a:hover{
  color: #ca601b;
}

#menu .activeitem, #menu .inpath{
  color: #ca601b;
}

#menu ul li ul .activeitem{
  color: #3d3d3c;
}

#menu ul li ul .activeitem:hover{
  color: #ca601b;
}

#menu ul li ul{
  margin-top: 21px;
}

#menu ul li ul li a{
  text-transform: none !important;
font-weight: normal;
}

#menu ul li ul li{
  line-height: 140%;
}

#menu ul li ul .li-inpath{
  color: #ca601b;
  list-style-type:square;
}

#menu ul li ul a{
  font-size: 11pt;
  font-weight: bold;
}

#mouseoverArea{
  float:right;
  /* margin-top: 121px; */
  margin-top: 53px;
}

#contentArea{
  width: 644px;
  float: right;
  /*width:400px;
  float:left;
  margin-left:60px;*/
}

#contentTextArea {
  width:400px;
  float:left;
  margin-left:0px;
}

#contentTextArea ul {
  margin-left:15px;
  margin-top:4px;
  list-style-type:none;
  padding-left:0px;
}

#contentTextArea li {
  list-style-type:none;
  padding-left:0px;
  list-style-image:url(/Files/Billeder/images/bullet-ginnerup.png);
  margin-bottom:5px;
}

#contentTextArea h2 {
  margin-top:2px;
}

#contentTextArea a:link, #contentTextArea a:visited {
  color:#000;
  text-decoration:underline;
}

#contentTextArea a:hover, #contentTextArea a:active {
  color:#000;
  text-decoration:underline;
}

#footer{
  width: 960px;
  text-align:left;
  position: absolute;
  bottom:0;
  margin-bottom:10px;
}

#footer small, #footer a{
  font-family: Arial;
  color: black;
  text-decoration: none;
  font-size: 10pt;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  word-spacing: 2px;
}

#picture{
  margin-bottom: 5px;
  margin-top:-13px;
}

#picturelist, #picturelist a{
  color: #3d3d3c;
  text-decoration: none;
  font-family: Arial;
  font-size: 8pt;
}

#picturenavigation{
  float:left;
}

#picturenavigation a {
  font-size: 8pt;
  margin-right: 7px;
  padding-bottom: 5px;
}

#picturenavigation a.activeSlide {
  background-image: url("http://ginneruparkitekter.dk/files/Templates/ImageGallery/5x5.gif");
  background-position: center 14px;
  background-position: 1px 14px\9;
  *background-position: 1px 12px;
  background-repeat: no-repeat;
}

#picturenavigation a:hover {
  background-image: url("http://ginneruparkitekter.dk/files/Templates/ImageGallery/5x5.gif");
  background-position: center 14px;
  background-position: 1px 14px\9;
  *background-position: 1px 12px;
  background-repeat: no-repeat;
}

#nav-arrows {
  float: left;
}

#nav-arrows a {
  margin-left: 5px;
}

#picturelink{
  float:right;
}

#footer{
  /* The footer has been removed completely */
  display: none !important;
}

#footer img, #footer div{
  display: inline;
}

/* ----------- Proloaded images ----------- */

/* This should be set to display:none, so that all images in this container are not displayed, merely loaded. */
#preload{
  display: none;
}

.hidden-ie7{
  display:none !important;
}

.visible-ie7{
  display:block !important;
}

/* ----------- Clear and Spacing ----------- */

.clear {
  clear: both;
  display: block;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  margin: 0 0 -1px 0;
}

#imagegalleryImage #picture{
    overflow: hidden !important;
    height: 450px !important;
}