/* CSS Document */

/********************************************************/
/*
/*Produsert av EDB Totalpartner AS for Barnevakten.no  
/*
/********************************************************/




BODY  	 {
	MARGIN-LEFT: 0;
	MARGIN-TOP: 0;
	MARGIN-RIGHT: 0;
	MARGIN-BOTTOM: 0;
	padding: 0;
	text-align: left;
	background-color: #ebf4f6;
	background-image: url(images/bg_blye_stars.jpg);
	background-repeat: repeat-x;
	background-position: top;	
}
	

	         

SPAN  	 { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
TD   	 { FONT-SIZE: 8pt;	FONT-FAMILY: verdana,arial,helvetica,sans-serif;}
Table  	 { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
TH   	 { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
P    	 { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
B    	 { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
INPUT	 { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
SELECT   { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
OPTION   { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
TEXTAREA { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
H1       { FONT-SIZE: 14pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
H2       { FONT-SIZE: 12pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
H3       { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
H4       { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}
H5       { FONT-SIZE: 8pt;  FONT-FAMILY: verdana,arial,helvetica,sans-serif}




/* menu */

 #navcontainer ul
{
display: inline;
list-style-type: none;
text-align: left;
}


 #navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}



#navcontainer ul li a
{
background: transparent url(images/ico_arrow.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #C0381D;
}

#navcontainer ul li a:hover
{
background: transparent url(images/ico_arrow-active.gif) left center no-repeat;
color: #A6250B;
}

#navcontainer ul li a#current
{
background: transparent url(images/ico_arrow-over.gif) left center no-repeat;
color: #196501;
}


/* menu stop */ 


/* menu2 */

 #navcontainer2 ul
{
display: inline;
list-style-type: none;
text-align: right;
}


 #navlist2 li
{
display: inline;
list-style-type: none;
padding-right: 15px;
padding-top: 5px;
}



#navcontainer2 ul li a
{
padding-left: 5px;
text-align: right;
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #555555;
}

#navcontainer2 ul li a:hover
{
color: #A6250B;
}

#navcontainer2 ul li a#current
{
color: #196501;
}


/* menu2 stop */ 




.bg-page-top {
	background-image: url(images/bg_top_sky.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}


.margin-top-20px { margin-top: 20px; }	
.margin-bottom-50px { margin-bottom: 50px; }	
.margin {margin-bottom: 4px; margin-top: 4px;  }
.main-content-bg-color { background-color:#FFFFFF; }						
.corner-up-left { background-image: url(images/corner_up-eft.gif);background-repeat: no-repeat;background-position: left top; }
.corner-up-right { background-image: url(images/corner_up_right.gif);background-repeat: no-repeat;background-position: right top; }
.corner-down-left { background-image: url(images/corner_down_left.gif) ;background-repeat: no-repeat;background-position: left bottom ; }
.corner-down-right { background-image: url(images/corner_down_right.gif) ;background-repeat: no-repeat;background-position: right bottom ; }


.main-window-top-bg {
	background-color:#FFFFFF;
    background-image: url(images/top_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.main-window-bg-bottom {
	background-color:#FFFFFF;
	background-image: url(images/top_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}			

.main-window-bg-top {

	background-image: url(images/main_window_shade_up.gif);
	background-repeat: repeat-x;
	background-position: left top;
}			

.main-window-bg-blur-bottom {
	background-color: #FFFFFF;
	background-image: url(images/main_window_bottom_blur_sha.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.main-window-bg-blur-top {
	background-image: url(images/main_window_top_blur_sha.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


.menu-bg {
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(images/menu_silver_bg.gif);
}			

.main-window-border {
	background-color: #CCCCCC;
	background-image: url(images/main_window_border.gif);
	background-repeat: repeat-x;
	background-position: left top;
}



a:link, tekst A:focus{ color: #0072BC;  text-decoration:none;  }
.tekst { color: #363636; Font-size: 8pt; font-family: verdana,arial,helvetica,sans-serif; }
.tekst a:link, tekst A:focus{ color: #0072BC;  text-decoration:none;  }
.tekst a:hover {text-decoration:underline; }
.tekst a:visited { color: #0072BC;  text-decoration:none;  }

.tittel, .tittel a:link, .tittel a:visited, .tittel A:focus{ font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #C0381D; text-decoration:none;  } 
.tittel a:hover {color: #415A67; text-decoration: underline; } 

.bibelvers, bibelvers a:link, bibelvers a:visited, bibelvers a:hover, bibelvers A:focus { font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #0072BC; text-decoration:none;  }

.kalender-topp b {font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #C0381D; text-decoration:none; font-weight: 0; }

.kalender {font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration:none; font-weight: 0; }

.kalender b {font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #C0381D; text-decoration:none; font-weight: 0; }

.content-bottom { background-color: #FFFFFF; } 


.bunntekst           { color: #5C7D8C; Font-size: 8pt; font-family: verdana,arial,helvetica,sans-serif; text-decoration:none; }
.bunntekst A:link    { color: #5C7D8C; Font-size: 8pt; font-family: verdana,arial,helvetica,sans-serif; text-decoration:none; }
.bunntekst A:hover   { color: #EC008C; }
.bunntekst A:focus   { color: #5C7D8C; Font-size: 8pt; font-family: verdana,arial,helvetica,sans-serif; text-decoration:none; }
.bunntekst A:visited { color: #5C7D8C; Font-size: 8pt; font-family: verdana,arial,helvetica,sans-serif; text-decoration:none; }





/*		------	Basic style	------		*/

#menu {
	display: block;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}

#menu a {
	display: block;
}

#menu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
#menu li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#menu a {
	float: left;
}

#menuList {
	display: inline-block;
}
/*  */

























/*		------   Make-up	--------			*/


#menu {
	padding-left: 15px;
	text-align: left;
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-decoration: none;
	color: #C0381D;
}

#menu a {
	background: transparent url(images/ico_arrow.gif) left center no-repeat;
	padding-left: 15px;
	padding-right: 10px;
	text-align: left;
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-decoration: none;
	color: #C0381D;

	text-decoration: none;
/*	text-align: center;
	color: #000;
	padding: 4px 5px 5px;*/
}

#menu li {
	margin: 2px;
	padding: 1px;
}

#menu li:hover {
	/*background-color: #ddd;*/
	padding: 1;
	/*border: 1px solid #ccc;*/
}

/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
#menu li li {
	width: 94px;
}

#menu li ul {
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 100px;
	padding-left: 15px;
}

#menu li ul a {
	text-align: left;
	padding-left: 15px;
}


#menu li li.submenu {
	background-image: url(images/arrow-w.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#menu li li.submenu>a {
	background: url(images/arrow-b.gif) no-repeat right;
}

#menu li li.submenu:hover>a {
	background-image: none;
}
}