/* CSS Document */

body {font-family: verdana, arial, sans-serif; font-size:1 em; line-height:1.2em;behavior:url(csshover.htc); 
background: #FFFFFF url(baggrund.jpg) repeat-x scroll 0 0;}

* {margin:0; padding:0;} 

#all {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height:100%;
}
	
#banner {

	height: 158px;width: 800px; background-color: #FFFFFF;position: relative;}	

#motto {
	position: relative;
	background-color:#9999;
	color:#fff;
	font-weight: bold; text-align:center;
	padding:2px 0 2px 0;
	height: 20px;
	width: 800px;
}



#main {
	background-color: #FFFFFF;
	width: 790px;
	padding:5px;
	min-height:420px;
	float: left;
	clear: left;
}



#hojrespalte {
	font-size:1em;line-height:1.5em;
	float: right;
	width: 48%;
	margin-right:5px;
	border-top-color: #FFFFFF;
	position: relative;
}

#venstrespalte {
	float: left;
	font-size:1em;line-height:1.5em;
	width: 48%;
	padding: 0 0 0 5px;
	border-top-color: #FFFFFF;
	position: relative;
}

#stambogsspalte{
	position:relative;
	width: 600px;
	float:right;
}

#venstrestambogsspalte{
	position:relative;
	width: 170px;
	float:left;
}

#bredspalte{
	position:relative;
	font-size:1em;line-height:1.5em;
	width: 100%;
}


#galleri {
	width: 110px;
	height: 150px;
	margin-top: 5px;
	margin-left: 7px;
	float: left;}
	
#gallericlear{
	width: 110px;
	height: 150px;
	margin-top: 5px;
	margin-left: 7px;
	float: left;
	clear: left;
	}



.galleribilled {padding: 3px; width: 104px;}

.galleritekst {font:Arial, Helvetica, sans-serif; font-size:.7em; padding-left: 3px;padding-right: 3px;}

.clear
{clear:left;}

#bund{ 
	font-size:1em; 
	width:800px; 
	float:left; 
	text-align:center; 
	color:#463430;
	padding:2px 0 0 0;
}
	
#bund a:link{
	color:#000000;
}

p {font-size:.7em;line-height:1.3em;}

h1 {font: bold 1.2em/1.2 Verdana, Arial, Helvetica, sans-serif;margin:0px 0px 5px 0px;}

h2 {font: bold 1.1em/1.1 Verdana, Arial, Helvetica, sans-serif;margin:0px 0px 5px 0px;}

h3 {font: bold 1em/1.3 Verdana, Arial, Helvetica, sans-serif;margin:0px;}
h4 {font: bold; font-size:.8em;line-height:1.3;}
h5 {font: bold; font-size:.7em;line-height:1.3;}

h6 {font-weight: normal;font-size:.7em;line-height:1.3; color: #CC0000;}
a:link {color:#cc6600;text-decoration: none}

a:visited {text-decoration: none;color: #000000;}

a:hover {text-decoration: underline;}
.csc-textpic-caption {font-size:.7em; font:italic;}


/*her er et forsøg på at lave stambogen*/

div.stambog1{ 
 	width:144px;
	height:24px;
	float:left;
	padding:1px;
	position: relative;
}

div.stambogborderleft{
	width:144px;
	height:24px;
	float:left;
	padding:1px;
	border-left:1px solid #666666;
	position: relative;
}


div.stambog4{ 
	width:144px;
	height: 154px;
	float:left;
	padding:1px;
	position: relative;
}

div.farfarsfar{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.farfar{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}

div.farfarsmor{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.far{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.farmorsfar{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.farmor{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.farmorsmor{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.barn{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.morfarsfar{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.morfar{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.morfarsmor{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.mor{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.mormorsfar{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.mormor{ 
 	font-size:85%; width:144px;height:24px;float:left;	padding:1px;position relative;background-color:#CCCCCC;}
	
div.mormorsmor{ 
 	font-size:85%; width:144px;height:24px;float:left;padding:1px;position relative;background-color:#CCCCCC;}
	

/* the horizontal menu starts here */

#topmenu {background-color:#150f0f;color:#ffffff;float: left; padding-top:2px; height: 20px; width: 800px; font-size:80%; z-index: 999; position:relative; }
#topmenu ul{float: left; margin:0; padding: 0 0 0 230px; list-style: none; }

#topmenu ul li{float: left; border-right:1px solid #FFFFFF; position:relative; }

*html #topmenu ul li a{float: left;} /*Skjuler denne style fra Opera*/
#topmenu ul li a{display: block; margin: 0; padding: 0 15px 0 15px; color: #ffffff; text-decoration: none;}
#topmenu ul li a:hover{color: #cc6600;}
#topmenu li:first-child {border-left:1px solid #FFFFFF; }

/*2.niveau*/
#topmenu ul li ul{display: none;}
#topmenu ul li:hover ul, #topmenu ul li.over ul {display: block; position: absolute; left: 0; background-color:#150f0f;color:#ffffff; padding: 5px 2px; width: 150px;}
#topmenu ul li ul li {float:none; width: 150px; border-right:none;}
#topmenu ul li ul li:first-child {border-left:none;}
#topmenu ul li ul li a {float:none; color: #fff;border-right:none; font-size: 0.9em; line-height: 1.5; background: #150f0f; font-variant: normal; padding-left: 3px;}
#topmenu ul li ul li a:hover {background: 150f0f; color: #cc6600;}