* {
	margin:0;
	padding:0;
}


body {
	margin:0;
	padding:0;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#6d6f71;
}

strong {
	font-size:1em;
	font-weight:bold;
	color:#ff7800;
}

div#contentMain strong {
	font-size:1em;
	font-weight:bold;
	color:#6e6f71;
}

p {
	font-size:1em;
	line-height:17px;
	margin:0;
	padding:0;
}

a, a:visited {
	color:#ff7800;
	text-decoration:none;
}

a:hover, a:active {
	color:#ff7800;
	text-decoration:underline;
}

div#container {
	height:auto;
	width:800px;
	margin:0 auto;
	padding:0;
	background:transparent;
	position:relative;
}

div#top {
	height:29px;
	width:800px;
	margin:0;
	padding:0;
	background:transparent;
	position:relative;
}

div#top-left {
	height:27px;
	width:478px;
	margin:0 2px 0 0;
	padding:0;
	background:#6d6f71;
	float:left;
}

div#top-right {
	height:27px;
	width:320px;
	margin:0;
	padding:0;
	background:#6d6f71 url(../images/newsletteranmeldung-bg.gif) 0 no-repeat;
	float:left;
	position:relative;
}


/*************************************

Newsletteranmeldung oben 

*************************************/



#newslettereingabe {
	position:absolute;
	border:none;
	left:110px;
	top:5px;
	height:21px;
	width:208px;
	background:transparent;
	font-size:0.7em;
	font-weight:normal;
	color:#939597;
	padding:0px 0 0 0;
}

#newslettereingabe:focus {
	color:#000;
}

#newsletterbutton {
	position:absolute;
	border:none;
	left:293px;
	top:4px;
	height:18px;
	width:21px;
	background:transparent;
	font-size:0.7em;
	font-weight:bold;
	color:#fff;
	padding:0px;
	margin:0px;
}


/*************************************

header

*************************************/


div#top-right p {
	color:#fff;
	font-weight:bold;
	font-size:0.75em;
	padding:4px 6px 0 33px;
	margin:0px;
	float:left;
	display:inline;
}


div#top-bottom {
	height:2px;
	width:800px;
	margin:0;
	padding:0;
	background:#ffffff;
	clear:both;
	position:relative;
}

div#header {
	height:133px;
	width:800px;
	margin:0;
	padding:0;
	background:transparent;
	position:relative;
}

div#header-left {
	height:131px;
	width:478px;
	margin:0 2px 0 0;
	padding:0;
	background-color:#efefea;
	/* background:#efefea url(../images/tandembox-logo.gif) 330px 23px no-repeat; */
	float:left;
	position:relative;
}

div#header-right {
	height:71px;
	width:310px;
	margin:0;
	padding:60px 0 0 10px;
	background:url(../images/header-right.jpg);
	float:left;
	font-size:0.75em;
	font-weight:bold;
	position:relative;
}

div#header-right p {
	padding:0;
	margin:0;
}

div#header-bottom {
	height:2px;
	width:800px;
	margin:0;
	padding:0;
	background:#ffffff;
	clear:both;
	position:relative;
}

div#header h1 {
	display:block;
	height:68px;
	width:146px;
	background:url(../images/hein-logo-head.gif) 0 0 no-repeat;
	position:absolute;
	top:19px;
	left:16px;
}

div#header h1 span {
	display:none;
}

/*div#navi {
	position:absolute;
	height:29px;
	width:480px;
	margin:0;
	padding:0;
	top:102px;
	left:0px;
}

div#navi ul {
	margin:0;
	padding:0;
	list-style:none;
}

div#navi ul li {
	margin:0;
	padding:0;
	float:left;
	display:block;
	height:29px;
	width:120px;
}

div#navi ul li a, div#navi ul li a:visited {
	margin:0;
	padding:0;
	float:left;
	display:block;
	height:22px;
	width:118px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	background:#ff7800;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#ffffff;
	padding:5px 0 0 0;
}

div#navi ul li a:hover, div#navi ul li a:active {
	margin:0;
	padding:0;
	float:left;
	display:block;
	height:22px;
	width:118px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	background:#ff7800 url(../images/navi-hover-bg.gif) top right no-repeat;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	text-decoration:underline;
	color:#ffffff;
	padding:5px 0 0 0;
}*/


