@charset "utf-8";
/* CSS Medavo All Screen */

/* -------------------------------------------------------------*/
/* Copyright 2008 - Medavo          		   					*/
/*																*/
/* Produced by Vinces Media AB									*/
/*																*/
/* Domains:														*/
/* www.vincesmedia.com 											*/
/* www.vincesmedia.se 											*/
/* www.vincesmedia.net 											*/
/* www.vincesmedia.org 											*/
/* www.vincesmedia.eu 											*/
/* -------------------------------------------------------------*/


/* Standards ---------------------------------------------------*/
body {
	font-size:62.5%;
	font-family: Geneva, Verdana, Helvetica, sans-serif;
	background-color:#fffdec;
	padding:0;
	margin:0;
	background-image: url(../images/backgrounds/back_grad.jpg);
	background-repeat: repeat-y;
	background-position: 980px top;
	}

h1, h2, h3, h4, h5, h6, ul, p, form, input, li { margin:0;padding:0;}
img { border:none;}

a { color:#0066CC;}
a:hover { color:#FF9900;}

.clear { clear:both;}



/* Layout page ---------------------------------------------------*/

#top {
	height:150px;
	width: 980px;
	background: url(../images/backgrounds/bg_ground4.jpg) no-repeat #fff;
	}

#bg_page_one{
	float:left;
	width:980px;
	margin: 0;
	padding:0 0 50px 0;
	background-color:#183D37;
	}

#bg_page_two{
	float:left;
	width:100%;
	margin: 0;
	padding:0;
	background-color:#fffdec;
	/*background: url(../images/backgrounds/bg_snacka.jpg) no-repeat center top #fffde6;*/
	}	

#snackan {
	float:left;
	width:100%;
	height:420px;
	margin: 0;
	padding:20px 0 80px 0;
	font-size:1.1em;
	background-image: url(../images/backgrounds/bg_snacka.gif);
	background-repeat: no-repeat;
	background-position: 5px -250px;
}

#page {
	float:left;
	width:100%;
	margin: 0;
	padding:20px 0;
	font-size:1.1em;
	}

#footer{
	float:left;
	color:#FFFFFF;
	padding:10px 0 0 50px;
	font-size:10px;
	clear:both;
	width:880px;
	}
	
#footer a { color:#FFFFFF;}

/* Submenu ---------------------------------------------------*/

#submenu {
	float:left;
	width:180px;
	margin:0 10px;
	border-right: 1px solid #CCCCCC;
	padding: 20px 0 50px;
	}

#submenu ul { 
	border-top:1px solid #CCC; 	
	}
	
#submenu li{
	list-style-type:none;
	font-size:1em;
	line-height:1.4em;
	text-align: left;
	}

#submenu a {
	color:#F29200;
	display:block;
	padding:10px 10px 10px 17px;
	font-weight:bold;
	border-bottom: 1px solid #E2E2E2;
	}
	
#submenu a:hover, #submenu #sub_current, #submenu .sub_current { 
	background-color: #006e61; 
	color: #fff;
 
	}

#submenu h2 {
	color:#006e61;
	font-size:1.4em;
	line-height:1.4em;
	padding:8px;
}

#submenu h3 {
	color:#666;
	font-size:1.1em;
	line-height:1.4em;
	padding:8px;
	/*border-bottom:1px solid #CCC;*/
	margin-top:1.5em;
}

#submenu .back { background: url(../images/icons/link_back.jpg) no-repeat left 14px; }
#submenu .link { background: url(../images/icons/link_icon.gif) no-repeat left 14px; }
#submenu .pdf { background: url(../images/icons/pdf_icon.gif) no-repeat left 12px; }
#submenu .network {	background: url(../images/icons/network_icon.jpg) no-repeat left 12px;	}
#submenu .doc{background: url(../images/icons/icon_doc.png) no-repeat left 12px; }
#submenu .excel{background: url(../images/icons/icon_excel.png) no-repeat left 12px; }
#submenu .image{background: url(../images/icons/icon_image.png) no-repeat left 12px; }
#submenu .movie{background: url(../images/icons/icon_movie.png) no-repeat left 12px; }
#submenu .pdf{background: url(../images/icons/icon_pdf.png) no-repeat left 12px; }
#submenu .word{background: url(../images/icons/icon_word.png) no-repeat left 12px; }
#submenu .rellink{background: url(../images/icons/icon_rel_link.png) no-repeat left 12px; }


/* Content ---------------------------------------------------*/

#content {
	float:left;
	width: 560px;
	line-height:1.8em;
	color:#222200;
	margin-bottom:50px;
	padding: 0 10px;
	}
#content h1 { color:#006e61; font-size:1.7em; padding-bottom:0.8em; line-height:1.5em;}
#content h2 { color:#666; font-size:1.2em; padding-bottom:0.8em; font-weight:bold; line-height:1.4em;}
#content h3 {font-size:1.2em; color:#006e61; padding-top:1.2em;}
#content img { margin-bottom:1em;}
#content ul { padding:5px; margin:5px;}
#superimage { margin:0 0 1em 0.5em; overflow:hidden;}
#content_right {
	width:160px;
	margin:0;
	float:right;
	padding: 0 10px 50px 10px;
	border-left:1px solid #CCCCCC;
	text-align:center;
	}
.textimg { margin: 10px; float:left;}

#content_right img{ margin-bottom:20px; }

/* referenser ---------------------------------------------------*/
#referenser {float:left; width: 720px; line-height:1.8em; color:#222200; margin-bottom:50px; padding: 0 10px;}
#referenser h1 { color:#006e61; font-size:1.5em; padding-bottom:0.8em; }
.content_refs {
	width:155px;
	margin:5px;
	float:left;
	height:80px;
	text-align: center;
	vertical-align: middle;
}

.msgsent{ color:#FF0000; font-size:1.4em; padding:1em; border:#FF0000 solid 1px; width:100%; font-weight:bold; text-align:center;}

/* Program startmeny ---------------------------------------------------*/
.progstart { width:680px; margin-left:150px; line-height:1.8em; color:#222200;}
.progstart h1 { color:#006e61; font-size:1.5em; padding-bottom:0.1em; line-height:1.5em;}
.progstart h2 { color:#666; font-size:1.2em; padding-bottom:0.8em; font-weight:bold; line-height:1.4em;}
.progstart h3 {font-size:1.2em; color:#006e61; padding-top:1.2em;}
.progstart li { list-style-type:none; margin-bottom:10px; line-height:1.1em;}
.progstart_seg { margin-bottom:20px; width:100%; clear:both; float:left;}
.progstart_left, .progstart_right { width:305px; padding:10px; border:1px solid #CCCCCC; float:left;}
.progstart_left { margin-right:20px;}
.progstart_img{ float:left; width:160px; height:100px; overflow:hidden; margin:0 10px 0 0;}