/*
* This Stylesheet is used to set the layout of the site, also used by the RadEditor so that the same
* layout is shown in the editor while working in it.  -- .RadEContentContainer 
*/
.templateWrapper { width:464px !important; }
/* 
* div.reWrapper iframe { OBS REMEMBER TO SET THE VALUE OF 'width' IN 'SiteCss.IE0.css' } 
*/
/*
* Remember to set the background-position to the same as 
* templateWrapper-width. Is used by the RadEditor!
*/
.radEContentRightBorder { background:#ffffff url(../../Images/tool/bg_radEContentBorder.gif) 464px 0px repeat-y; }

.templateMargins
{
	margin:0;
	padding:0;
}

/*
* Settings below is used in 'edit-mode' in the RadEditor.
* These settings must be located in this file!
*/
.editTableBorders form
{
     background-color:#efefef;
     border:1px dashed #555555;		 
}
/* Not used/read by IE-browsers */
html>body .editTableBorders table 
{
    border-right: #999999 1px dashed;		 
    border-bottom: #999999 1px dashed;		 
}
html>body .editTableBorders table td
{
    padding: 1px;
    border-top: #999999 1px dashed;		 
    border-left: #999999 1px dashed;		 
}
html>body .editTableBorders table th
{
    padding: 1px;
    border-top: #000000 1px dashed !important;		 
    border-left: #000000 1px dashed !important;		 
}
/* Fixes for RadEditor */
.editTableBorders p[align="left"] 
{
    text-align: left !important;
}

.editTableBorders p[align="center"] 
{
    text-align: center !important;
}

.editTableBorders p[align="right"] 
{
    text-align: right !important;
}
/* Fix for WPSiteContextMenu */
.SCM_wrapper.RadMenu img.rmLeftImage
{
    left:3px;
    padding-bottom: 0;
}
.SCM_wrapper.RadMenu .rmLevel2 img.rmLeftImage
{
    margin-top:2px;
}
.SCM_wrapper.RadMenu .rmText
{
    text-align:left;
    padding:0 44px 0 28px !important;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

/* 
 * SITE SPECIFIC 
 */

body
{ 
	/*font-size: 68.75% !important;*/
}
#mp_body  { font-family: Verdana; }
/*
.siteCSS A, .siteCSS a, .siteCSS a:visited { color: #C60C30; text-decoration: none; }
.siteCSS a:visited { color: #AD9962; }
.siteCSS a:hover { text-decoration: underline; }*/

/* Used for the startpage template... */
div.featurettes {
	margin: 0;
	padding: 0;
	width: 432px;
	overflow: hidden;
}

div.featurettes div.first {
	width: 205px;
	margin: 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #b2b2b2;
	float: left;
	overflow: hidden;
}

div.featurettes div.second {
	width: 206px;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	border-left: 1px solid #b2b2b2;
	margin-left: -1px;
	overflow: hidden;
}

div.featurettes div.group {
	width: 432px;
	margin: 0;
	padding: 0 0 10px 0;
	overflow: hidden;
}

div.featurettes div.third {
	width: 432px;
	margin: 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #b2b2b2;
	overflow: hidden;
}

div.featurettes div.third div.txt {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

div.featurettes div.third div.imgRight {
	float: right;
	padding: 0 10px 0 10px;
	width: 111px;
}

div.featurettes div.third div.imgRight img {
	margin: 0;
	width: 111px;
}

div.featurettes img {
	margin: 1em 0;
	border: 0;
}

div.featurettes div p {
	margin: 0;
	padding: 0;
}

div.featurettes div div.lnk {
	text-align: right;
}

div.featurettes div.lnk a {
	font-weight: bold;
	color: #C60C30;
	text-decoration: none;
	padding: 0 12px;
	background: url(../../Documents/Tingsryd/Images/lnkarrow.gif) no-repeat center left;
}

div.featurettes div.lnk a:hover {
	text-decoration: underline;
}

/* Used for the bottom "banners" on the startpage */
.bannergroup {
	width: 670px;
	overflow: hidden;
}

.bannergroup div {
	width: 201px;
	overflow: hidden;
	margin-left: 23px;
	float: left;
	display: inline;
}

.bannergroup div.first {
	margin-left: 21px;
}

.bannergroup h3 {
	font: 11px verdana, helvetica, arial, sans-serif !important;
	margin: 0 !important;
	padding: 6px 4px !important;
	line-height: 1;
	background: #EEE;
	color: #000 !important;
	border-top: 1px solid #AAA;
}

.bannergroup img {
	width: 201px;
	height: 135px;
	border: 0;
	margin: 0;
	padding: 0;
}

h3.banners { background: #EEE; color: #000; border-top: 1px solid #AAA; font: 11px verdana, sans-serif !important; margin: 0; padding: 6px 4px; line-height: 1; }
h3.planochmiljo { background: #DDEAC5; color: #000; border-top: 1px solid #7AB800; font: 11px verdana, sans-serif !important; margin: 0; padding: 6px 4px; line-height: 1; }
h3.teknikochtrafik { background: #F0F1C0; color: #000; border-top: 1px solid #CCDC00; font: 11px verdana, sans-serif !important; margin: 0; padding: 6px 4px; line-height: 1; }
h3.stodochomsorg { background: #FDE1BF; color: #000; border-top: 1px solid #FFA02F; font: 11px verdana, sans-serif !important; margin: 0; padding: 6px 4px; line-height: 1; }
h3.barnochutbildning { background: #F3DDEA; color: #000; border-top: 1px solid #BF2296; font: 11px verdana, sans-serif !important; margin: 0; padding: 6px 4px; line-height: 1; }
h3.kulturochfritid { background: #FFF3C0; color: #000; border-top: 1px solid #FCD450; font: 11px verdana, sans-serif !important; margin: 0; padding: 6px 4px; line-height: 1; }
h3.politikochpaverkan { background: #FCDFD3; color: #000; border-top: 1px solid #F7403A; font: 11px verdana, sans-serif !important; margin: 0; padding: 6px 4px; line-height: 1; }
h3.turism { background: #D9EAF7; color: #000; border-top: 1px solid #5EB6E4; font: 11px verdana, sans-serif !important; margin: 0; padding: 6px 4px; line-height: 1; }
h3.naringsliv { background: #DBDDEC; color: #000; border-top: 1px solid #00338D; font: 11px verdana, sans-serif !important; margin: 0; padding: 6px 4px; line-height: 1; }


body .siteCSS h1, .EditorToolHeading1 {
	line-height: 1;
}

.siteCSS a.topNav, .siteCSS a.topNavEasyToRead { font-size: 10px; font-weight: normal; color: #000; text-decoration: none; padding-right: 10px; }
.siteCSS a.topNavEasyToRead { color: #C60C30; text-transform: uppercase; }
.siteCSS a.topNav:hover, .siteCSS a.topNavEasyToRead:hover { text-decoration: underline; }

a.topNav { font-size: 10px; font-weight: normal; color: #000; text-decoration: none; padding-right: 10px; }
a.topNav:link { font-size: 10px; font-weight: normal; color: #000; text-decoration: none; padding-right: 10px; }
a.topNav:visited { font-size: 10px; font-weight: normal; color: #000; text-decoration: none; padding-right: 10px; }
a.topNav:hover { font-size: 10px; font-weight: normal; color: #000; text-decoration: underline; padding-right: 10px; }

a.topNavEasyToRead { font-size: 10px; font-weight: normal; color: #C60C30; text-decoration: none; padding-right: 10px; text-transform: uppercase; }
a.topNavEasyToRead:link { font-size: 10px; font-weight: normal; color: #C60C30; text-decoration: none; padding-right: 10px; text-transform: uppercase; }
a.topNavEasyToRead:visited { font-size: 10px; font-weight: normal; color: #C60C30; text-decoration: none; padding-right: 10px; text-transform: uppercase; }
a.topNavEasyToRead:hover { font-size: 10px; font-weight: normal; color: #C60C30; text-decoration: underline; padding-right: 10px; text-transform: uppercase; }

.CEVC_catDdl select {
	font-size: 11px !important;
}