body {
	margin: 0;
	padding: 0;
	font: 0.8em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, hr, pre {
	margin: 0;
	padding: 0;
}

td {
	font-size: 0.8em;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
}

ul {
	padding: 0px 0px 0px 20px;
}

a:link {
	text-decoration: none;
	font-weight: normal;
	color: #156077;
}

a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #156077;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #999999;
}

a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #156077;
}

.small_font {
	font-size: 2px;
}


/* ========== LAYOUT ========== */

#amaturen {
	width: 100%;
	height: 129px;
	text-align: left;
	background-color: #156077;
	position: absolute;
	top: 27px;
	left: 0px;
	z-index: 5;
}

#metallbalken {
	width: 100%;
	height: 28px;
	background: #156077 url(bgDown.gif) repeat-x 256px 0px;
	position: absolute;
	top: 128px;
	left: 0px;
	z-index: 9;
}

#bild-L {
	width:40%;
	height: 97px;
	background: transparent;
	position: absolute;
	top: 31px;
	left: 0px;
	overflow: hidden;
	z-index: 6;
	text-align: right;
}

#bild-M {
	width: 60%;
	height: 97px;
	background: transparent;
	position: absolute;
	top: 31px;
	left: 40%;
	overflow: hidden;
	z-index: 7;
	text-align: left;
}

#bild-R {
	float: right;
	width: 344px;
	height: 128px;
	background: #FFFFFF url(skizze.jpg) no-repeat right;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 8;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

#logo {
	width: 256px;
	height: 156px;
	background: transparent url(logo.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#topnavi {
	margin: 5px 20px 0px 0px;
}

#skizze-down {
	float: right;
	width: 344px;
	height: 13px;
	background: transparent url(skizzeDown.gif) no-repeat top right;
	position: absolute;
	top: 128px;
	right: 0px;
	z-index: 10;
}

#shadowOnWhite {
	width: 100%;
	height: 30px;
	background: transparent url(bg-shadowOnWhite.jpg) repeat-x;
	position: absolute;
	top: 156px;
	left: 0px;
	z-index: 2;
}

#mainnav {
	width: 780px;
	height: 30px;
	background: transparent url(bg-mainnav.jpg) no-repeat;
	position: absolute;
	top: 156px;
	left: 0px;
	z-index: 4;
	padding: 0;
	margin: 0;
}

#container {
	width: 99%;
	position: absolute;
	top: 156px;
	left: 0px;
	background: transparent;
	z-index: 3;
}

#footer {
	text-align: center;
	font-size: 0.85em;
	color: #CCCCCC;
}

#footer a {
	color: #999999;
}

#container-menuRepeatBG {
	background: #E5E7E9 url(bg-menuRepeat.jpg) repeat-y;
}
	
#content-Bottom {
	background: transparent url(bg-contentBottom.jpg) no-repeat bottom right;
}

#content-Top {
	background: transparent url(bg-shadow.jpg) repeat-x;
}

#container-menuBottom {
	background: transparent url(bg-menuBottom.jpg) no-repeat bottom left;
}

#container-menuBG {
	background: transparent url(bg-menu.jpg) no-repeat top left;
}

#content-box {
	margin-left: 230px;
	padding-bottom: 32px;
}

* html #content-box {
	height:1%;
	margin-left:230px
} /* combat ie's 3 pixel jog */ 

#right {
	float: right;
	width: 210px;
	padding: 40px 10px 0px 0px;
	margin: 0;

}

#content {
	padding: 40px 10px 0px 0px;
	margin: 0;
}

#content .csc-menu-1 p {
	background: #E5E7E9 url(shopfade.jpg) repeat-y;
	margin: 0px 0px 8px 0px;
	padding: 5px 0px 6px 110px;
} /* produktkategorienuebersicht */

#content .csc-menu-1 p a {
	border-left: 1px solid #999999;
	padding: 5px 0px 6px 10px;
} /* produktkategorienuebersicht */

#content .csc-sitemap-level2 {
	padding-left: 20px;
} /* sitemap level2 */

#content .csc-sitemap-level3 {
	padding-left: 40px;
} /* sitemap level2 */

.gallery {
	background: #E5E7E9 url(shopfade.jpg) repeat-y;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 6px 110px;
	width: 700;
}

.gallery a {
	border-left: 1px solid #999999;
	padding: 5px 0px 6px 10px;
}

.csc-header a {
	font-size: 0.8em;
	text-decoration: none;
} /* fuer verlinkung zur galerie */

.csc-header a:hover {
	font-size: 0.8em;
	text-decoration: underline;
	font-weight: normal;
	color: #999999;
} /* fuer verlinkung zur galerie */

#content .imgtext-table {
	margin-left: 60px;
}

#menu-box {
	margin-left: -230px;
	float: left;
	width: 217px;
	background: transparent;
	position: relative;
	left: 0px;
}

#menu {
	padding: 40px 0px 30px 0px;
	margin: 0;
}

#menu-spacer {
	height: 350px;
	width: 0px;
	margin: 0;
	padding: 0;
	float:right;
}


/* ========== STARTSEITE ========== */

#mainnav-start {
	width: 780px;
	height: 30px;
	background: transparent url(bg-mainnav-start.jpg) no-repeat;
	position: absolute;
	top: 156px;
	left: 0px;
	z-index: 4;
	padding: 0;
	margin: 0;
}

