/*--------------------------------*/
/*  Copyright Addmind 2007        */
/*--------------------------------*/

.prod, .prod a { text-align: right; color: #ccc !important; text-decoration:none; }

/* HTML Elements */
#CMSBody {
	margin: 0 0 0 10px;
	padding: 0; 
	background-image: url(/UserUploadImages/system/tonad_bg.gif);
	background-repeat: repeat-x;
	background-color: #f1f1f1; 
}

img {
	border: 0;
}

table {
	border-collapse: collapse;
}


/* Type Elements */


body,input {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1,h2,h3,h4,p,form {
	margin: 0;
	padding: 0;
}

a {
	color: #df2728;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

a:hover {
	color: #df2728;
	text-decoration: underline; 
	font-weight: bold;
	font-size: 10px;
}


/* logotyp____________________________________ */

#logo { 
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
}

/* Sok, Flaggor mm - Hoger ____________________________________ */

#rightTools { 
	margin: 0;
	padding: 0px 20px 0px 0px;
	float: right;
	width: 500px;
}

/* Nyheter/Aktuellt____________________________________ */

#newsHead { 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 15px 0px 35px;
	color: #fff;
	background-image: url(/UserUploadImages/system/bgNewsHead.jpg);
	background-repeat: no-repeat;
	height: 22px;
	border-bottom: solid 1px #fff;
	margin: 0px;
}
/*
*html #newsHead { 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 15px 0px 35px;
	color: #fff;
	background-image: url(/UserUploadImages/system/bgNewsHead.jpg);
	background-repeat: no-repeat;
	height: 22px;
	border-bottom: solid 1px #fff;
	margin: 0px;
}*/


.newsLeft { 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	padding: 5px 5px 0px 10px;
	
}

#newsLeft { 
	width: 170px;
	
}


/* Nyhets rubrik___ */

.newsLeft h2 { 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	padding: 5px 0px 0px 0px; 
}
	

.newsLeft td { 

}

	
.newsLeft a {
	color: #000;
	text-decoration: none;
	font-weight: bold;

}

.newsLeft a:hover {
	color: #000;
	text-decoration: underline; 
	font-weight: bold;
}

	

/* valkommen box____________________________________ */

.headContent { 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	height: 140px;
	width: 417px;
	text-align: left !important;
	padding: 0px 10px 5px 35px;

}

.headContent h1{ 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0080ff;
	padding: 0px 0px 10px 0px;
	vertical-align: left;
}


/* Huvudbild/Bildspel____________________________________ */

#headContent { 
	width: 950px; 
	height: 132px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}


/* Wrappers ____________________________________ */

#pageWrapper {
	width: 950px;
	margin: 0px auto;
	padding: 0 17px;
	text-align: left;
}



#pageTopWrapper { 
	width: 950px;
	float: left;
}




/* Page Dividers and Columns Splits ____________________________________ */

#pageTop {
	float: left;
	width: 950px;
	height: 104px;
	background-image: url(/UserUploadImages/system/bgTopp2.jpg);
}

#pageBody {
	float: left;
	width: 950px;
	margin-top: 10px;
	
}


#pageContainer {
	float: left;
	width: 950px;
        text-align: left;
        background: #fff url(/UserUploadImages/system/bgMainStart.gif) no-repeat 0px 133px;
}

#leftContainer {
	float: left;
	width: 190px;
}

#rightContainer {
	float: left;
	width: 759px;
}


#leftContent {
	float: left;
	width: 190px;

	background-color: #ddd;
	padding: 0px 0px 25px 0px;

}

*html #leftContent {
	float: left;
	width: 190px;

	background-color: #ddd;
	padding: 0px 0px 25px 0px;

}*

#mainContent {
	float: left;
	width: 390px;
	margin: 0;
	padding: 0;
}



/* Gra Box - Hoger____________________________________ */

#rightContent {
	float: left;
	height: 152px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 5px;
	width: 170px;
	background: url(/UserUploadImages/system/bgBox.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;

}
	
*html #rightContent {
	background-color: #F4F2F3;
	float: right;
	height: 137px;
	margin: 0px 0px 15px 0px;
	padding: 0px 2px 5px 9px;
	width: 170px;
	background: url(/UserUploadImages/system/bgBox.jpg) no-repeat bottom left;
	vertical-align: top;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	
}*


.rightContent h1{ 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00A94F;
	padding: 0px 0px 10px 0px;
}


#rightContent a {
	text-decoration: none;
	font-weight: normal;
	font-size: 12px !important;

}

#rightContent a:hover {
	color: #df2728;
	text-decoration: underline; 
	font-weight: normal;
	font-size: 12px !important;
}



/* Banners - Hoger____________________________________ */

#banners { 
	float: left;
	height: 129px;
	width: 161px;
	margin: 0px 3px 0px 0px;
	vertical-align: top;
	overflow: auto;
}



/* Bottom Highlight boxes /Puffar i nerderkant NO1____________________________________ */

#Highlight {
	margin: 0;
	width: 756px;
	padding: 0 0 0 0;
	clear: both;
}


#HighlightPic td { 
	vertical-align: top;
	width: 252px;
}


.HighlightTop td {
	text-align: left;
	padding: 8px 0px 8px 35px;
	width: 200px;
}

*html .HighlightTop td {
	height: 28px
	padding: 2px 0p 2px 35px;
}*

