/* 
	Westfa Werbung | westfa-werbung.de
	-----------------------------------------------------------------------------------------------------------------------------
	Author: Lars Brinkmann | http://netzbuero.de
	v 12/10/2009
	-----------------------------------------------------------------------------------------------------------------------------
*/




/* 	Reset CSS
	----------------------------------------------------------------------------------------------------------------------------- */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
table {	border-collapse: collapse; 	border-spacing: 0; }
img { border: none; }



/* 	Basis-Layout
	----------------------------------------------------------------------------------------------------------------------------- */
	body 	{ color: #000; background: #888; font-family: Arial, Helvetica, sans-serif; padding-bottom: 40px; }

	.wrap 	{ position: relative; width: 993px; margin-left: auto; margin-right: auto; background: rgb(22,59,85); padding-bottom: 20px; }
	.inner 	{ margin-left: 4px; width: 770px; }


	.wrapLeftColumn	{ display: inline; float: left; margin-left: 10px; width: 153px; margin-right: 10px; }
	.wrapRightColumn	{ float: left; width: 201px; margin-top: 10px; }
	.wrapContent		{ float: left; width: 599px; margin-right: 10px; margin-top: 10px; }
	.wrapContentInner	{ margin-left: 55px;  width: 520px; }




/* 	Navigationen
	----------------------------------------------------------------------------------------------------------------------------- */
	.nvgtn ul 		{ padding-top: 5px; padding-bottom: 5px; }
	.nvgtn li 		{ display: inline; }
	.nvgtn a		{ color: rgb(255,255,255); text-decoration: none; }
	.nvgtn a:hover	{ color: rgb(200,200,200); }

	/* Main */
	.wrapMainNavigation			{ 	font-family: Arial, Helvetica, sans-serif; background: rgb(255,32,0); font-weight: bold; color: rgb(255,255,255); font-size: 14px; text-align: center; 
									/* border-top: 2px solid rgb(255,255,255); border-bottom: 3px solid rgb(255,255,255); */ }

	.wrapMainNavigation ul		{ }
	.wrapMainNavigation li		{ padding-left: 18px; padding-right: 18px; }
	.wrapMainNavigation a:hover	{ color: rgb(255,192,0); }

	.wrapMeta	{ color: rgb(255,255,255); font-size: 11px; margin-left: 85px; margin-top: 50px; }	


/* 	Kopfzeile
	----------------------------------------------------------------------------------------------------------------------------- */
	.wrapHeader		{ }
	.wrapLogo		{ padding: 98px 0 18px 181px; }
	.wrapHeaderSlgn	{ position: absolute; top: 140px; left: 699px; }
	.wrapInfo		{ position: absolute; top:25px; left: 505px; width: 285px; background: url(images/arrwY.gif) 0 3px no-repeat; }
	.wrapInfo p		{ margin-left: 22px; color: rgb(255,255,255); font-size: 13px; font-weight: bold; line-height: 18px; }
	.wrapInfo a		{ text-decoration: none; color: rgb(255,163,4); }
	.wrapInfo a:hover	{ color: rgb(153,191,217); }



/* 	Fußzeile
	----------------------------------------------------------------------------------------------------------------------------- */
	.wrapFooter		{ margin-left: 10px; width: 973px; background: rgb(240,244,248); border-top: 1px solid rgb(196,214,231); padding-top: 5px; padding-bottom: 5px; }
	.wrapFooter	p	{ font-size: 11px; color: rgb(164,190,215); text-align: center; margin-bottom: 5px; }


/* 	Seiteninhalt
	----------------------------------------------------------------------------------------------------------------------------- */
	.bdy				{ width: 100%; background: rgb(22,59,85); }
	
	.bdyImage			{ 	/* border-left: 13px solid rgb(255,255,255); border-right: 13px solid rgb(255,255,255); border-bottom: 13px solid rgb(255,255,255); */
							width: 625px; margin-left: auto; margin-right: auto; margin-bottom: 23px; }
	.wrapBdy			{ width: 625px; margin-right: auto; margin-left: auto; }
	
	.bdy h1				{ color: rgb(190,211,232); text-align: center;}
	
	.wrapTxt 			{ margin-left: 85px; margin-top: 20px; margin-right: 20px; }
	.wrapTxt p			{ font-size: 11px; color: rgb(52,140,197); font-weight: bold; line-height: 140%; }
	.wrapTxt a			{ color: rgb(255,163,4); text-decoration: none; }
	.wrapTxt a:hover	{ color: rgb(52,140,197); }



/* 	Module
	----------------------------------------------------------------------------------------------------------------------------- */
	.wrapMod 			{ font-family: Arial, Helvetica, sans-serif; margin-bottom: 13px; }
	.wrapModTopLeft 	{ background: url(images/crnTL.gif) top left no-repeat; }
	.wrapModTopRight	{ background: url(images/crnTR.gif) top right no-repeat rgb(156,192,218); }	
	.wrapModHeader		{ padding-top: 5px; padding-bottom: 5px; }
	.wrapModHeader h1	{ font-size: 12px; margin-left: 16px; background: url(images/arrw.gif) 0 2px no-repeat; padding-left: 12px; margin-bottom: 0; color: rgb(0,2,48); line-height: 100%; }
	.wrapModBdy			{ background: rgb(224,235,243); padding-left: 16px; padding-right: 16px; padding-bottom: 7px; }
	.wrapModBdy img		{ margin-bottom: 12px; }
	.wrapModBdy	h1		{ color: rgb(0,94,160); font-size: 14px; margin-bottom: 5px; }
	.wrapModBdy p		{ font-size: 11px; line-height: 15px; margin-bottom: 5px; }
	.wrapModBdy a		{ color: rgb(224,40,19); text-decoration: none; }
	.wrapModBdy a:hover	{ color: rgb(0,0,0); }

		
	
/* 	Dummy for development
	----------------------------------------------------------------------------------------------------------------------------- */
	.fltImg	{ float: left; }
	.fltTxt	{ margin-left: 350px; }