/* Allgemein ********************************************************************/
/* Asista ****************************************************************/
/* 07.05.07 ta ****************************************************************/
/* (c) brain at work GmbH . D-88299 Leutkirch . www.brain-at-work.de **************/

html,body, div.all
{
	height: 100%;
}

body /* ACHTUNG: im Backoffice werden die Container-Styles in den body geladen */
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, sans-serif; 
}

body.febody /* nur fuer Frontend gueltig */
{
	background: #DEDEDE url(image/wall_aussen_startseite3.jpg) repeat-y 0px 0px fixed !important; 
	background: #DEDEDE url(image/wall_aussen_startseite3.jpg) repeat-y 0px 0px;
}

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

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

h1, 
h2, 
h3, 
h4, 
h5, 
p,
td p
{
	margin-top: 0px;
	padding-top: 0px;
}
h1
{
	color: #000;
    font-size: 150%; 
}
h2
{ 
    color: #000; 
    font-size: 120%; 
}
h3
{
	color: #c61631;
    font-size: 120%; 
	margin-bottom: 5px;
}
h3 a
{
	color: #c61631;
}

h4
{
	color: #c61631;
	background: url(image/s_bullet_headings.gif) no-repeat;
	padding-left: 17px;
    font-size: 110%; 
}
h4
{
	color: #c61631;
}

h5
{
	color: #FFF;
	background-color: #818181;
    font-size: 110%;
	padding: 2px 2px 2px 5px;
	margin-bottom: 5px;
}
h6
{
	color: #c61631;
    font-size: 100%;
}
h6 a
{
	color: #c61631;
}

ul
{
	margin-bottom:5px; 
}

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

img
{
	border-color: #EFEFEF;
	border-style: solid;
}
.thumb_image,
.zoomimagefe,
.dlimagefe
{
	cursor: pointer;
}

.pic
{
	line-height: 0;
}

.pic label
{
	line-height: 120%;
	font-size: 85%;
	margin-top: 0;
	padding-top: 0;
}

.pic label.zoomimagefe
{
	min-height: 20px !important;
	height: auto !important;
	height: 20px;
	text-indent: 50px;
	background: url(image/icon_popup_zoom_1.gif) no-repeat;
	color: #000;
}

.pic label.hyperlinkfe
{
	min-height: 20px !important;
	height: auto !important;
	height: 20px;
	text-indent: 50px;
	background: url(image/icon_hyperlink_1.gif) no-repeat;
	color: #000;
}

a
{
	color:#c61631;
	text-decoration:underline;	
}

a:hover
{
	text-decoration: none;
}

/* Print-Header: nur sichtbar fuer media=print ************************************/

.febody .printheader
{
	display: none;
}

#stylesheetlblprint  /* Link "Druckansicht" */
{
}

#stylesheetlblnormal  /* Link "Zurueck zur Web-Ansicht " */
{
}

/* Container-Aufbau drumherum ************************************/

div.all /* umfasst alles */
{
	width: 100%;
/*	background: url(image/w_gruenstreifen.gif) no-repeat 175px 94px; */
}

div.all[id]
{
/*	background: url(image/w_gruenstreifen.gif) no-repeat 175px 0px; */
}

/* Container-Aufbau Kopf ************************************************************************/

div.headcontainer
{
	width: 100%;
	height: 94px;
	background: url(image/w_top2.gif);
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
}


div.logo
{
	height: 76px;
	overflow: hidden;
}

div.language
{
}

div.topillu
{
	color: #FFF;
}

.febody div.topnavimanuell
{
	position:absolute;
	left: 10px;
	top: 78px;
	height: 20px;
	font-size: 95%;
	font-weight: bold;
	color: #FFF;
}


/* --- bei Asista manuelles Topmenue ! **************************/
div.topnavimanuell a
{
    color: #FFF;
	text-decoration: none;
}
div.topnavimanuell a:hover
{
	color: #c61631;
}

/* Contenteraufbau Mitte *******************************************************************************/
/*
.iframecontainer
{
	margin-top: 94px;
	height: 500px;	
	border: none;
}
*/

