/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/* Modified by Lars Klemetsaune @ trollelg.no   */
/***********************************************/

/***********************************************/
/* HTML tag stiler */
/***********************************************/ 

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

a{
	color: #CC0000;
	text-decoration: none;
}

a:link{
	color: #CC0000;
	text-decoration: none;
}

a:visited{
	color: #CC0000;
	text-decoration: none;
}

a:hover{
	color: #CC0000;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #336633;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #336633;;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #336633;;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial, sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #336633;;
 /*color: #334d55;*/
 margin: 0px;
 padding: 0px;
}

h6{
	float: left;
	font-size: 70%;
	border: 1px dotted #cccccc;
	background-color:#FAFAFA;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

p.oppdatert {
	float: left;
	font-size: 70%;
	border: 1px dotted #cccccc;
	background-color:#FAFAFA;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #336633;;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{ 
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #fafafa;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

}

#hovedoverskriftHoyre{
  	float: right;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#innhold{
	float: left;
	width: 100%
}

/***********************************************/
/* Components                                  */
/***********************************************/

/*Eks: Orienteringslaget Trollelg*/
#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav stiler **************/

#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
 font-size: 90%;
 padding: 0 4px 0 0;
}

/*************** #sidenavn stiler **************/

/*Eks: Aktuelt*/
#sidenavn{
	font-size: 90%;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb stiler *************/

/*Eks:  <div id="breadCrumb"><a href="index.php">forsiden</a> / <a href="#">trening</a></div>*/
#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/************** .hovedoppslag stiler ***************/

.hovedoppslag{
	margin: 2px;
	padding: 2px 2px 2px 2px;
	font-size: 80%;
	border: 1px solid #999;
}

.hovedoppslag h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.hovedoppslag img{
	float: right;
	border: 1px dotted #cccccc;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
}

/************** .underoppslag stiler *****************/

.underoppslag{
	margin: 2px;
	clear: both;
	padding: 2px 2px 2px 2px;
	font-size: 80%;
	border: 1px solid #999;
	border-collapse:separate;
}

.underoppslag img{
	float: right;
	border: 1px dotted #cccccc;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
}

/************** .nyheter stiler *****************/

.nyheter{
	margin: 2px;
	clear: both;
	padding: 2px 2px 2px 2px;
	font-size: 80%;
	border: 1px solid #999;
}

.nyheter hr{
	color:#CBC3BC;
	background-color:#CBC3BC;
	height:1px;
	margin:0 0 4px 0;
	padding:0;
	clear:both;
	border:0 solid black;
	display:block;
}

.nyheter img{
	border: 1px dotted #cccccc;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
}

.nyheter a{
	font-size: 95%;
}

/************* #nettstedsinfo stiler ***************/

#nettstedsinfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

#nettstedsinfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/************* #login stiler ***************/
#login{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#login h3{
	padding: 10px 0px 2px 10px;
}

#login form{
	margin: 0px;
	padding: 10px 0px 2px 10px;
}

#login input{
	font-size: 80%;
}

#login label{
	display: block;
	margin: 0px;
	padding: 0px;
}

#login a {
	display: block;
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	font-size: 90%;
}

#login a:hover{
	background-color: #dddddd;
}

#login div {
	font-size: 90%;
}


/************* #soek stiler ***************/

#soek{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#soek form{
 margin: 0px;
 padding: 0px;
}

#soek label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link stiler ***********/
/* Brukes på lenkene på venstre side */

#navBar ul a:link, #navBar ul a:visited {
	/*display: block;*/
}

#navBar ul {
	list-style: none; margin: 0; padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: 1px solid #EEE;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {
	border-bottom: none;
}


/*********** #seksjonslenker stiler ***********/
/* Brukes som under-oppdeling etter navBar */
/* 
	Eks: 
	<div id="navBar">
	  <div id="seksjonslenker">
	    <h3>Innhold</h3>
		  <ul>
            <li><a href="index.php">Aktuelt</a></li>
*/

#seksjonslenker{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#seksjonslenker h3{
	padding: 10px 0px 2px 10px;
}

#seksjonslenker input {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 2px 2px 2px;
	font-size: 90%;
}

#seksjonslenker a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#seksjonslenker a:hover{
	background-color: #dddddd;
}


/*********** .underlenker stiler ***********/

.underlenker{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.underlenker h3{
	padding: 10px 0px 2px 0px;
}

.underlenker a:link,
.underlenker a:visited {
	/*display: block;*/ 
}

/************** #advert stiler **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #hovedoverskriftHoyre stiler **************/

#hovedoverskriftHoyre{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#hovedoverskriftHoyre p{
	padding: 5px 0px 5px 0px;
}

a.prevnext:link {color: red; font-size: 10px; text-decoration:underline}

a.prevnext:visited {color: red; font-size: 10px; text-decoration:underline}

a.prevnext:hover {color: blue; font-size: 10px; text-decoration:underline}

a.prevnext:active {color: red; font-size: 10px; text-decoration:underline}



a.day:link {color: black; font-size: 8px; text-decoration:underline}

a.day:visited {color: black; font-size: 8px; text-decoration:underline}

a.day:hover {color: red; font-size: 8px; text-decoration:underline}

a.day:active {color: black; font-size: 8px; text-decoration:underline}



a.event:link {color: blue; font-size: 10px; text-decoration:underline}

a.event:visited {color: blue; font-size: 10px; text-decoration:underline}

a.event:hover {color: red; font-size: 10px; text-decoration:underline}

a.event:active {color: blue; font-size: 10px; text-decoration:underline}



a.admin:link {color: blue; font-size: 10px; text-decoration:underline}

a.admin:visited {color: blue; font-size: 10px; text-decoration:underline}

a.admin:hover {color: red; font-size: 10px; text-decoration:underline}

a.admin:active {color: blue; font-size: 10px; text-decoration:underline}

table.cal {
background-color: white;
border-color: silver;
border-style: solid;
border-width: 1px;
font-family: sans-serif
}

.caption {
color: black;
font-size: 9px;
font-weight: bold;
}

.thead {
/*
color:white;
background-color: white;
*/
font-size: 9px;
}

td.cal {
background-color: white;
text-align: center;
font-size: 9px;
vertical-align: top
}

tfoot.cal {
color:black;
background-color: white;
font-size: 9px;
text-align: left
}

ul.cal {
margin: 0px;
list-style-position: inside
}

.cal-admin-link {
color: #fafafa;
font-family: Tahoma, Verdana, sans-serif;
font-size: 8px;
font-weight: bold;
text-decoration: none;
}
