body
{
background-color:#FFFFFF;
}


bodyax
{
/*background-color:#FFFFFF;*/
background-color:#ffff99;
}

img {
	max-width: 100%;
	height: auto;
}


#side {
width:99%;
/*width:800px;*/
height:*;
position:absolute;
top:0px;
left:0px;
font:10px arial,sans-serif;
}


#sideax {
box-sizing: border-box;
width:99%;
/*width:900px;*/
max-width:900px;
/*align-items: center;*/
/*height:auto;*/
position:absolute;
top:0px;
left:0px;
font:10px arial,sans-serif;
border-style:solid;
border-width:2px;
border-color:#0033cc;
margin:0px;
padding:0px;
background:#ffff99;

}



#sidetopax {
box-sizing: border-box;
width:100%;
position:relative;
top:0px;
left:0px;
margin:0px;
padding:0px;


}

#logo {
/* kløverlogo */
position:absolute;
top:0px;
left:0px;
width:140px;
height:140px;
float:left;
padding:0px 0px;
background:#FFFFFF;
}


#logoax {
/* kløverlogo */
box-sizing: border-box;
position:absolute;
top:0px;
left:0px;
width:17,50%;
max-width:140px;
/*width:140px;*/
/*hight:17,50%;*/
/*max-height:140px;*/
/*height:140px;*/
float:left;
padding:0px;
background:#FFFFFF;
}


#top {
/* 4H søholm */
position:absolute;
top:0px;
left:140px;
width:330px;
height:80px;
float:left;
padding:5px 0px 0px 5px;
background:#FFFFFF;
font:55px Arial Black, sans-serif;
color: #339966;
}

#topax {
/* 4H søholm */
box-sizing: border-box;
position:absolute;
top:0px;
left:140;
width:37%;
/*width:330px;*/
/*height:80px;*/
/*float:left;*/
padding:5px 0px 0px 5px;
background:#FFFFFF;
font:55px Arial Black, sans-serif;
color: #339966;
word-wrap: break-word;
}


#top2 {
/* foreningspræcentation */
position:absolute;
top:0px;
left:470px;
width:330px;
height:80px;
float:left;
padding:27px 5px 0px 5px;
background:#FFFFFF;
font:18px arial, sans-serif;
color: #339966;
}

#top2ax {
/* foreningspræcentation */
box-sizing: border-box;
position:absolute;
/*float:left;*/
top:0px;
right:0;
/*left:470px;*/
width:45,5%;
/*width:330px;*/
height:80px;
/*float:left;*/
background:#FFFFFF;
padding:27px 5px 0px 5px;
font:18px arial, sans-serif;
color: #339966;
text-align:left;
word-wrap: break-word;
}


#top3 {
/* menu bjælke */
position:absolute;
top:80px;
left:140px;
width:660px;
height:24px;
float:left;
padding:10px;
background:#FFFFFF;
font:16px arial, sans-serif;
padding:0px 5px 0px 5px;
color: #339966;
}

#top3ax {
/* menu bjælke */
box-sizing: border-box;
position:absolute;
top:80px;
left:140px;
width:72,50%;
/*width:660px;*/
height:24px;
float:left;
padding:10px;
background:#FFFFFF;
font:16px arial, sans-serif;
padding:0px 5px 0px 5px;
color: #339966;
word-wrap: break-word;
}


#top4 {
/* menu bjælke */
position:absolute;
top:104px;
left:140px;
width:660px;
height:24px;
float:left;
padding:10px;
background:#FFFFFF;
font:16px arial, sans-serif;
padding:0px 5px 0px 5px;
color: #339966;
}

#top4ax {
/* menu bjælke */
box-sizing: border-box;
position:absolute;
top:104px;
left:140px;
width:72,50%;
width:660px;
height:24px;
float:left;
padding:10px;
background:#FFFFFF;
font:16px arial, sans-serif;
padding:0px 5px 0px 5px;
color: #339966;
word-wrap: break-word;
}




#sideintro {
/* introtekst på top af hver side */
position:absolute;
top:130px;
left:0px;
background:#339966;
width:99%;
height:35px;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
font:24px arial, sans-serif;
color: #FFFFFF;
padding:5px 5px 0px 5px;
margin:2px;
}


#sideintroax {
/* introtekst på top af hver side */
box-sizing: border-box;
position:absolute;
top:130px;
left:0px;
background:#339966;
width:99%;
height:35px;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
font:24px arial, sans-serif;
color: #FFFFFF;
padding:5px 5px 0px 5px;
margin:2px;
}





