﻿/********************
Only theme-related parts here (eg. images, background images and colors)
********************/

body {
	font: 76% Arial, Verdana Helvetica, sans-serif;
	background-color:#FFFFFF;
	
}

#StageArea
{
	background:url(../Images/stagesrea_bg.png) repeat-x left bottom #fbf7f1;
	border-bottom:solid 2px black;
	border-left:solid 1px #93908d;
	border-right:solid 1px #93908d;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding-bottom:20px;
	margin-bottom:0px;
	overflow:hidden;
	width:948px;
	clear:both;
}

#Header
{
	background:url(../Images/header_bg.png) no-repeat;
	height:189px;
	float:left;
	clear:both;
	margin-bottom:0px;
}	

* html #Header
{
	height:160px;
}
	
#MainIntro
{
	font-style:italic; 
	margin-bottom:4px;
}	


/*Functions 
-----------------------------------*/
#Functions 
{
	text-align:right;
}

/*#FunctionsAndSearchArea*/
#FunctionsAndSearchArea
{
	width:950px;
	height:25px;
	float:left;
}

#FunctionsAndSearchArea ul
{
	display:inline;
	float:right;
}
	
#FunctionsAndSearchArea li
{
	display:inline;
	line-height:25px;
}	

#FunctionsAndSearchArea ul li a:link, 
#FunctionsAndSearchArea ul li a:visited 
{
	font-size: 1.1em;
	color: #bfbfbf;
	margin-right:40px;	
}

#FunctionsAndSearchArea ul li a:hover, 
#FunctionsAndSearchArea ul li a:active 
{
	color: #FFFFFF;
	text-decoration: underline;
}

#FunctionsAndSearchArea ul li a:focus 
{
	background-color:#F00;
}

.separator
{
	background-image:none;
}

.quickSearchField 
{
	background-color:#FFFFFF;
	width:113px;
	height:15px;
	font-size:11px;
	margin-top:4px;
	padding-left:5px;
	padding-top:2px;
	border:none;
}

.quickSearchButton 
{
	width:26px;
	height:17px;
	margin-top:4px;
	clear:none;
}

/*MainMenuArea--------------*/

#MainMenuArea 
{
	background-image:url(../Images/TopMenu_bg2.png);
	height:47px;
	width:950px;
	border-bottom: 3px solid #000000;
	float:left;
}

#MainMenuArea ul li
{
	text-align: center;	
	margin-right:30px;
	margin-left:30px;
}

#MainMenuArea ul li.mainMenuSeparator
{
	display:none;
	visibility:hidden;
}

#MainMenuArea ul li a:link, 
#MainMenuArea ul li a:visited 
{
	font-size:1.2em;
	font-weight:bold;	
	line-height: 47px;
}

#MainMenuArea ul li a:hover, 
#MainMenuArea ul li a:active 
{
	color: #fed181;	
}

#MainMenuArea ul li a:focus 
{
	color: #fed181;	
}

#MainMenuArea .unselected a
{
	color: #FFFFFF;
	}

#MainMenuArea .selected a
{
	color: #fed181;	
}

/*MainContentArea----------*/

#FooterArea 
{
	background:url(../Images/TopMenu_bg2.png) repeat-x left top;
	background-color:#FFF;
	color:#FFFFFF;
	height:96px;
	text-align:right;
	padding-top:5px;
	vertical-align:middle;
	width:950px;
}

#FooterArea div
{
	color:#FFFFFF;
	margin-right:10px;
	margin-top:0px;
}

#FooterArea a
{
	color:#FFFFFF;
}

#FooterArea p
{
	margin-top:0px;
} 

/*SubMenuArea ---------------*/
#SubMenuArea
{
	background-color:#EFEDE9;/*#E9E5DF;#F1E6D3;*/
	font-style:normal;
	text-decoration:none;
	color:#5F5F5F;
	padding-left:10px;
	border:solid 1px #CCCCCC;
	width:180px;
}

#SubMenuArea ul
{
	margin-right:10px;
	padding-bottom:10px;
	padding-top:5px;
}

#SubMenuArea ul li
{
	display:block;
	border-bottom:1px solid #cccccc;
}

#SubMenuArea ul li ul li
{
	display:block;
	border:none;
}