.topgruen
{
	font-size: 0;
	line-height: 0;
	height: 8px;
	background: url(image/s_topline.gif) no-repeat 0px 0px;
}

.maincontainer
{
	position: static;
	width: 805px;
/*	background: url(image/s_topline.gif) no-repeat top left;
	margin-top: -6px; */
	margin-top: 94px;
	float: left;
}

.leftcontainer
{
	width: 170px;
	min-height: 400px !important;
	height: auto !important;
	height: 400px;
/*	background: url(image/w_content.gif); */
	float: left;
}

.centercontainer
{
	width: 600px;
	padding: 25px 0px 30px 30px;
	float: left;
}

.gruenstreifen .centercontainer  /* Menueklasse fuer Home gruener Streifen rechts */
{
	background: url(image/gruenstreifen.gif) no-repeat 606px 80px !important;
	background: url(image/gruenstreifen.gif) no-repeat 601px 80px;
}

.rightcontainer
{
	margin-top: 80px;
	margin-left: 0px;
	float: left; 
	width: 160px;
}


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

div.menu
{
	padding-top: 10px;
	background: url(image/s_topline.gif) no-repeat 0px -9px; 
}

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

div.menu a.menu:hover
{
	color:#c61631;
	background-color: #DEDEDE;
}

div.menu ul a.menu
{
	display: block;
	padding: 4px 0px 3px 23px;
	font-weight: bold;
	color: #E4E4E4;
	text-decoration: none;
	background-image: url(image/w_mainmenu.gif);
}

div.menu ul a.active
{
	color: #FFF;
}

div.menu ul ul a.menu
{
	display: block;
	padding: 2px 0px 1px 23px;
	font-weight: bold;
	color:#666666;
	text-decoration: none;
	background-image: url(image/w_submenu1.gif);
}

div.menu ul ul a.active
{
	color: #c61631;
}

div.menu ul ul ul a.menu
{
	display: block;
	padding: 2px 0px 1px 30px;
	font-weight: bold;
	font-size: 95%;
	color:#666666;
	text-decoration: none;
	background-image: url(image/w_submenu1.gif);
}

div.menu ul ul ul a.active
{
	color: #c61631;
}

div.menu ul ul ul ul a.menu
{
	display: block;
	padding: 2px 0px 2px 40px;
	font-weight: bold;
	font-size: 95%;
	color:#666666;
	text-decoration: none;
	background-image: url(image/w_submenu1.gif);
}

div.menu ul ul ul ul a.active
{
	color: #c61631;
}

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;
	color: #999;	
}

div.menu ul a.protectclosed, /* PWS-geschuetzter Inhalt */
div.menu ul ul a.protectclosed,
div.menu ul ul ul a.protectclosed
{
	background: #FFF 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: #FFF url(image/icon_protectopen.gif) no-repeat bottom right;	
}


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

div.search
{
	height: 50px;
	padding: 8px 15px 0px 23px;
	font-size: 95%;
	color: #808080;
	background: url(image/w_searchfield.gif) no-repeat;
	text-align: left;
	margin: 0;
}

.searchinput
{
	border-width: 1px;
	background: #FFF;
	color: #000;
	width: 90px;
}
.searchsubmit
{
	border: none;
	background: transparent;
	font-weight: bold;
	color: #808080;
	cursor: pointer;
	text-align: left;
	font-size: 100%;
}

.searchlastsubmit
{
	color: #808080;
	border: none;
	background: transparent;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
	cursor: pointer;
	text-align: left;
	width: 130px;
}

.searchresult /* dl-Tag: gefundener Text mit Hervorhebungen */
{
}

.searchresult dt
{
	border-bottom: 1px solid #FFF;
	margin: 0 0 5px 0;
}

.searchresult dd
{
	margin: 0;
}

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

.searchresult a:hover
{
	color: #c61631;
	text-decoration: underline;
}

