html, body {
	height:100%;
}

html {
	margin-bottom:1px; /* Override im IE6-Stylesheet*/
}

body {
	text-align:center; /* Muss in jedem Wrap ueberschrieben werden! */
	font:100.01%/1.4 Arial,sans-serif;
	background:#fff url(../img/layout/bg_body_test.png) repeat-x center 99px;
}

/* Sticky Footer aus Kompatibilitätsgruenden erstmal entfernt */
/*
#nonFoot {
	position:relative;
	min-height:100%;
	padding-bottom:60px;
}
*/

/*
 * NAVIGATION
 */

#content-nav {
	float:left;
	clear:both;
	width:874px;
	border:1px solid #c6c6c6;
	border-width:1px 0;
	padding:0 20px;
	margin:0 0 25px 0 !important;
	font-size:1em !important;
	list-style:none !important;
}

#content-nav li {
	float:left;
	margin:0 20px 0 0;
	line-height:30px;
	font-size:inherit;
	list-style:none !important;
}

#content-nav a:link,
#content-nav a:visited {
	font-size:0.7em;
	color:#005bab;
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 0 0 8px;
	background:url(../img/layout/bg_a_arrow.png) no-repeat left center;
}

#content-nav a:hover,
#content-nav a:focus,
#content-nav a:active {
	color:#e41c3c !important;
	text-decoration:none !important;
	background:url(../img/layout/bg_arrow_red.png) no-repeat left center;
}

#content-nav span {
	font-size:0.7em;
	color:#e41c3c;
	line-height:30px;
	text-transform:uppercase;
	padding:0 0 0 8px;
	background:url(../img/layout/bg_arrow_red.png) no-repeat left center;
}

#content-nav a.active:hover,
#content-nav a.active:focus,
#content-nav a.active:active {
	text-decoration:none !important;
	cursor:inherit; /* Override im IE6-Stylesheet*/
}












.nav-sitemap {
	display:block;
	width:650px;
	float:left;
	clear:both;
	list-style:none !important;
	margin:0 0 20px 0 !important;
}

.nav-sitemap li {
	float:left;
	margin:0 20px 0 0;
	list-style:none !important;
}

.nav-sitemap a:link,
.nav-sitemap a:visited {
	text-decoration:none;
	padding:0 0 0 8px;
	background:url(../img/layout/bg_arrow_blue.png) no-repeat left center;
}

.nav-sitemap span {
	color:#e41c3c;
	padding:0 0 0 8px;
	background:url(../img/layout/bg_arrow_red.png) no-repeat left center;
}







/*
 * HEADER
 */

#head {
	width:100%;
	height:355px;
	background:url(../img/layout/bg_head.png) repeat-x left top;
}

#head-shadow {
	width:100%;
	height:355px;
	background:url(../img/layout/bg_head_shadow.png) no-repeat center top; /* Override im IE6-Stylesheet*/
}

#head-wrap {
	width:914px;
	height:355px;
	margin:0 auto;
	text-align:left;
	background:url(../img/layout/bg_head_wrap.jpg) no-repeat center top;
	position:relative;
}

/* SMALL HEADER */

.small-head #head {
	height:254px;
	background:url(../img/layout/bg_head_small.png) repeat-x left top;
}

.small-head #head-shadow {
	height:254px;
	background:url(../img/layout/bg_head_shadow_small.png) no-repeat center top; /* Override im IE6-Stylesheet*/
}

.small-head #head-wrap {
	height:254px;
	background:url(../img/layout/bg_head_wrap_small_default.jpg) no-repeat center top;
}

.small-head-unternehmen #head-wrap {
	background:url(../img/layout/bg_head_wrap_small_unternehmen.jpg) no-repeat center top !important;
}

.small-head-sortiment #head-wrap {
	background:url(../img/layout/bg_head_wrap_small_sortiment.jpg) no-repeat center top !important;
}

.small-head-service #head-wrap {
	background:url(../img/layout/bg_head_wrap_small_service.jpg) no-repeat center top !important;
}

/* HEADER CONTENT */

#head ul.nav-meta {
	list-style:none;
	float:left;
	width:345px;
	margin:0 0 0 30px;
	padding:20px 0 0 15px;
	line-height:1;
	border:1px solid #9cf;
	border-width:0 0 0 1px;
}

#head ul.nav-meta li {
	display:inline;
}

#head ul.nav-meta a:link,
#head ul.nav-meta a:visited {
	display:inline-block;
	padding:0 0 0 8px;
	margin:0 10px 0 0;
	font-size:0.7em;
	text-decoration:none;
	color:#9cf;
	background:url(../img/layout/bg_arrow_lightblue.png) no-repeat left center;
}

#head ul.nav-meta a:hover,
#head ul.nav-meta a:focus,
#head ul.nav-meta a:active {
	text-decoration:underline;
}