#SubMenuArea ul li a, #SubMenuArea ul li span.selected
{
	background: url(../Images/submenu_bullet.gif) no-repeat;
	margin-left:0px;
	margin-bottom:0px;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	display:inline-block;
	padding:5px 0 7px 8px;
	text-decoration:none;
	color:#5F5F5F;
	font-weight:normal;
}

#SubMenuArea ul li ul
{	padding-top:5px;
	border-top:1px solid #cccccc;
	margin-bottom:5px;
	padding-bottom:0px;
	margin-right:10px;
}
	
#SubMenuArea ul li ul li a, #SubMenuArea ul li ul li span.selected
{
	margin-left:10px;
	border:none;
	font-size:11px;
	font-weight:normal;
	color:#5F5F5F;
}

#SubMenuArea ul li span.selected, #SubMenuArea ul li ul li span.selected
{
	text-decoration:underline;
	font-weight:bold;
	font-size:11px;
}



#BreadCrumbsWrapper
{
	background:url(../Images/Breadcrumbs_bg.png) repeat-x;
	height:28px;
	width:948px;
	border-left: 1px solid #908d8a;
	border-right: 1px solid #908d8a;
	float:left;
	
}

.breadCrumbs
{
	color:#3e3e3e;
	font-size:1em;
	height:16px;
	padding-top:5px;
	padding-bottom:4px;
	padding-left:30px;
}

.breadCrumbs a:link,
.breadCrumbs a:visited
{
	color:#3e3e3e;
	font-size:1em;
	text-decoration:none;
}

.breadCrumbs a:active,
.breadCrumbs a:hover
{
	color: Gray;
}
	
#Logotype 
{
	margin-left:14px;
	padding-top:14px;
	height:150px;
	float:left;
}
	

h1,h2,h3
{
	font-weight:bold;
	margin-bottom:6px;
}
		
h1
{
	font-size: 1.3em;
	color: #e4b35c;	
}

#MainBody h1 {color: #e4b35c;}	

h2
{
	font-size: 1em;
	color: #e4b35c;	
}

	
h3
{
	margin-top:12px;
	margin-bottom:5px;
	font-size: 1em;
	color:#0C69A7;
}
	
