/*
 * CSS-File for
 * www.gutmann-factory.de
 * Copyright (c) CLICKSPORTS
 * $Rev: 50 $
 * $Author: cg $
 * $Date: 2012-01-24 14:07:30 +0100 (Di, 24 Jan 2012) $
 * Layout for pages
 */

html,
body {
	height: 100%;
}

body {
	min-width: 1062px;
	min-height: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #45484A;
	background-image: url(../files/bg_body.png);
	background-attachment: fixed;
	position: relative;
}

a:link { color: #272B2D; text-decoration: underline; }
a:visited { color: #272B2D; text-decoration: underline; }
a:hover { color: #272B2D; text-decoration: underline; }
a:active { color: #272B2D; text-decoration: underline; }

/* Page Structure */
div#column_left,
div#column_right {
	top: 0px;
	left: 0px;
	position: absolute;
}

div#column_left {
	width: 620px;
	min-height: 100%;
	background-color: #D2D2D2;
	z-index: 10;
}

div#column_right {
	width: 100%;
	height: 160px;
	background-image: url(../files/bg_header.png);
	background-position: 0px 6px;
	background-repeat: repeat-x;
}

div#language_switch {
	top: 191px;
	height: 71px;
	padding-bottom: 70px;
	font-size: 10px;
	background-image: url(../files/bg_language_switch.png);
	background-repeat: repeat-x;
	position: relative;
	z-index: 10;
}

div#footer {
	width: 100%;
	height: 55px;
	bottom: 0px;
	padding-top: 16px;
	background-color: #FFFFFF;
	background-image: url(../files/bg_footer.png);
	background-position: 0px 1px;
	background-repeat: repeat-x;
	position: fixed;
	z-index: 30;
}

/* Navigation Section */
ul#navigation {
	width: 575px;
	height: 35px;
	padding-left: 45px;
	border-bottom: 1px solid #808080;
	text-transform: uppercase;
	background-color: #272B2D;
	position: relative;
	z-index: 50;
}

ul#navigation li {
	list-style: none;
	float: left;
}

ul#navigation li h2 {
	margin: 12px 27px 0px 0px;
	font-size: 13px;
}

ul#navigation li h2 a {
	padding-bottom: 5px;
	color: #757C81;
	text-decoration: none;
	display: block;
}

ul#navigation li h2 a img {
	padding-bottom: 3px;
	display: block;
}

ul#navigation li.selected h2 a,
ul#navigation li h2 a.selected,
ul#navigation li h2 a.active_link {
	border-bottom: 3px solid #FFFFFF;
}

/* Default Styles for Subnavigation */
div.subnavigation ul {
	width: 581px;
	height: 23px;
	left: 0px;
	top: 36px;
	margin-left: -6px;
	padding: 13px 0px 0px 39px;
	font-size: 11px;
	background-color: #D2D2D2;
	position: absolute;
	z-index: 20;
}

div.subnavigation ul#collections,
div.subnavigation ul#collections ul { margin-left: 0px; }

div.subnavigation ul li {
	list-style: none;
	float: left;
}

div.subnavigation ul li a,
div#collection_navi_show a {
	margin: 0px 0px 0px 6px;
	padding: 3px;
	color: #606467;
	text-decoration: none;
	text-transform: uppercase;
}

span.navigation_spacer { margin-left: 10px; }

div.subnavigation ul li a.active { background-color: #FFFFFF; }

/* Styles for collections */
div#sub_collection {
	padding-bottom: 61px;
	background-image: url(../files/bg_sub_collection.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	position: relative;
	z-index: 30;
}

div#collection_flash { height: 155px; position: absolute; padding-top: 5px; }

div#collection_navi_show {
	width: 575px;
	height: 26px;
	top: 36px;
	left: 0px;
	padding: 10px 0px 0px 45px;
	background-color: #D2D2D2;
	position: absolute;
	z-index: 15;
}

div#sub_collection ul {
	width: 400px;
	height: 168px;
	padding: 0px 0px 0px 220px;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	background-color: #44484B;
	position: static;
}

div#sub_collection ul li {
	border-bottom: 1px solid #313537;
	float: none;
}

div#sub_collection ul li a {
	margin: 0px;
	padding: 4px 0px;
	color: #C3C3C3;
	background-color: #44484B;
	border: none;
	text-decoration: none;
	display: block;
}

div#sub_collection ul li ul {
	width: 245px;
	top: 0px;
	left: 375px;
	padding: 0px;
	position: absolute;
	z-index: 20;
}

div#sub_collection ul li ul li a { padding-left: 10px; background-color: transparent; }

div#sub_collection ul li.arrow a {
	padding-left: 16px;
	background-image: url(../files/bg_arrow.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	color: #FFFFFF;
}

