/* CSS Document */
/* feel free to use*/


/* Globalt */
body{
font-size: 62.5%;
max-width:100%;
margin:0;
background-color:#CCCCCC;
font-family:  "Times new roman",Verdana, Arial,Helvetica,  sans-serif;
}
/* for å vise hvem side man er på */
a#aktivside{
background-color: #fff;
color: #ccc;
font-size:1.3em;
border-top: 0.1em #33557f solid;
border-left: 0.1em #33557f solid;
border-bottom: 0.1em #cce3ff solid;
border-right: 0.1em #cce3ff solid;

}

h1{
font-size:2.8em;
}

#innhold h2{
font-size: 2.3em;
}


h3{
font-size: 2em;
}
h4{
font-size: 1.7em;
}

p{
font-size:1.5em;
}
#advarsel{
 font-size:1.6em;
}
h1, h2, h3, p{
padding-left:1.5em;
padding-right: 1.5em;
text-align:left;
}

/*Stopper generelt */


/* overskrift */
*.overskrift{
text-align:center;
color: #eccf45;
font-variant: small-caps;
background-color:#515f2f;
background-color:#5c0d02;
border: thick ridge;
padding:.3em;
}

h3.overskrift {
font-size:1.8em;
}

.overskrift{
/*background-color:#5c4F02;*/
/*background: #FFF url(../pictures/topkollone.png) no-repeat;*/
color: #5c4F02;
padding-bottom: 0;
background: transparent;
border: none;
border-bottom: solid .4em #eccf45;/*#5c4F02;*/
}

#mainNav .overskrift{
/*background-color:#5c4F02;*/
padding-bottom: 0;
background: transparent;
border: none;
border-bottom: solid .8em #eccf45;/*#5c4F02;*/

}
/* stopp overskrift*/


/* starter holder */
#holder{
width: 77em;
max-width: 100%;
margin: 0 auto;
text-align: left;
/*background: #FFF url(../bakgrund.png) repeat;*/
font-size: 1.13em;
background-color:#fff;
}
/* slutt på holder */


/* om banner */
#banner{
height: 12em;
width: 100%;
max-height: 10%;
background-color: #4a73a2;
/*background-color:#FFFFFF;*/
text-align: center;
}

#banner h1{
font-size: 3.8em;
font-style:italic;
/*text-shadow:#000000;*/
/*color:#CCCCCC;*/
color:#960;
color: #eccf45;
}
#banner h3{
font-size:1.8em;
font-style:italic;
color:#CCCCCC;
margin-top:-1em;
text-align:center;
}
.bannerInnhold{
width:52em;
max-width: 75%;
float:right;
}
.bannerCenter{
width: 32em;
max-width: 66%;
float: left;
}
.bannerHoyre{
width: 18em;
max-width:31%;
float:right;
}
.bannerVenstre{
width: 18em;
max-width: 23%;
float: left;
}
/* slutt på banner */



/* Om innhold */
#innhold{
width: 57em;
max-width: 75%;
background-color:#fff;
float: right;
}
.obs{
font-weight:bold;
font-size:1.3em;
margin-left:1em;
margin-right:1em;
padding-top:.2em;
padding-bottom:.2em;
}

/* slutt på innhold */


/* start på hovedInnhold */
#hovedInnhold{
width: 37em;
max-width: 66%;
float: left ;
padding-bottom: 0.5em;
}
/* slutt på hovedInhold */



/* Starter på hoyreKollone */
#hoyreKollone{
width: 18em;
max-width: 29%;
float: right;
margin-bottom: 0.2em;
/*background-color: #4a73a2;*/
background-color: #ffffff;
padding: 0.5em;
margin-right:.3em;
}
#hoyreKollone .top{
width: 18em;
background: #FFF url(../pictures/topkollone.png) no-repeat;
text-align:center;
}
/* slutt på hoyreKollone */




/* spesielt for musikk siden*/
body#music h2{
background:none;
}
.musikk a:hover{
background: transparent;
border: thin ridge;
padding: .2em;
margin: .2em;
}
/* slutt på spesielt for musikk siiden */







/* start på htuside (for howtouse siden) */
#htuside {
width: 18em;
max-width: 29%;
float: right;
margin-bottom: 0.2em;
padding: 0.5em;
margin-right:.3em;
}


#htuside a{
display:block;
background-color:#999966;
margin-left: -.3em;
padding: 0em;
text-align: center;
color: #1f6e41;
}

#htuside a:hover{
display:block;
background:transparent;
}
/* slutt på htuside */



/* starter topNav */
#topNav{
width: 100%;
}
#topNav ul{
text-align: center;
background-color:#eccf45;
margin-left: 0;
margin-top: 0;
}
#topNav ul a{
font-size: 1.4em;
color:#000033;
}
/* slutt på topNav */




/* starter på mainNav */
#mainNav{
width: 18em;
max-width: 23%;
float: left;
background-color: #ffffff;
margin-left:.3em;
}
/* slutt på mainNav */




/* starter footer */
#footer{
text-align: center;
clear: both;
color:#CCCCCC;
/*filter:alpha(opacity=75); -moz-opacity: .50; opacity:.50;*/
}
/* slutt på footer */