h3 a
{
	color:#0C69A7;
}	

	
h1 span {color: #e4b35c; margin-top:20px;}

h2 span {color: #e4b35c; padding:0px; line-height:normal;}

a:link, a:visited {color:#0c5bfd;}

a:hover {text-decoration:underline !important;}

#SiteMap li
{
	background-image:url(../Images/sitemapIcon.gif) ;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:6px;
}
	
#HeaderText
{
	display:none;	
}

p {line-height:17px; margin-top:0px;}

	
/*------------BlockNewsList--------*/	
	
.BlockNewsListHeader 
{
	font-size:1.2em;
	color: black;	
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding-top:6px;
	padding-bottom:6px;
}	
	
.BlockNewsListIntro 
{
	color: #484848;	
	font-size:1.1em;
	text-decoration:none;
	padding-bottom:6px;
	display:block;
}

.BlockNewsWrapper {
	border-bottom: 1px solid #C2C2C2;
	display:block;
	margin-top: 10px;
	margin-bottom:5px;
	padding-bottom:5px;
}	

.BlockNewsListIntro {font-size:0.9em; line-height:17px;}

/* BlockWrapper-classes ------*/

.BlockPuffWrapper
{
	border-bottom: 1px solid #C2C2C2;
	display:block;
	margin-top: 6px;
	margin-bottom:10px;
	padding-bottom:10px;
}	
	
.BlockEditorWrapper
{
	margin-top: 6px;
	margin-bottom:20px;
	padding-bottom:20px;
	color:Black;
}
	
.BlockWrapper
{
	width:100%;
}

.BlockHeader
{
	background-image: url(../Images/BlockHeader_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#000000;
	text-align:left;
	height:49px;	
}

.BlockHeader h2
{
	display:block;
	text-align:center;
	font-size:18px;
	color:#3c2801;
	font-weight:normal;
	font-family:Lucida Sans Unicode;
	line-height:49px;
	margin-top:0px;
}	

.blockNewsDateWrapper
{
	display:block;
	clear:both;
	margin-bottom:-10px;
	color:#0c5bfd;
}

.BlockNewsWrapper h3 a {clear:both; margin-top:2px; padding-top:0px; padding-bottom:0px; height:14px; font-size:14px; color:#484848; font-weight:bold;}

.blockNewsDay, .blockNewsMonth, .blockNewsYear {display:inline; margin-bottom:0px; padding-bottom:0px;}	

.blockPuffText
{
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}	

.blockPuffText a
{
	cursor:pointer;
}
	
.blockEditor
{
	margin-left:0px;
	margin-right:10px;
	text-align:left;
	font-size:1.1em;
}
		
/*.blockPuffText a, .blockEditor a
{
	color:Black;
}*/

.BlockNewsListHeader {color: #0C69A7; padding:0px; line-height:normal; font-size: 1em;}

.BlockNewsListIntro {color: #000000; padding:0px; font-size:11px;}

/*QuickSearch
-----------------------------------*/
#QuickSearchWrapper 
{
	margin-right:10px;
}

#MainBody, #SecondaryBody
{
	margin-left:0px;
	margin-right:0px;
	width:auto;
}

#MetaAuthorArea {margin-left:20px;}

#RightPuffArea1 div {margin-bottom:15px;}


.ArrowLink
{
	margin-top:0px;
	color:#0c5bfd;
}

/*---------ContentAreas------------*/

#LeftBlockArea,
#CenterBlockArea,
#RightBlockArea
{
	float:left;
	display:inline;
	margin-top:15px;
	min-height:500px;
	height:auto !Important;
	height:500px;
} 

#LeftBlockArea
{
	width:208px;
	margin-left:60px;	
	margin-right:50px;
} 

#RightBlockArea
{
	width:208px;
	margin-left:60px;	
	margin-right:30px;
} 

#CenterBlockArea
{
	width:300px;
}

.block33
{
	width:100%;
}

#LeftContentArea
{
	float:left;
	width: 210px;
	margin-left:15px;
	display:inline;
}

body.PageTwoColumn #MainContentArea
{
	width: 670px;
	margin-left:20px;	
	display:inline;
	float:left;
}

body.PageThreeColumn #MainContentArea
{
	width: 450px;
	float:left;
	margin-left:20px;
	display:inline;
}

* html body.PageThreeColumn #MainContentArea, body.PageTwoColumn #MainContentArea
{
	margin-left:20px;
	width: 440px;
}

body.PageThreeColumn #RightContentArea
{
	width: 210px;
	float:right;
	margin-right:15px;
	display:inline;
}

#MainBodyArea
{
	margin-top:0px;
	width:auto;
}

#ColumnsArea
{
	margin-top:15px;
}

#DescriptionArea
{
	width:180px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
}

#LeftFooterArea, #RightFooterArea { margin-top:10px; padding-left:3px;}	

#CenterFooterArea { margin-top:10px; padding-left:25px;}	


/*-----------NewsItem-----------*/

.NewsListHeading 
{
	font-size:1em;
	font-weight:normal;
	clear:both;
	
}

.NewsListDate
{
	font-weight:bold;
	margin-top:5px;
	clear:both;
}

.NewsItem {border-top: solid 1px #C2C2C2; padding-top:5px;}

.NewsItem h3
{
	font-size:14px;
	font-weight:bold;
}

.NewsIntro
{
	font-family:Georgia, Times New Roman, Serif;
	font-weight:bold;
	font-style:italic;
	color:#484848;
	display:block;
	line-height:19px;
}

.NewsDate 
{
	font-size:11px; 
	font-weight:bold; 
	margin-top:3px; 
	margin-bottom:2px; 
	display:block; 
	color:#484848;
}

/*--------Ram runt bilder på startsida--------*/

.puffFrame
{
	position: relative;
	top: 0;
	left: 0;
	width: 211px;
	height: 132px;
	background-image: url(../Images/ImageFrame.gif);
	overflow: hidden;
	text-align:center;
	margin:auto auto;
}

.puffFrame img
{
	margin: 5px 0 0 0;
}

a.ArrowLink 
{
	background-image: url(../Images/yrkesskolan_ArrowLink.gif);
 }
 
.googletranslate
{
	display:none;
	visibility:hidden;
	}