.hptitel { font-family: Arial, Helvetica; font-size: 18px; color: #000000; text-decoration: none; text-align: right; margin: 0px; font-weight: bold; font-style: normal; margin-bottom:10px;}
.hpsubtitel { font-family: Arial, Helvetica; font-size: 14px; color: #000000; text-decoration: none; text-align: left; margin: 0px; font-weight: bold; font-style: normal; margin-top:5px; margin-bottom:5px;}
.hptext { font-family: Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hptext A { font-family: Arial, Helvetica; font-size: 12px; color: #354B90; text-decoration: underline; text-align: left; margin: 0px; font-weight: bold; font-style: normal; }
.hptext A:hover { font-family: Arial, Helvetica; font-size: 12px; color: #354B90; text-decoration: none; text-align: left; margin: 0px; font-weight: bold; font-style: normal; }
.hpnav { font-family: Arial, Helvetica; font-size: 10px; color: #ffffff; text-decoration: none; text-align: left; font-weight: normal; font-style: normal; }
.hpnav:hover { font-family: Arial, Helvetica; font-size: 10px; color: #ffffcc; text-decoration: underline; text-align: left; font-weight: normal; font-style: normal; }
.hpbildunterschrift { font-family: Arial, Helvetica; font-size: 10px; color: #cccccc; text-decoration: none; text-align: center; margin: 0px; font-weight: normal; font-style: italic; }
.hpbildfocus { font-family: Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: italic; }
.hpadresse { font-family: Arial, Helvetica; font-size: 10px; color: #000000; text-decoration: none; text-align: center; margin: 0px; font-weight: normal; font-style: normal; margin-top:10px; margin-bottom:15px;}
.hpbuttons a { text-align: center; }
.clear { clear: both; }

#cmDisclaimerContainer {
	display: none;
	background-color: #ffffff;
	border: #000000 dotted 1px;
	width: 400px;
	height: 250px;
	overflow: auto;
	color: #000000;
	padding: 10px;
	position: absolute;
	left: 150px;
	top: 150px;
	z-index: 100;
}
#cmDisclaimerClose {
	position: absolute;
	top: 5px;
	right: 20px;
}


html, body, div, p, span, img, h1, h2, h3, h4, a, form
{
	border:0px;
	font-family:arial,verdana,tahoma,helvetica,sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}
body
{
	background-color:#808080;
}

div#page
{
	margin:20px auto;
	overflow:hidden;
	width:904px;
}
div#shadow
{
	background-image:url('http://www.helmke-gmbh.de/img/page-bg.png');
	background-position:right;
	background-repeat:repeat-y;
	background-color:#fff;
	overflow:hidden;
	padding-right:4px;
}


/* HEADLINES */
h1
{
	font-size:16px;
	margin-bottom:15px;
}
h2
{
	font-size:12px;
	margin-bottom:5px;
}


/* LINKS */
a,
a:link,
a:visited
{
	color:#354B90;
	text-decoration:underline;
}
a:hover
{
	color:#354B90;
	text-decoration:none;
}


/* HEADER */
div#header
{
	height:102px;
	overflow:hidden;
	width:904px;
}
div#claim
{
	background-color:#354B90;
	border-top:1px solid #fff;
	color:#fff;
	display:block;
	font-weight:bold;
	padding:5px 10px;
	text-align:right;
}
div.grey-line
{
	background-color:#CCCBD0;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	display:block;
	height:4px;
	overflow:hidden;
}

/* NAVIGATION */
div#navigation
{
	background-color:#354B90;
	background-image:url('http://www.helmke-gmbh.de/img/navi-bg.png');
	background-repeat:repeat-y;
}
div#navigation ul
{
	background-image:url('http://www.helmke-gmbh.de/img/navi-bottom-bg.jpg');
	background-position:bottom left;
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0px;
	overflow:hidden;
	padding:0px 0px 80px 0px;
	width:200px;
}
div#navigation ul li
{
	border-bottom:1px solid #fff;
}
div#navigation ul li a
{
	background-image:url('http://www.helmke-gmbh.de/img/navi-bg.png');
	background-repeat:repeat-y;
	color:#FFF;
	display:block;
	font-weight:bold;
	padding:7px 20px;
	text-decoration:none;
}
div#navigation ul li a:hover,
div#navigation ul li a.active
{
	background-image:url('http://www.helmke-gmbh.de/img/navi-hover-bg.png');
	background-repeat:repeat-y;
	color:#000;
}
ul#footernavi
{
	color:#fff;
	display:inline;
	float:right;
	list-style-type:none;
	margin:0px 19px 0px 0px;
	padding:0px;
}
ul#footernavi li
{
	display:inline;
	float:left;
}
ul#footernavi li a
{
	color:#fff;
}

/* CONTAINER */
div#content
{
	background-image:url('http://www.helmke-gmbh.de/img/content-bg.gif');
	background-repeat:repeat-y;
	width:900px;
}
div#content div#left
{
	display:inline;
	float:left;
	width:200px;
}
div#content div#center
{
	display:inline;
	float:left;
	width:500px;
}
div#content div#right
{
	display:inline;
	float:left;
	height:495px;
	overflow:hidden;
	width:200px;
}
.inner
{
	padding:10px 20px;
}
div.gallery-left
{
	color:#354B90;
	display:inline;
	float:left;
	text-align:center;
}
div.gallery-right
{
	color:#354B90;
	display:inline;
	float:right;
	text-align:center;
}

/* TEASER */
div.teaser
{
	background-color:#EEEDF3;
	background-image:url('http://www.helmke-gmbh.de/img/teaser-bg.png');
	background-position:top right;
	background-repeat:no-repeat;
	height:100px;
	margin-top:10px;
	overflow:hidden;
	position:relative;
	width:460px;
}
div.teaser.first
{
	margin-top:0px;
}
div.teaser a.image
{
	border-right:5px solid #FFF;
	display:inline;
	float:left;
	height:100px;
	overflow:hidden;
	width:100px;
}
div.teaser a.arrow
{
	background-image:url('http://www.helmke-gmbh.de/img/link-bg.gif');
	background-position:0px 4px;
	background-repeat:no-repeat;
	color:#354B90;
	padding-left:17px;
	position:absolute;
	left:115px;
	top:78px;
}
div.teaser div.text
{
	display:inline;
	float:left;
	height:100px;
	overflow:hidden;
	width:355px;
}
div.teaser div.text h2
{
	color:#354B90;
	padding:5px 10px 0px 10px;
}
div.teaser p
{
	padding:5px 10px;
}


/* FOOTER */
div#footer
{
	background-image:url('http://www.helmke-gmbh.de/img/footer-bg.jpg');
	background-repeat:no-repeat;
	display:block;
	height:60px;
	overflow:hidden;
	text-align:center;
}
div#footer div.address
{
	color:#FFF;
	margin-top:17px;
}


/**/
div#contact
{
	width:460px;
}
div#contact table
{
	width:460px !important;
}
div#contact textarea
{
	padding:2px 0px;
	width:338px;
}

div#contact input[type=text]
{
	padding:2px 0px;
	width:338px;
}



/* ####*/
.clear
{
	clear:both;
}
.height10
{
	display:block;
	height:10px;
	overflow:hidden;
}