@charset "utf-8";
/* CSS Document 
 *
 *
 * FARBEN
 * orange: #ff6633
 * blau: #006699
 * mittelblau: #ccdbea
 * hellblau: #e7eef5
 *
 */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin:0px;
	padding:0px;
}
body {
	background-image:url(../elemente/top-background.gif);
	background-repeat:repeat-x;
	background-color:#eee;
}
ul {
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
}
ol {
	list-style-position:outside;
	padding:10px;
	padding-left:20px;
}
ul, ol, p, div, td, h1, h2, h3, h4, h5, h6, input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:17px;
}
h1, h2, h3, h4, h5 {
	padding-top:10px;
	padding-bottom:10px;
	color:#f63;
}
h1 {
	color:#069;
	font-size:16px;
}
h2 {
	color:#ff6633;
	font-size:16px;
}
h3 {
	color:#069;
}
a {
	color:#669;
	text-decoration:underline;
	font-size:12px;
}
a:hover {
	background-color:#e7eef5;
}
input {
	cursor:pointer;
	margin:2px 0;
}
hr {
	background-color:#ccdbea;
	border:none;
	border-top: 1px solid #ccdbea;
	height:1px;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}
p.bodytext {
	padding-bottom:6px;
}
#top {
	margin:0 auto;
	width:982px;
	height:72px;
	background:url(../elemente/prematic.gif) no-repeat top left;
	text-align:right;
}
#navigation {
/*	border-right:1px solid #ccdbea;
	border-left:1px solid #ccdbea;
*/	clear:both;
	height:38px;
	margin:0 auto;
	width:982px;
}
#content {
	background: url(../elemente/content_bg.gif) repeat-y top left #fff;
/*	border-right:1px solid #ccdbea;
	border-left:1px solid #ccdbea;
*/	clear:both;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:40px;
	width:982px;
}
#inhalt {
	padding:0 24px;	

}
#footer {
	background-color:#ddd;
/*	border-right:1px solid #ccdbea;
	border-left:1px solid #ccdbea;
*/	clear:both;
	color:#999;
	font-size:14px;
	margin:0 auto;
	padding-top: 20px;
	padding-bottom:20px;
	text-align:center;
	width:982px;
}
/*--------------------- TOPNAVIGATION ---------------------*/
#top div {
	padding-top:26px;
}
#top a {
	padding-right:6px;
	padding-left:6px;
}	
#top a {
	color:#666;
	text-decoration:none;
}
#top a:hover {
	background-color:#e8e8e8;
}
/*--------------------- NAVIGATION ---------------------*/

/*.hmenu {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:11px; margin:2px 0 100px 0; z-index:100;}	*/
#navigation ul, #navigation ul ul {padding:0; margin:0; list-style-type: none; list-style-position:outside; list-style-image:none;}
#navigation ul li, #navigation ul li.over { float:left; position:relative; padding:0; margin:0;}
#navigation ul li a, #navigation ul li a:visited {color:#069; display:block; font-size:12px; font-weight:bold; margin:0; padding:0; text-decoration:none;}

#navigation ul ul {display:none; border: 1px solid #ccdbea; border-bottom:none; position:absolute; top:37px; left:0; background-color:#e7eef5;}

/* specific to non IE browsers */
#navigation ul li:hover a, #navigation ul li.over a, #navigation ul li.over a:hover {color:#069;}
#navigation ul li:hover ul, #navigation ul li.over ul {display:block;}
#navigation ul li:hover ul li, #navigation ul li.over ul li, #navigation ul ul li {width:160px; clear:both; background-color:#e7eef5; border-bottom:1px solid #ccdbea;}
#navigation ul li:hover ul li a.e2, #navigation ul li.over ul li a.e2 {display:block; margin:0; padding-top: 5px; padding-bottom: 5px; padding-left:4px; background-color:#e7eef5; color:#069; /*white-space:nowrap;*/ font-weight:normal;}
#navigation ul li:hover ul li a.e2:hover, #navigation ul li.over ul li a.e2:hover {background-color:#fff; color:#069;}

/*--------------------- NAVIGATION ---------------------*/
ul.secondnavigation {
	border-top:1px solid #ccdbea;
}
ul.secondnavigation li {
	border-bottom:1px solid #ccdbea;
}
ul.secondnavigation li a, ul.secondnavigation li a.over {
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	text-decoration:none
}
ul.secondnavigation li a:hover, ul.secondnavigation li a.over {
	background-color:#e7eef5;
}

