/*-------------------------------------------------

Theme Name: WDI
Website: www.wdi.ag
Description: Cascading Style Sheet for wdi-online.de 
CSS Version: 2.1
Usage: Screen, Projection and TV
XHTML Version: 1.0 strict
Language: de, en
Author: Webseason GmbH
Author URI: http://www.webseason.de
--------------------------------------------------*/

/* #################### DIV Layer, Layout

----------------------------------------------------------------------*/



body {
	margin: 0 0 20px 0;
	padding: 0;
	background: #ffffff url("images/tex_main.gif") repeat-x;
	font: normal 100.1% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}



/* #################### Topbar

----------------------------------------------------------------------*/


#headfixed {
	position:fixed;
	top:0px;
	left:0px;
	background: url("images/tex_main.png") repeat-x #ffffff;
	
/* CHANGE: No XRef = .... */
	height:279px;
/* CHANGE: XRef = .... */
/*
	height:325px;
*/
	
	text-align: left;	
	width:100%;
}
/* CHANGE END */


#topbar {
	width: auto;
	padding: 14px 0 0px 0;
	height:34px;
}



#topbar img { border: none; }



#topbar-home {
	float:left;
	padding: 3px 0 0 55px;
}



#topbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	text-align: right;
	overflow: hidden;
}



#topbar li {
	list-style-type: none;
	display: inline;
	padding: 0 15px 0 0;
	font-size: 0.7em;
}



#topbar li a {

	padding: 0 0 2px 15px;

	color: #0a2462;

	text-decoration: none;

	background-color: inherit;

}



#topbar li a:hover {

	color: #516697;

	text-decoration: underline;

	background-color: inherit;

}



#topbar li a:focus, #topbar li a:active {

	color: #c1272d;

	text-decoration: none;

	background-color: inherit;

}

#topbar li a.home { background: url("/images/icon_home.gif") no-repeat 0; }

#topbar li a.contact { background: url("/images/icon_contact.gif") no-repeat 0; }

#topbar li a.imprint { background: url("/images/icon_imprint.gif") no-repeat 0; }

#topbar li a.sitemapp { background: url("/images/icon_sitemap.gif") no-repeat 0; }

#top-language {
	padding: 0 55px 0 10px;
	width: 30px;
	float: right;
}



/* #################### Base



----------------------------------------------------------------------*/



.base_tex_left {

	background:url('images/tex_left.gif') repeat-y;

}



.base_tex_right {

	background:url('images/tex_right.gif') repeat-y right top;

}



.base_tex_top_left {

	background:url('images/tex_top_left.gif') no-repeat;

}



.base_tex_top_right {

	background:url('images/tex_top_right.gif') no-repeat right top;

}



.base_tex_bot_left {

	background:url('images/tex_bot_left.gif') no-repeat left bottom;

}



.base_tex_bot_right {
	background:url('images/tex_bot_right.gif') no-repeat right bottom;
	text-align:left;
	padding:276px 55px 0 55px; /* CHANGE: XRef = padding:320px 55px 0 55px;, noXRef = padding:276px 55px 0 55px; */
}







/* #################### Head



----------------------------------------------------------------------*/



#head {

	padding-top:36px;

}



#logo-content {

	float:left;

	width: 180px;

	height: 30px;

	padding: 0px 0px 35px 0px;

	overflow: hidden;	

}



#logo-content a img, #logo-start a img { border: none; }



.backbtn { 

	float:right;

	padding:0px;

	margin:0px;

}



.backbtn img {

	border:0px;

	padding:0px;

	margin:0px;

	font-size:10px;

	float:left;

}





/* #################### Infobar



----------------------------------------------------------------------*/



#infobar {

	padding-bottom:6px;

	

}



#infopdf {

	width:auto;

	margin-right:220px;

	white-space:nowrap;

}



#colorhighlight {

	background:#ffffb4;

	width:17px;

	height:17px;

	float:right;

	border:1px solid #ddd989;

	margin:4px;

}



#rohs {

	float:right;

	width:50px;

	padding: 3px 10px 0 0;

}



#rohsinfo {
	position:fixed;
	right:55px;
	top: 278px;	/* CHANGE: XRef = top:325px;, noXRef = top:278px; */
	padding:10px 10px 0px 10px;
	display:none;
	border:1px solid #002d6d;
	width:240px;
	height:132px;
	background:#ffffff;
	z-index:9999;
	text-align:left;
	font-size:10px;
	color:#4f5461;
}