.HighlightHead1, .HighlightHead2, .HighlightHead3 {
	color: #fff; 
	border-bottom: 1px solid #fff;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 150px;
}


.HighlightHead1 {
	background: #026ab3 url(/UserUploadImages/system/bgPuffHead1.jpg) no-repeat top left;
}

.HighlightHead2 {
	background: #026ab3 url(/UserUploadImages/system/bgPuffHead2.jpg) no-repeat top left;
}

.HighlightHead3 {
	background: #026ab3 url(/UserUploadImages/system/bgPuffHead3.jpg) no-repeat top left;
}

#HighlightHead1, #HighlightHead2, #HighlightHead3 {
	width: 180px;
}

#HighlightImg1, #HighlightImg2, #HighlightImg3 {
	height: 131px;
}

.HighlightText td {
	vertical-align: top;
	padding: 8px 0px 8px 35px !important;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #eeeeee;
	height: 60px;
}


/* ____ Search ____ */

.AddCMSSysSearchText {
	width: 120px;
	height: 14px;
	border: 1px solid #000;
	font-size: 10px;
	color: #000;
}

.AddCMSSysSearchButton {
        padding: 1px 1px;
	font-size: 10px;
	color: #000;
	border: 1px solid #000;
        font-weight: bold;
	background-color: #cdcdcd;
}



*html .AddCMSSysSearchButton {
        padding: 1px 1px;
	font-size: 10px;
	color: #000;
	border: 1px solid #000;
        font-weight: bold;
	background-color: #cdcdcd;
}*


.AddCMSSysSearchAgain {
	margin: 0 0 10px 0;
        padding: 0 0 15px 0px;
	background: url(/UserUploadImages/searchResultTopHr.gif) no-repeat bottom left;
}

.AddCMSSysSearchResultPaging {
	text-align: left !important;
}

.AddCMSSysNext, .AddCMSSysPrev { color: #22a154 !important; font-weight: bold; }

.AddCMSSysSearchResultText {
	width: 150px !important;
	border: 1px solid #d2d2d2 !important;
	font-size: 10px;
	color: #6c6c6c;
        padding: 2px;
	margin: 0 10px 2px 15px;
}

.AddCMSSysSearchResultButton {
	border: 0 !important;
	background: url(http://addmind.addcms.se/UserUploadImages/icon_search.gif) no-repeat 0% 50%;
	padding: 2px 2px 2px 15px;
	font-size: 11px;
	color: #6c6c6c;
}

.AddCMSSysSearchResult li {
        padding: 0 0 25px 15px;
        margin: 10px 0 0 0;
	background: url(/UserUploadImages/searchResultHr.gif) no-repeat bottom left;
}

.AddCMSSysSearchResult li a {
        padding: 0 0 0 10px;
        background: url(/UserUploadImages/subNavArrowSelected.gif) no-repeat 0px 6px !important;
}




/* Footer________________ */

#footer { 
		height: 31px;
		width: 950px;
		background-position: 0px;
		margin: 0 auto;
	   	background-color: #616161;
		padding: 2px 0px 2px 0px;
		font-size: 10px;
		color: #fff;

}

#info { 
	padding: 8px 12px;
}



/* Form_________________ */

INPUT {
	background-color: #fff;
	border: 1px solid #3d3d3d;


}


.button {
	background-color: #022f72;
	border: 1px solid #fe7d18;
	color: #fff;
	font-weight: bold;

}


/* Extra */

.clearBoth {
	clear: both;
}




/* Navigation / Meny ____________________________________ */

#pageNavigation {
	height: 30px;
	width: 950px;
	background-color: #026ab3; 
	border-top: 1px solid #fff;
	float: left;
}


.topNav ul li {
	font: 12px verdana, arial;
	color: #fff;
	text-decoration: none;
	float: left;
	margin: 0px;
	background: #026ab3;
	vertical-align: text-bottom;
        text-align: left;
        border-right: 1px solid #fff;
}

.topNav ul li li {
	 border: 0;
}

.topNav ul ul {
	 margin: 10px 0 0 0;
}

.topNav ul ul ul {
	margin: 0 0 0 -30px;
}

.AddCMSSysMainSelected{
         background: #0080C0 url(/UserUploadImages/system/menypil.gif) no-repeat center top;
}

.topNav ul li a {
	font: 12px verdana, arial;
	color: #fff;
	text-decoration: none;
	padding: 8px 10px 8px 10px;
	display: block;
	height: auto !important;
}

.topNav li li a {
	padding: 4px 10px 4px 10px;
}

.topNav ul li a:hover {
        text-decoration: none;
	font: 12px verdana, arial;
	color: #fff;
	background-color: #0080C0;
}

.AddCMSSysSub a {
        width: 150px !important;
	font: 12px verdana, arial;
	color: #fff;
	text-decoration: none;
	background-color: #026ab3;
}

.topNav {
	margin: 0;
        width: 700px;
}

.topNav li {
	margin: 4px 10px 0 10px;
}

.topNav li a {
	font-weight: normal;
	color: #fff;
}

.kontaktaOss {
	padding: 0 20px 0 0;
	margin: 0 !important;
}

.kontaktaOss a {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	font: 12px verdana, arial;
	padding: 8px 10px 8px 10px;
	display: block;
	height: auto !important;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.kontaktaOss a:hover {
	background-color: #0080C0;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	font: 12px verdana, arial;

}