/*
	Site: Sveriges Nationaldag
	www: nationaldagen.se
	Author: Patrik Westelius, patrik.westelius@atrox.se
*/
body{
	background: #f1f0ea url(../images/common/bg.jpg) repeat center top;
}
#outer{
	background: url(../images/common/top.png) repeat-x center top;
}
#wrap{
	margin: 0 auto;
	width: 940px;
	overflow: hidden;
}
#header{
	background: url(../images/common/divider.gif) repeat-x center  bottom;
	width: 940px;
	height: 142px;
	float: left;
	margin: 0 0 15px 0;
}
#logo{
	background: url(../images/common/sveriges-nationaldag.png) no-repeat;
	width: 230px;
	height: 100px;
	margin: 18px 0 0 20px;
	display: inline;
	text-indent: -9999px;
	float: left;
	color: #0061a1;
	overflow: hidden;
}
#main{
	width: 700px;
	overflow: hidden;
	float: left;
	margin: 0 0 20px 0;
	position: relative;
}
#sub #main{
	margin: 0 0 40px 0;
}
#img{
	width: 680px;
	height: 200px;
	overflow: hidden;
	float: left;
	margin: 10px;
}
#imgMask{
	background: url(../images/common/mask.png) no-repeat; 
	position: absolute;
	float: left;
	top: 0;
	left: 0;
	height: 220px;
	width: 700px;
	overflow: hidden;
	z-index: 999;
}
#bildspel{
	float: left;
	width: 700px;
	height: 360px;
	background: url(../images/common/bildspel.png) no-repeat;
	overflow: hidden;
}
.teaser{
	float: left;
	width: 300px;
	height: 123px;
	background: url(../images/common/teaser.png) no-repeat;
	overflow: hidden;
	margin: 0 20px 0 0;
	padding: 10px 20px 20px 20px;
	position: relative;
}
.teaser p{
	font-size: 12px;
}
.last{
	margin: 0 !important;
}
#content{
	float: left;
	width: 680px;
	overflow: hidden;
	padding: 0 0 0 20px;
}
#start #content{
	float: left;
	width: 600px;
	overflow: hidden;
	padding: 0 80px 0 20px;
}
#pos1{
	float: left;
	width: 680px;
	overflow: hidden;
	padding: 0 0 0 20px;
}
#pos0{
	float: left;
	width: 440px;
	overflow: hidden;
	padding: 0 0 0 20px;
}
#pos2{
	float: left;
	width: 220px;
	overflow: hidden;
	margin: 0 0 0 20px;
}
#side{
	width: 220px;
	overflow: hidden;
	float: right;
}
.map{
	float: left;
	width: 200px;
	height: 330px;
	background: url(../images/common/map.png) no-repeat;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 10px 0 20px 20px;
	position: relative;
}
.moreWrap{float: left; position: relative; margin: 0 0 20px 0;}
.moreTop{width: 220px; height: 12px; font-size: 0; float: left; background: url(../images/common/more-top.png) no-repeat;}
.more{width: 180px; float: left; padding: 0 19px 20px 19px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}
.moreBottom{width: 220px; height: 12px; font-size: 0; float: left; background: url(../images/common/more-bottom.png) no-repeat;}

#footer{
	float: left;
	width: 940px;
	height: 85px;
	background: url(../images/common/footer.png) no-repeat;
	overflow: hidden;
}
#footer p{
	color: #666;
	font-size: 11px;
	width: 200px;
	display: block;
	text-align: left;
	float: right;
	margin: 16px 0 0 0;
	line-height: 16px;
}
#footer ul{
	float: left;
	margin: 16px 0 0 20px;
	font-size: 11px;
}
#footer li{
	color: #666;
	margin: 0;
	padding: 0;
	line-height: 16px;
}
#footer li a{
	padding: 0 3px 0 0;
}
#copyright, #credit{font-size: 11px; width: auto; color: #abb0b3;}
#copyright{float: left; margin: 7px 0 14px 10px;}
#credit{float: right; margin: 7px 10px 14px 0;}
#credit a{color: #abb0b3;}
#credit a:hover{color: #444;}