#indhold {
/* på forside - omkrandser alle indholdsrammer */
position:absolute;
top:170px;
left:0px;
width:100%;
padding:0px;
margin:4px 0px 0px 2px;
background-color:#FFFFFF;
/*background-color:#dfa;*/
border-style:solid;
border-width:0px;
}



#side-left {
/* på forside - omkrandser alle venstre indholdsrammer */
position:relative;
float:left;
width:22%;
margin:0px;
/*background-color:#FFFF00;*/
border-style:solid;
border-width:0px;

}

#side-right {
/* på forside - omkrandser alle højre indholdsrammer */
position:relative;
float:right;
width:78%;
margin:0px;
/*background-color:#FFCCCC;*/
border-style:solid;
border-width:0px;

}



#niveau2bk-ramme {
/* på forside - omkrandser billed rammer */position:absolute;
/* top:184px;*/
top:174px;
left:0px;
width:99%;
padding:0px;
margin:0px;
}



#niveau2abk-ramme {
/* på forside - omkrandser billed rammer */position:absolute;
/* top:184px;*/
top:1240px;
left:0px;
width:99%;
padding:0px;
margin:0px;
}


#niveau1bk-ramme {
/* på forside - omkrandser alle niveau2 rammer */position:absolute;
top:610px;
left:0px;
width:99%;
/*float:left;*/
padding:0px;
margin:0px;

}




#niveau1-front {
/* skiftende forside billeder */
position:relative;
float:left;
background:#E6E6E6;
width:100%;
/* height:480px; */
/*height:99%;*/
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
padding:0px;
margin:0px;
text-align:center;
}

#niveau1a-front {
/* skiftende forside billeder */
position:relative;
float:left;
background:#ffff00;
width:100%;
/* height:480px; */
/*height:99%;*/
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
padding:0px;
margin:4px -4px 2px 2px;
text-align:center;
}



margin:4px 2px 2px 2px;



div#class2 {
position:relative;
float:left;
left:0px;
display: block;
width:99%;
height:*;
background-color:  #E7FFDF;  /* lysegrøn   */
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
font:20px arial, sans-serif;
padding:0px 5px 0px 5px;
margin:4px 2px 2px 2px;
text-decoration:none;
}

div#class3 {
position:relative;
float:left;
left:0px;
display: block;
width:99%;
height:*;
background-color:  #E7FFDF;  /* lysegrøn   */
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
font:20px arial, sans-serif;
padding:0px 5px 0px 5px;
margin:4px 2px 2px 2px;
text-decoration:none;
}



#bunda {
/* ramme for sponsorlogo script  */
background:#339966;
position:relative;
float:left;
left:0px;
width:99%;
/*width:800px;*/
height:10px;
padding:0px 5px 0px 5px;
margin:4px -1px 2px 2px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
/*; border: 1px solid; clip:    rect(   )*/
/*border: 1px solid; */
border-style:solid;
border-width:1px;

}


#rest {
/* under forside - omkrandser alle indholdsrammer */
position:relative;
float:left;
top:1000px;
left:0px;
width:100%;
padding:0px;
margin:4px 0px 0px 2px;
background-color:#FFFFFF;
/*background-color:#dfa;*/
border-style:solid;
border-width:0px;
}

















#navi {
/* navigations bjælke */
position:absolute;
top:110px;
left:140px;
background:#FFFFFF;
width:660px;
height:30px;
float:left;
padding:5px;
font:18px arial, sans-serif;
padding:0px 5px 0px 5px;
color: #339966;
}

#niveau2ramme {
/* width:800px  */
width:99%;
position:absolute;
top:142px;
left:0px;
}

/* ========================== */



div#class2 a {
display: block;
background-color: #E7FFDF;/* lysegrøn   */
color: black;
text-decoration:none;
}


div#class2 :hover { 

margin:0px -4px 0px -4px;
padding:0px 5px 0px 5px;
background:  #339966; /* mørkegrøn   */
color: white; 
} 


div#class3 a {
display: block;
background-color: #E7FFDF;/* lysegrøn   */
color: black;
text-decoration:none;
}


div#class3 :hover { 

margin:0px -4px 0px -4px;
padding:0px 5px 0px 5px;
background:  #339966; /* mørkegrøn   */
color: white; 
} 






/* ========================== */


