/*
	name:   styles.css
	author: martin@cconsult.dk
	notes:  Please note the use of the underscore hack, that works for IE only
*/

body { height: 100%; min-height:100%; font-size: 13px; line-height: 16px; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
margin: 0px; padding: 0px; border: 0px; /*background: url(../gfx/bg-right.jpg) repeat;*/}

* html{
     height:     100%; 
     min-height: 100%;
     width:      100%;
     overflow:   hidden; 
}

* html body{
     position:   absolute; 
     height:     100%;
     min-height: 100%;
     width:      100%;
     overflow:   hidden; 
}

* html body #top{     
  position: relative; 
}

* html body #bund{
  position: relative; 
}

#left {
  position:     absolute;
  width:        50%; 
  min-width:    50%; 
  height:       100%;  
  min-height:   100%;
  left:         0px;  
  background:   url(../gfx/bg-left.jpg) repeat;   
  overflow:     hidden; 
  z-index:      1;  
}

#right {
  position:     absolute;
  width:        50%; 
  min-width:    50%; 
  height:       100%;  
  min-height:   100%;
  right:        0px;
  background: url(../gfx/bg-right.jpg) repeat;   
  overflow:     hidden;
  z-index:      1;
}

#page {
  position:     absolute;
  width:        100%; 
  min-width:    100%; 
  height:       100%;  
  min-height:   100%;
  overflow:     hidden; 
  z-index:      2;
}

#site {
  position:     relative;  
  width:        800px; 
  height:       100%;
  max-height:   100%;
  min-height:   100%;
  margin-left:  auto; 
  margin-right: auto;
  top:          0px;
  bottom:       0px;
  overflow :    hidden; 
}

#top {
  position:     relative;
  width:        800px;
  height:       70px;   
  margin-left:  auto; 
  margin-right: auto; 
  top:          0px;
  background:   #FFFFFF;      
}

#main {  
  position:     absolute;  
  _position:    relative;  
  width:        800px; 
  height:       auto;      
  _height:       expression( (document.getElementById("left").clientHeight-70-40) +"px" );
  margin-left:  auto; 
  margin-right: auto;
  overflow :    auto; 
  top:          70px;
  _top:         0px;
  bottom:       40px;
  background:   #FFFFFF;  
}

/****************************************/

body#normalPage #main .content {
  position:     absolute;  
  width:        500px; 
  left:         150px;
  top:          40px;
  overflow:     hidden;    
}

body#kunsttilbudPage #main .content {
  position:     absolute;  
  width:        500px; 
  left:         150px;
  top:          40px;
  overflow:     hidden;    
}

body#menuPage #main .content {
  position:     absolute;  
  width:        500px; 
  left:         150px;
  top:          40px;
  overflow:     hidden;    
}

body#frontPage #main .content {
  position:     absolute;  
  width:        500px; 
  left:         150px;
  top:          0px;
  overflow:     hidden;    
}

#main .content h5 {
  font-size:   13px;
  padding:     0px 0px 0px 0px;
  margin:      30px 0px 3px 0px;
  _margin:     20px 0px 3px 0px;
}

/****************************************/
body#normalPopup .content {
  margin: 16px 3px 16px 6px
}

body#normalPopup .content h5 {
  font-size:   13px;
  padding:     0px 0px 0px 0px;
  margin:      0px 0px 0px 0px;
}

body#normalPopup .content p {
  margin:      0px 0px 16px 0px;
  padding:     0px 0px 0px 0px;
  vertical-align: top;
  top: 0px;
  position: relative;
}

body#normalPopup a:hover {
  color:       #2f4f4f;
}

body#normalPopup a {
  text-decoration:underline;
  color:           #404040;
}

body#normalPopup a:visited {
  color:       #2f4f4f;
}
/****************************************/

#main .content ul.normalHeader {
  padding:     0px 0px 0px 0px;
  margin:      0px 0px 35px 15px;
  font-weight: bold;       
}

#main .content ul.kunsttilbudHeader {
  padding:     0px 0px 0px 0px;
  margin:      0px 0px 5px 15px;
  font-weight: bold;       
}

#main .content a:hover {
  color:       #2f4f4f;
}

#main .content a {
  text-decoration:underline;
  color:           #404040;
}

#main .content p {
  padding:  0px 0px 0px 0px;
  margin:   0px 0px 16px 0px;
}

#main .smallbold p {
  font-size:   10px;
  font-weight: bold;
  line-height: 13px;
  padding:  0px 0px 0px 0px;
} 

