/* Stylesheets til hovedlayout for www.hif-holstebro.dk .......	*/

/* margin 0px er sat for at fylde hele skærmen ud i bredden ...	*/
body {
	background-color:#FFFFFF;
	margin : 0px 0px 0px 0px; 
	height: 100%;
  font-family: verdana, arial, sans-serif;
  font-size: x-small
  }

a:link {
	background-color: #FFFFFF;
	color: #999999;
}

a:active {
	color: #FF0000
}

a:hover {
	color: #FF0000;
	text-decoration: none
}


/* Baggrund for linksektion i venstre kolonne ...............	*/	
.links-baggrund {
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width: 170px; 
  height: 100%; 
  background-color: #F4F4F4;
  vertical-align: text-top 
}	

/* Topbanner ...............	*/	
.topbanner {
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width: 100%; 
  height: 107px; 
  background-color: #336699;
}	

/* Top logo, placering, farve, font og størrelse ...............	*/		
#toplogo-linie1 {
  top: 15px;
  font-style: italic;
  font-size: 28px
}

#toplogo-linie2 {
  top: 45px;
  font-size: 11px
}

.toplogo-generelt {
  position: absolute; 
  left: 20px;  
  vertical-align: text-top;
  color: white; 
  font-weight: bold;    
  font-family: georgia, verdana, arial  
}	

/* Linksektion i venstre kolonne ...............	*/
.links-left {
  position: absolute; 
  left: 10px; 
  top: 70px; 
  width: 160px;  
  vertical-align: text-top;
  padding-top:3px
}

/* Opdateringsoplysninger, placering og farve .......	*/
.opdatering {
  position: absolute; 
  right: 10px; 
  top: 85px; 
  color: white; 
  font-size: 13px
}

/* Her skrives sideindholdet på forsiden	*/
.indhold-forside {
  position: absolute; 
  left: 150px; 
  top: 110px;
  padding-right: 200px; 
  vertical-align: text-top; 
  padding-left: 10px; 
  padding-top: 10px; 
  color: #000000; 
  background-color: #FFFFFF;
  font-size:x-small;
  border-left : 1px solid #336699; 
  height: 80%
}

/* Her skrives sideindholdet i standardsider	*/
.indhold-tekstside-standard {
  position: absolute; 
  left: 150px; 
  top: 110px;
  padding-right: 150px; 
  vertical-align: text-top; 
  padding-left: 10px; 
  padding-top: 10px; 
  color: #000000; 
  background-color: #FFFFFF;
  font-size:x-small;
  border-left : 1px solid #336699; 
  height: 80%
}

/* Her skrives sideindholdet i sider med fuld bredde	*/
.indhold-tekstside-fuldbredde {
  position: absolute; 
  left: 150px; 
  top: 110px;
  padding-right: 10px; 
  vertical-align: text-top; 
  padding-left: 10px; 
  padding-top: 10px; 
  color: #000000; 
  background-color: #FFFFFF;
  font-size:x-large;
  border-left : 1px solid #336699; 
  height: 80%
}

/* infobokse i højre side ........................	*/

.info-boks {
  position: absolute; 
  right: 3px; 
  top: 110px; 
  overflow: auto;
  width: 190px
}

.info-generelt {
  border-top: 1px solid #336699;
  border-left: 1px solid #336699;
  border-bottom: 1px solid #336699;
  width: 99%;  
  
}  

.info-overskrift {
  background-color: #EAEAEA;
  color: #336699;
  font-size: 12px;  
  line-height: 22px;
  padding-left: 5px;
  width: 99%;
}

.info-indhold {
  background-color: #F4F4F4;
  color: #000000;
  padding-left: 5px;
  font-size: 70%;
}

/* links i venstre kolonne	fundet på http://activedeveloper.dk/artikler/default.asp?articleid=276 */
<!--

table.menu {border: 1px solid #393939;}

td.menu, .overskrift {font: bold 11px verdana, sans-serif;text-align: left;}

a.menupunkt {
  text-decoration: none;
  background-color: #336699;
  color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #336699;
  display: block;
  line-height: 22px;
  padding-left: 5px;
  width: 99%;
}

a.menupunkt:hover {
  text-decoration: none;
  background-color: #D1D9F3;
  border-top: 1px solid #8F9CC6;
  border-left: 1px solid #8F9CC6;
  border-bottom: 1px solid #336699;
  display: block;
  color: #000000;
  padding-left: 5px;
  width: 99%;
}

.overskrift {
  background-color: #336699;
  color: #FFFFFF;
  border-top: 1px solid #D5DFFF;
  border-left: 1px solid #D5DFFF;
  border-bottom: 1px solid #393939;
  line-height: 22px;
  padding-left:5px;
}
-->

/* HIF logo, placering, baggrundsfarve, teksttype etc.	*/

.hiflogo {
  text-decoration: none;
  background-color: #EAEAEA;
  color: #336699;
  border-top: 1px solid #D5DFFF;
  border-left: 1px solid #D5DFFF;
  border-bottom: 1px solid #393939;
  display: block;
  line-height: 60px;
  font-weight: bold; 
  font-family: georgia, verdana, arial; 
  font-size: 45px; 
  text-align: center; 
}