/**
 * Layout for lifestockings.com
 * (c) CLICKSPORTS DIGITAL SOLUTIONS
 * http://www.clicksports.de
 * 
 * $Rev: 294 $
 * $Author: cs $
 * $Date: 2009-10-21 16:08:10 +0200 (Mi, 21 Okt 2009) $
 */

/* Reset Section */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset,img { border: 0px; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
ul { list-style: none; }
object, embed { display: block; outline: none; }

/* Default Section */
html, body { height: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000337;
	background-image: url(../layout/lifestockings_bg_wrapper.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

a { color: #FFFFFF; text-decoration: none; }

/* Default Layout Section */
div#page { width: 960px; min-height: 100%; position: relative; }

h1#header {
	height: 47px;
	padding: 20px 32px 11px 0px;
	text-align: right;
	background-color: #001941;
}
h1#header img { height: 47px; display: inline-block; }

div#wrapper { position: relative; }
div#navigation { width: 193px; top: 3px; left: 0px; position: absolute; }
div#content {
	min-height: 320px;
	margin: 25px 0px 25px 225px;
	padding: 25px;
	position: relative;
}

div#footer {
	width: 960px;
	margin-top: -34px;
	height: 34px;
	background-color: #001941;
	position: relative;
}

/* Navigation Section */
div#navigation h2 {
	height: 13px;
	margin: 25px 0px 17px 25px;
	background-image: url(../layout/lifestockings_bg_navigation.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	text-transform: uppercase;
	text-indent: -5000px;
}
div#navigation ul li a {
	padding: 4px 0px 3px 25px;
	color: #A6A7AD;
	border-bottom: 1px solid #999999;
	display: block;	
}

div#navigation ul li a.nosub,
div#navigation ul li ul li a.active,
div#navigation ul li a:hover,
div#navigation ul li ul li a:hover {
	color: #FFFFFF;
	background-image: url(../layout/lifestockings_bg_navigation_active.jpg);
	background-position: 9px 6px;
	background-repeat: no-repeat;
}

div#navigation ul li ul { margin-bottom: 10px; }
div#navigation ul li ul li a { padding-left: 40px; border-bottom: none; }
div#navigation ul li ul li a.active,
div#navigation ul li ul li a:hover {
	background-position: 24px 6px;
}

/* Footer Section */
ul#metanavigation, ul#language_switch { top: 7px; position: absolute; }
ul#metanavigation { left: 25px; }
ul#language_switch { right: 32px; }

ul.navigation_list li { display: inline; }
ul.navigation_list li a {
	margin-right: 34px;
	display: inline-block;
}
ul#language_switch li a { margin-right: 5px; } 
ul#language_switch li strong { margin-right: 10px; display: inline-block; }

/* Home Section */
div.home { margin: 60px auto !important; }
div.home h3 { margin-bottom: 20px; }
div.home h4 { margin-bottom: 5px; }

div.home ul#language_switch { top: auto; right: auto; position: static; }
div.home ul#language_switch li { margin-bottom: 5px; display: block; }

div#content h3,
div#content h4,
div#content p {
	width: 400px;
}

div#content div.headline h3 { margin-bottom: 0px; font-size: 24px; }
div#content div.headline h4 { font-size: 17px; }

div#content h3 { margin-bottom: 6px; font-size: 15px; }
div#content h4 { margin-bottom: 20px; font-size: 13px; }
div#content p {
	margin-bottom: 12px;
	font-size: 13px;
	line-height: 16px;
}

div.image { position: absolute; }
div.masked {
	width: 189px;
	height: 189px;
	overflow: hidden;
}
div.mask {
	width: 189px;
	height: 189px;
	background-image: url(../layout/lifestockings_mask.png);
	background-repeat: no-repeat;
	z-index: 20;
	position: absolute;
}
div.img_pos { position: relative; }
div.masked img { width: 189px; }
div.image img { z-index: 10; position: absolute; }