﻿body
{
	background-color:#dfdfdf;
	background-image: url(Images/bilsweden_background.png);
	background-repeat: repeat-x;
	color:#333333;
	font-family:Arial,Verdana,Sans-Serif;
	font-size:12px;
	padding-top:0px;
	margin-top:0px;
}

ul.plain, ul.plain > li, ol.plain, ol.plain > li {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
}

ul.pages ul.pages {
    border-top: 1px solid #CCCCCC;
    margin-bottom: 0;
    padding-top: 1em;
}

ul.pages h3, ul.pages h3 * {
    color: #333333;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

ul.pages li + li {
    margin-top: 1em;
}

h2.fancy, ul.pages h2 {
    background: url("/Styles/Images/fancy-heading-bg.png") no-repeat scroll left bottom #7CC7D8;
    clear: both;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    padding: 0.3em 10px 0.45em;
}

a
{
	color:#2c567c;
}

a:visited 
{
	color:#2c567c;
}

a.Bolded
{
	font-weight:bold;
}

h1 
{
	font-size:24px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
}

h2
{
	font-size:14px;
	font-weight:bold;
}

h3
{
	font-size:12px;
	font-weight:bold;
}

img
{
	border:0px;
}

.BlackHeader 
{
	color:#000000;
	font-family:Arial;
	font-size:30px;
}

.WhiteHeader 
{
	color:#ffffff;
	font-family:Arial;
	font-size:30px;
}

#mainWithShadow
{
	background-image:url(Images/bilsweden_shadow.png);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	width:990px;
}

html.ie6 #mainWithShadow
{
	background-image:none;
}

#mainWithShadow #main
{
	background-color:White;
	margin:0px 20px 0px 20px;
	width:950px;
}

#shadowBottom
{
	background-color:Transparent;
	background-image:url(Images/bilsweden_bottom.png);
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	width:990px;
	height:30px;
}


/* Rubrikdelen */
#header
{
	height:159px;
	width:100%;
}

#header #logo 
{
	background-image:url(Images/logo.png);
	float:left;
	height:130px;
	width:200px;
}

#header .Menu
{
	float:right;
	height:118px;
	width:450px;
	padding:10px 20px 0px 0px;
	text-align:right;
}

#header .Menu .GrayMenu
{
	color:#cfcfcf;
	font-weight:bold;
	padding-bottom:5px;
	text-decoration:none;
}

#header .Menu .GrayMenu a
{
	color:#cfcfcf;
	font-weight:bold;
	text-decoration:none;
}

#header .Menu .GrayMenu a:visited
{
	color:#cfcfcf;
	font-weight:bold;
	text-decoration:none;
}
#header .Menu .GrayMenu a.active
{
	color:#c9963d;
}

#header .Menu .GrayMenu .Item
{
	float:right;
	padding-left:15px;
}

#header .Menu .ExtranetMenu
{
	color:#cfcfcf;
	font-size:11px;
	height:52px;
}

#header .Menu .ExtranetMenu a
{
	color:#cfcfcf;
}

#header .Menu .ExtranetMenu a:visited
{
	color:#cfcfcf;
}

#header .Menu .Menu2
{
	color:#2c567c;
	height:18px;
}

#header .Menu .Menu2 a
{
	color:#2c567c;
	padding-right:7px;
}

#header .Menu .Menu2 .TextField
{
	border:solid 1px #cccccc;
	color:#cccccc;
	font-size:12px;
	padding-top:2px;
	height:14px;
}

#header .SearchField 
{
	border:solid 1px #cccccc;
	color:#cccccc;
	font-size:12px;
	padding-top:2px;
	height:14px;
	background-image: url(Images/input_bg.png);
}


#header .Menu .Menu2 .Button
{
	position:relative;
	top:4px;
}

#header .Menu .Menu2 img
{
	position:relative;
	top:4px;
}

#header #mainMenu 
{
	background-color:#3b6891;
	height:28px;
	background-image: url(Images/topmenu_bg.png);
	background-repeat: repeat-x; 	
}

#header #mainMenu div
{
	border-left:solid 1px #294c6b;
	border-right:solid 1px #5c7f9f;
	float:left;
	height:22px;
	padding:6px 20px 0px 20px;
	text-align:center;
	vertical-align:middle;
}

#header #mainMenu div.Left
{
	border-left:0px;
	padding:6px 20px 0px 40px;
}

#header #mainMenu div.Right
{
	border-right:0px;
	padding:6px 20px 0px 20px;
}

#header #mainMenu div.Selected 
{
	background-image: url(Images/topmenu_selected_bg.png); 
	background-repeat: repeat-x;
}

#header #mainMenu a
{
	color:#f2f4f7;
	font-weight:bold;
	text-decoration:none;
}

#header .TopLogoText
{
	color:#c9963d;
	float:left;
	font-size:36px;
	font-weight:bold;
	padding-top:50px;

}

.InputButton 
{
	color: #f2f4f7;
	background-image: url(Images/knapp_bak.gif);
	background-repeat:repeat-x;
	border: 0;
	font-size:11px;
	font-weight: bold;
	height:18px;
	padding: 2px 5px 4px 5px;
	text-decoration:none;
}
/* Slut huvud */


/* Contentdelen */
.p-newsarchive .news img, .p-educationalactivitylist .news img { float: right; }
.p-newsarchive .news li, .p-newslist .news li, .p-educationinformation .news li, .p-educationinformation .news li, .p-educationalactivitylist .news li, .p-educationalactivitylist .news li { padding:15px 0; border-bottom:dotted 1px #999999; line-height:18px; }

.p-educationalactivity .imageholder { margin-bottom: 20px; }

.p-startpage .CalendarDate { float: left; width: 36px; height: 24px; background: url(/Styles/Images/bgCalendarActivity.png) no-repeat; }
.p-startpage .CalendarDate .month {
    color: #FFFFFF;
    font-size: 0.8em;
    height: 9px;
    line-height: 9px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
}
.p-startpage .CalendarDate .date {
    height: 15px;
    line-height: 13px;
    font-weight: bold;
    text-align: center;
    color: #5a5a5a;
}
.p-startpage .CalendarActivityLink {
    margin-left: 50px;
}



.List .ListItem 
{
	padding:15px;
	border-bottom:dotted 1px #999999;
	line-height:18px;
}

.List .first-child { padding-top: 0 !important; }
.t-startpage .List .first-child { padding-top: 3px !important; }

.List .ListItem .ItemHeader
{
	font-weight:bold;
}

.List .ListItem .Date, .calendar
{
	color:#999999;
}

.List .ListItem .Text
{
	padding-top:10px; clear: both;
}

.List .ListFooter
{
	padding:15px;
}
#divContent 
{
}

.CalendarActivityBox
{
	width: 100%;
	height: 20px;
}
.CalendarActivityBox a
{
	display:block;
	height: 100%;
	width: 100%;
}
.RedLight
{
	background-color: #ff4d4d;
}

.RedDark
{
	background-color: #d03f50;
}

.GreenDark
{
	background-color: #3bc33e;
}

.GreenLight
{
	background-color: #77ff4d;
}

/*.Content 
{
	padding: 0px 20px 0px 20px;
}*/

#divContent .Column
{
	float:left;
	height:100%;
}

#divContent .Column .ColumnItem 
{
	padding-bottom:20px;
}

#divContent .Column .ColumnItem .Text 
{
	padding:10px 15px 0px 15px;
}

#divContent .Column .ColumnItem .LinkList
{
	color:#999999;
	font-size:11px;
	line-height:16px;
	padding:5px 15px 0px 15px;
}

#divContent .Column .ColumnItem .LinkList a
{
	padding-right:5px;
}

#divContent .Puff
{
	padding-bottom:20px;
}

#divContent .LitenPuff
{
	padding-bottom:10px;
}

#divContent .Column .Text
{
	line-height:18px;
}

#divContent .Column .Ingress
{
	font-size:14px;
	line-height:20px;
	padding-bottom:10px;
}



/* Input saker, fält drop, textarera */
#divContent .Column .InputItemFixedWidth
{
	border:solid 1px #cccccc;
	color:#000000;
	font-size:12px;
	padding-top:2px;
	margin: 0px 0px 10px 0px;
	width:440px;
	background-image: url(Images/input_bg.png);
}

#divContent .Column .SelectItemFixedWidth
{
	margin: 0px 0px 10px 0px;
}
/*
#divContent .Column input
{
	height:14px;
}

#divContent .Column .InputItem
{
	height:auto;
}

*/
#divContent .Column select
{
	border:solid 1px #cccccc;
	color:#000000;
	font-size:12px;
	padding-top:0px;
	height:18px;
	background-image: url(Images/input_bg.png);
}
/*
html.ie #divContent .Column select
{
	height:20px;
}
*/
input.file
{
	width: 100px;
}

#divContent .Column textarea
{
	border:solid 1px #cccccc;
	color:#cccccc;
	font-size:12px;
	padding-top:2px;
	width:200px;
	background-image: url(Images/input_bg.png);
}

/* Slut content-del */


#footer 
{
	border-top:solid 1px #c8c8c8;
	color:#999999;
	font-size:11px;
	padding:15px 20px 0px 20px;
}



.BlueHeader 
{
	background-image:url(Images/blueheaderbg.png);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	padding:3px 0px 4px 15px;
}

.BlueHeader .Rss
{
	width:22px;
	height:22px;
	float:right;
	position:relative;
	top:-18px;
}




/* Flytta allt här sen */
.BreadcrumbContainer
{
}


.Breadcrumb
{
	color:#cccccc;
	font-size:11px;
	text-decoration:none;
}

a.Breadcrumb
{
	color:#cccccc;
	font-size:11px;
	text-decoration:none;
}

a:visited.Breadcrumb
{
	color:#cccccc;
	font-size:11px;
	text-decoration:none;
}

a:hover.Breadcrumb
{
	color:#cccccc;
	font-size:11px;
	text-decoration:underline;
}


.SideMenu
{
	
}

.SideMenu a
{
	color:#333333;
	font-weight:bold;
	text-decoration:none;	
}

.SideMenu ul 
{
	list-style:none;
	font-weight:bold;
	margin-left:0;
	padding-left:0em;
}

.SideMenu ul li
{
	padding:10px 0px 0px 20px;
	margin-left:1px;
}

.SideMenu ul li.Last
{
	border-bottom:0px;
	padding:10px 0px 10px 20px;
}

.SideMenu ul li.Parent
{
	list-style:none;
	background-image:url(Images/arrowleft.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-left:5px;
	text-indent: -4px;
}

.SideMenu .Selected, .SideMenu li.selected > a
{
	color:Red;
}

.SideMenu ul li.Separator
{
	border-bottom:solid 1px #cccccc;
	height:1px;
}

.SideMenu ul li.Here, .SideMenu ul.Here > li
{
	background-image:url(Images/arrowdown.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:0px;
	margin-left:5px;
	text-indent: -4px;
}

.SideMenu ul li.Here ul, .SideMenu ul.Here li ul
{
	list-style:none;
	font-weight:normal;
	padding:5px;
}

.SideMenu ul li.Here ul li, .SideMenu ul.Here li ul li
{
	border-bottom:0px;
	padding: 5px 0px 5px 15px;
}

.SideMenu ul li.Here ul li a, .SideMenu ul.Here li ul li a
{
	font-weight:normal;
}

.PreFooter
{
	border-top:solid 1px #999999;
	color:#999999;
	font-size:11px;
	margin-top:20px;
	padding-top:3px;
	width:440px;
}

.PreFooter a
{
	color:#999999;
	margin-top:15px;
	text-decoration:none;
}

.NewsListBackNext 
{
	color:#999999;
	font-size:11px;
	padding-top:8px;
	width:440px;
}

.NewsListBackNext .NewsListButtonBack
{
	float:left;
	margin-left:17px;
	padding-top:3px;
	width:5px;
}

.NewsListBackNext .NewsListPageInfo
{
	float:left;
	font-size:110%;
	text-align:center;
	width:396px;
}

.NewsListBackNext .NewsListButtonNext
{
	float:right;
	margin-right:17px;
	padding-top:3px;
	text-align:right;
	width:5px;
}

.Column1
{
	width:660px;
}

.Column2
{
	width:440px;
}

.Column3
{
	padding:39px 0px 0px 20px;
	width:200px;
}

.SideColumn
{
	padding-right:20px;
	padding-bottom: 20px;
	width:230px;
}

.p-newsarchive .pagination, .p-newslist .pagination { margin-top: 10px; }
.p-newsarchive .pagination a, .p-newslist .pagination a { margin-right: 4px;  text-decoration: none;}
.p-newsarchive .pagination a:hover, .p-newslist .pagination a:hover { text-decoration: underline; }
.p-newsarchive .pagination .PagerSelectedItem, .p-newslist .pagination .PagerSelectedItem { text-decoration: underline; font-weight: bold; }

.calendarTop{MARGIN-BOTTOM:10px; BORDER:1px solid #CCCCCC; BACKGROUND-IMAGE: url(/Site/CMS/Templates/images/menu_bg.gif);}
.calendarTopLine{background-color:#FFFFFF; HEIGHT:1px;}
.calendarTopL{FLOAT:LEFT; BORDER-LEFT:1px solid #FFFFFF; PADDING-LEFT: 5px; PADDING-TOP: 3px; PADDING-BOTTOM: 2px; COLOR: #434343; FONT-WEIGHT:normal; FONT-SIZE:100%;}
.calendarTopR{FLOAT:RIGHT; BORDER-RIGHT:1px solid #FFFFFF; PADDING-RIGHT: 5px; PADDING-TOP: 3px; PADDING-BOTTOM: 2px; COLOR: #434343; FONT-WEIGHT:normal; FONT-SIZE:100%;}
.calendarBox{width:276px; margin-top:20px; background:url(/Site/CMS/Templates/images/boxbg.gif) bottom right no-repeat;}
.calendarBoxTop{padding-left:50px; padding-top:10px; padding-bottom:10px; height:30px; background:url(/Site/CMS/Templates/images/boxtop.gif) top left no-repeat;}
.calendarBoxContent{padding-left:10px; padding-right:10px;}
.calendarBoxIcon{padding-right:5px; padding-bottom:2px;}
.calendarBoxSpace{HEIGHT:10px;}
.calendarBoxButtons{text-align:right; padding-top:10px; padding-left:10px; padding-right:10px;}
.calendarInput{MARGIN-BOTTOM:10px; FONT-SIZE:110%; COLOR:#666666; FONT-FAMILY:Verdana,Arial,Helvetica;}
.calendarParagraph{margin-top:0px; margin-bottom:10px;}
.calendarFileIcon{padding-right:5px;}
.calendarDate{margin-top:0px; margin-bottom:10px;}
.calendarDateFirst{margin-top:0px; margin-bottom:5px;}
.calendarImage{float:right;}
.calendarTableCell1{FONT-SIZE:110%; height:47px; BORDER-bottom:1px solid #CCCCCC;}
.calendarTableCell1 img { margin-bottom: 10px; }
.calendarTableCell2{FONT-SIZE:110%; height:47px; BORDER-left:1px solid #CCCCCC; BORDER-bottom:1px solid #CCCCCC;}
.calendarTable{WIDTH:100%; border-collapse:separate !important;}

.calendarDayHeader{FONT-SIZE:110%; FONT-WEIGHT:bold; height:20px; BORDER-left:1px solid #CCCCCC; BORDER-bottom:1px solid #CCCCCC;}
.calendarDay, 
.calendarOtherMonthDay, 
.calendarTodayDay, 
.calendarWeekendDay, 
.calendarSelectedDay{ VERTICAL-ALIGN:TOP; FONT-SIZE:110%; FONT-WEIGHT:bold; height:47px; BORDER-left:1px solid #CCCCCC; BORDER-bottom:1px solid #CCCCCC;}
.calendarTodayDay{BACKGROUND-COLOR:#F0F0F0;}
.calendarItemText{VERTICAL-ALIGN:TOP; FONT-SIZE:100%; FONT-WEIGHT:normal; text-align : left; FLOAT:LEFT; margin-bottom:5px;}