/*************************************

Content 

*************************************/

div#contentContainer{
	height:auto;
	width:800px;
	margin:0;
	padding:0;
	background:url(../images/content-bg.gif);
	position:relative;
}

div#contentContainer h2 {
	margin:8px 0 1px 0;
	padding:0;
	font-weight:bold;
	font-size:0.95em;
}

div#contentContainer h3 {
	font-size:0.8em;
	font-weight:bold;
	color:#ff7800;
	margin:12px 5px 12px 0;
}

.content-bild {
	margin:0;
	padding:0;}

div#contentContainer p {
	margin:12px 5px 12px 0;
	padding:0;
	font-weight:normal;
	font-size:0.75em;
}

div#contentMain {
	height:auto;
	width:478px;
	margin:0 2px 0 0;
	padding:0;
	background:#ffffff;
	float:left;
	position:relative;
}

div#contentMain ul {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	font-size:0.75em;
}

div#contentMain ul li {
	margin:0;
	padding:0 0 0 20px;
	background:url(../images/li-content.gif) 0 5px no-repeat;
	line-height:22px;
}

.contentMain-box {
	width:465px;
	margin:5px 0 3px 0;
	background:#f6f7f2;
	padding:5px;
}

.contentMain-box p {
}

h5 {
	display:block;
	height:12px;
	background:#d7d7d5;
	padding:4px 0 6px 6px;
	font-size:0.75em;
	font-weight:bold;
	color:#5a5c5d;
}

div#sidebar {
	height:auto;
	width:318px;
	margin:0;
	padding:0;
	background:#efefea;
	float:left;
}

.sidebar-box {
	height:auto;
	width:288px;
	margin:10px;
	padding:1px 0px 10px 10px;
	background:#ffffff;
	font-size:1em;
}

.partnerlogo {
	margin:0px 4px 5px 0px;
	border:1px solid #d4d5d2;
}

.sidebar-box p {
	margin:0 0 10px 0;
	padding:0;
}

.sidebar-box a, .sidebar-box a:visited {
	color:#ff7800;
	text-decoration:none;
}

.sidebar-box a:hover, .sidebar-box a:active {
	color:#ff7800;
	text-decoration:underline;
}

.sidebar-box-trenner {
	border-top:1px dotted #bec0c2;
	height:1px;
}

.sidebar-box ul {
	margin:10px 0 10px 0;
	padding:0;
	list-style:none;
}

.sidebar-box ul li {
	margin:0;
	padding:0;
	line-height:26px;
	font-size:1em;
}

.sidebar-box ul li a, .sidebar-box ul li a:visited {
	margin:0;
	padding:0 0 0 20px;
	text-decoration:none;
	color:#ff7800;
	background:url(../images/li.gif) 0 0 no-repeat;
	font-size:0.75em;
}

.sidebar-box ul li a:hover, .sidebar-box ul li a:active {
	text-decoration:none;
	color:#6d6f71;
}

div#content-bottom {
	height:2px;
	width:800px;
	margin:0;
	padding:0;
	background:#ffffff;
	clear:both;
}

p.contentMain-box {
	margin:6px;
}

.contentMain-box-bild {
	float:left;
	margin:0px 8px 8px 0px;
	border:1px solid #6d6f71;
}

#katalog {
	overflow:visible;
	width:100%;
	height:400px;
	border:none;
	}


div#footer {
	background:url(../images/footer-bg.jpg) 0 0 no-repeat;
	height:30px;
	width:780px;
	padding:10px;
	color:#fff;
	font-size:0.7em;
	clear:both;
}

div#footer a {
	color:#fff;
	font-size:1em;
}

.grau {
	color:#909192;
}