#rohsinfo img {
	margin-left:23px;
}

#xrefinfo {
	position:fixed;
	right:155px;
	top: 290px;
	padding:10px 10px 0px 30px;
	display:none;
	border:1px solid #002d6d;
	width:240px;
	height:132px;
	background:url('images/icon_info.gif') no-repeat 8px 11px #ffffff;
	z-index:9999;
	text-align:left;
	font-size:10px;
	color:#4f5461;
	text-align:justify;
}
#xreflegal {
	position:fixed;
	right:55px;
	top: 290px;
	padding:10px 10px 0px 30px;
	display:none;
	border:1px solid #002d6d;
	width:240px;
	height:155px;
	background:url('images/icon_book.gif') no-repeat 7px 12px #ffffff;
	z-index:9999;
	text-align:left;
	font-size:10px;
	color:#4f5461;
	text-align:justify;	
}
#xreftoggle {
	position:fixed;
	right:85px;
	top: 170px;
	padding:10px 10px 0px 10px;
	display:none;
	z-index:9999;
	text-align:left;
	font-size:10px;
	color:#4f5461;
}



#rohs a {
	float:right;
	display:block;
	background:url('images/icon_rohs.gif') no-repeat 0px 3px;
	padding:4px 0 4px 18px;
	font-size:10px;
	color:#4f5461;
}



#rohs a:hover {
	text-decoration:none;
	cursor:help;
}

#infohighlight p {
	float:right;
	font-size:11px;
	margin:0px;
	padding:7px 0 0 0px;
	color:#988452;
}



#infopdf p {
	color:#a13100;
	border:1px solid #ffe2b3;
	background:url('images/icon_pdf.gif') no-repeat #fff1db 6px 4px;
	font-size:11px;
	display:block;
	padding: 6px 10px 6px 25px;
	margin:0px;
}



#infoempfehlung {
	float:right;
}

#legende_new {
	float:right;
}

.clear {
	clear: both;
	height: 0;
	font-size: 0em;
	visibility: hidden;
}

/* ------------------------------- Tabelle Produkte ------------ */



/* Danny 14.01.2008 Start */

.showImgContainer {
	background: #fff;
	border: 1px solid #0a3f8d;
	padding: 1px;
	display: none;
	position: absolute;
	top: -18px;
	left: -6px;
}



.showImgWrapper { position: relative; display: inline; }



.preImg { border: 1px solid #e5e6ef; padding: 3px; }

/* Danny 14.01.2008 End */

#selectorTable tbody tr {

}



#selectorTable table {
	width:100%;
}



#selectorTable table tr.table_caption th {

	background:url('images/table_caption.gif') repeat-x #002d6d;

	color:#ffffff;

	padding:0px 7px 0px 7px;

	font-size:13px;

	height:33px;

}



#selectorTable table tr.table_head th {

	background:url('images/table_th.gif') #f2f3f6;

	color:#4f5461;

	padding:0;

	font-size:11px;

	border-right:1px solid #ffffff;	

	border-left:1px solid #c4c9d8;

	border-top:1px solid #c4c9d8;

	border-bottom:1px solid #c4c9d8;

	height:27px;

	padding:0 0 0 6px;

	white-space:nowrap;

}



#selectorTable table tr.table_head th.last {

	border-right:1px solid #c4c9d8;	

}



#selectorTable table tr.spacer td {

	height:2px;

	background:url('images/table_spacer.gif') #ffffff;

	border:0px;

}



#selectorTable table tr.list td {

	border-left:1px solid #c4c9d8;

	border-bottom:1px solid #c4c9d8;

	font-size:11px;

	color:#47505c;

	padding: 3px 6px;

	white-space:nowrap;

}



#selectorTable table tr.list td.last {

	border-right:1px solid #c4c9d8;

	padding: 3px 6px 0px 6px;

	white-space:normal;	

}



#selectorTable table tr.list td.neu {

	padding-right:48px;

	background-image:url('images/de/icon_new.gif');

	background-repeat:no-repeat;

	background-position:100% 50%;

}



#selectorTable table tr.list td.new {

	padding-right:48px;

	background:url('images/en/icon_new.gif') no-repeat 100% 50%;

}



