@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
}

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/

html,
body {
	height:100%;
	min-width:968px;
}

body {
	background:#ffffff url(../images/bg-body.jpg) center 0 repeat-x;
	font:13px/19px Tahoma, Arial, "MS Serif";
	color:#000000;
}

/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/
p {
	margin:0 0 20px 0;
}

textarea {
	overflow:auto;
}

a {
	text-decoration:none;
	font-weight:bold;
	color:#091371;
}

a:hover {
	text-decoration:none;
	color:#ff531f;
}

.highlight {
	font-weight:bold;
	color:#ff5620;
}

.highlight2 {
	font-weight:bold;
	color:#091371;
}

ul {
	list-style:none;
}

/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.indent {
	display:block;
	position:absolute;
	text-indent:-9999px;
}

/*--------------------------------------------------------------
	gloabal => images
--------------------------------------------------------------*/
img.floatLeft {
	float:left;
	margin:0 10px 0 0;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:968px;
	margin: 0 auto -77px;
	background:url(../images/bg-container.jpg) 0 0 repeat-y;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

#header {
	width:968px;
	height:348px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
}

/*--------------------------------------------------------------
	header => logo
--------------------------------------------------------------*/
#header h1.branding a {
	position:absolute;
	display:block;
	text-indent:-5000px;
	left:59px;
	top:51px;
	width:366px;
	height:109px;
	background:url(../images/workshop.png) 0 0 no-repeat;
}

#header h3 {
	font-size:14px;
	position:absolute;
	top:176px;
	left:162px;
}

#header p {
	font-size:14px;
	line-height:18px;
	position:absolute;
	left:162px;
	top:208px;
}

/*--------------------------------------------------------------
	header => navi
--------------------------------------------------------------*/

#header ul#navigation {
	list-style-type:none;
	width:802px;
	height:26px;
	position:absolute;
	top:304px;
	left:70px;
}

#header ul#navigation li {
	height:26px;
	float:left;
	padding:0 5px 0 0;
}

#header ul#navigation li a {
	display:block;
	height:26px;
	text-indent:-9999px;
	background:url(../images/bg-navigation.jpg) -9999px 0 no-repeat;
}

#header ul#navigation li a.Startseite {
	width:127px;
}

#header ul#navigation li a.Startseite:hover,
#header ul#navigation li.active a.Startseite {
	background-position:0 0;
}

#header ul#navigation li a.Warenprodukte {
	width:166px;
}

#header ul#navigation li a.Warenprodukte:hover,
#header ul#navigation li.active a.Warenprodukte {
	background-position:-133px 0;
}

#navigation li:hover ul#subWarenprodukte {
	display:block;
}

#header ul#navigation li.sub:hover a.Warenprodukte {
	background:url(../images/bg-navigation.jpg) -133px 0 no-repeat;
}
/*---------------------------------------------------------------
	#navigation => sub navigation
---------------------------------------------------------------*/
#navigation li ul#subWarenprodukte {
	position:absolute;
	width:154px;
	top:26px;
	background:#091371;
	padding:12px 0 0 11px;
	display:none;
}

* html #navigation li ul#subWarenprodukte {
	width:149px;
}

* html ul#subWarenprodukte li {
	width:149px;
}

ul#subWarenprodukte li {
	width:154px;
	line-height:20.5px;
	overflow:hidden;
}

ul#subWarenprodukte li a {
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	text-indent:0 !important;
}

ul#subWarenprodukte li a:hover, ul#subWarenprodukte li.active a {
	text-decoration:underline;
}

#header ul#navigation li a.ueberuns {
	width:148px;
}

#header ul#navigation li a.ueberuns:hover,
#header ul#navigation li.active a.ueberuns {
	background-position:-303px 0;
}

#header ul#navigation li a.kontakt {
	width:108px;
}

#header ul#navigation li a.kontakt:hover,
#header ul#navigation li.active a.kontakt {
	background-position:-456px 0;
}

#header ul#navigation li a.anfarht {
	width:109px;
}

#header ul#navigation li a.anfarht:hover,
#header ul#navigation li.active a.anfarht {
	background-position:-569px 0;
}

#header ul#navigation li a.impressum {
	width:109px;
}

#header ul#navigation li a.impressum:hover,
#header ul#navigation li.active a.impressum {
	background-position:-683px 0;
}
 
/*--------------------------------------------------------------*/
/*--------------------------[ =content ]------------------------*/
/*--------------------------------------------------------------*/
#contentContainer {
	width:910px;
	padding:0 0 20px 58px;
}

#contentContainer h3 {
	font-size:14px;
}

#contentContainer ul li {
	line-height:20.9px;
	padding:0 0 0 20px;
	background:url(../images/bg-li.jpg) left center no-repeat;
}

#headline {
	width:813px;
	height:78px;
	padding:32px 0 0 0;
}

#headline h2 {
	font-size:18px;
	color:#091270;
	font-weight:normal;
	text-transform:uppercase;
	line-height:18px;
}

#headline h3 {
	font-size:13px;
	color:#333333;
	font-weight:normal;
}

.column {
	width:373px;
	float:left;
	padding:0 60px 0 0;
}

.column01 {
	width:780px;
	float:left;
	padding:0 60px 0 0;
}

.content-column {
	width: 200px;
	height: 121px;
	float: left;
	margin: 10px 15px 15px 0;
}

.images {	
	background: #E5E8EF;
	border: 1px solid #C8C8C8;
	padding: 2px;
	margin: 0 10px 10px 0;
	float: left;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/

#push {
	height: 77px;
	clear:both;
}

#footerContainer {
	width:100%;
	height:77px;
	background:url(../images/bg-footer-container.jpg) 0 0 repeat-x;
}

#footer {
	width:904px;
	height:58px;
	margin:0 auto;
	padding:19px 0 0 64px;
}

#footer  ul {
	float:left;
	padding:0 64px 0 0;
}

#footer ul li span {
	color:#5e5e5e;
	padding:0 10px 0 0;
}