html, body {
	background: #000 url('../gfx/body_background.png') top left repeat-x;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

input, select, textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
}


/* Basic classes */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.hidden {
	display: none;
}

.img_left {
	float: left;
	padding: 0 8px 8px 0;
}

.img_right {
	float: right;
	padding: 0 0 8px 8px;
}

.clear {
	clear: both;
}

/* SEITEN LAYOUT */
#page {
	width: 960px;
	margin: 20px auto;
	position: relative;
	background: #fff url('../gfx/page_background.png') top left repeat-x;
	color: #333;
	border: 1px solid #ccc;
	padding: 20px;
}

/* HEADER */
#header {
	height: 110px;
	width: 100%;
	display: block;
	overflow: hidden;
}

#header_left {
	float: left;
}

#header_left a {
	float: left;
}

#header_right {
	float: right;
}

#header_search, 
#header_navigation, 
#header_language {
	float: left;
	width: auto;
}

/* KOPFNAVIGATION */
#header_navigation {
	padding: 0px 20px 0px 30px;
	line-height: 20px;
	display: inline;
}

#header_navigation li {
	display: block;
	float: left;
	padding: 0px 15px 0px 0px;
}

#header_navigation li a, 
#header_navigation li a:link, 
#header_navigation li a:visited {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}

#header_navigation li a:hover, 
#header_navigation li a:active, 
#header_navigation li a:focus, 
#header_navigation li a.active {
	color: #000;
}

/* SPRACHWECHSLER */
#header_language p {
	color: #999;
	line-height: 20px;
}

#header_language a, 
#header_language a:link, 
#header_language a:visited {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	border-right: 1px solid #999;
	padding: 0 4px 0 0;
}

#header_language a:hover, 
#header_language a:active, 
#header_language a:focus, 
#header_language a.active {
	color: #000;
}

#header_language a:last-child, #header_language a.last_child {
	border: none;
}

/* HAUPTNAVIGATION */
#main_navigation {
	height: 58px;
	overflow: hidden;
	background: transparent;
	z-index: 4;
	position: relative;
	border-bottom: none;
}

#first_line {
	height: 28px;
	background: transparent url('../gfx/navigation_background.jpg') top left repeat-x;
	border: 1px solid #ccc;
	border-bottom: none;
}

#collection_navigation {
	float: left;
}

#page_navigation {
	float: right;
}

#collection_navigation li, 
#page_navigation li {
	display: inline;
	float: left;
	background: transparent url('../gfx/li_spacer.jpg') right center no-repeat;
}

#collection_navigation li:last-child, 
#page_navigation li:last-child,
#collection_navigation li.last_child, 
#page_navigation li.last_child {
	background: transparent;
}

#collection_navigation a,
#collection_navigation a:link,
#collection_navigation a:visited, 
#page_navigation a,
#page_navigation a:link,
#page_navigation a:visited {
	display: block;
	height: 17px;
/* 	line-height: 28px; */
	font-weight: bold;
	font-size: 16px;
	padding: 7px 5px 4px 5px;
	color: #000;
	text-decoration: none;
}

#page_navigation a,
#page_navigation a:link,
#page_navigation a:visited {
	padding: 6px 20px;
}

#collection_navigation a:hover,
#collection_navigation a:active,
#collection_navigation a:focus,
#collection_navigation a.active,
#collection_navigation a.hovered, 
#page_navigation a:hover,
#page_navigation a:active,
#page_navigation a:focus,
#page_navigation a.active,
#page_navigation a.hovered {
	color: #fff;
	background: transparent url('../gfx/navigation_hover.jpg') top left repeat-x;
}

#page_navigation a:hover,
#page_navigation a:active,
#page_navigation a:focus,
#page_navigation a.active {
	color: #fff;
}

#second_line {
	height: 30px;
	background: transparent url('../gfx/subnavigation_background.jpg') bottom left repeat-x;
	border-left: 1px solid #ccc;
	border-right: 1px solid #aaa;
}

#subcollection_navigation li {
	display: inline;
	float: left;
	padding: 0 10px 0 0;
}