#niveau2link-ramme {
/* omkrandser rammer - i opslagstavlen */
background:#E7FFDF;
position:relative;
float:left;
left:0px;
/* width:800px */
width:99%;
height:*;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
font:30px arial, sans-serif;
padding:0px 5px 0px 5px;
margin:4px 2px 2px 2px;
}





h1 {
font:30px Arial Black, sans-serif;
line-height: 40px;
}

h2 {
font:30px Arial Black, sans-serif;
}
p {
font:20px arial,sans-serif;
}

li {
font:25px arial,sans-serif;
}
ul {
font:25px arial,sans-serif;
}

div p
{
font:25px arial, sans-serif;
}



.ramme-lila { border: thin #FF00FF solid; padding-top: 5px; padding-right: 5px; padding-left: 5px}
#b-text {
font:50px Arial Black, sans-serif;
}

.b-menu {
font:40px arial,sans-serif;
padding:0px;
margin:0px;
}







#bund {
/* ramme for sponsorlogo script  */
background:#dfa;
position:relative;
float:left;
left:0px;
width:99%;
/*width:800px;*/
height:70px;
padding:5px;
/*padding:0px 5px 0px 5px;*/
/* margin:2px;*/
margin:4px 2px 2px 2px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
/*; border: 1px solid; clip:    rect(   )*/
/*border: 1px solid; */
border-style:solid;
border-width:1px;

}







#niveau1-ramme {
/* på forside - omkrandser alle niveau2 rammer */
/* width:800px */
width:99%;
position:absolute;
top:630px;
left:0px;

}

#corona {
padding:0px;
margin:0px;
text-align:left;
font:16px arial, sans-serif;
margin:1px 1px 1px 2px;
padding:0px 0px 0px 5px;
color: #ff0000;/* rød   */
}




#navigator-3 {
padding:0px;
margin:0px;
text-align:left;
font:16px arial, sans-serif;
margin:1px 1px 1px 2px;
padding:0px 0px 0px 5px;
color: #339966;
}


#nyheder {
position:relative;
float:left;
left:0px;
/*width:400px;*/
width:30%;
height:*;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;

text-align:left;
font:12px arial, sans-serif;
color: #339966;
padding:0px 5px 0px 5px;
margin:4px 2px 2px 2px;
}


.info-tekst { font-size: 10px}
.info-tekst1 { font-style: bold; font-size: 16px}
.info-tekst2 { color: #FF0000; font-style: italic; font-size: 14px}
.info-tekst3 { color: #000000; font-size: 16px}









#niveau1x-ramme {
/* omkrandser alle niveau2 rammer */
width:800px;
position:absolute;
top:150px;
left:0px;
}





#niveau2-ramme {
/* omkrandser alle rammer - i opslagstavlen */
background:#E6E6E6;
position:relative;
left:0px;
/* width:800px */
width:99%;
height:*;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
font:30px arial, sans-serif;
padding:5px;
margin:4px 2px 2px 2px;
}







#niveau2blaa-ramme {
/* omkrandser rammer - i opslagstavlen */
background:#FFFFFF;
position:relative;
left:0px;
/* width:800px */
width:99%;
height:*;
float:left;
border-style:solid;
border-width:2px;
border-color:#0033FF #0033FF #0033FF #0033FF;
text-align:left;
font:30px arial, sans-serif;
padding:5px;
margin:4px 2px 2px 2px;
}

#niveau2rod-ramme {
/* omkrandser rammer - i opslagstavlen */
background:#FFFFFF;
position:relative;
left:0px;
/* width:800px */
width:99%;
height:*;
float:left;
border-style:solid;
border-width:2px;
border-color:#FF0000 #FF0000 #FF0000 #FF0000;
text-align:left;
font:30px arial, sans-serif;
padding:5px;
margin:4px 2px 2px 2px;
}

#niveau2lila-ramme {
/* omkrandser rammer - i opslagstavlen */
background:#FFFFFF;
position:relative;
left:0px;
/* width:800px */
width:99%;
height:*;
float:left;
border-style:solid;
border-width:2px;
border-color:#FF33FF #FF33FF #FF33FF #FF33FF;
text-align:left;
font:30px arial, sans-serif;
padding:5px;
margin:4px 2px 2px 2px;
}

#niveau2gron-ramme {
/* omkrandser rammer - i opslagstavlen */
background:#FFFFFF;
position:relative;
left:0px;
/* width:800px */
width:99%;
height:*;
float:left;
border-style:solid;
border-width:2px;
border-color:#00CC66 ;
text-align:left;
font:30px arial, sans-serif;
padding:5px;
margin:4px 2px 2px 2px;
}