div#sub_collection ul li.arrow ul li a { background-color: transparent; background-image: none; }

div#sub_collection ul li.last_element { border-bottom: 0px; }

/* Teaser Image */
div#teaser {
	width: 620px;
	height: 305px;
	top: 72px;
	background-color: #45484A;
	position: absolute;
	z-index: 10;
}

/* Content Section */
div#content {
	width: 460px;
	top: 365px;
	padding: 20px 115px 110px 45px;
	background-color: #D2D2D2;
	position: absolute;
	z-index: 20;
}

div#content h3 {
	margin-bottom: 13px;
	font-size: 24px;
	color: #3B303F;
}

div#content p,
div#content div,
div#content table,
div#content ul,
div#content ol {
	margin: 13px 0px 20px 0px;
	line-height: 18px;
}

/* Styles for Downloads */
div#content table.downloads { width: 90%; margin-top: 0px; }
table.downloads th,
table.downloads td {
	padding: 5px;
	vertical-align: top;
}

table.downloads th { font-weight: 800 }

table.downloads th,
table.downloads tr.odd {
	background-color: #DEDEDE;
}

tr.even { background-color: #FFFFFF; }

table.downloads td.download_name { padding-left: 15px; }

th.download_size,
td.download_size {
	width: 70px;
}

/* Right Column */
div#column_right_inset {
	margin-left: 620px;
	height: 50px;
	position: relative;
}

/* Heading Teasers */
div#heading_teaser_wrapper {
	min-height: 325px;
	top: 124px;
	background-color: #45484A;
	background-image: url(../files/bg_gm_brand.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: relative;
}

div#heading_teaser {
	width: 520px;
	top: 160px;
	left: 610px;
	margin-left: -30px;
	padding-top: 44px;
	padding-bottom: 30px;
	z-index: 30;
	position: absolute;
}

div#heading_box {
	padding: 30px 25px 20px 60px;
	background-image: url(../files/bg_heading_box.png);
	background-repeat: no-repeat;
	background-position: 29px 19px;
	background-color: transparent;
}

div#heading_box h1 { font-size: 26px; }

div#heading_teaser h2 {
	margin-left: 58px;
	padding-top: 20px;
	border-top: 10px solid #272B2D;
	color: #666666;
	text-transform: uppercase;
}

body.noscroller div#language_switch { top: 125px; }

/* Language Switch Section */
div#language_switch div {
	width: 357px;
	height: 61px;
	padding: 10px 0px 0px 25px;
	color: #272B2D;
}
div#language_switch div p { margin-top: 3px; }

/* Footer Section */
div#footer_navigation {
	left: 45px;
	position: relative;
	font-size: 10px;
	float: left;
}

img#logo {
	top: -17px;
	margin-right: 45px;
	margin-top: 3px;
	padding: 17px 0px 20px 45px;
	border-left:1px solid #CDCDCD;
	position: relative;
	float: right;
}

/* The main page has some different styles */
body#home div#teaser {
	top: 36px;
	padding-bottom: 61px;
	border-top: 36px solid #D2D2D2;
	background-image: url(../files/bg_sub_collection.png);
	background-color: transparent;
	background-position: bottom left;
	background-repeat: repeat-x;
}

body#home div#column_left { background-color: transparent; }

div#flashnavigation_startpage_wrapper {
	width: 620px;
	height: 305px;
	background-color: #45484A;
}

body#home div#content { display: none; }

/* Sortable Tables */
table.sortable { width: 515px; }

table.sortable th,
table.sortable td {
	padding: 5px 13px;
	border: 1px solid #EFEFEF;
}

table.sortable td { vertical-align: top; }

table.sortable th {
	font-weight: 800;
	text-transform: uppercase;
	color: #939596;
	background-color: #272B2D;
}

table.sortable th.sortasc,
table.sortable th.sortdesc {
	padding-left: 26px;
	padding-right: 0px;
	color: #FFFFFF;
	background-position: 14px 12px;
	background-repeat: no-repeat;
}

table.sortable th.sortfirstasc { padding-right: 13px !important; }

table.sortable th.sortasc { background-image: url(../files/sort_asc.gif); }
table.sortable th.sortdesc { background-image: url(../files/sort_desc.gif); }
table.sortable th.sortcol { cursor: pointer; }

table.sortable tr.rowodd { background-color: #DEDEDE; }
table.sortable tr.roweven {}

div#content div#map {
	border: 1px solid #FFFFFF;
}

div#content div#map, div#content div#map div {
	margin-top: 0px;
	line-height: 15px;
}

div#content a.logo_merchant {
	text-decoration: none !important;
	display: block;
}

.nows { white-space: nowrap; }