/*
###################################
	StartIntro
###################################
*/
.StartIntroImage
{
	float: left;
	padding-top: 20px;
	padding-left: 30px;
}
.StartIntroImageAutumn
{
	float: left;
	padding-top: 20px;
	padding-right: 0px;
}
.StartIntroImageChristmas
{
	float: left;
	padding-top: 20px;
	padding-left: 10px;
}
.StartIntroStudentImage
{
	float: left;
	padding-top: 28px;
	padding-left: 10px;
}
.StartIntroText
{
	padding-right: 18px;
}

/*
###################################
	StartBanner
###################################
*/
.StartBanner
{
	padding-top: 4px; /*16px;*/
	padding-bottom: 18px;
}
.ContentBoxStart
{
	padding-left: 5px;
	padding-top: 3px;
}

/*
###################################
	StartTipFriend
###################################
*/
.StartTipFriendPlate
{
	height: 133px;
	width: 524px;
	background-color: #83b81d;
	position: relative;
}
.StartTipFriendPlateLeft
{
	height: 133px;
	width: 12px;
	float: left;
	background-image: url('../Images/Design/StartPage/TipFriend/bg_left.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.StartTipFriendPlateSpan
{
	height: 133px;
	width: 500px;
	float: left;
	background-image: url('../Images/Design/StartPage/TipFriend/bg_span.png');
	background-repeat: repeat-x;
	background-position: top left;
}
.StartTipFriendPlateSpanTxtPlate
{
	padding-top: 10px;
	padding-left: 5px;
	color: White;
	font-size: 12px;
}
.StartTipFriendPlateSpanTxtPlateSpan
{
	height: 50px;
}
.StartTipFriendPlateHeader
{
	display: block;
}
.StartTipFriendPlateTxt
{
	display: block;
	padding-left: 1px;
}
.StartTipFriendPlateFormWrapper
{
	padding-left: 6px;
}
.StartTipFriendPlateForm
{
	height: 53px;
	width: 484px;
	background-color: #97bf47;
}
.StartTipFriendPlateFormLeft
{
	height: 53px;
	width: 5px;
	float: left;
	background-image: url('../Images/Design/StartPage/TipFriend/bg_form_left.png');
	background-repeat: repeat-x;
	background-position: top left;
}
.StartTipFriendPlateFormSpan
{
	height: 53px;
	width: 475px;
	float: left;
	background-image: url('../Images/Design/StartPage/TipFriend/bg_form_span.png');
	background-repeat: repeat-x;
	background-position: top left;
}
.StartTipFriendPlateFormSpanPadding
{
	padding-left: 3px;
	padding-top: 4px;
}
.StartTipFriendItem
{
	float: left;
	width: 204px;
}
.StartTipFriendItemHeader
{
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	line-height: 16px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.StartTipFriendItemForm
{
	width: 204px;
	height: 22px;
	background-image: url('../Images/Design/StartPage/TipFriend/form_item_bg.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
.StartTipFriendItemFormPadding
{
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-left: 8px;
}
.StartTipFriendItemSend
{
	float: left;
	padding-top: 17px;
}
.StartTipFriendPlateFormRight
{
	height: 53px;
	width: 4px;
	float: left;
	background-image: url('../Images/Design/StartPage/TipFriend/bg_form_right.png');
	background-repeat: repeat-x;
	background-position: top left;
}
.StartTipFriendPlateRight
{
	height: 133px;
	width: 12px;
	float: left;
	background-image: url('../Images/Design/StartPage/TipFriend/bg_right.png');
	background-repeat: no-repeat;
	background-position: top left;
}


/*
###################################
	ContentBoxHeader
###################################
*/
.ContentBoxHeader
{
	width: 517px;
	height: 28px;
}
.ContentBoxHeaderLeft
{
	float: left;
	width: 7px;
	height: 28px;
	background-image: url('../images/design/boxes/contentbox/top_left.png');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #de1a52;
}
.ContentBoxHeaderRight
{
	float: left;
	width: 7px;
	height: 28px;
	background-image: url('../images/design/boxes/contentbox/top_right.png');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #de1a52;
}
.ContentBoxHeaderSpan
{
	float: left;
	width: 503px;
	height: 28px;
	background-image: url('../images/design/boxes/contentbox/top_span.png');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #de1a52;
}
.ContentBoxHeaderSpanPadding
{
	padding-left: 3px;
}

/*
###################################
	StartContent - 3 Schools
###################################
*/
.StartContentSchools
{
	width: 528px;
	line-height: 16px;
}
.StartContentThreeSchoolsPadding
{
	padding: 0px;
	padding-left: 4px;
	padding-top: 3px;
}
.StartContentThreeSchoolItem
{
	width: 524px;
	padding-top: 14px;
}
.StartContentThreeSchoolItemImage
{
	float: left;
	width: 253px;
}
.StartContentThreeSchoolItemSpacer
{
	float: left;
	width: 15px;
	height: 40px;
}
.StartContentThreeSchoolItemTxt
{
	float: left;
	width: 253px;
}

.StartContentThreeSchoolItem h4
{
	padding: 0px;
	margin: 0px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 6px;
	line-height: 0px;
	font-size: 0px;
}
.StartContentThreeSchoolItem p
{
	padding: 0px;
	margin: 0px;
	padding-left: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.StartContentThreeSchoolItemLink
{
	padding-left: 2px;
	padding-top: 0px;
	display: block;
	
}

/*
###################################
	StartContent - 4 Schools
###################################
*/
.StartContentSchools
{
	width: 524px;
}
.StartContentSchoolsPadding
{
	padding-left: 3px;
	padding-top: 3px;
}
.StartContentFourSchoolItem
{
	width: 251px;
	float: left;
	padding-top: 14px;
	padding-bottom: 0px;
}
.StartContentFourSchoolItemLeft
{
	margin-right: 19px;
}

.StartContentFourSchoolItem h4
{
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	padding-top: 6px;
}
.StartContentFourSchoolItem p
{
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	padding-right: 7px;
}
.StartContentFourSchoolItemLink
{
	padding-left: 5px;
	padding-top: 2px;
	display: block;
	
}

/*
###################################
	TextContent
###################################
*/
.TextBannerPlate
{
	padding-bottom: 27px;
}

/*
###################################
	NewsList
###################################
*/
.NewsListPlate
{
	width: 490px;
	line-height: 21px;
	border-top: 3px solid #cacaca;
	padding-top: 3px;
	padding-bottom: 5px;
}
.NewsListItem
{
	padding-bottom: 11px;
	padding-top: 10px;
}
.NewsListItemSpacer
{
	background-image: url('../Images/Design/Background/list_spacer.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 1px;
	width: 490px;
	font-size: 0px;
	line-height: 0px;
}
.NewsListImage
{
	float: right;
	width: 157px;
	padding-top: 12px;
	text-align: right;
}
h3.NewsListHeader
{
	color: #3b7ac1;
	padding: 0px;
	margin: 0px;
	line-height: 21px;
	padding-bottom: 1px;
}
.NewsListDate
{
	display: block;
	color: #464646;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 1px;
	
}
.NewsListIntro
{
	display: block;
}
.NewsListLink
{
	display: block;
	line-height: 17px;
}
.NewsListIntroCategory
{
	color: #cb1952;
	font-size: 11px;
}

/*
###################################
	NewsView
###################################
*/
.NewsViewPlate
{
	width: 490px;
	line-height: 21px;
}
.NewsViewIntro
{
	padding-top: 8px;
	display: block;
	font-weight: bold;
}
.NewsViewIntroCategory
{
	color: #cb1952;
	font-size: 11px;
	font-weight: bold;
}
.NewsViewGrayBoxMargin
{
	padding-top: 15px;
	padding-bottom: 16px;
}
.NewsViewGrayBox
{
	background-color: #f2f1f1;
	height: 39px;
	width: 490px;
}
.NewsViewGrayBoxDate
{
	float: left; padding-top: 9px; padding-left: 8px;
}
.NewsViewGrayBoxPrint
{
	float: right; padding-top: 8px; padding-right: 8px;
}
.NewsViewGrayBoxBack
{
	float: right; padding-top: 8px; padding-right: 8px;
}
.NewsViewGrayBoxFacebook
{
	float: right; padding-top: 8px; padding-right: 8px;
}

/*
###################################
	NewsSearchBox - Small
###################################
*/
.NewsSearchSmallPlate
{
	padding-top: 19px;
	width: 495px;
}
.NewsSearchSmallLeft
{
	width: 11px;
	height: 55px;
	background-image: url('../Images/Design/Boxes/SearchBoxSmall/bg_left.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #e4e5e5;
	float: left;
}
.NewsSearchSmallRight
{
	width: 12px;
	height: 55px;
	background-image: url('../Images/Design/Boxes/SearchBoxSmall/bg_right.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #e4e5e5;
	float: left;
}
.NewsSearchSmallSpan
{
	width: 472px;
	height: 55px;
	background-image: url('../Images/Design/Boxes/SearchBoxSmall/bg_span.png');
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #e4e5e5;
	float: left;
}
.NewsSearchSmallSpanPadding
{
	padding-top: 14px;
	padding-left: 7px;
}
.NewsSearchSmallSpanHeader
{
	display: block;
	float: left;
	padding-top: 4px;
	padding-right: 10px;
}
.NewsSearchSmallSpanText
{	
	display: block;
	padding-right: 16px;
	float: left;
}
.NewsSearchSmallSpanCategory
{
	display: block;
	float: left;
	padding-top: 1px;
	padding-right: 16px;
}
.NewsSearchSmallSpanButton
{
	display: block;
	float: left;
	padding-top: 1px;
}

/*
###################################
	NewsSearchBox
###################################
*/
.NewsSearchPlate
{
	padding-top: 0px;
	width: 495px;
	padding-bottom: 26px;
}
.NewsSearchLeft
{
	width: 13px;
	height: 165px;
	background-image: url('../Images/Design/Boxes/SearchBox/bg_left.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #e4e5e5;
	float: left;
}
.NewsSearchRight
{
	width: 13px;
	height: 165px;
	background-image: url('../Images/Design/Boxes/SearchBox/bg_right.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #e4e5e5;
	float: left;
}
.NewsSearchSpan
{
	width: 469px;
	height: 165px;
	background-image: url('../Images/Design/Boxes/SearchBox/bg_span.png');
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #e4e5e5;
	float: left;
	font-size: 11px;
}
.NewsSearchSpanPadding
{
	padding-top: 14px;
	padding-left: 4px;
}
.NewsSearchSmallSubject
{	
	font-weight: bold;
	color: #363636;
	display: block;
	padding-bottom: 1px;
}
.NewsSearchSpanText
{	
	padding-right: 31px;
	float: left;
}
.NewsSearchSpanCategory
{
	float: left;
	padding-top: 1px;
}
.NewsSearchSpanDates
{
	float: left;
	padding-top: 6px;
}
.NewsSearchSpanDateYear
{
	display: block;
	float: left;
	padding-top: 0px;
	padding-right: 8px;
}
.NewsSearchSpanDateMonth
{
	display: block;
	float: left;
	padding-top: 0px;
	padding-right: 8px;
}
.NewsSearchSpanDateDate
{
	display: block;
	float: left;
	padding-top: 0px;
}
.NewsSearchSpanDateSpacer
{
	display: block;
	float: left;
	width: 29px;
	height: 19px;
	line-height: 0px;
	font-size: 0px;
	background-image: url(../Images/Design/Boxes/SearchBox/spacer.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.NewsSearchSpanButton
{
	display: block;
	text-align: right;
	padding-top: 19px;
	padding-right: 6px;
}

/*
###################################
	CalendarMonthPlate
###################################
*/
.CalendarMonthPlate
{
	background-color: #da1a52;
	width: 490px;
	height: 25px;
	background-image: url(../Images/Design/Background/calender_month_span.png);
	background-repeat: repeat-x;
	background-position: top left;
}
.CalendarMonthPlatePrev
{
	float: left;
	padding-left: 8px;
	padding-top: 6px;
	padding-right: 6px;
}
.CalendarMonthPlateSpan
{
	float: left;
	height: 25px;
	width: 441px;
}
.CalendarMonthPlateNext
{
	padding-top: 6px;
	float: left;
}
.CalendarMonthPlateItem
{
	display: block;
	float: left;
	font-size: 12px;
	line-height: 21px;
	padding-right: 8px;
	padding-left: 6px;
	padding-top: 2px;
}
.CalendarMonthPlateItemSelected
{
	font-style: italic;
	color: #fff;
	padding-right: 6px;
}

/*
###################################
	CalendarList
###################################
*/
.CalendarListPlate
{
	width: 490px;
	line-height: 21px;
	padding-bottom: 5px;
}
.CalendarListPlateLine
{
	width: 490px;
	height: 3px;
	background-color: #cacaca;
	margin-left: 3px;
	line-height: 0px;
	font-size: 0px;
	display: block;
}
.CalendarListPlatePadding
{
	padding-top: 3px;
}
.CalendarListItemSpacer
{
	background-image: url('../Images/Design/Background/list_spacer.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 1px;
	width: 490px;
	font-size: 0px;
	line-height: 0px;
}

.CalendarListItem
{
	padding-left: 1px;
}

.CalendarListItemDatePlateWrapper
{
	float: left;
	width: 65px;
	padding-top: 9px;
	padding-bottom: 11px;
}
.CalendarListItemDatePlate
{
	width: 65px;
	height: 78px;
	background-image: url(../Images/Design/Calendar/CalendarMarker/bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.CalendarListItemDatePlatePadding
{
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 5px;
}

.CalendarListItemDatePlateWeekDay
{
	width: 57px;
	height: 19px;
	background-color: #346eb0;
	display: table;
	text-align: center;
	color: white;
	font-size: 11px;
	line-height: 17px;
}

.CalendarListItemDatePlateDay
{
	text-align: center;
	color: #555555;
	font-size: 36px;
	font-weight: bold;
	line-height: 40px;
	padding-top: 5px;
}

.CalendarListItemTextPlate
{
	float: left;
	width: 422px;
}

.CalendarListItemTextPlatePadding
{
	padding-left: 19px;
	padding-top: 8px;
	padding-bottom: 11px;
}
h3.CalendarListHeader
{
	color: #3b7ac1;
	padding: 0px;
	margin: 0px;
	line-height: 21px;
	padding-bottom: 0px;
}
.CalendarListIntro
{
	display: block;
}
.CalendarListLink
{
	display: block;
	line-height: 17px;
	padding-left: 1px;
}
.CalendarListIntroCategory
{
	color: #cb1952;
	font-size: 11px;
}

/*
###################################
	ContentPlateLine
###################################
*/
.ContentPlateLine
{
	width: 490px;
	line-height: 21px;
	border-top: 3px solid #cacaca;
	padding-top: 0px;
	padding-bottom: 5px;
}

/*
###################################
	ContactSchoolPlate
###################################
*/
.ContactSchoolPlate
{
	padding-bottom: 18px;
}
.ContactSchoolItem
{
	float: left;
	width: 234px;
	font-size: 11px;
	line-height: 19px;
	padding-top: 11px;
	padding-bottom: 8px;
}
.ContactSchoolItemSpacer
{
	float: left;
	width: 21px;
	height: 30px;
}
.ContactSchoolContentItem
{
}
.ContactSchoolContentItemLine
{
	width: 234px;
	background-image: url('../Images/Design/Contact/item_line.gif');
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 0px;
	font-size: 0px;
	height: 3px;
}
.ContactSchoolContentLeftVarberg
{
	float: left;
	width: 61px;
	font-weight: bold;
	text-align: right;
	display: block;
}
.ContactSchoolContentRightVarberg
{
	float: left;
	width: 161px;
	display: block;
	margin-left: 12px;
}
.ContactSchoolContentLeft
{
	float: left;
	width: 42px;
	font-weight: bold;
	text-align: right;
	display: block;
}
.ContactSchoolContentRight
{
	float: left;
	width: 180px;
	display: block;
	margin-left: 12px;
}