/* layout.css NA */

html { overflow-y: scroll; }
body { margin: 0; padding: 0; text-align: center; background: #fff url(../images/blocks/bg_body.png) left top repeat-x;}

body  { behavior: url("fileadmin/na/templates/js/csshover2.htc"); }

.clearer { clear: both; }
.fl { float: left; }
.fr { float: right; }


/*
	MAIN CONTAINERS
================================================================================== */
#mainContainer { width: 967px; text-align: left; margin: 0 auto; }
#header { width: 100%; height: 183px; background: url(../images/blocks/bg_header.png) left top repeat-x; position: relative; z-index: 1; }
#contentContainer { width: 100%; border-top: 3px solid #e8e1f3; padding: 1px 0 30px 0; float: left; }
#shadowBottom , #footer { display: none; }


/*
	LOGO AND SLOGAN
================================================================================== */
#header .logo { width: 197px; height: 183px; position: absolute; left: -10px; top: 0; z-index: 2; }
#header .slogan { width: 543px; height: 69px; position: absolute; left: 204px; top: 12px; z-index: 2; }
#header .yellowbox { width: 19px; height: 124px; background: #ffce13; position: absolute; right: 0; top: 0; z-index: 2; }


/*
	MAIN NAVIGATION
================================================================================== */
#mainnavi { width: 503px; height: 25px; line-height: 24px; position: absolute; left: 204px; top: 93px; z-index: 2; overflow: hidden; }
#mainnavi li { display: inline; }
#mainnavi li.sep { color: #ceb7d5; padding: 0 7px; }
#mainnavi li a { font-size: 11px; font-weight: bold; color: #ceb7d5; text-decoration: none; }
#mainnavi li.act a, #mainnavi li a:hover { color: #fff; }


/*
	TOP NAVIGATION
================================================================================== */
#topnavi { width: 225px; height: 25px; line-height: 24px; text-align: right; position: absolute; right: 33px; top: 93px; z-index: 2; }
#topnavi li { display: inline; }
#topnavi li.sep { color: #fff; padding: 0 4px; }
#topnavi li a { font-size: 11px; color: #fff; text-decoration: none; }
#topnavi li.act a, #topnavi li a:hover { color: #ceb7d5; }


/*
	SUB NAVIGATION
================================================================================== */
#subnavi { width: 100%; margin-bottom: 20px; float: left; clear: both; }
#subnavi a { line-height: 120%; text-decoration: none; display: block; zoom: 1; }
#subnavi li { width: 100%; border-bottom: 3px solid #dedce7; margin-bottom: 1px; padding-bottom: 1px; float: left; }	
#subnavi li .level1 { font-size: 14px; font-weight: bold; color: #7459a0; padding: 4px 25px 4px 5px; }
#subnavi li .level1 span { background: 0 0 no-repeat; padding: 3px 10px 3px 0; display: block; }
#subnavi li.act .level1, #subnavi li .level1:hover { color: #fff; background: #7459a0 url(../images/bullets/bullet01.gif) 167px 13px no-repeat; }
#subnavi li.act .level1 span, #subnavi li .level1:hover span { background-position: 0 -40px; }
	
#subnavi ul { clear: both; }
#subnavi ul li { border-bottom-width: 0; margin-top: 1px; margin-bottom: 0; padding-bottom: 0; }
#subnavi ul li .level2 { font-size: 12px; color: #7459a0; }
#subnavi ul li .level2 span { background: 4px -2px no-repeat; padding: 3px 10px 3px 30px; display: block; }
#subnavi ul li.act .level2, #subnavi ul li .level2:hover { background-color: #e8e1f3; }
#subnavi ul li.act .level2 span, #subnavi ul li .level2:hover span { background-position: 4px -42px; }


/*
	TAB NAVIGATION
================================================================================== */
#tabnavi { height: 27px; border-bottom: 1px solid #7459a0; margin: 10px 20px; } 
#tabnavi li { margin-left: 5px; float: right; } 
#tabnavi li a { height: 26px; line-height: 25px; font-size: 12px; color: #000; text-decoration: none; border: 1px solid #7459a0; background: #ceb7d5; padding: 0 15px; float: left; zoom: 1; } 

#tabnavi li a:hover { background: #fff; }
#tabnavi li.act a, #tabnavi li.act a:hover { border-bottom-color: #fff; background: #fff; }

#b-ie6 #tabnavi li a { height: 27px; line-height: 26px; margin-bottom: -1px; position: relative; z-index: 9;} 

/*
	QUICK SEARCH
================================================================================== */
#quicksearch { width: 200px; height: 20px; line-height: 20px; text-align: right; position: absolute; right: 1px; top: 144px; z-index: 3; }
#quicksearch .i-text { font-style: italic; color: #565656; margin-right: 9px; }
#quicksearch input { vertical-align: middle; }


/*
	COLUMNS AND CONTENT ZONES
================================================================================== */
#leftColumn { float: left; overflow: hidden; }
#leftColumn .content { min-height: 10px; } 

#mainColumn { float: left; overflow: hidden; }
#mainColumn .content { min-height: 10px; }

#rightColumn { float: left; overflow: hidden; }
#rightColumn .content { min-height: 10px; }

		/* 3 columns template */
		.tmpl-3cols #leftColumn  { width: 185px; }
		.tmpl-3cols #leftColumn  .content { margin: 0; } /* 185px */
		
		.tmpl-3cols #mainColumn { width: 628px; }
		.tmpl-3cols #mainColumn .content { margin: 0 20px; } /* 588px */
		
		.tmpl-3cols #rightColumn { width: 154px; }
		.tmpl-3cols #rightColumn .content { margin: 0; } /* 154px */


/*
	PAGE TITLE
================================================================================== */
#pageTitle { background: #7459a0; margin: 0 20px; overflow: hidden; }
#pageTitle h1 { line-height: 120%; font-size: 14px; color: #fff; margin: 0; padding: 5px 25px 5px 5px;  }
#pageTitle h1 img { margin-right: 5px; vertical-align: middle; }
	#b-ie6 #pageTitle h1 img { behavior: url("fileadmin/na/templates/js/pngbehavior.htc"); }