#selectorTable table tr.begin td {

	border-top:1px solid #c4c9d8;

}



#selectorTable table tr.second td {

	background-color:#f7f8fb;

}



#selectorTable table tr.highlight td {

	background-color:#ffffb4;

}



#selectorTable img.logo {

	border:0px;

	margin:0 3px 3px 0;

}



/* ------------------------------- Tabelle Konfigurator ------------ */



a.resetbtn {

	background:url('images/icon_reset.gif') no-repeat 4px 0;

	padding-left:22px;

	color:#4f5461;

	text-decoration:underline;

	padding-bottom:5px;

}



a.resetbtn:hover {

	color:#0a2462;

	text-decoration:none;

}



a.searchbtn {
	background:url('images/icon_search.gif') no-repeat 0 0;
	padding-left:18px;
	color:#4f5461;
	text-decoration:underline;
	padding-bottom:5px;	
}

a.searchbtn:hover {
	color:#0a2462;
	text-decoration:none;
}

a.xrefbtn {
	background:url('images/btn_xref.gif') no-repeat 0 0px;
	display:block;
	width:78px;
	height:18px;
	color:#4f5461;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 0 0 27px;
	text-align:left;
}

a.lawbtn {
	background:url('images/icon_book.gif') no-repeat 0 0px;
	padding-left:20px;
	color:#4f5461;
	text-decoration:underline;
	padding-bottom:5px;
}

a.infobtn {
	background:url('images/icon_info.gif') no-repeat 0 0px;
	padding-left:20px;
	color:#4f5461;
	text-decoration:underline;
	padding-bottom:5px;
}

a.xrefbtn:hover {
	background:url('images/btn_xref_over.gif') no-repeat 0 0px;
	color:#0a2462;
	text-decoration:none;
}	

a.infobtn:hover, a.lawbtn:hover {
	cursor:help;
	text-decoration:none;
}	

#tabs {
	height:23px;
	border-top: 1px dotted #adb5cc;
	background:url('images/tex_tabsdiv.gif') repeat-x left bottom;	
	padding:5px 0px 0px 0;
	margin:0 0 0 0;
}

#tabs img {
	float:left;
	margin-left:10px;
}

#tabs a img {
	border:0px;
	margin-bottom:1px;
	margin-left:9px;	
}

#selectorFilter {
	height:40px;
	border-bottom: 1px dotted #adb5cc;
	padding:5px 0px 0px 0;
	margin:0 0 5px 0; /* CHANGE: XRef = margin: 0px, noXRef = margin:0 0 5px 0; */
}

#xrefFilter {
	height:40px; /* CHANGE: XRef = 40px, noXref = 0px */
	border-bottom: 1px dotted #adb5cc;
	padding:5px 0px 0px 0;
	margin:0 0 5px 0;
	/*visibility: hidden;*/
	display:none;
}

#selectorFilter table, #xrefFilter table {
	width:100%;
	border:0px;
	margin:0px;
}

#selectorFilter table td.tdnormal, #xrefFilter table td.tdnormal {
	text-align:left;
	font-size:10px;
	color:#484b54;
	background:url('images/icon_inputset.gif') no-repeat 0 6px;
	padding:0 8px 0 9px;
	width:0%;
	white-space:nowrap;
}

#selectorFilter table td.tdbtn, #xrefFilter table td.tdbtn {
	text-align:left;
	padding-left:6px;
	font-size:10px;
	color:#484b54;
	width:100%;
	padding-bottom:6px;
}

#xrefFilter table td.xrefbg {
	background:url('images/bg_xref.gif') no-repeat 15px 13px;
}

#selectorFilter table td.tdbtn2, #xrefFilter table td.tdbtn2 {
	text-align:right;
	padding-left:6px;
	padding-right:2px;
	font-size:10px;
	color:#484b54;
	width:0%;
	padding-bottom:6px;
	white-space: nowrap;
}

#selectorFilter table td.tdbtn3 {
	text-align:right;
	padding-left:6px;
	padding-right:0px;
	font-size:10px;
	color:#484b54;
	width:0%;
	padding-bottom:0px;
	white-space: nowrap;
}


#selectorFilter select, #selectorFilter input, #selectorFilter label, #xrefFilter select, #xrefFilter input, #xrefFilter label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#484b54;
}