#container-menuRepeatBG-start {
	/* hintergrundfarbe contentbereich */
	background: #E5E7E9 url(bg-menuRepeat-start.jpg) repeat-y; 
}
	
#container-menuBottom-start {
	background: transparent url(bg-menuBottom-start.jpg) no-repeat bottom left;
}

#container-menuBG-start {
	background: transparent url(bg-menu-start.jpg) no-repeat top left;
}

#content-box-start {
	margin-left: 347px;
}

* html #content-box-start {
	height:1%;
	margin-left:347px
} /* combat ie's 3 pixel jog */ 

#all-start {
	padding: 39px 0px 20px 0px;
	margin: 0;
}

#content-start {
	padding: 10px 10px 0px 10px;
	margin: 0;
}

#menu-box-start {
	margin: -1px 0px 0px -347px;
	float: left;
	width: 345px;
	position: relative;
	left: 0px;
}

#menu-start {
	padding: 40px 0px 20px 0px;
	margin: 0;
}

#menu-start h1 {
	padding: 9px 0px 0px 50px;
	background: transparent url(start-h1.gif) no-repeat bottom left;
	border-top: 1px solid #999999;
	margin: 0;
	font-size: 100%;
}

#menu-start p {
	padding: 0px 0px 11px 50px;
	margin: 0;
	font-size: 0.85em;
}
#menu-start .imgtext-table {
	padding: 0px 0px 11px 50px;
	margin: 0;
}

#news-box {
	padding: 0; 
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.newspic {
	margin: 0;
	padding: 0;
}

.newstext {
	margin: 0;
	padding: 0px 10px 0px 10px;
}

.newstext p.bodytext {
	font-size: 0.85em;
}

.newstext span.news-latest-date {
	font-size: 0.85em;
}


/* ========== MENU ========== */

ul#navi {
	list-style: none;
	padding: 0;
	margin: 1px 0px 0px 106px;
}

ul#navi li {
	float: left;
	margin: 0;
	padding: 0;
	margin: 0px -15px 0px 0px;
}

ul#navi a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	font-weight: bold;
	width: 145px;
	height: 18px;
	margin: 0;
	padding: 0;
}

ul#navi a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background: transparent url(navi-rollover2.gif) no-repeat right;
}

ul#navi li.act a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background: transparent url(navi-active.gif) no-repeat right;
}

ul#menulist {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 215px;
}

ul#menulist li.line {
	display: block;
	width: 215px;
	border-top: 1px solid #999999;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}

ul#menulist li {
	display: block;
	width: 175px;
	padding: 5px 10px 8px 0px;
}

ul#menulist a {
	color: #000000;
	display: block;
	background: transparent url(submenu.gif) no-repeat top left;
	text-decoration: none;
	width: 100%;
	padding: 0px 0px 0px 30px;
}

ul#menulist a:link {
	color: #000000;
	display: block;
	background: transparent url(submenu.gif) no-repeat top left;
	text-decoration: none;
	width: 100%;
	padding: 0px 0px 0px 30px;
}

ul#menulist a:hover {
	color: #156077;
	display: block;
	background: transparent url(submenu.gif) no-repeat 0px -48px;
	text-decoration: none;
	width: 100%;
	padding: 0px 0px 0px 30px;
}

ul#menulist li.act a {
	color: #156077;
	display: block;
	background: transparent url(submenu.gif) no-repeat 0px -48px;
	text-decoration: none;
	width: 100%;
	padding: 0px 0px 0px 30px;
}

ul#menulist li.act2 a {
	color: #156077;
	display: block;
	background: transparent url(submenu.gif) no-repeat 0px -48px;
	text-decoration: none;
	padding: 0px 0px 0px 30px;
	margin: -7px 0px 0px 20px;
}

ul#menulist li.no2 a {
	color: #000000;
	display: block;
	background: transparent url(submenu.gif) no-repeat top left;
	text-decoration: none;
	padding: 0px 0px 0px 30px;
	margin: -7px 0px 0px 20px;
}

ul#menulist li.no2 a:hover {
	color: #156077;
	display: block;
	background: transparent url(submenu.gif) no-repeat 0px -48px;
	text-decoration: none;
	padding: 0px 0px 0px 30px;
	margin: -7px 0px 0px 20px;
}

ul#menulist li.act3 a {
	margin: -7px 0px 0px 40px;
}

ul#menulist li.no3 a {
	margin: -7px 0px 0px 40px;
}

ul#menulist li.no3 a:hover {
	margin: -7px 0px 0px 40px;
}

.shopfade {
	background: #E5E7E9 url(shopfade.jpg) repeat-y;
	margin-right:-10px;
}


/* ========== OLD ========== */

.menu-act {
	font: 12px Arial, Helvetica, sans-serif;
}

.menu-act a:link {
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.menu-act a:visited {
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.menu-act a:hover {
	color: #CCCCCC;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.menu-act a:active {
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.menu-no {
	font: 12px Arial, Helvetica, sans-serif;
}

.menu-no a:link {
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.menu-no a:visited {
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.menu-no a:hover {
	color: #CCCCCC;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.menu-no a:active {
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
}

csc-header csc-header-n1 {
	margin: 0px 0px 0px 0px;
}

csc-firstHeader {
	margin: 0px 0px 0px 0px;
}