#niveau24h-ramme {
/* omkrandser rammer - i opslagstavlen */
background:#FFFFFF;
position:relative;
left:0px;
/* width:800px */
width:99%;
height:*;
float:left;
border-style:solid;
border-width:2px 2px 2px 2px;
border-color:#339966 #33FF99 #33FF99 #339966;
text-align:left;
font:25px arial, sans-serif;
padding:5px;
margin:4px 2px 2px 2px;
}



#niveau12-ramme {
background:#FFFFFF;
position:relative;
left:0px;
width:99%;
height:*;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
font:30px arial, sans-serif;
padding:5px;
margin:4px 2px 2px 2px;
}


#niveau2x-ramme {
background:#E6E6E6;
position:absolute;
top:150px;
left:0px;
width:800px;
height:*;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
padding:5px;
margin:2px;
}

#niveau1-medlemsskab {
background:#E6E6E6;
position:relative;
left:0px;
width:800px;
height:*;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
padding:5px;
margin:2px;
}


#niveau1-opslagstavlen {
background:#E6E6E6;
position:relative;
left:0px;
width:800px;
height:*;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
padding:5px;
margin:2px;
}

#niveau1-aktiviteter {
background:#E6E6E6;
position:relative;
left:0px;
width:800px;
height:*;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
vertical-align:text-top;
padding:5px;
margin:2px;
}

#niveau1-foreningen {
background:#E6E6E6;
position:relative;
left:0px;
width:800px;
height:*;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
padding:5px;
margin:2px;
}

#niveau1-stoet {
/* støt og hjælp */
background:#E6E6E6;
position:relative;ideintro
left:0px;
width:800px;
height:*;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;

text-align:left;
padding:5px;
margin:2px;
}


#niveau1-billeder {
background:#E6E6E6;
position:relative;
left:0px;
width:800px;
height:*;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
padding:5px;
margin:2px;
}

#niveau3-ramme {
background:#E6E6E6;
position:relative;
left:0px;
width:99%;
height:*;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
padding:5px;
margin:2px;
}

#niveau4-ramme {
background:#CC6699;
position:relative;
left:0px;
width:800px;
height:*;
float:left;
border-style:solid;
border-width:1px;
border-color:#CCCCCC #CCCCCC #666666 #666666;
text-align:left;
padding:5px;
margin:2px;
}















#datacontainer {
/*   */
background:#fff;
padding:5px 5px;
font:10px arial,sans-serif;
}

#x1 {
/*   */
background:#ffffff;
border-style:solid;
border-width:0px;
border-color:red;
margin:0px;
padding:0px;
width=190px; 
height=100%;

}


#x2 {
/*   */
border-style:solid;
border-width:0px;
border-color:red;

margin:10px;
padding:10px;
scrolling=yes;


width="90%"; 
height="90%";

}

.ramme-rod {  border: thin #FF0000 solid; padding-top: 5px; padding-right: 5px; padding-left: 5px}
.ramme-lila { border: thin #FF00FF solid; padding-top: 5px; padding-right: 5px; padding-left: 5px}
.ramme-blaa { border: thin #0000FF solid; padding-top: 5px; padding-right: 5px; padding-left: 5px}
.ramme-blaa-dob { border: thin #0000FF double; padding-top: 5px; padding-right: 5px; padding-left: 5px}
.ramme-blaa-dot { border: medium #0000FF dotted; padding-top: 5px; padding-right: 5px; padding-left: 5px}
.ramme-lila-dot { border: thin #FF00FF dotted ; padding-top: 5px; padding-right: 5px; padding-left: 5px}
.ramme-rod-dot { border: thin #FF0000 dotted; padding-top: 5px; padding-right: 5px; padding-left: 5px ; padding-bottom: 5px}
.ramme-gron { border: thin #00FF00 solid; padding-top: 5px; padding-right: 5px; padding-left: 5px }
.ramme-gron-dot { border: thin #00FF00 dotted; padding-top: 5px; padding-right: 5px; padding-left: 5px}
.ramme-gul { border: thin #FFFF00 solid; padding-top: 5px; padding-right: 5px; padding-left: 5px }
.ramme-gul-dot { border: thin #FFFF00 dotted; padding-top: 5px; padding-right: 5px; padding-left: 5px }
.ramme-navigation { border: #CCCCCC none; padding-left: 15px; padding-top: 10px; padding-right: 5px;