body {
	padding: 0;
	background: url(images/hinti.jpg)#d7d7d7 url(images/hinti.jpg) repeat-x fixed left top;
	text-align: left;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	margin: 0;
	line-height: 20px;
}
h1 { font-size: 2em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

h2 { font-size: 1.6em; margin: 0; padding: 0; }

h3 { font-size: 1.2em; font-weight: normal; font-style: normal; margin: 0; padding: 0; }
h4 { margin: 0; padding: 0 0 25px 0; }
h5 { font-size: 1.2em; font-style: normal; font-weight: normal; line-height: 1.6em; background-image: url(images/gestrichelt2.gif); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 5px 0 15px; }
a {
	text-decoration: none;
	color: #666;
}
a:focus, img:focus {
	outline: none;
}
/*WRAPPER*/
#wrapper {
	width: 100%;
}
/* Header */
#header {
	background-image: url(images/head.jpg);
	width: 860px;
	margin: 0 auto;
	height: 100px;
	padding-left: 100px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
}
/*PAGE*/
#page { background-color: #fff; width: 960px; margin: 0 auto; padding: 0; }
/*MENU*/
#menu { color: #fff; font-size: 11px; font-weight: normal; font-style: normal; background-color: #000; margin: 0 auto; height: 26px; padding: 0 0 0 20px; width: 940px !important; }
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li { background-image: url(images/menue.gif); background-repeat: no-repeat; background-position: right 0; height: 22px; float: left; padding: 4px 20px 0; }

#menu a {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #a7a7a7;
}

#menu a:hover {
	color: #FFFFFF;
}
#menu .current_page_item a {
	color: #fff;
}
/*SUBMENU
*/
#submenu { color: #000; font-size: 11px; font-weight: normal; font-style: normal; background-color: #fff; background-image: url(images/gestrichelt.gif); background-repeat: no-repeat; background-position: left bottom; margin: 0 auto; height: 54px; padding: 0; width: 960px !important; }
#submenu.products { padding: 0 0 0 188px; width: 772px !important; }
#submenu ul {
	margin: 0;
	padding: 0 0 0;
	list-style: none;
}

#submenu li { background-color: #e6e6e6; background-image: url(images/menue2.gif); background-repeat: no-repeat; background-position: right 0; height: 22px; float: left; margin: 0; padding: 4px 20px 0; }

#submenu a {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

#submenu a:hover {
	color: #000;
}
#submenu .current_page_item a { color: #000; }

/*Headline*/
#headline { background-color: #fff; margin: 0 auto; width: 920px !important; height: 54px; padding-top: 10px; padding-left: 40px; }
#headline .section1 { width: 750px; float: left; }
#headline .section2 { float: right; margin: 0; padding: 0 20px 0 0; list-style-type: none; display: block; }
#headline .section2 li
	{ width: 30px; height: 17px; overflow:hidden; float: left; margin: 0; padding: 0; list-style-type: none; display: block; }
#headline .section2 li a
	{ background-image: url('(EmptyReference%21.html)'); display:block; margin:0; padding:0; height:17px; text-indent:-5000px; background-position:0 0; background-repeat:no-repeat; width: 30px; list-style-type: none; }
#headline .section2 li a:hover
	{ background-image: url('(EmptyReference%21.html)'); display:block; text-indent:-5000px; background-position:0 -17px; }
#headline .section2 li a:active
	{
			display:block;
			text-indent:-5000px;
			background-position:0 -17px;
	}
#headline .section2 li a.aktiv 
	{
			background-position:0 -17px;
	}
