/* Allgemein ********************************************************************/
/* ITT Deutschland **************************************************************/
/* 22.08.2006 ta ****************************************************************/
/* (c) brain at work GmbH . D-88299 Leutkirch . www.brain-at-work.de **************/

body /* gilt nur f�r Frontend! da im Backoffice die Container-Styles in den body geladen werden */
{
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	font-family: Arial, Helvetica, Geneva, sans-serif; 
	color: #736C67;
	background-color: #FFF;
}

body.febody /* nur fuer Frontend */
{
	background: #FFF url(image/wall_body_white.jpg) no-repeat top center;
}

tbody
{
	font-size: 75%;
}
.febody tbody
{
	font-size: 100%;
}

form, 
input,
textarea,
select
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Geneva, sans-serif; 
}

h1, 
h2, 
h3, 
h4, 
h5, 
p
{
	margin-top: 0px;
	padding-top: 0px;
}

th p,
td p
{
	margin: 0;
}

h1
{
	font-size: 160%;
	color: #736C67;
	margin-bottom: 40px;
}
h2
{
	font-size: 140%;
	color: #736C67;
	margin-bottom: 0px;
}
h3
{
	font-size: 120%;
	color: #736C67;
}
h4
{
	font-size: 110%;
	color: #736C67;
}
h5   /* kleiner Titel ueber Produkt-h1 */
{
	font-size: 100%;
	color: #736C67;
	margin-bottom: 0px;
}
h6   /* Sub-Titel innerhalb Tabelle Technische Daten */
{
	font-size: 100%;
	color: #736C67;
	background-color: #DDE4E8;
	margin-bottom: 0px;
	padding: 3px 10px 3px 10px;
}

div.center
{
	text-align: center;
}

div.all
{
	margin-left: auto;
	margin-right: auto;
	width: 905px;
	text-align: left;
	position: relative;
}

/* Bilder mit Links, Links fuer versch. Typen ************************************************************************/

img
{
	border-color: #DDD;
	border-style: solid;
}

a /* Link allgemein */
{
	text-decoration: underline;
	color: #736C67;
}

.thumb_image,
.zoomimagefe,
.hyperlinkfe,
.doclinkfe,
.dlimagefe
{
	cursor: pointer;
}

a.doclinkfe:hover,
a.hyperlinkfe:hover,
a.articlelinkfe:hover
{
	text-decoration: none;
	color: #000000;
}

a img,
.thumb_image,
.zoomimagefe,
.dlimagefe,
.doclinkfe img,
.hyperlinkfe img,
.articlelinkfe img
{
	cursor: pointer;
	padding-left: 0px;
}

.pic label
{
	font-size: 90%;
	margin-top: 0;
	padding-top: 0;
}

.pic label.zoomimagefe
{
	min-height: 20px !important;
	height: auto !important;
	height: 20px;
	text-indent: 45px;
	background: url(image/icon_popup_zoom_1.gif) no-repeat;
	cursor: pointer;
}
.pic label.zoomimagefe:hover
{
	background: url(image/icon_popup_zoom_2.gif) no-repeat;
}

.pic label.hyperlinkfe
{
	min-height: 20px !important;
	height: auto !important;
	height: 20px;
	text-indent: 45px;
	background: url(image/icon_hyperlink_1.gif) no-repeat;
	cursor: pointer;
}
.pic label.hyperlinkfe:hover
{
	background: url(image/icon_hyperlink_2.gif) no-repeat;
}

.pic label.doclinkfe
{
	min-height: 20px !important;
	height: auto !important;
	height: 20px;
	text-indent: 15px;
	background: url(image/icon_download_1.gif) no-repeat;
	cursor: pointer;
}
.pic label.doclinkfe
{
	background: url(image/icon_download_1.gif) no-repeat;
}

/* Klassenangaben fuer Editor-span-Klassen (2.Dropdown-Feld neben Format)*/
.font60
{
	font-size: 80%;
}

.font80
{
	font-size: 90%;
}

.font120
{
	font-size: 120%;
}

.font140
{
	font-size: 140%;
}

.font160
{
	font-size: 160%;
}

/* Content ************************************************************************/


.headcontainer  /* enthuelt Logo, Sprachauswahl, Topnavigation, Kopfgrafiken, Textsuche */
{
	height: 265px;
	width: 910px;
	position: relative;
	background: url(image/w_head_white.gif) no-repeat 0px 81px;
}

.headcontainer img
{
	border: none;
}

div.logocontainer
{
	position: absolute;
	left: 700px; 
	top: 35px;
}

.language /* Sprachauswahl */
{
	position: absolute;
	left: 20px; 
	top: 85px;
	font-size: 90%;
	color: #759CB5;
}

.language a
{
	padding: 2px;
	color: #759CB5;
	text-decoration: none;
}
.language a:hover
{
	color: #000;
}

.topillu /* Container fuer Hintergrundgrafik oben */
{
	position: absolute;
	left: 1px; 
	top: 103px;
	width: 900px;
	height: 142px;
	overflow: hidden;
	border-bottom: 1px solid #DADADA;
}

