/* CSS Document */
body {
		background-image:url(images/bg.gif);
		margin:0;
}
#frame {
		width:850px;
		height:550px;
		margin-top:-275px;
		margin-left:-425px;
		padding:0px;
		text-align:left;
		position: absolute;
		top: 50%;
		left: 50%;
}

/*rows*/
#row25px {
		width:850px;
		height:25px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
}
#row25pxwhitebg {
		width:850px;
		height:25px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background:#FFFFFF;
}
#row_flash {
		width:850px;
		height:175px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background:#FFFFFF;
}
#row_content {
		width:850px;
		height:250px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background:#FFFFFF;
}

#row_spacer {
		width:800px;
		height:25px;
		background:#FFFFFF;
		float:left;
}

/*corners and shadows*/
#topleft_corner {
		width:25px;
		height:25px;
		background-image:url(images/corner_tl.gif);
		float:left;
}
#topright_corner {
		width:25px;
		height:25px;
		background-image:url(images/corner_tr.gif);
		float:left;
}
#bottomleft_corner {
		width:25px;
		height:25px;
		background-image:url(images/corner_bl.gif);
		float:left;
}
#bottomright_corner {
		width:25px;
		height:25px;
		background-image:url(images/corner_br.gif);
		float:left;
}
#top_shadow {
		width:800px;
		height:25px;
		background-image:url(images/top.gif);
		float:left;
}
#bottom_shadow {
		width:800px;
		height:25px;
		background-image:url(images/btm.gif);
		float:left;
}
#left_shadow {
		width:25px;
		height:100%;
		background-image:url(images/left.gif);
		background-repeat:repeat-y;		
		float:left;
}
#right_shadow {
		width:25px;
		height:100%;
		background-image:url(images/right.gif);
		background-repeat:repeat-y;	
		float:left;
}

/*content elements*/
#flash_element {
		width:800px;
		height:175px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background-image:url(images/logo.gif);
		float:left;
}
#content_element {
		width:600px;
		height:250px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		float:left;
}
#spacer_element {
		width:23px;
		height:250px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		float:left;
}
#pic_element {
		width:177px;
		height:250px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		float:left;
}
/*GFD - grafisk design - www.gfd.dk*/
#gfd a{
		font-family:Arial;
		font-size:9px;
		color:#8993ad;
		text-decoration:none;
		margin-top:-13px;
		margin-left:-17px;
		padding:0px;
		position: absolute;
		top: 100%;
		left: 100%;
}
/*txt*/
.h2 {font-family:Arial; color:#244bb5; font-weight:bold; font-size:12px;}
.paragraph {
	font-family:Arial;
	color:#999999;
	font-size:12px;
	list-style-type: none;
	list-style-image: url(images/bullet.gif);
}
.paragraph a:link {color:#999999; text-decoration:underline;}
.paragraph a:visited {color:#999999; text-decoration:underline;}
.paragraph a:hover {color:#244bb5; text-decoration:none;}

.paragraph ul { margin-top:-10px; /*margin-left:30px;*/ margin-bottom:10px;}



/*menu*/


/* Step 10 - Clearing the float */
#menu {
		display:block;
		width:800px;
		height:25px;
		background-image:url(images/menu_bg.gif);
		float:left;
}

/* Step 3 - get rid of the bullets and margin */
#menu ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#menu li {float:left; margin-right:1px;}


/* Step 5 - Adding the initial images */
#menu li.list1 {background:transparent url(images/btn1_om.gif);}
#menu li.list2 {background:transparent url(images/btn1_simultan.gif);}
#menu li.list3 {background:transparent url(images/btn1_hviske.gif);}
#menu li.list4 {background:transparent url(images/btn1_tolkebokse.gif);}
#menu li.list5 {background:transparent url(images/btn1_sikkerhed.gif);}
#menu li.list6 {background:transparent url(images/btn1_referencer.gif);} 
#menu li.list7 {background:transparent url(images/btn1_kontakt.gif);} 

/* Step 5a - Adding the hit images */
#menu li.list1hit {background:transparent url(images/btn3_om.gif);display:block; width:165px; height:25px;}
#menu li.list2hit {background:transparent url(images/btn3_simultan.gif);display:block; width:110px; height:25px;}
#menu li.list3hit {background:transparent url(images/btn3_hviske.gif);display:block; width:133px; height:25px;}
#menu li.list4hit {background:transparent url(images/btn3_tolkebokse.gif);display:block; width:92px; height:25px;}
#menu li.list5hit {background:transparent url(images/btn3_sikkerhed.gif);display:block; width:87px; height:25px;}
#menu li.list6hit {background:transparent url(images/btn3_referencer.gif);display:block; width:92px; height:25px;}
#menu li.list7hit {background:transparent url(images/btn3_kontakt.gif);display:block; width:91px; height:25px;} 

/* Step 6 - General link styling */
#menu a#item1 {display:block; width:165px; height:0; padding-top:25px; color:#000; overflow:hidden;}
#menu a#item2 {display:block; width:110px; height:0; padding-top:25px; color:#000; overflow:hidden;}
#menu a#item3 {display:block; width:133px; height:0; padding-top:25px; color:#000; overflow:hidden;}
#menu a#item4 {display:block; width:92px; height:0; padding-top:25px; color:#000; overflow:hidden;}
#menu a#item5 {display:block; width:87px; height:0; padding-top:25px; color:#000; overflow:hidden;}
#menu a#item6 {display:block; width:92px; height:0; padding-top:25px; color:#000; overflow:hidden;}
#menu a#item7 {display:block; width:91px; height:0; padding-top:25px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited {height:128px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */
#menu a#item1 {background:transparent url(images/btn1_om.gif) -165px -25px no-repeat;}
#menu a#item2 {background:transparent url(images/btn1_simultan.gif) -110px -25px no-repeat;}
#menu a#item3 {background:transparent url(images/btn1_hviske.gif) -133px -25px no-repeat;}
#menu a#item4 {background:transparent url(images/btn1_tolkebokse.gif) -92px -25px no-repeat;}
#menu a#item5 {background:transparent url(images/btn1_sikkerhed.gif) -87px -25px no-repeat;}
#menu a#item6 {background:transparent url(images/btn1_referencer.gif) -92px -25px no-repeat;} 
#menu a#item7 {background:transparent url(images/btn1_kontakt.gif) -91px -25px no-repeat;} 


/* Step 9 - Adding the :hover style */
#menu a#item1:hover {background:transparent url(images/btn2_om.gif) no-repeat;}
#menu a#item2:hover {background:transparent url(images/btn2_simultan.gif) no-repeat;}
#menu a#item3:hover {background:transparent url(images/btn2_hviske.gif) no-repeat;}
#menu a#item4:hover {background:transparent url(images/btn2_tolkebokse.gif) no-repeat;}
#menu a#item5:hover {background:transparent url(images/btn2_sikkerhed.gif) no-repeat;}
#menu a#item6:hover {background:transparent url(images/btn2_referencer.gif) no-repeat;}
#menu a#item7:hover {background:transparent url(images/btn2_kontakt.gif) no-repeat;} 

* html #menu a:hover {height:128px; he\ight:0;}

#spacer_menu {
		width:15px;
		height:25px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		float:left;
}