/* CSS Tabs */
#tabs { border:1px solid #fff; position: relative; padding: 0 0 0 30px; clear:both;}
#tabs h1 { border:1px solid #DFDFDF; font-size: 12px; height:20px; padding:2px 10px 0px 10px; border-bottom-width:0px; color: #ffffff; z-index:1; background:#9F9F9F;}
#tabs .on { border-color:#CFCFCF; background:#0084c9; color: #ffffff; height:20px; }
#tabs .cont { border:1px solid #CFCFCF; margin-top:23px; padding:0px 10px 0px 0px; background:#FFFFFF; font-size: 11px; height:500px; overflow:auto; }
/*#tabs .cont { border:1px solid #CFCFCF; margin-top:23px; padding:0px; background:#FFFFFF; font-size: 11px; overflow:auto; }*/



/* CSS Service Panel */

.slide {
         position:relative;
         width:960px;
	margin: 0 0 0 0px;
	padding: 0;
	background: #2F2F2F;
         z-index:10;
}
.slide a:hover{
         color: #ffffff;
}
.btn-slide {
	background: url(../wsimages/white-arrow.gif) no-repeat 0 -40px;
	text-align: left;
	height: 23px;
	padding: 7px 0 0 30px;
	margin: 0 0 0 0;
	display: block;
         color: #fff;
	text-decoration: none;
}
.active {
         background:#0099cc url(../wsimages/white-arrow.gif) no-repeat 0 0;
         font-weight:bold;
}

#servicePanel {

         background: url(../wsimages/gradient.gif) repeat-x top left;
         width: 958px;
	height: 140px;
	display: none;
         margin: 0 0 0 2px;
}

#servicePanelContent{
         width:958px;
         margin: 0 0 0 1px;
         background: url(../wsimages/gradient.gif) repeat-x top left;
        }

.productFinder {
         position:relative;
         width:375px;
         height:100px;
         color: #FFFFFF;
         background: url(../wsimages/serviceItem_bg.gif) repeat-x top left;
				 margin:10px 5px 10px 20px ;
         padding:10px;
         float:left;
	}
.productFinder h2{
         color: #FFFFFF;
         font-size:14px;
         font-weight:normal;
         padding:3px 5px 3px 0px;
         margin:-8px 0 10px 0px;
	}
	
.productFinder img {
	margin:0px;
	padding:0px;
	}

.productFinder select{
         width:140px;
         font-size:11px;
	}
.productFinder input{
         width:140px;
         font-size:11px;
	}
.productFinder input.radio{
         width:19px;
	}
.productFinder input#button{
         width:19px;
         margin:-5px 0 -2px 0;
	}
.serviceItem {
         position:relative;
         width:143px;
         height:100px;
         color: #FFFFFF;
         background: url(../wsimages/serviceItem_bg.gif) repeat-x top left;
         margin:10px 0 10px 8px ;
         padding:10px;
         float:left;
	}
.serviceItem h2{
         color: #FFFFFF;
         font-size:14px;
         font-weight:normal;
         padding:3px 5px 3px 0px;
         margin:-8px 0 10px 0px;
	}

.serviceItem select{
         width:140px;
         font-size:11px;
	}
.serviceItem input{
         width:110px;
         font-size:11px;
         margin:0 0 3px 0;
	}
.serviceItem input#button{
         width:19px;
         margin:-5px 0 -2px 0;
	}

.productFinderPicture {
         position:relative;
         width:375px;
         height:100px;
         color: #FFFFFF;
         background: url(../wsimages/servicepanel_fullsize.jpg) repeat-x top left;
         margin:10px 5px 10px 20px ;
         padding:10px;
         float:left;
	}
	
	.serviceItemPicture {
         position:relative;
         width:143px;
         height:100px;
         color: #FFFFFF;
         background: url(../wsimages/servicepanel_small02.jpg) repeat-x top left;
         margin:10px 0 10px 8px ;
         padding:10px;
         float:left;
	}

/* CSS Accordion (expandable Boxes) */
.accordion {
	padding-right:20px;
	border-bottom: solid 1px #EFEFEF;
	border-right: solid 1px #EFEFEF;
	border-left: solid 1px #EFEFEF;
}
.accordion h5 {
	background: #BFBFBF url(../wsimages/arrow-square.gif) no-repeat 5px -50px;
	padding: 5px 0 0 33px;
	height: 22px;
         font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor: pointer;
}
.accordion h5:hover {
	background-color: #9F9F9F;
}
.accordion h5.active {
	background: #0084c9 url(../wsimages/arrow-square.gif) no-repeat 5px 5px;
         color:#ffffff;
}

div.acc {
	margin-top: 5px;
	padding: 5px 5px 5px 5px;
	display: none;
         }

.accordion p {
	margin: 0;
	padding: 5px 5px 5px 5px;
         color:#000;
}
.accordion p img{
	margin: 0px;
	padding: 5px 5px 5px 5px;
}


/* tables */

.tableContainer {
         margin:10px 0px 10px 10px ;
         }

table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0px 15px 10px;
	font-size: 8pt;
	width: 98%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../wsimages/table_bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../wsimages/table_asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../wsimages/table_desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #0084c9;
color:#ffffff;
}
/* Tabelle in div.contentFull*/
/*
.contentFull table.tablesorterFull {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0px 15px 30px;
	font-size: 8pt;
	width: 94%;
	text-align: left;
}

table.tablesorterFull thead tr th, table.tablesorterFull tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorterFull thead tr .header {
	background-image: url(../wsimages/table_bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorterFull tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorterFull tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorterFull thead tr .headerSortUp {
	background-image: url(../wsimages/table_asc.gif);
}
table.tablesorterFull thead tr .headerSortDown {
	background-image: url(../wsimages/table_desc.gif);
}
table.tablesorterFull thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #0084c9;
color:#ffffff;
}
*/
