/*=============================================================
	LO Faglige seniorer
	Overall screen css styles
	Author: Thor Madsen-Holm - Scanad 
===============================================================*/


/*================== Reset =============================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, header {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
}

.leftColumn img{
	margin:12px;
}

/*================== HTML BODY ================================*/
body{ background: #ffffff url('/files/System/img/bg_body.png') repeat-x; color: #000000; font: 15px/18px Arial, Helvetica, sans-serif; }

/*================== Hyperlinks ================================*/
a { color: #636363; text-decoration: none; }
a:hover { color: #636363; text-decoration: underline; }
h3.h3 a { color: #626f48; display: inline; font: 23px/40px Arial, Helvetica, sans-serif; }
h4.h4 a { color: #a8b963; display: inline; font: 16px Arial, Helvetica, sans-serif; }



/*================== Text ================================*/
p, td	{ color: #000; font: 15px/18px Arial, Helvetica, sans-serif; }
span,
small	{ color: #8c8c8c; }
span.text3 a	{ color: #626f48; font: 15px Arial, Helvetica, sans-serif; }



/*================== Headings ================================*/
h1	{ font-size: 19px; padding: 0 0 10px 0; }
h2	{ font-size: 18px; }
h3	{ color: #fff; font: bold 15px Arial, Helvetica, sans-serif; }
h4	{ color: #636363; font: bold 15px Arial, Helvetica, sans-serif; }
.tagCloud h3.h3,
.tagCloud h4.h4	{ display: inline; }



#ditAnsvar .leftColumn h1,
#ditAnsvar .leftColumn h2,
#ditAnsvar .leftColumn h3,
#ditAnsvar .leftColumn a	{ color: #5e3347; }
#dinPension .leftColumn h1,
#dinPension .leftColumn h2,
#dinPension .leftColumn h3,
#dinPension .leftColumn h4,
#dinPension .leftColumn a	{ color: #4b6a7a; }
#ditSeniorLiv .leftColumn h1,
#ditSeniorLiv .leftColumn h2,
#ditSeniorLiv .leftColumn h3,
#ditSeniorLiv .leftColumn h4, 
#ditSeniorLiv .leftColumn a{ color: #807c6f; }
#vores .leftColumn h1,
#vores .leftColumn h2,
#vores .leftColumn h3,
#vores .leftColumn h4,
#vores .leftColumn a	{ color: #615d51; }

#ditAnsvar .leftColumn ul{
	margin-left:15px;
	border:0px solid red;
}



/*================== Master ============================*/
.pageWrapper	{ margin: 0 auto; width: 1118px; }
	.header	{ background: url('/files/System/img/bg_header.png') no-repeat 0 20px; height: 200px; width: 957px;margin-left:10px; }
		.logo	{ margin: 41px 0 0 0; }
		.tertierMenu span, .tertierMenu a	{ color: #b8b8b8; font: 10px Arial, Helvetica, sans-serif; text-decoration: none; }
		.tipsTricks	{ background: #fff; clear: right; height: 91px; margin: 26px 17px 0 0; width: 202px; }
			.tipsTricks p	{ padding: 5px 0 0 11px; }
			.tipsTricks span	{ color: #000; }
			.tipsTricks a	{ color: #636363; }
	.pageContent	{ width: 957px;margin-left:10px; }
		.search	{ margin: 0 0 14px 0; width: 225px; }
			.searchFieldFade	{ height: 17px; width: 194px; }
	.footer	{ width: 957px;margin-left:10px; padding: 0 0 20px 0; }
		.tagCloud	{ width: 700px; }
		.contactInfo	{ background: url('/files/System/img/footer_lo_trae.png') no-repeat right top; padding: 8px 100px 15px 0; }
			.contactInfo h4	{ padding: 0 0 12px 0; }
			.contactInfo p	{ color: #636363; font-size: 13px; line-height: 18px; }
.annonce	{ margin: 0 0 0 27px; width: 124px;}
			
/*================== Frontpage ==============================*/
.headerBottom	{ margin: 2px 0 0 0; }
.frontNews	{ background: url('/files/System/img/bg_front_news.png') no-repeat; height: 141px; margin: 0 0 24px 0; width: 967px; }
	.frontNews h1	{ color: #ffffff; font: 20px Arial, Helvetica, sans-serif; padding: 10px 0 7px 13px; }
		.frontNewsImg	{ height: 91px; margin: 0 0 0 1px; width: 623px; }
			.frontNewsImgOverlay{ 
				background: url('/files/System/img/bg_front_news_img.png') no-repeat;
				color: #fff; 
				height: 73px;
				line-height: 19px; 
				margin: 0 0 0 13px; 
				padding: 6px 0 0 77px;
				width: 135px; 				
			}
			.frontNewsImgOverlay a{ 				
				color: #fff; 
				height: 73px;
				line-height: 19px; 
				margin: 0 0 0 3px; 
				padding: 6px 0 0 0px;
				width: 135px; 
				text-decoration:none;
			}
			.frontNewsLetter	{ float: left; width: 330px; margin: -37px 0 0 0; height: 130px; background: none; }
/*================== Subpage ==============================*/
.leftColumn	{ padding: 30px 0 20px 0; width: 710px; }
	.text	{ width: 450px; }

.rightColumn	{ padding: 0 0 33px 0; width: 225px;  }
	.rightColumnBox	{ margin: 0 0 4px 0; width: 232px; }
		.rightColumnBoxTop	{
			background: url('/files/System/img/rightcolumn_darkTopBg.jpg') no-repeat;
			height: 24px;
			padding: 9px 0 0 14px;
			width: 218px;
		}
		.rightColumnBoxMiddle	{ 
			background: url('/files/System/img/rightcolumn_repeatBg.jpg') repeat-y;
			padding: 5px 5px 0 11px;
			width: 216px;
		}
		.rightColumnBoxMiddle a	{ 
			background: url('/files/System/img/gfx_arrowLink.png') no-repeat 0px 3px; 
			height: 15px; 
			float:left;
			padding: 3px 0 0 18px;
			width: 200px; 
		}
		.rightColumnBoxBottom	{ background: url('/files/System/img/rightcolumn_bottomBg.jpg') no-repeat; height: 12px; width: 232px; }




/*================== Main menu ============================*/
.mainMenu	{ }
	.mainMenu li	{ list-style-type: none; margin: 74px 20px 0 0; }
		.mainMenu li a	{ color: #636363; font: 16px Arial, Helvetica, sans-serif; }
		.mainMenu li a#activeitem	{ font-weight: bold; }



/*================== Breadcrumb ============================*/
.breadcrumb	{ margin: 14px 0 0 0; width: 600px; }
	.breadcrumb li	{ color: #c0c0c0; list-style-type: none; margin: 0 9px 0 0; }
		.breadcrumb li a	{ color: #c0c0c0; }



/*================== Sub menu ==============================*/
.subMenu	{ background: url('/files/System/img/submenu_separator.png') no-repeat left top; margin: 10px 0 6px 0; width: 229px; }
	.subMenu li	{ 
		float:left;
		background: url('/files/System/img/submenu_separator.png') no-repeat left top; 
		list-style-type: none;
		padding: 5px 0 6px 3px; 
		width: 229px; 
	}
		.subMenu li a	{ font: 15px Arial, Helvetica, sans-serif; }
		.subMenu li a#activeitem	{ color: #000; font-weight: normal;text-decoration:underline;}		
		.subMenu li a.inpath	{ display: block; padding: 0 0 5px 0;}
			.subMenu ul li	{ background: none; padding: 0 0 2px 0; }
				.subMenu ul li a	{ background: url('/files/System/img/gfx_arrowLink.png') no-repeat 0px 3px; padding: 0 0 0 22px; }
		.M2 li a#activeitem { padding-left:20px;}


/*================== News ==============================*/
.newsListWrap	{ margin: 10px 0 0 0; }
	.newsItem	{ background: url('/files/System/img/gfx_searchBottomBorder.png') no-repeat left bottom; margin: 0 0 20px 0; padding: 0 0 17px 0; width: 696px; }
		.newsOverviewText	{ width: 450px; }
			.newsOverviewText h2	{ padding: 0 0 6px 0; }
			.newsArrowLink	{ background: url('/files/System/img/gfx_arrowLink_vores.png') no-repeat 0 2px; padding: 0 0 0 16px; }
			
.newsDate	{ font-size: 13px; }
.newsManchet	{ font-weight: bold; padding: 0 0 10px 0; }
	
.articleListItem	{ margin: 0 0 30px 0; width: 696px; }
	.articleListItem h2	{ padding: 0 0 7px 0; }
		.articleArrowLink	{ background: url('/files/System/img/gfx_arrowLink_dinPension.png') no-repeat 0 2px; padding: 0 0 0 16px; }



/*================== Search ==============================*/
.searchField	{ background: url('/files/System/img/bg_soegefelt.jpg'); height: 62px; padding: 16px 0 0 17px; width: 677px;}
	input.searchInput	{ float: left; height: 30px; margin: 0 17px 0 0; padding: 9px 0 0 10px; width: 585px; }
.searchResultWrap	{ margin: 12px 0 0 0; width: 696px; }
	.searchResultItem	{ background: url('/files/System/img/gfx_searchBottomBorder.png') no-repeat left bottom; margin: 0 0 20px 0; padding: 0 0 17px 0; width: 696px; }
.searchResultPaging	{ margin: 10px 0 0 0; width: 696px; }

/*================== Search ==============================*/
.formWrapper	{ margin: 5px 0 0 0; width: 455px; }
	.formWrapper ol	{ list-style-type: none; }
	.formWrapper input	{ height: 21px; padding: 3px 0 0 5px; margin: 0 0 2px 0; width: 450px; }
		li.bestillingsformular_postnummer	{ float: left; margin: 0 10px 0 0; width: 129px; }
		li.bestillingsformular_by	{ float: left; width: 314px; }
		li.materiale	{ float: left; margin: 0 0 5px 0; width: 325px; }
		li.antal	{ float: left; margin: 0 0 5px 0; width: 130px; }
		li.bestillingsformular_haandbogen,
		li.bestillingsformular_eftermodtager,
		li.bestillingsformular_koerekort,
		li.medlemsraadgivning	{ background: url('/files/System/img/gfx_formBottomBorder.png') no-repeat left bottom; margin: 0 0 5px 0; padding: 0 0 6px 0; width: 465px; }
		label.label_bestillingsformular_haandbogen,
		label.label_bestillingsformular_eftermodtager,
		label.label_bestillingsformular_koerekort,
		label.label_medlemsraadgivning	{ float: left; padding: 14px 0 0 0; width: 325px; }
		#bestillingsformular_haandbogen,
		#bestillingsformular_eftermodtager,
		#bestillingsformular_koerekort,
		#medlemsraadgivning	{ float: left; width: 125px; }
		.submit	{ padding: 0 !important; width: 50px !important; }


	#bestillingsformular_postnummer	{ width: 121px; }
	#bestillingsformular_by	{ width: 310px; }

/*================== Global Class's ===========================*/
small	{ font-size: 13px; }
.floatLeft	{ float: left; }
.floatRight	{ float: right; }
.displayBlock	{ display: block; }
.displayNone	{ display: none; }
.noMargin	{ margin: 0 !important; }
.uppercase	{ text-transform: uppercase; }
.clearLeft	{ clear: left; }
.bold	{ font-weight: bold; }
.pointer	{ cursor: pointer; }
.arrowLink	{ background: url('/files/System/img/gfx_arrowLink.png') no-repeat; padding: 0 0 0 22px; }

.leftColumn ul{
	margin-left:15px;
	border:0px solid red;
}

/*================== CSS Hack's ===============================*/