#selectorFilter select, #selectorFilter input, #xrefFilter select, #xrefFilter input {
	margin-top:3px;
}

#selectorFilter input, #xrefFilter input {
	padding-top:1px
}

#selectorFilter .labelnorm, #xrefFilter .labelnorm {
	padding:0px;
	margin:0px;
	white-space:nowrap;
}

#selectorFilter .floatlabel, #xrefFilter .floatlabel {
	padding:0 3px;
}

#selectorFilter #selFreqFrom, #selectorFilter #selFreqTo, #xrefFilter #selFreqFrom, #xrefFilter #selFreqTo {
	width:100px;
}

#navlist-de, #navlist-en {
	padding: 24px 0 0 0px;
	margin: 0;
	list-style: none;
	height: 15px;
	display: block;
	float: right;
	text-align: right;
}

#navlist-de li, #navlist-en li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#navlist-de li a, #navlist-en li a {
	height: 15px;
	float: left;
	text-decoration: none;
	overflow: visible!important;
	overflow: hidden;
}

#navlist-de li a img, #navlist-en li a img { border: none; }

#navlist-de li a:hover, #navlist-en li a:hover { text-decoration: none; }

/* #################### Global Styles



----------------------------------------------------------------------*/



h1 {
	margin:0px;
	float:left;
	padding: 0 0 4px 0;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #0a2462;
}



h1 img {
	float:left;
	padding:0px;
	margin:0px;
}



hr {

	border-top: 1px dotted #adb5cc;

	border-right: none;

	border-bottom: none;

	border-left: none;

	height: 0;

	margin: 10px 0 0 0;

	padding: 0 0 5px 0;

	overflow: hidden;

}



/* ------------------------------- Contactinfo Footer ------------ */



#contactinfo {

	margin: 15px 0 0 0;

	text-align: center;

	border-top: 1px solid #dee1eb;

	border-bottom: 1px solid #dee1eb;

}



#contactinfo p {

	padding: 10px 0;

	margin: 0;

	font-size: 0.7em;

	color: #484b54;

}



#contactinfo span { margin: 0 8px 0 0; }



#contactinfo p a {

	color: #484b54;

	text-decoration: underline;

}



#contactinfo p a:hover {

	color: #0a2462;

	text-decoration: none;

}



#contactinfo p a:focus, #foot p a:active {

	color: #c1272d;

	text-decoration: none;

}



/* ------------------------------- Footer ------------ */



#foot {

	padding: 0;

}



*:first-child+html #foot {

	margin-top:10px;

}







#foot p {

	color: #484b54;;

	font-size: 0.7em;

	padding: 0!important;

	padding: 10px 0 0 0;

}







#foot p a {

	color: #516697;

	text-decoration: underline;

	padding: 0 4px 0 18px;

	background: url("/images/meta_off.gif") no-repeat 0;

}



#foot p a:hover {

	color: #0a2462;

	text-decoration: none;

	background: url("/images/meta_on.gif") no-repeat 0;

}







#foot p a:focus, #foot p a:active {

	color: #c1272d;

	text-decoration: none;

	background: url("images/meta_on.gif") no-repeat 0;

}



/* ------------------------------- Classes ------------ */



.phone {

	background: url("/images/icon_phone.gif") no-repeat 0;

	padding: 0 0 0 14px;

}



.mobile {

	background: url("/images/icon_mobile.gif") no-repeat 0;

	padding: 0 0 0 14px;

}



.mail {

	background: url("/images/icon_mail.gif") no-repeat 0;

	padding: 0 0 0 14px;

}



.fax {

	background: url("/images/icon_fax.gif") no-repeat 0;

	padding: 0 0 0 14px;

}



.www {

	background: url("/images/icon_www.gif") no-repeat 0;

	padding: 0 0 0 14px;

}





.aligncenter { text-align: center; }





#selectorTableWait {

	background: url("/selector/loading.gif") no-repeat 50% 20%;

	text-align: center;

	font-size: 0.8em;

	padding-top: 70px;

	padding-bottom: 50px;

}



p.noproducts {

	text-align:center;

	font-size:11px;

	color:#4f5461;

	padding:40px 0px;

}

/* #################### added XRef & RTC

----------------------------------------------------------------------*/

#raltron {
	margin: 0;
	padding: 0;
	float: left;
}