/*--------------------- INHALT ---------------------*/
#links {
	float:left;
	padding-right:24px;
	padding-left:11px;
	width:180px;
}
#mitte {
	float:left;
	width:550px;
}
#rechts {
	float:right;
	padding-right:11px;
	width:180px;
}
.box-blau, .box-orange, .box-transparent, .box-orange-rechts {
	margin-bottom:14px;
}
.box-blau, .doppelbox-blau, .box-orange-rechts {
	background-color:#e7eef5;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
}
.doppelbox-blau {
	padding-bottom:0;
}
.doppelbox-blau h2, .doppelbox-blau h3 {
	padding-bottom:0;
	margin-bottom:0;
}
.doppelbox-blau h3 {
	padding:0;
	margin:0;
}
.box-orange, .box-orange-rechts {
	background-color:#f8eae2;
	padding-top:10px;
}
h2.imageheader {
	background-repeat:no-repeat;
	height:18px;
	overflow:hidden;
	text-indent:999em;
	white-space:nowrap;
}
#links h2 {
	padding-left:8px;	
}
.csc-header {
	clear:both;
}
#mitte ul {
	list-style-type:disc;
	list-style-position:outside;
	padding:10px;
}
#mitte ul.csc-menu-3 {
	border-top:1px solid #ddd;		
	list-style-type:none;
	list-style-image:none;
	padding:0;
}
#mitte ul.csc-menu-3 li {
	float:left;
	padding-right:10px;
}
#mitte ul.csc-menu-3 a {
	color:#666;
	font-size:11px;
	text-decoration:none;
}
.aktuell {
	width:265px;
}
.kompressor {
	float:right;
}
div.aktuell h2, div.kompressor h2 {
	font-size:12px;
	border-bottom: 1px solid #ccdbea;
	margin-bottom:8px;
	color:#069;
}
.aktuell .bild {
	text-align:center;
}
.aktuell .text {
	padding-top:12px;	
}
.clearer {
	clear:both;
}
div.csc-textpic-intext-left div.csc-textpic-imagewrap {
	clear:both;
	float:left;
}

.csc-textpic a, .csc-textpic a:hover {
	text-decoration:none;
	background:none;
}
a.download, a.download:hover {
	padding-right: 30px;
	background: url(/fileadmin/bilder/elemente/pdficon2.gif) no-repeat right;
	text-decoration:underline;
}
/*----------- KLASSE useiten (fuer Seite Pneumatik) -----------*/
a.useiten:link, a.useiten:visited, a.useiten:hover, a.useiten:active {
	display:block;
	background-color:#f2f2f2;
	border:none;
}
a.useiten:hover {
	background-color:#E0E3EE;
}

/*----------- TABELLEN -----------*/
table td {
	vertical-align:top;
}

table.contenttable {
	border:none;
	border-collapse:collapse;
	border-spacing:0;
}
table.contenttable th {
	color:#e2e2e2;
}
table.contenttable td {
	padding: 2px;
	border-top:1px solid #ccdbea;
	border-bottom:1px solid #ccdbea;
	vertical-align:text-top;
}
table.contenttable .tr-even, table.contenttable .tr-odd {
	background-color:#e7eef5;
	vertical-align:text-top;
}
table.contenttable .tr-odd {
	background-color:#fff;
}
table.contenttable .td-0 {

}

table.contenttable-0 .td-0 {
	width:300px;
}


table.contenttable-2 {
	border:1px solid #ccdbea;
	border-collapse:collapse;
	border-spacing:0;
}
table.contenttable-2 th {
	color:#006699;
}
table.contenttable-2 td {
	padding: 8px;
	border-top:1px solid #ccdbea;
	border-bottom:1px solid #ccdbea;
}
table.contenttable-2 .tr-even, table.contenttable-2 .tr-odd {
	background-color:#e7eef5;
	vertical-align:text-top;
}
table.contenttable-2 .tr-odd {
	background-color:#fff;
}
table.contenttable-2 .td-0 {
	font-weight:bold;
}

table.contenttable-3 {
	border:1px solid #fff;
	border-collapse:collapse;
	border-spacing:0;
}
table.contenttable-3 th {
	color:#006699;
}
table.contenttable-3 td {
	padding: 2px;
	border:2px solid #fff;
}
table.contenttable-3 .tr-even, table.contenttable-3 .tr-odd {
	background-color:#e7eef5;
	vertical-align:text-top;
}
table.contenttable-3 .tr-odd {

}
table.contenttable-3 .td-0 {
	font-weight:bold;
}

table.formtable td {
	vertical-align:top;
}
/*----------- LISTEN -----------*/
ul.list-check {
	list-style:url(../elemente/haken.gif) outside;
}

/*----------- MODUL MAIL -----------*/
#mitte div.csc-mailform-field label {
	display: block;
	float: left;
	width: 100px; /* Breite.*/
}
#mitte div.csc-mailform-field {
	padding: 2px 0px;
}
#mitte form {
	border:1px solid #ccdbea;
	background-color:#e7eef5;
	padding: 10px;
	margin-bottom:20px;
}
#mitte fieldset {
	border:none;
}
.red {
	color:red;
}
/*----------- MODUL TOOLBOX -----------*/
form.toolform label {
	display:block;
	float:left;
	width:260px;
}
form.toolform input {
	margin-bottom:4px;
}
form br {
	clear:left;
}
p.resultbox {
	background-color:#ccdbea;
	border-top:2px solid #006699;
	color:#006699;
	font-weight:bold;
	margin-top:6px;
	padding:8px 0px 8px 2px;

}
/*----------- FLASH RECHTS -----------*/
#rechts div.tx-rbflashobject-pi1-swf_altcontent, #links div.tx-rbflashobject-pi1-swf_altcontent {
	padding:0;
	margin:0;
	margin-top:-24px;
	margin-bottom:-28px;
}
/*----------- PRODUKTEFINDER -----------*/
ul.produktefinder {
	display:block;
	float:left;
	margin:0;
	margin-bottom:4px;
	padding:0;
	width:920px;
}
ul.produktefinder li {
	float:left;	
	list-style-position:outside;
	list-style-type:none;
	list-style-image:none;
	margin:0 4px;
}
ul.produktefinder.even {
	background:url(/fileadmin/bilder/produktefinder/produktefinder_blau.jpg) repeat top left;	
}
ul.produktefinder a {
	text-decoration:none;
	border:none;
}
ul.produktefinder a:hover {
	background:none;
}