/*NAVIGATION*/
#navigation { font-family: Arial, Helvetica, sans-serif; line-height: 2em; text-decoration: none; text-align: left; float: left; width: 200px; }
#navigation a { color: #000; background-image: url(images/pfeilchen2.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; padding-left: 12px; }
#navigation .extra { color: #f00; text-decoration: none; margin: 0; padding: 0 0 0 12px; list-style-type: none; list-style-image: none; }
#navigation .bild a { background-image: none; margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#navigation a:hover { color: #e60005; background-image: url(images/pfeilchen.gif); background-repeat: no-repeat; background-position: left center; }
#navigation ul { margin: 0 0 0 40px; padding: 0; }
#navigation ul li { background-image: url(images/gestrichelt2.gif); background-repeat: no-repeat; background-position: 0 top; list-style: none; vertical-align: top; margin: 0; padding: 0; }
.subnavigation, .subnavigation li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	line-height: 1.8em;
	color: #000000;
	margin: 0 0 0 15px; 
	padding: 0; 
}
.subnavigation li { margin: 0 0 0 0; }
/*AUSWAHL
*/
#auswahl { background-color: #fff; width: 700px; float: right; }
#auswahl h2 { font-size: 1.2em; font-weight: normal; font-style: normal; line-height: 1.6em; background-image: url(images/gestrichelt.gif); background-repeat: no-repeat; background-position: left top; padding-bottom: 10px; padding-left: 0; }
#auswahl .section1 {  }
#auswahl .section1 ul { margin: 0; padding: 0; }
#auswahl .section1 li { list-style-type: none; display: block; margin: 0; padding: 0 20px 0 0; float: left; overflow: hidden; }
#auswahl .section1 a { color: #000; text-decoration: none; padding-left: 0; }
#auswahl .section2 { width: 340px; float: left; }
#auswahl .section2 ul { list-style: none; margin: 0; padding: 0; }
#auswahl .section2 li { width: 160px; list-style-type: none; display: block; margin: 0; padding: 0; float: left; overflow: hidden; }
#auswahl .section3 { background-image: url(spuelen/images/montage.gif); background-repeat: no-repeat; background-position: 150px 20px; width: 340px; height: 250px; float: right; }
#auswahl .section3 ul { list-style: none; margin: 0; padding: 0; }
#auswahl .section3 li { height: 30px; list-style-type: none; display: block; margin: 0; padding: 0; float: left; overflow: hidden; }
#auswahl .section4 { width: 340px; height: 250px; float: right; }
#auswahl .section4 ul { list-style: none; margin: 0; padding: 0; }
#auswahl .section4 li { list-style-type: none; display: block; margin: 0; padding: 0; height: 30px; float: left; overflow: hidden; }
/*CONTENT*/
#content { background-color: #fff; width: 700px; float: right; }
#content .section1 { }
#content .section2, #content .section3 { padding-top: 20px; float: left; }
#content .section2 { width: 320px; }
#content .section7 { width: 320px; float: left; padding-top: 20px; list-style-type: none; }
#content .section2 ul, #content .section3 ul { list-style-image: url(images/pfeilchen2.gif); }
#content .section3 { margin-left: 30px; padding-left: 10px; width: 320px; }
#content .section4 { background-image: url(images/gestrichelt2.gif); background-repeat: repeat-x; background-position: left top; padding: 6px 0 0; }
#content .section4 ul { float: left; margin: 0; padding: 0; list-style: none; }
#content .section4 li { list-style-type: none; display: block; margin: 0; padding: 0; width: 200px; float: left; overflow: hidden; }
#content .section5 { background-image: url(images/gestrichelt2.gif); background-repeat: repeat-x; background-position: left top; padding: 6px 0 0; }
#content .section5 ul { list-style: none; margin: 0; padding: 0; float: left; }
#content .section5 li { list-style-type: none; display: block; margin: 0; padding: 0; width: 83px; float: left; overflow: hidden; }
#content .section6 { background-image: url(images/gestrichelt2.gif); background-repeat: repeat-x; background-position: left top; padding: 6px 0 0; }
#content .section6 ul { list-style: none; margin: 0; padding: 0; float: left; }
#content .section6 li { list-style-type: none; display: block; margin: 0; padding: 0; width: 220px; float: left; overflow: hidden; }
#content .section6 a { color: #000; text-decoration: none; padding-left: 0; }
#content .section6 a:hover { color: #e60005; text-decoration: none; padding-left: 0; }
/*TABELLE*/
#tabelle { background-color: #fff; vertical-align: top; width: 310px; float: left; }
#tabelle .section1 { }
#tabelle .section1 ul { list-style: none; margin: 0; padding: 0; float: left; }
#tabelle .section1 li { list-style-type: none; display: block; margin: 0; padding: 0; width: 47px; float: left; overflow: hidden; }
#tabelle .section2, #tabelle .section3 { float: left; margin: 0; padding: 0 0 10px; }
#tabelle .section2 { width: 140px; float: left; }
#tabelle .section3 { width: 155px; float: left; }
#tabelle .section4, #tabelle .section5 { background-image: url(images/gestrichelt2.gif); background-repeat: repeat-x; width: 150px; margin: 0; padding: 0 0 10px; float: left; }
#tabelle .section6 li { list-style-type: none; list-style-image: none; display: block; margin: 0; padding: 0; width: 100px; float: left; overflow: hidden; }
#tabelle .section6 a { list-style-type: none; list-style-image: none; }
#tabelle .section7 li { vertical-align: top; list-style-type: none; display: block; margin: 0; padding: 0; width: 150px; float: left; overflow: hidden; list-style-image: none; }
/* FOOTER */
#footer {
	width: 920px;
	height: 25px;
	margin: 0 auto;
	padding: 0 0 0 40px;
	background: #000;
}
#footer p {
	margin: 0;
	padding: 3px 0 0;
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}
#footer a {
	color: #ccc;
}
#footer a:hover { color: #fff; }