.topproduct /* Container fuer Produktabbildung oben */
{
	position: absolute;
	left: 435px; 
	top: 0px;
	width: 245px;
	height: 265px;
}

div.topnav
{
	position: absolute;
	left: 0px;
	top: 246px; 
	padding-left: 10px;
	width: 890px;
	font-size: 90%;
	border-bottom: 1px solid #DADADA;
}

div.topnav ul, 
div.topnav li
{
    display:inline;
    margin: 0px;
    padding: 0px;
}

div.topnav a:hover
{
	color: #000;
}

div.topnav ul a.topnav  /* 1. Ebene - nicht geklickt */
{
	display: block;
	color: #818181;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	float: left;
}

div.topnav ul a.active  /* 1. Ebene - geklickt */
{
	color: #000;
	background: #F0F0F0;
}

div.topnav ul ul
{
	position: absolute;
	left: 0px;
	top: 20px;
	padding-left: 10px;
	border-bottom: 1px solid #F0F0F0;
	width: 100%;
}

div.topnav ul a.disabled, /* allg. nicht sichtbare/inaktive Kategorien */
div.topnav ul ul a.disabled
{
	text-decoration: line-through;
	font-style: italic;
}

div.topnav ul a.protectclosed, /* PWS-geschuetzter Inhalt */
div.topnav ul ul a.protectclosed
{
/*	background: url(image/icon_protectclosed.gif) no-repeat center right;	
	padding-right: 15px; */
}

div.topnav ul a.protectopen, /* PWS-geschuetzter Inhalt */
div.topnav ul ul a.protectopen
{
/*	background: url(image/icon_protectopen.gif) no-repeat center right;	
	padding-right: 15px; */
}

/* Suche ************************************************************************************/

.search
{
	position: absolute;
	left: 710px;
	top: 243px !important;
	top: 245px;
	font-size: 90%;
	color: #818181;
	text-align: right;
}

.search p
{
	margin: 0;
}

.search #searchinput
{
	border:none;
	background: #F0F0F0;
	height: 19px;
	width: 125px;
	color: #000;
	font-size: 11px;
	height: 18px;
	padding: 0;
}
.search #searchsubmit
{
	border: none;
	background: transparent;
	font-size: 100%;
	color: #818181;
	height: 19px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.search #searchlastsubmit
{
	color: #818181;
	border: none;
	background: transparent;
	text-decoration: none;
	font-size: 90%;
	cursor: pointer;
}

a.searchresult
{
	display: block;
	text-decoration: none;
}

a.searchresult:hover
{
	background-color: #E3EDFA;
}

.searchresult dt  /* Pfadangabe (nicht klickbar */
{
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
}

.locatorstringnoanchor
{
	padding-left: 15px;
	padding-right: 5px;
	background: url(image/i_bullet_ul2.gif) no-repeat 0px 2px;
}

.bawfoundtext /* exakt zur Suche uebereinstimmende Begriffe */
{
	font-weight: bold;
	text-transform: uppercase;
}

/* Content *******************************************************************************/

.maincontainer
{
	min-height: 300px !important;
	height: auto !important;
	height: 300px;
	background: #FFF url(image/wall_main.gif) repeat-y;
}

.maincontainerstart
{
	min-height: 300px !important;
	height: auto !important;
	height: 300px;
	background: #FFF url(../../data/media/3329_wall_start_main_white.jpg) no-repeat top left;
}

table tr td
{
	font-size: 100%;
}


/* Menue *****************************************************************************/

div.menucontainer
{
	width: 160px;
	margin-top: 25px;
	float: left;
	margin-left: 1px;
}

div.menu
{
}

div.menu ul, 
div.menu li
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

div.menu a.active:hover,   /* allg. Hover-Effekt */
div.menu a.menu:hover
{
	background-color: #EBEBEB;
}

div.menu ul a.menu  /* 1. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	margin-top: 10px;
	padding-left: 20px;
	font-size: 100%;
	color:#646464;
	text-decoration:none;
	line-height: 150%;
/*	background: #FFF; */
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

div.menu ul a.active /* 1. Ebene sichtbarer Menuepunkt - geklickt */
{
	font-weight: bold;
	background: #F0F0F0 url(image/i_bullet_nav.gif) no-repeat bottom right;	
	border-bottom: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
} 

div.menu ul ul a.menu  /* 2. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	margin-top: 0px;
	padding-left: 30px;
	font-size: 100%;
	color:#646464;
	text-decoration:none;
	line-height: 150%;
/*	background: #FFF; */
	border-bottom: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
}

div.menu ul ul a.active /* 2. Ebene sichtbarer Menuepunkt - geklickt */
{
	text-decoration:none;
	line-height: 150%;
	background: #FFF  url(image/i_bullet_nav_2.gif) no-repeat bottom right;
} 