#head ul.nav-meta span {
	display:inline-block;
	margin:0 10px 0 0;
	font-size:0.7em;
	text-decoration:none;
	color:#fff;
	padding:0 0 0 8px;
	background:url(../img/layout/bg_arrow_white.png) no-repeat left center;
}

#head .fb-like{
	display:inline-block;
	width:235px;
	right:0;
	top:20px;
	position:absolute;
}

#head .fb-like #fb-root{
	display:inline;
}

#head .fb-like iframe{
	width:105px !important;
}

#head .fb-like a{
	background: url("../img/layout/bg_arrow_lightblue.png") no-repeat right 6px;
    color: #99CCFF;
	display:inline-block;
    font-size: 0.7em;
	margin: 2px 5px 0 0;
	padding: 0 10px 0 0;
	vertical-align:top;
	text-decoration:none;
}
#head .fb-like a:hover{
	text-decoration:underline;
}

#head h1 {
	float:right;
	width:300px;
	height:100px;
	margin:10px 28px 0 0;
}

#head h1 a {
	display:block;
	width:300px;
	height:100px;
	text-decoration:none;
}

#head h1 strong {
	visibility:hidden;
}

#head ul.nav {
	float:left;
	margin:7px 0 0 30px; /* Override im IE6-Stylesheet*/
	width:550px; 
	height:30px;
	list-style:none;
	line-height:30px;
	background:url(../img/layout/bg_nav_line.png) no-repeat left top;
	padding:0 0 0 1px;
}

#head ul.nav li {
	float:left;
	height:30px;
	background:url(../img/layout/bg_nav_line.png) repeat-x left top;
	padding:0 1px 0 0;
}

#head ul.nav a:link,
#head ul.nav a:visited {
	display:block;
	height:30px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.75em;
	vertical-align:middle;
	padding:0 20px;
	background:url(../img/layout/bg_nav_a_sprite.png) repeat-x 0 0;
	
	position:relative;
	overflow:hidden;
	text-align:center;
}

#head ul.nav a:hover,
#head ul.nav a:focus,
#head ul.nav a:active {
	background-position:0 -30px;
}

ul.nav a div.text {
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	width:200px;
	height:30px;
	background:url(../img/layout/bg_nav_a_sprite.png) repeat-x 0 0;
}

ul.nav a div.bg {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:200px;
	height:30px;
	background:url(../img/layout/bg_nav_a_sprite.png) repeat-x 0 -30px;
}

#head ul.nav span,
#head ul.nav a.active {
	display:block;
	height:30px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.75em;
	vertical-align:middle;
	padding:0 20px 0 20px;
	background:url(../img/layout/bg_nav_a_sprite.png) repeat-x 0 -30px !important;
}

#promotion-screen {
	float:left;
	width:271px;
	height:327px;
	padding:43px 0 0 29px;
	background:url(../img/layout/bg_promotion_screen_shadow.png) no-repeat 20px 347px;
}

#promotion-text {
	float:left;	
	width:555px;
	height:140px;
	margin:8px 0 0 30px;
}

/* SMALL HEADER CONTENT */

.small-head #head ul.nav-meta {
	margin:0 0 0 325px;
}

.small-head #head ul.nav {
	margin:164px 0 0 0; /* Override im IE6-Stylesheet*/
	padding:0 0 0 0;
}

.small-head #head h1,
.small-head #head h1 a {
	height:115px;
}

/*
 * CONTENT
 */
  
#content-wrap {
	width:914px;
	margin:0 auto;
	text-align:left;
	clear:both;
}

#content-main {
	float:left;
	clear:left;
	width:650px;
	margin:0 0 0 20px;
}

#column-wrap {
	float:left;
	clear:left;
	width:650px;
	margin:0 0 0 20px;
}

/* Für wiederholten Einsatz innerhalb von #content-wrap (linke Margin fehlt) */
.column-wrap {
	float:left;
	clear:left;
	width:650px;
}

/* 3-column 1|2|3 */

#column1,
.column1 {
	float:left;
	width:203px;
	margin:0 20px 0 0;
}

#column2,
.column2 {
	float:left;
	width:203px;
	margin:0 20px 0 0;
}

#column3,
.column3 {
	float:left;
	width:204px;
}

/* 2-column 1,2|3 */

#column1-12-3,
.column1-12-3 {
	float:left;
	width:426px;
	margin:0 20px 0 0;
}

#column2-12-3,
.column2-12-3 {
	float:left;
	width:204px;
}

/* 2-column 1|2,3 */

#column1-1-23,
.column1-1-23 {
	float:left;
	width:204px;
	margin:0 20px 0 0;
}

#column2-1-23,
.column2-1-23 {
	float:left;
	width:426px;
}

