/*-----------------------------------------------------------------------------
Layout Style Sheet
for http://www.kahnplus.org

version:   1.0
author:    Eva-Lotta Lamm
email:     evalotta.lamm@kahnplus.com
website:   http://www.kahnplus.com

-----------------------------------------------------------------------------*/




/* =Global Reset
    -----------------------------------------------------------------------------*/
/* Remove padding and margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0}

/* Remove borders */
table {border-collapse:collapse; border-spacing:0}
fieldset, img {border:0}
abbr, acronym {border:0}

/* Remove border around linked images */
img {border: 0;}

/* Reset font-size and -weight */
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal}

/* Remove styling from all list items */
ol, ul {list-style:none}

/* Aligning captions left */
caption, th {text-align:left}

/* Remove quotemarks */
q:before, q:after {content:''}


/* =General
-----------------------------------------------------------------------------*/

/* Hide skip links */
#accessibility, #page_description {	
	height:0px !important;
	width:0px !important;
	overflow:hidden !important;
}

/* fixing the IE/Win Disappearing List-Background Bug */
ul, ol, dl {position: relative; }

/* Class for clearing floats */
.clear { clear:both;}

/* hiding elements */
hr, .hidden {
	display:none !important;
	/* position:absolute !important;
	height:0px !important;
	width:0px !important;
	overflow:hidden !important;*/
}

/* clearing div*/
.clearboth {clear:both;height:1px;font-size:1px;line-height:1em;}


/* --------------------------------------------------------------------------
-----------------------------------------------------------------------------
    Layout
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/


/* --------------------------------------------------------------------------
   =Header
-----------------------------------------------------------------------------*/

#header { 	
	width:100%;
	min-width:960px;
	float:left;
}

#header a { 	
	color:#fff;
}

#header #logo {
	height:108px;
	width:180px;
}

#header #logo a {
	background:transparent url(../img/common/ka_logo.gif) no-repeat 21px 22px;
	display:block;
	height:108px;
	text-indent:-9999px;
	width:180px;
}

#header #tagline {
	display:none;
}

/* =Nav tools
-----------------------------------------------------------------------------*/
#header .nav_tools {
	margin-top:-85px;
	margin-left:180px;
	overflow:hidden;
	padding-bottom:0.4em;
	width:780px;
}

#header .nav_tools ul {
	float:right;
	margin-right:10px;
	display:inline;
}

#header .nav_tools li, #footer .nav_tools li {
	float:left;
	margin-left:1em;
}

/* =Global Nav
-----------------------------------------------------------------------------*/
#global_nav {
	background:#A8CCDD url(../img/common/bg_global_nav.gif) repeat-x 0 37% ;
	height:7.2em;
	min-width:780px;
	margin-left:180px;
	overflow:hidden;
}

#global_nav ul {
	background: url(../img/common/tagline.gif) no-repeat 455px bottom;
	width:780px;
	height:7.2em;
}

#global_nav li {
	background-color:#000;
	float:left;
}

#global_nav li a {
	display:block;
	margin:0;
}



/* --------------------------------------------------------------------------
   =Main area
-----------------------------------------------------------------------------*/
#main_area {
	background: url(../img/common/bg_shadow_content.png) repeat-y 160px 0;
	clear:left;
	width:980px;
	overflow:hidden;
	position:relative;
}

#corner {
	background: url(../img/common/bg_shadow_corner.gif) no-repeat top right;
	width:20px;
	height:20px;
	position:absolute;
	left:160px;
}



/*  =Local Nav
-----------------------------------------------------------------------------*/
#local_nav {
	background:url(../img/common/bg_gradient_localnav.gif) repeat-x top left;
	width:180px;
	float:left;
	display:inline;
}

#local_nav ul {
	margin-top:15px;
}

#local_nav ul ul {
	margin-top:0;
}

#local_nav #language {
	margin-top:0.5em;
	margin-left:20px;
}


/* --------------------------------------------------------------------------
   =Content
-----------------------------------------------------------------------------*/
#content {
	background:#fff url(../img/common/bg_gradient_content.gif) repeat-x top left;
	width:780px;
	float:right;
	margin:0 20px 0 0;
	padding:3.6em 0 1.8em 0;
	display:inline;
}

#content h1 {
	padding: 0 240px 0 80px;
	float:left;
}

/*  =Main Content
-----------------------------------------------------------------------------*/
#main_content { 
	width:540px;
	float:left;
}

#main_content p, #main_content ol, #main_content ul, #main_content h1, #main_content h2, #main_content h3 { 
	margin-left:80px;
}

#main_content img { 
	float:left;
	margin: 0.2em 20px 0.9em 0;
}

#main_content .caption_s,
#main_content .caption_m,
#main_content .caption_l { 
	clear:left;
	display:inline;
	float:left;
	margin:0 20px 0 0; 
	padding-left:80px;
	overflow:visible;
}

#main_content .caption_s span,
#main_content .caption_m span,
#main_content .caption_l span { 
	width:80px;
	margin-left:-80px;
	padding-right:5px;
	display:inline;
	float:left;
	text-align:right;
}

#main_content .caption_s {width:140px;}
#main_content .caption_m {width:220px;}
#main_content .caption_l {width:460px;margin-bottom: 0.8181em;}




/*  =Secondary Content
-----------------------------------------------------------------------------*/
#secondary_content { 
	width:220px;
	float:right;
}




/* --------------------------------------------------------------------------
   =Footer
-----------------------------------------------------------------------------*/

#footer {
	background:url(../img/common/bg_shadow_content_bottom.png) no-repeat top left;
	clear:both;
	display:inline;
	margin:0 0 0 160px;
	float:left;
	padding:5px 0 25px 0;
	width:820px;
}

#footer p {
	float:left;
	margin-left:20px;
	display:inline;
}

#footer .nav_tools {
	float:right;
	margin-right:30px;
	display:inline;
}

#footer .nav_tools li {
	float:left;
}