#subcollection_navigation a,
#subcollection_navigation a:link,
#subcollection_navigation a:visited {
	display: block;
	height: 30px;
/* 	line-height: 30px; */
	font-size: 16px;
	font-weight: bold;
	padding: 7px 5px 0 5px;
	color: #fff;
	text-decoration: none;
}

#subcollection_navigation a:hover,
#subcollection_navigation a:active,
#subcollection_navigation a:focus,
#subcollection_navigation a.active {
	color: #fff;
	background: transparent url('../gfx/subnavigation_hover.jpg') top left repeat-x;
}

/* FOOTER */
#footer {
	border-top: 1px dashed #ccc;
	margin: 20px 0 0 0;
	width: 100%;
}

#footer ul {
	color: #999;
	padding: 10px 0 0 0;
}

#footer li {
	display: inline;
}

#footer li a, 
#footer li a:link, 
#footer li a:visited {
	color: #999;
	text-decoration: none;
	border-right: 1px solid #999;
	padding: 0 4px 0px 4px;
}

#footer li a:hover, 
#footer li a:active, 
#footer li a:focus, 
#footer li a.active {
	color: #333;
}

#footer li:last-child a, #footer li.last_child a {
	border: none;
}




/* CONTENT BEREICH */
#content {
	
}

#content h1 {
	color: #000;
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
}

#content h2 {
	color: #c00020;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	padding: 0 0 4px 0;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 10px 0;
}

#content h2.border {
	border-bottom: 1px dashed #ccc;
	margin: 0 0 10px 0;
}

#content .container_wrapper h2 {
	border-bottom: 1px dashed #ccc;
	margin: 0 0 10px 0;
}

#content h3 {
	color: #000;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	padding: 5px 0 4px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px dashed #ccc;
}

#content h4 {
	color: #c00020;
	font-size: 16px;
	font-weight: bold;
}

#content h5 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 5px 8px 0px;
}

#content h5 a,
#content h5 a:link,
#contene h5 a:visited {
	color: #000;
	text-decoration: none;
	line-height: 16px;
	font-size: 13px;
	display: block;
}

#content h5 a:hover,
#content h5 a:active,
#content h5 a:focus,
#content h5 a.active {
	color: #c00020;
	text-decoration: none;
}


.teaser {
	border-bottom: 1px dashed #ccc;
	padding: 0px 0 0 0;
	margin: 0 0 8px 0;
}

.teaser:last-child {
	border-bottom: none;
}

#content p {
	color: #000;
	padding: 0 0 10px 0;
	font-size: 12px;
	line-height: 18px;
}

strong, b {
	font-weight: bold;
}

em {
	font-style: italic;
}

#content td {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

#content td.border {
	border-bottom: 1px dashed #ccc;
}

#content td p {
	padding: 10px 10px 10px 0px;
}

#content p a,
#content p a:link,
#contene p a:visited,
#content td a,
#content td a:link,
#contene td a:visited {
	color: #c00020;
	text-decoration: none;
}

#content p a:hover,
#content p a:active,
#content p a:focus,
#content td a:hover,
#content td a:active,
#content td a:focus {
	text-decoration: underline;
}

#content ul {
	list-style: square;
	padding: 4px 0px 16px 16px;
}

#content ol {
	list-style: decimal;
	padding: 4px 0px 16px 16px;
}

#content .teaser p {
	font-weight: normal;
}

#content .teaser p a {
	font-weight: bold;
}

ul#content_navigation {
	list-style: none;
	padding: 0px 0 20px 0;
}

#content_navigation ul {
	list-style: none;
	padding: 0px 0 0px 0;
}

#content_navigation li {
	padding: 0;
	margin: 0;
}

#content_navigation li a,
#content_navigation li a:link,
#content_navigation li a:visited {
	display: block;
/* 	height: 26px; */
	width: 375px;
/* 	line-height: 26px; */
	font-size: 14px;
	padding: 0px 5px 8px 0px;
	margin: 0 0 8px 0;
	color: #999;
	text-decoration: none;
	border-bottom: 1px dashed #ccc;
}