/* knapp (button) */
.knapp a{
padding: 0;
text-decoration: none;
width: 96%;
display: block;
color: #224059;
background-color: #C0C0C0;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #33557f solid;
border-right: 2px #33557f solid;
font-size: 1.05em;
}
.knapp a:hover {
color: #FFFF00;
border-top: 2px #33557f solid;
border-left: 2px #33557f solid;
border-bottom: 2px #cce3ff solid;
border-right: 2px #cce3ff solid;
}
/*slutt på knapp (button) */




/* starter lister */
ul{
list-style:none;
}
ol{
list-style:none;
}

li{
list-style: none;
}
li.knapp{
font-weight: bold;
text-align: center;
margin-bottom: 1px;
margin-top: 1px;
margin-right:10px;
margin-left: -1.6em;
padding: 1px;
font-size:1.5em;
}
ul.router{
font-weight:bold;
text-align:left;
font-size: 1.3em;
}

/* slutt på lister */




/* starter li lokallink */
li.lokalLink{
padding: .6em;
text-decoration: none;
width: 96%;
display: block;
color: #224059;
background-color: #C0C0C0;
border: .1em #CCCCCC solid;
font-size: 1.4em;
text-align:center;
margin-left: -2.5em;
background-color: #C0C0C0;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #33557f solid;
border-right: 2px #33557f solid;
font-size: 1.2em;
}
.lokalLink a{
font-size: 1.2em;
}
/* slutt på li lokalLink */





/* starter forskjell mere lister (av mangel på bedre navn);-)*/
#forskjell ol li{
list-style-type:upper-roman;
font-size:1.5em;
font-style:normal;
color:#0066CC;
}
#forskjell ol li ul li{
list-style-type:lower-roman;
font-size:.9em;
font-style:oblique;
color:#006666;
}
/* slutt på forskjell */




/* starter bilder */
img {
margin: 0;
padding:0;
border: none;
}
.senterimage{
display:block;
margin-left:auto;
margin-right:auto;
}
.leftimage{
float: left;
margin-right: 1em;
border: none;
}

.rightimage{
margin-bottom: 2em;
float: right;
margin-left: 1.5em;
}

.bildetekst {
font: bold normal small Arial, Helvetica, sans-serif;
color: #000011;
background-color:#FFFFFF;
margin-left: 5px;
text-align: left;
}

img.asplogo{
width:13em;
/*border: none;*/
max-width:100%;
}

img.oisvlogo{
width: 11.7em;
/*border: none;*/
max-width:100%;	
}

img.smcrouter{
width: 13em;
/*border: 0;*/
float: left;
padding: .2em;
max-width:100%;
}

img.opera{
width: 10em;
/*border: none;*/
padding: .2em;
max-width:100%;
}

img.bannerVenstreTop{
width: 15em;
height: 10em;
max-width: 100%;
/*border: none;*/
}

img.bannerHoyreTop{
width: 15em;
height: 10em;
/*border:none;*/
max-width: 100%;
}

img.howTo{
margin-left: auto;
margin-right: auto;
margin-top: 2em;
width:36em;
height:32em;
max-width: 100%;
}

img.fire{
width:16em;
/*border: none;*/
padding: .5em;
max-width:100%;
}

img.thun{
width:16em;
/*border: none;*/
max-width:100%;
/*background:none;*/
}

img.bunder100{
width: 8.5em;
/*border: none;*/
padding:.5em;
max-width: 100%;
}

img.bunder1002{
width: 8em;
/*border: none;*/
max-width: 100%;
}

img.b200{
width:19.4em;
/*border: none;*/
max-width:100%;
}

/* slutt på bilde */




/* starter kontainer */
.kontainer{
	width: 99%;
	padding-top: 0.2em;
	padding-left:.2em;
	text-align:center;
	overflow: hidden;
}

.rekkontainer{
width: 99%; 
padding-top: 0.2em;
padding-left:.2em;
text-align:center;
border:thin solid;
}
.rekkontainer a{
font-size:1.6em;
text-align:left;
text-decoration:none;
}
/*Slutt på kontainer */


/*starter reklame */
.reklame{
background-color:#CCCCCC;
padding:.5em;
}

/*stopper reklame */


/* starter how (for lokal linkene på howtouse siden) */
#how{
position: fixed;
top: 2em;
right: 0;
}
#howLeft{
position: fixed;
top: 30em;
left: 0;
}
/* slutt på how*/


/* starter table relatert */
table { 
margin-left:auto;
margin-right: auto;
background-color:#999999;
max-width:100%;
}
table.ruter{
width:32em;
max-width: 100%;
background-color:#999999;
}
td{
font-weight:bold;
background-color:#FFFFFF;
font-size:1.1em;
}
td.contacttd{
font-size:1.8em;
padding:1em;
}
td.email{
font-style:italic;
font-size:1.4em;
padding-top: 1.6em;
color:#0033CC;
}
#farge{
color:#0033CC;
}
td.post{
background-color: #5c0d02;
color: #eccf45;
font-size: 1.5em;
text-align:left;
}
td.tom{
border: none;
background-color:#FFFFFF;
}

th{
border: medium solid;
font-size:1.3em;
}
th.contact{
font-size:2em;
text-align:center;
}
th#tom{
border: none;
background-color:#FFFFFF;
}
/* slutt på table relatert */

/* for ie 6*/
.klarer{
clear:right;

}