/************************************************
 * Gallery
 ************************************************/
.gallery{
	margin-bottom:30px;
}
.gallery a{
	background:none !important;
	padding:0 !important;
}
.gallery a img.thumb{
	float:left;
	border:1px solid #c6c6c6;
	margin:0 7px 0 0;
}
.gallery a img.thumb.last{
	margin:0;
}
.gallery .separator{
	clear:left;
	height:1px;
	margin:0 0 6px
}

/* sidebar */

#content-sidebar {
	width:204px;
	float:right;
	margin:0 20px 0 0;
}

/*
 * FOOTER
 */

#foot {
	height:222px;
	background:url(../img/layout/bg_foot.png) repeat-x center bottom;
	clear:both;
	padding:70px 0 0 0;
	
	/* Sticky Footer aus Kompatibilitätsgruenden erstmal entfernt */
	/* position:relative; */
	/* margin:-222px 0 0 0; */ /* Override im IE6-Stylesheet */
}

#foot-shadow {
	width:100%;
	height:222px;
	background:url(../img/layout/bg_foot_shadow.png) no-repeat center bottom; /* IE6 compatible */
}

#foot-wrap {
	width:914px;
	height:222px;
	margin:0 auto;
	text-align:left;
	background:url(../img/layout/bg_foot_wrap.jpg) no-repeat 0 0;
	
	
}

#foot p.to-top {
	float:right;
	width:100px;
	margin:28px 30px 0 0;
	text-align:right;
}

#foot p.to-top a:link,
#foot p.to-top a:visited {
	padding:0 0 0 5px;
	font-size:0.9em;
	color:#fff;
	text-decoration:none;
	background:url(../img/layout/bg_nav_meta_li.png) no-repeat left center;
}

#foot p.to-top a:hover,
#foot p.to-top a:focus,
#foot p.to-top a:active {
	text-decoration:underline !important;
}

#foot dl {
	float:left;
	width:760px;
	color:#9cf;
}

#foot dl dt{ /* Override im IE6-Stylesheet */
	float:left;
	clear:left;
	width:220px;
	margin:25px 0 0 30px;
	font-size:0.95em;
}

#foot dl dd{
	float:left;
	clear:right;
	width:510px;
	margin:28px 0 0 0;
	font-size:0.75em;
}

#foot ul.nav-meta {
	list-style:none;
	float:left;
	width:540px;
	margin:0 0 0 30px;
	padding:20px 0 0 0;
	clear:both;
	line-height:1;
}

#foot ul.nav-meta li {
	display:inline;
}

#foot ul.nav-meta a:link,
#foot ul.nav-meta a:visited {
	display:inline-block;
	padding:0 0 0 8px;
	margin:0 10px 0 0;
	font-size:0.7em;
	text-decoration:none;
	color:#fff;
	background:url(../img/layout/bg_arrow_white.png) no-repeat left center;
}

#foot ul.nav-meta a:hover,
#foot ul.nav-meta a:focus,
#foot ul.nav-meta a:active {
	text-decoration:underline;
}

#foot ul.nav-meta span {
	display:inline-block;
	margin:0 10px 0 0;
	font-size:0.7em;
	text-decoration:none;
	color:#fff;
	padding:0 0 0 8px;
	background:url(../img/layout/bg_arrow_white.png) no-repeat left center;
}

#foot ul.nav {
	list-style:none;
	display:block;
	clear:both;
	margin:0 0 0 30px;
	padding:16px 0 0 0;
	line-height:1;
}

#foot ul.nav li {
	display:block;
}

#foot ul.nav a:link,
#foot ul.nav a:visited {
	padding:0 0 0 8px;
	margin:0 10px 0 0;
	font-size:0.7em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background:url(../img/layout/bg_arrow_white.png) no-repeat left center;
}

#foot ul.nav a:hover,
#foot ul.nav a:focus,
#foot ul.nav a:active {
	color:#fff;
	text-decoration:underline !important;
}

#foot ul.nav ul {
	display:inline;
}

#foot ul.nav ul li {
	display:inline;
}

#foot ul.nav ul a:link,
#foot ul.nav ul a:visited {
	display:inline-block;
	font-weight:normal;
}

#foot ul.nav ul a:hover,
#foot ul.nav ul a:focus,
#foot ul.nav ul a:active {
	text-decoration:underline;
}

#foot ul.nav a.active,
#foot ul.nav ul span {
	font-size:0.7em;
	text-decoration:none;
	color:#9cf;
	margin:0 10px 0 0;
	padding:0 0 0 8px;
	background:url(../img/layout/bg_arrow_lightblue.png) no-repeat left center;
}

#foot p.copyright {
	display:block;
	padding:20px 0 0 0;
	margin:0 0 0 30px;
	color:#fff;
	font-size:0.7em;
}