#content_navigation li li a,
#content_navigation li li a:link,
#content_navigation li li a:visited {
	padding: 0 5px 8px 15px;
	width: 360px;
}

#content_navigation li a:hover,
#content_navigation li a:active,
#content_navigation li a:focus,
#content_navigation li a.active {
	color: #333;
}

ul#sitemap {
	list-style: none;
	padding: 0px;
}

ul#sitemap ul {
	list-style: none;
	padding: 0px;
}

#sitemap li {
	padding: 0 0 0 0px;
}

#sitemap li a,
#sitemap li a:link,
#sitemap li a:visited {
	display: block;
	height: 18px;
	width: 355px;
	line-height: 18px;
	font-size: 13px;
	padding: 8px 5px 0 5px;
	color: #999;
	text-decoration: none;
	border-bottom: 1px dashed #ccc;
}

#sitemap li a:hover,
#sitemap li a:active,
#sitemap li a:focus,
#sitemap li a.active {
	color: #333;
}

#sitemap li li a,
#sitemap li li a:link,
#sitemap li li a:visited {
	width: 340px;
	padding: 8px 5px 0 20px;
}

#sitemap li li li a,
#sitemap li li li a:link,
#sitemap li li li a:visited {
	width: 320px;
	padding: 8px 5px 0 40px;
}

#sitemap li li li li a,
#sitemap li li li li a:link,
#sitemap li li li li a:visited {
	width: 300px;
	padding: 8px 5px 0 60px;
}

/* Normales Seiteninhaltstemplate */
.template_normal {
}

/* Spalte vom Inhaltstemplate */
.template_normal .container_single {
	margin: -31px 0 0 0;
	border: 1px solid #ccc;
	z-index: 3;
	position: relative;
}

.template_normal .container_double {
	padding: 20px 0px;
}

.template_normal .left_column {
	float: left;
	width: 380px;
	padding: 0 43px 0 0;
}

.template_normal .right_column {
	float: left;
	width: 535px;
	padding: 0 0 0 0;
}


/* Box-Template */
.template_box {
	padding: 20px 0px 10px 0px;
}

.template_box .template_column {
	background: #fff url('../gfx/box_background.jpg') top left repeat-x;
	border: 1px solid #ccc;
	padding: 20px;
}

.template_box .template_column {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.template_box .container_triple {
	width: 948px;
	overflow: hidden;
}

.template_box .container_triple div {
	padding-bottom: 2000px;
	margin-bottom: -2000px;
}

.template_box .container_triple div div {
	padding-bottom: 0;
	margin-bottom: 0;
}

.template_box .left_column {
	float: left;
	width: 320px;
	padding-right: 15px;
}

.template_box .center_column {
	float: left;
	width: 250px;
	padding-left: 30px;
	padding-right: 30px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
}

.template_box .right_column {
	float: left;
	width: 240px;
	padding-left: 20px;
	padding-right: 10px;
}

/* Inhalte mit großem Seitenbild */
.template_image {
	margin: -31px 0 0 0;
	border: 1px solid #ccc;
	z-index: 3;
	position: relative;
	min-height: 750px;
	height: auto;
/* 	overflow: hidden; */
}

.template_image .container_toggle {
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 268px;
	right: 32px;
	z-index: 5;
}

.template_image .container_toggle img {
	cursor: pointer;
}

.template_image .container_wrapper {
	height: 240px;
	width: 878px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: #fff;
	padding: 18px 20px 18px 20px;
	border: 1px solid #ccc;
	z-index: 4;
	overflow: hidden;
}

.template_image .container_wrapper.products {
	min-height: 640px;
	height: auto;
	width: 878px;
	position: absolute;
	top: 51px;
	left: 20px;
	background: #fff;
	padding: 18px 20px 20px 20px;
	border: 1px solid #ccc;
	z-index: 4;
/* 	overflow: hidden; */
}

.container_wrapper .container_double {
	height: 260px;
	width: 878px;
	overflow: hidden;
}

.container_wrapper .left_column {
	width: 335px;
	padding: 0 43px 0 0;
	float: left;
}

.container_wrapper .right_column {
	width: 500px;
	float: left;
}