.locatorstringnoanchor
{
	font-size: 95%;
	color: #c61631;
	padding: 0 5px 0 5px;
	border-right: 1px solid #c61631;
}

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

/* Menue Infobox *************************************************************************************/

div.menuinfobox
{
	width: 145px;
	background: url(image/s_menu_bottomline.gif) no-repeat top left;
	padding: 42px 10px 0 20px;
	margin: 0;
}

/* Content + Artikellisten ***************************************************************************/

.contentcontainer, 		/* Hauptbereich fuer Detail-Texte */
.articledetailcontain,	/* Liste der Detail-Texte "alle auf 1 Seite" */
.articlelistcontain1 	/* Artikelliste Kurzbeschr. 1-spaltig */
{
	width: 570px;
}

.articledetailcontain .normarticle
{
	margin-top: 30px;
}

.articlelistcontain2 .normarticle,
.articlelistcontain2 .nextcatarticleitem
{
	width: 47%;
	margin-right: 10px; /* wegen IE fester Pixelwert statt Prozent */
	float: left;
}

.mainarticle
{
	margin-bottom: 20px;
}

.articledetail
{}

.normarticle
{
	margin-top: 20px;
}
.articlelistcontain1 .nextcatarticleitem,
.articlelistcontain1 .normarticle
{
	margin-bottom: 20px;
}

.normarticle p, 
.nextcatarticleitem p,
.normarticle h2,
.nextcatarticleitem h2,
/* .normarticle h3,
.nextcatarticleitem h3, */
.normarticle h4,
.nextcatarticleitem h4
{
	margin: 0;
}

.normarticle a, 
.nextcatarticleitem a
{
	color: #000;
	text-decoration: none;
}

.normarticle h3 a, 
.nextcatarticleitem h3 a,
.normarticle h4 a, 
.nextcatarticleitem h4 a,
.normarticle h6 a, 
.nextcatarticleitem h6 a
{
	color: #c61631;
	text-decoration: none;
}

.normarticle a span.morelink, 
.nextcatarticleitem a span.morelink
{
	color: #c61631;
	text-decoration: underline;
}


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

.newsblock /* Artikelliste Kurzbeschr. rechts */
{
	background-color: #E6E6E6;
	width: 560px;
}
.newsblock .nextcatarticleitem,
.newsblock .normarticle
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}

h1.blockheading
{
	background-color: #818181;
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 0;
	padding: 2px 5px 1px 5px;
	letter-spacing: 2px;
}

.infoblock /* Artikel Kurzbeschr. statisch */
{
	width: 160px;
}

.infoblock .nextcatarticleitem,
.infoblock .normarticle
{
	margin-top: 0px;
}

/* Formulare *********************************************************************************/

.formstyleadresse
{}
.formstylenewsletter
{}
.formstylekontakt input,
.formstylekontakt textarea,
.formstylekontakt select,
.formstylerecommend input,
.formstylerecommend textarea,
.formstylerecommend select
{
	border-width: 2px;
}

.formstylekontakt input.submitbutton
{
	color: #c61631;
	font-weight: bold;
	background: url(image/submit_left.gif) no-repeat;
	height: 20px;
	padding: 0 10px 0 10px;
	border: none;
	border-right: 2px solid  #c61631;
	cursor: pointer;
}

input.formsubmit
{
	border: none;
	background: transparent;
	width: 150px;
	height: 20px;
	background-image: url(image/w_submit.gif);
	color: #c61631;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
}

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


.formstylekontakt input.formerror, /* Klasse des Input bei fehlenden Eingaben */
.formstylekontakt textarea.formerror,
.formstylekontakt select.formerror
{
	border: 2px solid #c61631 !important;
	background-color: #fde1e5;
}

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

.footercontainer
{
/*	position: relative;   */
	width: 605px;
	height: 180px;
	padding-left: 175px;
	font-size: 90%;
	background: url(image/w_footer3.gif) no-repeat top right;
	z-index: 1000;
}