.cleaner {
	clear:both;
	height:1px;
}

.lagerprogramm table, .lagerprogramm td, .lagerprogramm th {
	border:1px solid #efefea;
	font-size:0.8em;
	padding:3px;
}

.katalogbestellung table, td, th {
	border:none;
	font-size:0.75em;
	padding:8px;
}

.dark {
	background:#f6f7f2;}

.mitarbeiterbild {
	float:left;
	margin:4px;
	border:1px solid #6d6f71;
	padding:1px;
}

.standortbild {
	margin:4px;
	border:1px solid #6d6f71;
	padding:1px;
}

/*div#navi {
	position:absolute;
	height:29px;
	width:480px;
	margin:0;
	padding:0;
	top:102px;
	left:0px;
}*/



/*************************************

Navigation 

*************************************/

ul li ul {
	display:none;
	list-style:none;
	padding:0;
	margin:0;
}



ul#navigation {
	list-style:none;
	position:absolute;
	height:29px;
	width:480px;
	top:131px;
	left:0px;
	z-index:100;
	padding:0;
	margin:0;
	
}

ul#navigation li {
	margin:0;
	padding:0;
	float:left;
	display:block;
	height:29px;
	width:120px;
}

/* Die normalen Buttons: */
ul#navigation a {
	margin:0;
	float:left;
	display:block;
	height:22px;
	width:118px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	background:#ff7800;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#ffffff;
	padding:5px 0 0 0;
}
ul#navigation a:hover {
	margin:0;
	float:left;
	display:block;
	height:22px;
	width:118px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	background:#ff7800 url(../images/navi-hover-bg.gif) top right no-repeat;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#ffffff;
	padding:5px 0 0 0;
}

/* Stile und Position der Untermenüs: */

li#tandem ul, li#firma ul, li#kataloge ul {
	top:29px;
	position:absolute;
	z-index: 200;
	width:118px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-top:none;
	padding:0;
	margin:0;
}

li#tandem ul {
  	left:119px;
}

li#tandem:hover ul {
	display:block;
}

/* Sorgt dafür, daß die Untermenüs beim Überfahren mit der Maus angezeigt werden */
li#firma ul {
  	left:239px;
}
li#firma:hover ul {
	display:block;
}

/* Sorgt dafür, daß die Untermenüs beim Überfahren mit der Maus angezeigt werden */
li#kataloge ul {
  	left:-1px;
}
li#kataloge:hover ul {
	display:block;
	
}


#slideshowbox {
	position:relative;
	width:475px;
	height:352px;
}

#slideshow {
	position:relative;
	width:475px;
	height:352px;
	z-index:1;
}

#slogan {
	position:absolute;
	width:240px;
	height: 41px;
	display:block;
	background:url(../images/slogan.gif);
	left: 0px;
	top: 311px;
	z-index:2;
}


/* Buttons in den Untermenüs: */

ul#navigation li ul li {
	float:none;
	padding:0;
	margin:0;
}

ul#navigation li ul:hover {
	display:block;
	padding:0;
	margin:0;
}


ul#navigation li ul a {
	float:none;
	background:#ff7800 url(../images/navi-2lvl-bg.gif) 0 0 repeat-x;
	margin:0;
	padding:0;
	text-align:center;
	font-size:0.7em;
	font-weight:normal;
	border:none;
	width:118px;
	vertical-align:middle;
	height:100%;
	line-height:30px;
}

ul#navigation li ul a:hover {
	float:none;
	background:#ff7800 url(../images/navi-2lvl-bg.gif) 0 0 repeat-x;
	margin:0;
	padding:0;
	text-align:center;
	font-size:0.7em;
	font-weight:normal;
	color:#fdffcc;
	border:none;
	width:118px;
	vertical-align:middle;
	height:100%;
}

.sublink {
	margin:6px 0 0 0;
}

ul#navigation ul li ul li a:hover {
	color:#00FF33;
	z-index: 300;
	padding:0;
	margin:0;
}