.clear, .clearFix{clear: both; float: none;}

.msgInfo{font-size:16px;color:green;border:1px solid #b39e5e;padding:15px;margin:15px 0;background:#fff !important;}

/* NAVIGATION */
#navContent{width: 640px; overflow: hidden; margin: 93px 0 0 0; float: right;}
#navList{float: right; list-style: none; margin: 0; padding: 0;}
#navList li{height: 32px; display: inline; float: left; margin: 0 0 0 15px; padding: 0;}
#navList li a{line-height: 28px; font-size: 16px; color: #0061a1; font-weight: normal; text-shadow: #fff 0 1px;}

.navItemLeft, .navItemLeftSelected, .navItemRight, .navItemRightSelected, .navItemContent, .navItemContentSelected{background: url(../images/common/nav.png) no-repeat top left;}

.navItemLeft, .navItemLeftSelected{background-position: 0 -96px; width: 15px; height:32px; display: inline; float: left;}
.navItemLeftSelected{background-position: 0 -160px;}

.navItemRight, .navItemRightSelected{background-position: -15px -96px; width: 15px; height: 32px; display: inline; float: left;}
.navItemRightSelected{background-position: -15px -160px;}

.navItemContent, .navItemContentSelected{background-position: 0 0; height: 32px; display: inline; float: left;}
.navItemContentSelected{background-position: 0 -64px;}

.mouseHover .navItemContent, .mouseHoverLast .navItemContent{background-position: 0 -32px; cursor: pointer;}
.mouseHover .navItemLeft, .mouseHoverLast .navItemLeft{background-position: 0 -128px; cursor: pointer;}
.mouseHover .navItemRight, .mouseHoverLast .navItemRight{background-position: -15px -128px; cursor: pointer;}

/* SECONDARY NAVIGATION */
#subNav{width: 220px; overflow: hidden; float: left; margin: 0 0 20px 0;}
#subNavActive{display: none;}
#subNavListLvl1{list-style: none; margin: 0; padding: 0;}
#subNavListLvl1 li{height: 27px; margin: 0 0 5px 0; padding: 0;}
#subNavListLvl1 li a{display: inline-block; line-height: 23px; font-size: 13px; color: #0061a1; font-weight: normal; text-shadow: #fff 0 1px;}

.subNavItemLeft, .subNavItemLeftSelected, .subNavItemRight, .subNavItemRightSelected, .subNavItemContentMenu, .subNavItemContentSelected{background: url(../images/common/subnav.png) no-repeat top left;}

.subNavItemLeft, .subNavItemLeftSelected{background-position: 0 -81px; width: 15px; height: 27px; display: inline; float: left;}
.subNavItemLeftSelected{background-position: 0 -135px;}

.subNavItemRight, .subNavItemRightSelected{background-position: -15px -81px; width: 15px; height: 27px; display: inline; float: left;}
.subNavItemRightSelected{background-position: -15px -135px;}

.subNavItemContentMenu, .subNavItemContentSelected{background-position: 0 0; height: 27px; display: inline; float: left;}
.subNavItemContentSelected{background-position: 0 -54px;}

.mouseHover .subNavItemContentMenu, .mouseHoverLast .subNavItemContentMenu{background-position: 0 -27px; cursor: pointer;}
.mouseHover .subNavItemLeft, .mouseHoverLast .subNavItemLeft{background-position: 0 -108px; cursor: pointer;}
.mouseHover .subNavItemRight, .mouseHoverLast .subNavItemRight{background-position: -15px -108px; cursor: pointer;}

#subNavListLvl2{
	list-style: none;
	margin: 0;
	padding: 0;
}
#subNavListLvl2 li{margin: 0; padding: 0;}
#subNavListLvl2 li a{font-weight: normal; font-size: 13px; line-height: 2.6; color: #19181b;}