a.backlink
{
/*	display: block;
	position: absolute;
	top: -10px;
	left: 10px; */
	text-decoration: none;
	color: #000;	
	background: url(image/i_icon_back.gif) no-repeat 0px 2px;
	padding-left: 10px;
	z-index: 1000;
}

.formstylerecommend /* Klasse im form-Tag */
{}

input.recommend /* Weiterempfehlen-Button */
{
/*	position: absolute;
	left: 350px; 
	top: 0px; */
	border: none;
	background: url(image/i_icon_recommend.gif) no-repeat;
	width: 145px;
	height: 17px;
	margin: 0;
	padding: 0 20px 0 25px;
	cursor: pointer;
	text-align: left;
	font-size: 100%;
	color: #FFF;
	vertical-align: middle;
}

a.toplink /* nach oben Link */
{
/*	position: absolute;
	right: 2px; 
	top: 0px; */
	text-decoration: none;
	color: #FFF;
	background: url(image/i_icon_toplink.gif) no-repeat right;
	line-height: 17px;
	padding: 0 25px 0 0;
}

.copyright
{
/*	position: absolute;
	top: 20px;
	left: 10px; */
}

#stylesheetlblprint, /* Zur Druckansicht */
#stylesheetlblnormal
{
	cursor: pointer;
}

.doclinkfe,
.hyperlinkfe,
.articlelinkfe,
a .doclinkfe,
a .hyperlinkfe,
a .articlelinkfe
{
	color: #c61631;
	cursor: pointer;
}

/* Layoutvorlagen *********************************************************************************/

.pics-left
{
	float: left;
	padding-right: 3%;
	border: none;
}

.pics-right
{
	float: right;
	padding-left: 3%;
	border: none;
}

.pics-short
{
	float: left;
	padding-right: 3%;
	border: none;
}

.zweispalter .columnleft  /* Zweispaltige Seiteninhalte - linke Spalte */
{
	width: 43%;
	margin-right: 4%;
	float: left;
}
.zweispalter .columnright  /* Zweispaltige Seiteninhalte - linke Spalte */
{
	width: 43%;
	float: left;
}

.dreispalter .columnleft /* Dreispaltige Anordnung - links */
{
	width: 30%;
	margin-right: 4%;
	float: left;
}
.dreispalter .columnmiddle /* Dreispaltige Anordnung - mitte */
{
	width: 30%;
	margin-right: 4%;
	float: left;
}
.dreispalter .columnright /* Dreispaltige Anordnung - rechts */
{
	width: 30%;
	margin-right: 0;
	float: left;
}

body.febody .invisible /* fuer .bawhiddenhtml Einblend-Texte wie Datenschutz-Hinweis, Suchmaschinentext */
{
	display: none;
}

/** Adress-Suche *********************************************************************/

.adressbullet
{
	width: 20px;
	height: 20px;
	float: left;
	background: url(image/i_bullet_adress.gif) no-repeat top left;
}
	
.adressen
{
	background-color: #DDDDDD;
	border: 1px solid #FFF;
	height: 90px;
	margin-left: 20px;
}

.adressen h4
{
	margin: 0;
	padding: 0 0 0 2px;
	background: #FFF;
	color: #000;
}
.adressen h5
{
	margin: 0;
	background: #DDDDDD;
	color: #000;
	font-weight: normal;
	font-size: 95%;
	border-bottom: 1px solid #FFF;
}

.adressen .columnleft,
.adressen .columnright
{
	padding-left: 2px;
}

/** Asista Spezial *********************************************************************/

table.techdetail h1
{
	margin: 0;
}

table.productdescription
{
}
table.productdescription .text-right
{
	width: 365px;
	vertical-align: top;
}
table.productdescription .pic-left
{
	vertical-align: top;
	width: 175px;
}
table.productdescription .spacer
{
	width: 10px;
}

.rollovertarget
{
	float: left;
	margin-right: 10px;
}

.rolltext
{
	background-color:#D4D4D4; 
	border:0px;
	font-family:Arial, Helvetica;
	font-size:12px;
	font-weight: bold;
	color:#c61631;
	width:550px
}

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