div.menu ul ul ul a.menu  /* 3. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	padding-left: 25px;
	margin-bottom: 3px;
	margin-right: 15px;
	font-size: 100%;
	font-weight: bold;
	text-transform: none;
	color:#AAA;
	text-decoration:none;
	line-height: 130%;
	background: #FFF;
	border-left: 15px solid #FFF;
}

div.menu ul ul ul a.active /* 3. Ebene sichtbarer Menuepunkt - geklickt */
{
	color:#000;
	background: #FFF url(image/i_bullet_nav_2.gif) no-repeat bottom right;	
} 

div.menu ul a.disabled, /* allg. nicht sichtbare/inaktive Kategorien */
div.menu ul ul a.disabled,
div.menu ul ul ul a.disabled
{
	text-decoration: line-through;
	font-style: italic;
}

div.menu ul a.protectclosed, /* PWS-geschuetzter Inhalt */
div.menu ul ul a.protectclosed,
div.menu ul ul ul a.protectclosed
{
	background: url(image/icon_protectclosed.gif) no-repeat bottom right;	
}
div.menu ul a.protectopen, /* PWS-geschuetzter Inhalt */
div.menu ul ul a.protectopen,
div.menu ul ul ul a.protectopen
{
	background: url(image/icon_protectopen.gif) no-repeat bottom right;	
}
/* Artikelliste ***************************************************************************/

.centercontainer
{
	width: 500px;
	padding: 35px 15px 25px 25px;
	float: left;
}

.articlelisthidden h4
{
	cursor: pointer;
	padding-left: 20px;
	background: url(image/i_bullet_ul2.gif) no-repeat 2px 1px;
}
.articlelisthidden h4:hover
{
	background-color: #ECF3FC;
}

.contentcontainer
{
	height: auto;
}

.contentcontainer ul
{
	list-style-image: url(image/i_bullet_ul2.gif);
	padding-left: 27px !important;
	margin-left: 0px !important;
	padding-left: 0px;
	margin-left: 25px;
}
.contentcontainer li
{
	margin-bottom: 2%;
}

.normarticle,
.nextcatarticleitem
{
}
.articlelistcontainer .nextcatarticleitem
{
    display:block;
	min-height: 100px;
	height: auto !important;
	height: 100px; 
	margin-bottom: 10px !important; 
}
.articlelistcontainer .nextcatarticleitem *
{
	cursor: pointer;
}

.articlelistcontainer .nextcatarticleitem
{
    display:block;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin-bottom: 10px; 
}

.articlelistcontainer .nextcatarticleitem a
{
	text-decoration: none;
}


.mouseovereffect /* fuer JS-mousover */
{
	background-color: #ECF3FC;
}

.articlelistcontainer .nextcatarticleitem a span.morelink
{
/*	display:block; */
	color: #00489F;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
	color: #000;
}

/* Block rechts ***************************************************************************/

.infoblock
{
	margin-top: 35px;
	margin-right: 15px;
	width: 160px;
	font-size: 100%;	
	color: #000;
	float: right;
}

.infoblock img
{
	border: none;
}


/* Footer *********************************************************************************/

.footercontainer
{
/*	width: 905px; */
	height: 50px;
	margin-bottom: 20px;
	background: url(image/w_footer_white.gif) no-repeat bottom left;
/*	position: absolute;
	bottom: -50px;
	left: 0px;*/
}


.footertext
{
	font-size: 100%;
	color: #736C67;
}

/* Formatvorlagen *********************************************************************************/

.prodlisttext /* Text neben Thumbnail in Artikelliste Produkte */
{
	width: 350px;
	float: left;
}


/* Formulare, Extras **************************************************************************************/

input[type=submit]
{
	cursor: pointer;
}

.contactform input,
.contactform textarea
{
	border-width: 1px;
	color: #000;
	padding-left: 3px;
}

.submitform,
.deleteform
{
	padding: 0 10px;
	border-width: 1px;
	background: #F0F0F0;
	cursor: pointer;
}

input.submitdisabled
{
	-moz-opacity: 0.5;
	filter: Alpha(opacity=50); 
	opacity: 0.5;	
	cursor: default;
}

.FormErrorMessageStyle /* eingeblendete Fehlernachricht */
{
	color: #256AD1;
}

input.formerror, /* Klasse des Input bei fehlenden Eingaben */
textarea.formerror,
select.formerror
{
	border: 1px solid #256AD1;
}

.downloadtable td p
{
	white-space:nowrap;
	font-size: 90%;
	margin: 0;
}

.downloadtable a
{
}

/* Adressenausgabe *********************************************************************/

dl.dealer
{
	background: url(image/i_bullet_ul.gif) no-repeat;
	position: relative;
}

dt, dd
{
	margin-left: 20px;
}

dt
{
	border-bottom: 1px solid #999;
}

dt em
{	color: #000;
	font-style: normal;
	position: absolute;
	right: 10px;
}

/* Bedienungsanleitungen ***************************************************************/

#usermanualselproduct,
#usermanualseldevice
{
	border: 1px solid #CCCCCC;
	width: 200px;
}

/** brain-at-work Link *****************************************************************/
.bawlink
{
	display: none;
}

.bawlink a
{
	font-size: 80%;
	color: #666;
	text-decoration: none;
}