/* main styles for Ålö */

/* Reset */
html,body {min-height: 100%; margin:0 auto; padding:0; }

 
   /* Basic typography */

html { background-color: #e4e2d9}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	background: #e4e2d9 url('/Media/Designimages/sitebrgcenter2.png');
	background-position: center center;
	background-repeat: repeat-y;
	min-width: 980px;
	color: #768086;
}

body.startpage {
	font-size: 8pt;
	line-height: 1.4;
	}


h1 {
	color: #000;
	font-size: 32pt; 
	line-height: 48px;
	font-weight: bold; 
	padding: 20px 0 25px 0;
	margin: 0;
	letter-spacing:-1px;
}

h2 {
	color: #768086;
	font-size: 12pt;
	line-height: 16px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	margin: 0;
}

.startpage h2 {	padding: 10px 0; font-size: 10pt; line-height: 1.2}
.startpage .grid_2 h2 {
	font-size: 16pt;
	margin-top: 0;
	color: #b85121; 
	padding: 0px 0 10px 0;
}
.startpage .grid_1 h2 {
	padding-bottom: 2px;
}	

h3, h4, h5, h6 {
	color: #768086;
	font-size: 10pt;
	line-height: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


p { margin: 0; padding: 0 0 1em 0;}


a {color: #81BBE8; text-decoration:none; }
a:link {color: #81BBE8; }
a:visited {color: #81BBE8; }
a:hover {color: #3b8fcf/*tills vidare*/}		
a:active {color: #990000;}

a.external {
background-image: url('/Media/Designimages/earth.png');
background-repeat: no-repeat; 
background-position: right center;
padding-right: 20px;
}

a.arrow_medium {
	background-image: url('/Media/Designimages/link_arrow_12x12.png');
	background-repeat: no-repeat; 
	background-position: 0 2px;
	padding-left:17px;
}

a img {border: none;}

.panellink {
	margin-top:1em;
}

 
/* TABLES */

table {
	border: 3px solid #E6EDEF ;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
}

td 
{
	text-align: left;
	padding: 2px 10px;
	margin: 0;
	color: #768086 ;
	font-size: 11px;
	line-height: 15px;
	vertical-align:top;			
}

th 
{
	text-align: left;
	padding: 2px 10px 2px 10px;
	margin: 0;
	color: #768086 ;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	vertical-align:top;		
}

tr:first-child th {
	padding: 5px 10px 5px 10px;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
}

tr {
	border: none;
	margin: 0;
	padding: 0;
}
tr th:first-child {
	border-right: 1px solid #E6EDEF ;
	}

tr:first-child th {
	border-bottom: 1px solid #E6EDEF ;
	padding-top: 5px;
}
tr:last-child td {
	padding-bottom: 5px;
}

.centercontent { text-align:center !important;}

table.neutral {
	border: none;
}
table.neutral td {
	padding:0;
	border:none;
	}

/* page variants */
.flashintro .pageheader { 
	position:absolute; 	
	z-index:100; 
	width: 100%; 
	background-color: transparent; 
	height: 55px; 
}


.flashintro .sec_header {
	background-color: #000;
	color: #fff;
	height: 400px;
	position: relative;
}

.flashintro .sec_header h1,
.flashintro .sec_header h2 {
	color: #fff; 
	text-shadow: none;
	font-size:24px;
	line-height:26px;
	text-shadow:1px 2px 15px #222222;
}

.flashintro .sec_header .intropanel { 
	position: absolute;	
	z-index: 50;
	bottom:15px; left: 50%;
	width: 710px;
	margin-left: -355px;
	height: auto;
}
.flashintro .sec_header .intropanel p {
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	text-shadow:1px 2px 15px #222222;	
}



#flash {height: 400px; text-align: center; overflow: hidden;}
#flash img {width: 1600px; height: 400px; margin-left: -800px; position: absolute; left: 50%}

/* tab menus - general settings */
.tabs { display: table; padding:0; margin: 0;}
.tabs ul.tabs1 { display: table-row; padding:0; margin: 0;}
.tabs ul.tabs1 li { display: table-cell; text-align: left; }
.tabs a { display: block; text-decoration: none;}


/* Main areas */

/* Page Header */
.pageheader {
	width: 980px; 
	height: 100px; 
	vertical-align: top; 
	background: #6b6c6d url("/Media/Designimages/mainmenubgr.jpg");
	margin:auto;
	
 }

.pageheader img {float: left; }
.pageheader .tabs {width: 740px; height: 100px; float: right;}
.pageheader .tabs ul.tabs1 li { 
	vertical-align: top;
 	padding: 0;
 	}
.pageheader .tabs ul.tabs1 li a { 
	display: block;
	width: auto;
	text-shadow: 1px 1px #333;
	color: #fff;
	font-size: 14pt;
	line-height: 54px; /* Vertical centering effect */
	font-weight: normal;
	padding: 0;
	text-align: left;
 	padding: 25px 25px 25px 20px; 
 	height: 50px;
 	background-image: url('/Media/Designimages/mainmenusprite.jpg');
 	background-position: 0 0;
}

.pageheader .tabs ul.tabs1 li a:hover { 
 	background-position: 0 -100px;
}

.pageheader .tabsSelectedItem a,
.pageheader .tabsSelectedParent a 
{ 
 	background-position: 0 -200px !important;
}

.pageheader .tabs ul.tabs1 li.tabsSelectedItem a,
.pageheader .tabs ul.tabs1 li.tabsSelectedItem a:link, 
.pageheader .tabs ul.tabs1 li.tabsSelectedItem a:visited,
.pageheader .tabs ul.tabs1 li.tabsSelectedParent  a,
.pageheader .tabs ul.tabs1 li.tabsSelectedParent  a:link, 
.pageheader .tabs ul.tabs1 li.tabsSelectedParent  a:visited  
{ 
	color: #fff; 	 
}
.pageheader .tabs ul.tabs1 li.tabsSelectedItem a:hover,
.pageheader .tabs ul.tabs1 li.tabsSelectedItem a:active,
.pageheader .tabs ul.tabs1 li.tabsSelectedParent  a:hover,
.pageheader .tabs ul.tabs1 li.tabsSelectedParent  a:active  
{ 
	color: #fff; 
}

.startpage .neutralbox .illustration { position: relative;}
.startpage .neutralbox .illustration img.topborderradius { position: absolute; z-index: 10; top: 0;}



/* main navigation menu and section colors */


  /* En färg per avdelning */
.pagebody {
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: center 0;
	min-height: 400px; 
	background-image: url("/Media/Designimages/submenubgr_2.png");
}

.startpage .pagebody { 
	padding-top: 0;
	background-image: none;
}

.about .pagebody    { background-image: url("/Media/Designimages/submenubgr_1.png"); }
.products .pagebody { background-image: url("/Media/Designimages/submenubgr_5.png"); }
.media .pagebody    { background-image: url("/Media/Designimages/submenubgr_4.png"); }
.contact .pagebody  { background-image: url("/Media/Designimages/submenubgr_3.png"); }

.about .metabar,
.startpage .metabar { border-color: #b85121; } 
.products .metabar { border-color: #625b48; }
.media .metabar { border-color: #707f25; } 
.contact .metabar { border-color: #cba800; } 


.pagebody .menu ul {
	display: block; 
	margin:0;
	padding: 25px 0 80px 0;
} 

.pagebody .menu li {
	display: block; 
	margin:0;
	padding: 0;
} 

.pagebody .menu a {
	display: block;
	padding: 0px 10px 0px 20px;
	height: 30px;
	line-height:30px;
	color: #fff;
	text-shadow: 1px 1px #333;
	font-weight: bold;
	font-size: 10pt;
}
.pagebody .menuSelectedItem a {
	color: #fff;
	background-repeat: no-repeat;
	background-position: 0 -30px;
	background-image: url("/Media/Designimages/submenuactivesprite.jpg");
}
.about .pagebody .menuSelectedItem a { background-position: 0 0; }
.products .pagebody .menuSelectedItem a { background-position: 0 -120px; }
.media .pagebody .menuSelectedItem a { background-position: 0 -60px;}
.contact .pagebody .menuSelectedItem a { background-position: 0 -90px;}


.breadcrumbs { 
	font-size: 8pt; 
	padding-top: 10px;
}

.pagebody img { padding-bottom: 30px;}
.pagebody .container_3 img { padding-bottom: 0;}
.startpage .pagebody img { padding-bottom: 0;}

.dummy { visibility: hidden}
.tabbedarea {margin-top: -20px; padding-top: 25px; display: block !important; z-index: 0; padding-bottom: 10px;}

.pagebody {
	position: relative;
}

.pagebody .neutralbox { 
	padding-left: 14px; 
	margin-left: 0;
	margin-bottom: 20px;
}

.pagebody .container_3 p { padding-right: 20px;}
.pagebody .container_3 p.foot { 
	font-size: 8pt;
	padding-top: 1em;
	text-align: right; 
	/* TODO: background-image med strecket istället ! */
	border-top: 1px solid #eee; 

}

.pagebody .container_3 p a { 
	/*padding-left: 20px; 
	background-image: url("/Media/Designimages/linkarrowsprite.png");
	background-repeat: no-repeat;
	background-position: 0 2px;*/
}


.tabbedarea {background-color: #fff;}

.metabar 
{
	position: relative;
 	width: 980px;
 	border-top: 5px solid #0066ff;
 	background-color: #e4e2d9;
	color: #768086;
	font-size: 8pt;
	line-height: 1.2;
	margin:auto;
}


.metabar h3
{
	font-size: 8pt;
	text-shadow:none;
	font-weight: bold;
	margin-bottom: 4px;
}
.metabar ul, 
.metabar li { list-style-type: none; margin: 0; padding: 0;}
.metabar ul { margin-bottom: 1.5em;}

.metabar a,
.metabar a:link,
.metabar a:visited
{
	text-shadow:none;
	color: #768086;
	line-height: 16px;
}
.metabar a:hover {color: #3b8fcf/*tills vidare*/}		
.metabar a:active {color: #990000;}


.metabar p,
.metabar div {
}

.metabar .neutralbox {
	margin: 30px 0;
}


.metabar .container_4 {
	margin-left: 10px;
	margin-right: auto;
	width: 960px;
}
.metabar .container_4 .grid_1 {
	width:240px;
}





.pagefooter {
	background-color: #6b6c6d;
	color: #fff;
	font-size: 8pt;
	line-height: 1.2;
 	width: 980px;
 	margin: auto;
}

.pagefooter .neutralbox {
	padding: 25px 10px 0 20px;
}

.pagefooter p {
	margin:0;
	text-align:left;
	
}

.pagefooter a {
	color: #fff;
	text-decoration: none;
}
.pagefooter a:hover {
	color:#fff;
}

.pagefooter .tabs { display: inline-block; }



/* Boxes */
	
.box {
	width: 230px;
	margin-left:5px;
	margin-bottom: 40px;
	background: url("/Media/Designimages/boxbackground.png") no-repeat top left;
	position: relative;
}	

.box .content {
	height: 380px;

}

body.implementspage .box {
	background: none;
}

.neutralbox { 
	padding-left: 10px; 
	padding-right: 10px; 
	margin-left: 0;
	margin-bottom: 20px;
}

.neutralbox h3 {
	color: #29363E;
}

.implement_hooks {
	margin-top: 40px;
}

.locate_your_delaer_container {
	margin-top: 22px;
	margin-bottom: 20px;
}

.box img {
	padding: 5px 5px 0 5px;
	vertical-align: bottom;
}		

.box h2 {
	color: #768086;
	font-size: 18pt;
	line-height: 22px;
	font-weight: normal;
	margin: 15px 25px 10px 25px;
}		

.box p{
	color: #768086;
	font-size: 12pt;
	line-height: 16px;
	margin: 0 25px
}

.box .panellink a {
	display:inline-block;
	background: url("/Media/Designimages/bluebutton_edge.png") no-repeat top right;
	padding: 0 10px 0 0;
	color: #768086;
	font-size: 12pt;
	line-height: 16px;
	margin: 1em 25px 0 25px;
	text-decoration: none;
	cursor: pointer;
}

.box .panellink a span {
	background: url("/Media/Designimages/bluebutton.png") no-repeat top left;
	height:20px;
	display: inline-block;
	padding: 1px 0 0 10px;
	color:#fff;
	font-size:11pt;
}	

.box .topborderradius {
	background: url("/Media/Designimages/topborderradius.png") no-repeat top left;
	position: absolute;
	display: block;
	width: 230px;
	height: 20px;
}		

.box .bottomborderradius {
	background: url("/Media/Designimages/boxbackground.png") no-repeat bottom left;
	display: block;
	width: 230px;
	height: 25px;
	position: absolute;
}

/* News */

.news p,
.news div {
	padding:0 10px 0 0;
}

.news .panellink {
	display: block;
	margin: 0 0 1em 0;
}

.news {margin-left: 40px; min-height: 40px;}
.news .date {float: left; 
	margin-left: -40px;  
	width: 24px;
	height: 30px;
	text-align: center;
	background: #fff url("/Media/Designimages/newsdatebgr.jpg") top left no-repeat;
	font-weight: bold;
	color: #000;
	padding-top: 2px;
	font-size: 14px;
	line-height: 14px;
}
.news .month {
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	vertical-align: top;
}

.newslistingbox { position: relative;}
.newslistingbox .panellink {position: absolute; top:0; right:20px; width: auto; padding-left: 15px; background-image: url("/Media/Designimages/link_arrow_12x12.png"); background-repeat: no-repeat; background-position: 0 1px;}
.newslistingbox .newslisting .panellink {position: static; padding-left: 0; background-image: none;}

/* Gallery */

.galleryimg {
	float:left;
	vertical-align: bottom;
	margin: 0 0px 5px 5px;
}

.galleryimg_first {
	margin: 0 0 5px 0;
}

/* Adapted boxes */
.metabar .box .topborderradius,
.metabar .box .bottomborderradius { }


/* iframe styling */
iframe { margin-bottom: 25px; }

/* Progressive Enhancement of clickable boxes */
.clickablebox {
    cursor: pointer;
}
/* Contact items */
.contactitem {
	float:left;
	width:220px;
	margin:0 20px 20px 0;
}

/* Mediabank items */
.mediabankitem {
	width:220px;
	float:left;
	margin-right:20px;
	margin-bottom:40px;
}

.metabar .container_4 .aloukexternal {
	position:absolute;
	left: 260px;
	top: 6px;
	border-bottom: 1px solid #768086;
	color: #29363E;
	padding-bottom: 2px;
	font-weight: bold;
	width: 630px;
}

#flashsplash { 
	display: none;
	top:165px; 
	padding: 20px 20px 24px 20px; 
	background-color: #ebebeb;
	position: absolute;
	-moz-box-shadow: 3px 3px 12px #333;
	-webkit-box-shadow: 3px 3px 12px #333;
	box-shadow: 3px 3px 12px #333;
}

#flashsplash div.close { 
    background-image:url(/Media/Designimages/overlay/apple-close.png); 
    position:absolute; 
    right:-14px; 
    top:-14px; 
    cursor:pointer; 
    height:28px; 
    width:28px; 
    z-index: 10;
}