#main .smallboldcenter p {
  font-size:   10px;
  font-weight: bold;
  line-height: 13px;
  padding:  0px 0px 0px 0px;
  text-align:  center;
} 

#main .small p {
  font-size:   10px;
  line-height: 13px;
  padding:  0px 0px 0px 0px;
}

#main .smallKunsttilbud p {
  font-size:   10px;
  line-height: 13px;
  padding:  0px 0px 0px 0px;
  margin:   0px 0px 5px 15px;
}

#main .content hr {
  margin:   16px 0px 16px 0px;
  _margin:   8px 0px 8px 0px;
  padding:  0px 0px 0px 0px;
}

body#frontPage #main .content div.title {
  position: relative; 
  left: 100px; 
  height: 45px;
}

body#frontPage #main .content div.lineCanvas {
  position  : relative; 
  left      : 95px; 
  margin    : 0px 0px 3px 0px; 
  _margin   : 0px; 
  padding   : 0px 0px 0px 0px; 
  border    : 0px; 
  height    : 100px;  
}

body#frontPage #main .content div.canvas {
  float   :left; 
  margin  : 0px 0px 0px 3px;	
  padding : 0px; 
  border  : 0px;
}

body#frontPage #main .content div.canvas img {  
  margin  : 0px;	
  padding : 0px; 
  border  : 0px;
}

body#frontPage #main .content div.imgTxt {
  position:   relative; 
  left:       100px; 
  top: 0ox;
  height:     50px; 
  margin-top: 15px; 
  padding:    0px; 
  border:     0px;
}

body#frontPage #Layer0 img {
  position:   absolute; 
  margin:     0px;	
  padding:    0px; 
  border:     0px;    
}

body#frontPage #Layer1,#Layer2,#Layer3,#Layer4,#Layer5,#Layer6,#Layer7,#Layer8,#Layer9 img {
  position:   absolute; 
  visibility: hidden;
  margin:     0px;	
  padding:    0px; 
  border:     0px;  
}

body#frontPage #subContact {
  text-align:   center;
  font-size:    10px;
  margin:       -20px 0px 0px 0px;  
  color:        #202020;
}

body#frontPage #subContact a {
  font-weight:     bold; 
  text-decoration: none; 
  color:           #404040;  
}

body#frontPage #subContact a:hover {
  color:       #202020;
}

#topNav {
  overflow:      hidden; 
  margin-bottom: 10px;
  width:         100%; 
  height:        auto;
  min-height:    120px; 
  _height:       expression( (document.getElementById("topMenu").clientHeight)< 120 ? "120px" : (document.getElementById("topMenu").clientHeight)+"px" 
);
}

#topNav .topImage {
  float:       left;
  position:    relative; 
  overflow:    hidden;  
}

#topNav .topImage img {
  padding:      0px; 
  border:       0px;
  margin-left:  8px;
  height:       120px;
}

#topNav .topMenu {
  _position:     absolute; 
  top:          0px;
  left:         120px;
  width:        380px;
  height:       auto; 
  margin:       0px;;
  padding:      0px;  
  font-size:    13px;
  overflow:     hidden;   
  font-weight:  bold;       
  color:        #000000; 
  line-height:  18px;
}

#topNav .topMenu ul {
  list-style: disc outside none;  
  padding:    0px;
  border:     0px;
  margin:     0px 0px 0px 20px;
}

#topNav .topMenu li {
  padding: 0px 0px 0px 3px;
  border:  0px;
  margin:  0px;
}

#topNav .topMenu a {
  color:           #404040;
}

#topNav .topMenu a:hover {
  color: #2f4f4f;  
}
/****************************************/


/* TVD 14042007 pga fejl i IE7 (blank sider) styles related to bund element 
#bund {
  position:     absolute;
  _position:    relative;
  width:        800px;
  height:       40px;
  margin-left:  auto; 
  margin-right: auto;
  bottom:       0px;
  background:   #FFFFFF;    
}

#bund .content {
  text-align:   center;
  font-size:    9px;
  font-weight:  bold; 
  margin-top:   20px;  
}

#bund .content span {
  padding:      0px; 
  border:       0px;
  font-size:    10px;
  margin-left:  2px;
  margin-right: 2px;   
  color:        #202020;
}

#bund .content a:hover {
  color:       #202020;
}

#bund .content a {
  text-decoration: none; 
  color:           #404040;
}
*/

/****************************************/


body#normalPage #topNav {
	display: none;
}


body#kunsttilbudPage #topNav {
	display: none;
}

body#frontPage #topNav {
	display: none;
}

body#frontPage #bund .content {
	display: none;
}

body#frontPage #top .content {
	display: none;
}