/* CSS Document */

/*Headers*/
h1 
{
	text-align:center;
	color:#000000;
	font-size:16px; 
	font-family:Verdana, Arial;
	font-weight: bold;
}

h2 
{
	text-align:left;
	color:#333333;
	font-family:Verdana, Arial;
	font-weight: bold;
}

h3 
{
	text-align:left;
	color:#000000;
	font-size:14px;
	font-family:Verdana, Arial;
	font-weight: bold;
}

h4 
{
background: transparent url(../Bilder/News/movies_news.jpg) no-repeat top left;
margin-bottom: 0px;
width:110px;
height:30px;
float:left;
}

h4 span 
{
display:none;
}

h5 
{
background: transparent url(../Bilder/News/books_news.jpg) no-repeat top left;
margin-bottom: 0px;
width:100px;
height:30px;
float:left;
}

h5 span 
{
display:none;
}

h6 
{
background: transparent url(../Bilder/News/aquarium_news.jpg) no-repeat top left;
margin-bottom: 0px;
width:150px;
height:30px;
float:left;
}

h6 span 
{
display:none;
}

h7 
{
background: transparent url(../Bilder/News/hund_news.jpg) no-repeat top left;
margin-bottom: 0px;
width:150px;
height:30px;
float:left;
}

h7 span 
{
display:none;
}


/*Some basic text formatting*/
body,p,a 
{
	font-family:Verdana, Arial;
	font-size:10px;
}

/*Links*/
a.normal:link {color:#000066 ; text-decoration:none ; font-style:oblique}
a.normal:visited {color:#777777 ; text-decoration:none ; font-style:italic}
a.normal:hover {color:#FF0000 ; text-decoration:none ; font-style:normal}

a.menu:link {color:#000000 ; text-decoration:none}
a.menu:visited {color:#000000 ; text-decoration:none}
a.menu:hover {color:#0000FF ; text-decoration:none}

#frame 
{
	width:770px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	background:#ffffff;
	border:1px solid black;
}

/*Outer frame*/
#outer 
{
	text-align:center;
	background:#ffffff;
	border:1px solid #000000;
	width:770px;
	margin:auto;
	margin-top:0px;
	background-color: #CCCCCC;
}

/*Header*/
#header 
{
	width:770px;
	height:100px;
	padding:0px;
}


/*Frame around content*/
#bodyblock 
{
	position:relative;
	background:#FFFFFF;
	color:#000000;
	width:770px;
	padding:0;
}

/*Left-coloumn*/
#l-col-pc 
{
	float:left;
	background:#FFFFFF;
	color:#000000;
	width:145px;
	border:solid #999999;
	border-width:0px 1px 0px 0px;
	text-align:left;
	padding:10px;
}

#l-col-search 
{
	float:left;
	background:#FFFFFF;
	color:#000000;
	width:170px;
	border:solid #999999;
	border-width:0px 1px 0px 0px;
	text-align:left;
	padding:10px;
}


#l-col-photo 
{
	float:left;
	background:#FFFFFF;
	color:#000000;
	width:145px;
	border:solid #999999;
	border-width:0px 0px 0px 0px;
	text-align:left;
	padding:10px;
}


#siste
{
	margin:0;
	padding:.0em .5em;
	list-style-type:none;
	text-align:left;
	background-color:#009933;
	border:thin;
	border-color:#111111;
	border-style:solid; 
}

#andre
{
	margin:0;
	padding:.0em .5em;
	list-style-type:none;
	text-align:left;
	background-color:#99FF00;
	border:thin;
	border-color:#111111;
	border-style:solid; 
}

#hvit
{
	margin:0;
	padding:.0em .5em;
	list-style-type:none;
	text-align:left;
	background-color:#FFFFFF	;
	border:thin;
	border-color:#111111;
	border-style:solid; 
}

/*Right-coloumn*/
#r-col-pc 
{
	width:580px;
	background:#ffffff;
	color:#000000;
	border:solid #999999;
	border-width:0px 0 0 0px;
	text-align:left;
	padding:10px;
}

#r-col-index 
{
	width:540px;
	background:#ffffff;
	color:#000000;
	border:solid #999999;
	border-width:0px 0 0 0px;
	text-align:left;
	padding:10px;
}

#r-col-index_wide 
{
	width:750px;
	background:#ffffff;
	color:#000000;
	border:solid #999999;
	border-width:0px 0 0 0px;
	text-align:left;
	padding:10px;
}

#r-col-center 
{
	width:400px;
	background:#ffffff;
	color:#000000;
	border:solid #999999;
	border-width:0px 0 0 0px;
	text-align:left;
	padding:10px;
}

#r-col-rr
{
	width:100px;
	background:#ffffff;
	color:#000000;
	border:solid #999999;
	border-width:0px 0 0 0px;
	text-align:left;
	padding:10px;
}


#content 
{
	width:760px; /* 770px - padding = 764px */
	padding:5px;
	text-align:left;
}

#footer 
{
	width:768px;
	height:30px;
	background:#444444;
	color:#FFFFFF;
	border:solid #999999;
	border-width:1px 1px 1px 1px;
	padding:0px;
	font-family:Verdana, Arial;
}

/*MENU - for navigation*/
#navcontainer ul
{
	margin:0;
	padding:.0em .50em;
	list-style-type:none;
	text-align:left;
	background-color:#444444;
	border:thin;
	border-color:#111111;
	border-style:solid;
}

#navcontainer ul li 
{display:inline;}

#navcontainer ul li a
{
	font-size:10px; 
	font-family:Verdana, Arial;
	font-weight: bold;
	text-decoration:none;
	padding: 0.1em 1em;
	color:#eee;
	border:thin;
	border-color:#CCCCCC;
	border-style:solid;
	background-color:#444444;
}

#navcontainer ul li a:hover
{
	color:#fff;
	background-color:#888888;
}