/* a-partner website basic stylesheet */
/* Verison 2.6 cleaup by Morten Yde   */


/* At first - No funky spaces.. please! */
/* Everything must be "flat" */
*{
	margin: 0px;
	padding: 0px;
}


/* Basic layout */
body{
	margin: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/bg_tile.gif) top center repeat-x;
}
/* This hack centeres site in FF/Safari */
/* It need a fixed width to work, and this is written inline */
#container{ 
	margin: 0px auto 0px auto;
	text-align: left; /* This makes the default text-align left */
}


/* Head/banner element */
#head{
	width: 100%;
	height: 280px;
	clear: both;
	background: url(../images/head.jpg) top center no-repeat;
}
#head .head_top{
	clear: both;
	float: right;
	height: 55px;	
}



/* Spacer element for gfx */
.spacer{
	width: 100%;
	height: 10px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
}


/* Main table for expandable content */
#main_table{
	border-collapse: collapse;
	clear: both;
	width: 100%;
}


/* Menu layout - as list-elements */
.side_box{
	margin: 0px;
	padding: 0px;
}


/* MENU NAVIGATION LISTS */
/* Level 1 menu links */
#menu{
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 24px;
}
#menu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu ul li{
	margin: 0px;
	padding: 0px;
	float: left;
}
#menu ul li a{
	float: left;
	display: block;
	margin: 0px;
	padding: 5px 10px 7px 10px;
	height: 12px;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: white;
	text-align: left;
	text-decoration: none;
	background: none;
}
#menu ul li a:hover{

}
#menu ul li .selected{
	background: white;
	color: black;
}

/* Level 2 menu links */
/* These might need to be rewritten if menues are seperate */
#submenu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#submenu ul li{
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}
#submenu ul li a{
	text-indent: 10px;
	display: block;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	height: 10px;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1em;
	color: #6b6b6b;
	text-align: left;
	text-decoration: none;
	background: url(../images/menu_dot.gif) left no-repeat;
}
#submenu ul li a:hover{
	background: none;
	color: black;
	font-weight: bold;
	background: url(../images/menu_dot_hover.gif) left no-repeat;
}
#submenu ul li .selected{
	background: none;
	color: black;
	font-weight: bold;
	background: url(../images/menu_dot_hover.gif) left no-repeat;
}
/* Level 3 menu links */
#submenu ul li ul li a{
	text-indent: 10px;
	background: none;
	font-weight: normal;
}
#submenu ul li ul li a:hover, #submenu ul li ul li .selected{
	background: none;
	font-weight: normal;
	color: black;
}
/* Level 4 menu links */
#submenu ul li ul li ul li a{
	text-indent: 20px;
	background: none;
	font-weight: normal;
}
#submenu ul li ul li ul li a:hover, #submenu ul li ul li ul li .selected{
	background: none;
	font-weight: normal;
	color: black;
}


/* LINK BOX */
/* Linkbox is used for everything in the side cols - new, links, ect. */
.link_box{
	clear: both;
	margin: 0px 0px 10px 10px;
	width: 210px;
}
.link_box .top{
	height: 30px;
	background: url(../images/side_box_top.gif) top center;
}
.link_box .content{
	background: url(../images/side_box_bg.gif) top center repeat-y;
}
.link_box .bottom{
	height: 10px;
	font-size: 0px;
	background: url(../images/side_box_bottom.gif) top center;
}
.link_box ul{
	list-style-image: url(../images/bullet.gif);
	padding: 0px;
	margin: 0px 10px 0px 25px;
}
.link_box ul li{
	padding: 5px 0px;
	margin: 0px;
}
/* Linkbox fonts */
.link_box a{
	text-decoration: none;
}
.link_box a:hover{
	text-decoration: none;
}
.link_box h1{
	color: white;
	font-weight: normal;
	font-size: 14px;
	display: block;
	padding: 8px 0px 0px 10px;
}
.link_box h2{
	color: #545454;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.2em;
}
.link_box h3{
	font-size: 10px;
	line-height: 1.2em;
}


/* Content */
#content{
	vertical-align: top;
}
/* To keep space to side cols */
.content_paddings{
	padding: 0px 20px;
}


/* Show media lists */
.file_table tr td p{
	margin: 0px;
	padding: 0px;
}
.list_img{
	width: 130px;
	float: left;
	margin: 0px 10px 10px 0px;
}
.list_img img{
	width: 130px;
	height: 110px;
}
.list_img a img{
	border: 1px solid;
}
.list_img a:hover img{
	border: 1px solid black;
}


/* CONTACT FORM */
#contact_form{
	width: 100%;	
}
#contact_form input, #contact_form textarea{
	margin: 3px 0px 3px 0px;
}


/* SITEMAP LIST */
#sitemap_list{
	margin: 0px;
	padding: 0px;
}
#sitemap_list ul{
	margin: 0px;
	list-style: none;
}
#sitemap_list .level1{
	padding: 0px; 
}
#sitemap_list .level2{
	padding: 0px 0px 0px 15px;
}
#sitemap_list .level3{
	padding: 0px 0px 0px 25px;
}
#sitemap_list .level4{
	padding: 0px 0px 0px 35px;
}


/* FOKUS PUNKTER */
/* This css might be supported by some inline */
.focus_points{
	width: 100%;
	clear: both;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.focus_point_box{
	padding: 0px;
	margin: 0px 5px 10px 5px;
	width: 260px;
	height: 160px;
	float: left;
	text-align: left;
	border-collapse: collapse;
}
.focus_point_box .blue_overlay{
	position: absolute;
	height: 160px;
	width: 160px;
	background: #173559;
	margin: 0px 0px 0px 100px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
.focus_point_box .text_overlay{
	position: absolute;
	height: 150px;
	width: 140px;
	margin: 10px 0px 10px 110px;
}
.focus_point_box a:link, .focus_point_box a:active, .focus_point_box a:visited{
	font-weight: bold;
	color: white;
	text-decoration: none;
}
.focus_point_box a:hover{
	color: #93afd0;
}
.focus_point_box p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
}


/* ORDER FORM */
.order_tabel{
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.order_tabel .headline{
	border-bottom: 1px solid #e0e0e0;
	background: #ebebeb;
}
.order_tabel .headline p a{
	color: black;
	font-weight: bold;
}
.order_tabel td{
	/*border-bottom: 1px solid #e0e0e0;*/
	background: none;
}
.order_tabel th{
	/*border-bottom: 1px solid #e0e0e0;*/
}
.order_tabel th p{
	font-size: 16px;
}
.order_tabel p{
	margin: 0px;
	padding: 4px;
	color: black;
}
.order_tabel p a{
	text-decoration: none;
	margin: 0px 0px 2px 0px;
}
.order_tabel p a img{
	border: none;
}
.order_tabel .border-top{
	border-top: 1px solid silver;
}
.order_tabel input, select, .order_tabel textarea{
	border: 1px solid #e0e0e0;
	color: black;
	padding: 2px;
}
.order_tabel .drop_down_color{
	background: white;
	color: black;
	border-bottom: 1px solid #e0e0e0;
}


/* FOOTER */
#foot{
	padding: 3px 0px;
	width: 100%;
	text-align: center;
	clear: both;
	border-top: 1px solid #00316e;
	border-bottom: 1px solid #00316e;
}

/* COPYRIGHT */
#copyright{
	margin: 10px 0px;
	width: 100%;
	text-align: center;
	clear: both;
}