/* Author: Rene Maas */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2010 - Rene Maas & Euroweb Internet GmbH */

/*----------------------------------------------------*/
/*-------------------| =reset tags |------------------*/
/*----------------------------------------------------*/

html, body { height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */ }
html, body, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, label, input, fieldset, legend, div {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	text-decoration:none;
}
/* remember to define focus styles! */
:focus { outline: 0; }
ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*----------------------------------------------------*/
/*-------------------| =global tags |-----------------*/
/*----------------------------------------------------*/
body { background:url(../images/body.jpg) repeat-x; }
p { line-height:24px; }
/*----------------------------------------------------*/
/*-----------------| =#site-container |---------------*/
/*----------------------------------------------------*/
#site-container {
	width:1200px;
	margin:0 auto;
	position:relative;
}
/*----------------------------------------------------*/
/*---------------------| =#header |-------------------*/
/*----------------------------------------------------*/
#header {
	position:relative;
	width:1200px;
	height:526px;
}
a#branding {
	display:block;
	width:198px;
	height:59px;
	text-indent:-999em;
	background:url(../images/hermeth.de.jpg) no-repeat;
	left:51px;
	top:26px;
	position:absolute;
}
ul#language {
	position:absolute;
	top:44px;
	right:19px;
}
ul#language li { float:left; }
ul#language li a {
	display:block;
	float:left;
	height:21px;
	padding:2px 31px 0 35px;
}
a#german { background:url(../images/german.jpg) no-repeat; }
a#english { background:url(../images/english.jpg) no-repeat; }
a#espanol { background:url(../images/espanol.jpg) no-repeat; }
/*----------------------------------------------------*/
/*----------------------| =#navi |--------------------*/
/*----------------------------------------------------*/
ul#navi {
	position:absolute;
	top:109px;
	left:0px;
}
ul#navi li { float:left; }
ul#navi li a {
	display:block;
	height:44px;
	width:300px;
	text-indent:-999em;
}
a#leistungen { background:url(../images/en/navi-leistungen.jpg) no-repeat; }
a#unternehmen { background:url(../images/en/navi-unternehmen.jpg) no-repeat; }
a#preisliste { background:url(../images/en/navi-preisliste.jpg) no-repeat; }
a#maschinenpark { background:url(../images/en/navi-maschinenpark.jpg) no-repeat; }
/*----------------------------------------------------*/
/*--------------------| =#slideshow |-----------------*/
/*----------------------------------------------------*/
#slideshow-container {
	position:absolute;
	top:163px;
	width:1200px;
	height:353px;
	background:url(../images/slideshow-container.jpg) no-repeat;
}
.slideshow {
	position:relative;
	height:333px;
	width:815px;
}
.slideshow img {
	position:absolute;
	left:10px;
	top:10px;
}
/*----------------------------------------------------*/
/*-------------------| =#kontaktdaten |---------------*/
/*----------------------------------------------------*/
#kontaktdaten {
	width:303px;
	position:absolute;
	top:212px;
	left:861px;
}
#kontaktdaten h2 {
	color:#0f5ab1;
	font-size:30px;
	margin:0 0 18px -3px;
}
#kontaktdaten p {
	line-height:26px;
	margin:0 0 13px 0;
}
#kontaktdaten a {
	text-decoration:underline;
	color:#0f5ab1;
}
#kontaktdaten a:hover, #kontaktdaten a:focus { text-decoration:none; }
/*----------------------------------------------------*/
/*----------------------| =#sidebar |-----------------*/
/*----------------------------------------------------*/
#sidebar {
	width:329px;
	text-align:right;
	padding:47px 0 0 0;
	float:left;
}
#sidebar h3 {
	font-weight:normal;
	font-size:18px;
	margin:0 0 30px 0;
}
#sidebar h3 strong {
	font-size:30px;
	color:#ffcc33;
	text-transform:uppercase;
}
#sidebar p, #sidebar a { font-size:12px; }
#sidebar a {
	text-decoration:underline;
	color:#0f5ab1;
}
#sidebar a:hover, #sidebar a:focus { text-decoration:none; }
strong.anfahrt { color:#0f5ab1 !important; }
.spacer {
	background:url(../images/spacer.jpg) center right no-repeat;
	height:71px;
	width:329px;
}
#sidebar img {
	float:left;
	margin:-35px 0 0 75px;
}
/*----------------------------------------------------*/
/*---------------------| =#content |------------------*/
/*----------------------------------------------------*/
#content-main {
	padding:47px 0 0 0;
	float:left;
	margin:0 0 0 47px;
	width:820px;
}
#content-main a {
	text-decoration:underline;
	color:#0f5ab1;
}
#content-main a:hover, #content-main a:focus { text-decoration:none; }
#content-main h1 {
	font-weight:normal;
	font-size:18px;
	margin:0 0 30px 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #DEDEDE;
}
#content-main h2 {
	font-weight:normal;
	font-size:20px;
	margin:0 0 20px 0;
	color:#0f5ab1;
}
#content-main h3 {
	font-weight:normal;
	font-size:18px;
	margin:0 0 15px 0;
	color:#ffcc33;
}
#content-main h1 strong {
	font-size:30px;
	color:#0f5ab1;
	text-transform:uppercase;
}
#content-main p { margin:0 0 20px 0; }
#content-main ul { margin:0 0 0 15px; }
#content-main ul li {
	line-height:24px;
	background:url(../images/list.jpg) left 6px no-repeat;
	padding:0 0 0 25px;
	font-weight:bold;
}
#content-main img {
	padding:2px;
	border:1px solid #666;
}
.column1 {
	width:400px;
	float:left;
}
.column2 {
	width:400px;
	float:left;
	margin:0 0 0 20px;
}
.accBtn {
	cursor:pointer;
	padding:0 0 8px 0;
	border-bottom:1px solid #DEDEDE;
}
.floatRight {
	float:right;
	margin:10px 0 10px 10px;
}
table.standard{
	margin: 0 auto 25px;		
}
#content-main ul.clearlist{
	margin-bottom: 20px;
	margin-left: 0px;	
}
#content-main ul.clearlist li{
padding-left: 0;
background: none;	
}
td, th { height:25px; }
td strong, th strong { color:#ffcc33; }
tr.grey { background:#DEDEDE; }
.pdf {
	background:transparent url(../images/pdficon.jpg) no-repeat scroll left top;
	display:block;
	height:25px;
	padding:0 0 5px 50px;
	width:220px;
	float:left;
	margin:0 0 20px 0;
}
/*----------------------------------------------------*/
/*----------------------| =#footer |------------------*/
/*----------------------------------------------------*/
#footer {
	position:relative;
	float:left;
	height:44px;
	width:1200px;
	background:url(../images/footer.jpg) no-repeat;
	margin:47px 0 0 0;
	padding:0 0 25px 0;
}
#footer ul li { float:left; }
#footer ul li a {
	display:block;
	float:left;
	height:30px;
	text-align:center;
	padding:14px 23px 0 23px;
	font-weight:bold;
	background:url(../images/footer-spacer.jpg) no-repeat top right;
}
#footer ul li a.last { background:none; }
#footer a#top {
	color:#999999;
	display:block;
	font-size:12px;
	height:30px;
	padding:14px 0 0 22px;
	position:absolute;
	right:0;
	top:0;
	width:92px;
}
#slogan {
	z-index:2;
	position:absolute;
	top:248px;
	left:10px;
}