/* Allgemein ********************************************************************/
/* Alligator Ventilfabrik Druckansicht ******************************************/
/* 25.10.2007 ta *** 27.11.2009 Update bt22 ta **********************************/
/* (c) brain at work GmbH . D-88299 Leutkirch . www.brain-at-work.de ************/

body /* gilt nur fuer 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; 
	background-color: #FFF;
}

body.febody
{
	background: #FFF;
	text-align: 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; 
	font-size: 100%;
}

div.lang
{
	display: none;
}

form.lang p
{
	padding: 0px;
	margin: 0px;
}

form.lang button
{
	color: #C1C9D5;
	text-decoration: none;
	border: none;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	text-align: left;
}
form.lang button:hover,
form.lang button.mouseovereffect
{
	cursor: pointer;
	color: #FFF;
	text-decoration: underline;
}

h1, .beetoolsskinSkin .mce_h1 span.mceText,
h2, .beetoolsskinSkin .mce_h2 span.mceText,
h3, .beetoolsskinSkin .mce_h3 span.mceText,
h4, .beetoolsskinSkin .mce_h4 span.mceText,
h5, .beetoolsskinSkin .mce_h5 span.mceText,
h6, .beetoolsskinSkin .mce_h6 span.mceText,
p,  .beetoolsskinSkin .mce_p span.mceText,
h1 a,
h2 a, 
h3 a, 
h4 a, 
h5 a,
h6 a
{
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: none;
}

table td p
{
	margin: 0;
}

h1
{
	color: #64B23D;
	font-size: 140%;
}
h2
{
	color: #64B23D;
	font-size: 120%;
	padding-left: 15px;
	background: url(image/s_bullet_headings.gif) no-repeat 0px 1px;
	margin-bottom: 10px;
}
h2 a
{
	color: #64B23D;
}

h3
{
	color: #64B23D;
	font-size: 120%;
	border-bottom: 1px solid #64B23D;
}
h3 a
{
	color: #64B23D;
}

h4
{
	color: #64B23D;
	font-size: 120%;
}
h4 a
{
	color: #64B23D;
}

h5
{
	color: #000;
	font-size: 110%;
}
h6
{
	color: #000;
	font-size: 100%;
	margin-bottom: 1%;
}

p
{
	margin-top: 0px;
	padding-top: 0px;
}

table p
{
	margin: 0px;
}

div.all
{
	width: 17cm;
	margin: auto;
	text-align: left;
	background: #FFF;
}

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

img,
.thumb_image,
.zoomimagefe,
.dlimagefe
{
	border-color: #E6E6E6;
	border-width: 0;
}

img[onclick]
{
	cursor: pointer;
}

span.pic img /* vom Editor plazierte Bilder */
{
}

a img,
.thumb_image,
.zoomimagefe,
.dlimagefe
{
/*	border: none; */
	cursor: pointer;
}

.pic
{
	line-height: 0;
}

.piclabel label,
.pic label
{
	font-size: 90%;
	color: #888;
}

label.dlimagefe
{
	display: block;
	background: url(image/icon_download_1.gif) no-repeat;
	text-indent: 20px;
}

.zoomimagefe label,
label.zoomimagefe
{
	display: block;
	background: url(image/icon_zoom_1.gif) no-repeat;
	text-indent: 20px;
}

.hyperlinkfe .piclabel label,
label.hyperlinkfe
{
	display: block;
}

/* Overlib für title-Anzeige bei Bildern ***************************************/

.overlibbackground
{
	background-color: #FFFFEE;
	color: #000000;
	text-align: left;
	border: 1px solid #666666;
	width: auto;
	padding: 0 5px;
	line-height: 120%;
}

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

.febody .printheader
{
	margin-bottom: 1cm;
}

.printheader hr
{
	border: 1px solid rgb(99, 179, 56); 
	clear: both; 
	color: rgb(99, 179, 56); 
	background-color: rgb(99, 179, 56); 
	height: 1px;
}

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

/* Header ************************************************************************/

div.headcontainer
{
	display: none;
}


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

.search
{
	font-size: 85%;
}

.search form
{
	float: left;
}

#searchinput
{
	border: 1px solid #DADADA;
	background: #FFF;
	height: 15px;
	width: 125px;
	color: #000;
	padding: 0;
	margin: 0;
}
#searchsubmit
{
	border: 1px solid #DADADA;
	background: transparent;
	height: 15px;
	color: #000;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	font-size: 100%;
}

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

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

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

.searchresult dt  /* Pfadangabe */
{
	border-bottom: 1px solid #64B23D;
	margin-bottom: 5px;
}

.locatorstringnoanchor
{
	color: #64B23D;
	padding-right: 5px;
}

.searchresult dd /* gefundener Text mit Hervorhebungen */
{
}


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

.maincontainer
{
}

.centercontainer
{
	float: left;
}

.rightcontainer
{
	position: relative;
	z-index: 1000;
	float: right;
}

table tr td
{
}


/* Menue *****************************************************************************/
div.leftcontainer
{
	display: none;
}


/* Artikelliste ***************************************************************************/

.articlelist,  /* Liste der Kurzbeschreibungen auf einer Seite */
.articledetailcontain  /* Liste der Detailtexte auf einer Seite */
{
}

.contentcontainer
{
	position: relative;
	z-index: 10;
	float: left; 
}



/* .contentcontainer .hyperlinkfe
{
	background: url(image/icon_hyperlink_1.gif) no-repeat 0 2px;
	padding-left: 17px;
}	*/

.articlelist .normarticle, /* 1-spaltige Artikelliste */
.articlelist .nextcatarticleitem 
{
	margin-bottom: 10px;
}


.articlelist2 .normarticle, /* 2-spaltige Artikelliste */
.articlelist2 .nextcatarticleitem
{
	width: 45%;
	margin-right: 4% !important;
	margin-right: 2%;
	float: left;
	margin-bottom: 20px;
}

.contentcontainer .normarticle img
{
}

.contentcontainer .articlelist .normarticle p, 
.contentcontainer .articlelist .nextcatarticleitem p,
.contentcontainer .articlelist2 .normarticle p, 
.contentcontainer .articlelist2 .nextcatarticleitem p
{
	margin: 0;
}

.normarticle h2 a, 
.nextcatarticleitem h2 a
{
	color: #64B23D;
}
.normarticle h2 a:hover, 
.nextcatarticleitem h2 a:hover
{
	color: #000;
	text-decoration: underline;
}

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

.mainarticle,
.articledetail,
.normarticle,
.nextcatarticleitem
{
	position: relative;  /* fuer die absolute Positionierung innerhalb der Artikel notwendig */
}

.morelink
{
	color: #64B23D;
	text-decoration: underline;
}
a:hover span.morelink
{
	color: #000;
}

.articledetailcontain .normarticle,
.articledetailcontain .nextcatarticleitem  /* Liste der Detailtexte auf einer Seite */
{
	margin-bottom: 10px;
	border-top: 1px solid #64B23D;
	padding-top: 10px;
	clear: both;
}
.articledetailcontain .normarticle a,
.articledetailcontain .nextcatarticleitem a
{
	color: #64B23D;
	text-decoration: underline;	
}
.articledetailcontain .normarticle a:hover,
.articledetailcontain .nextcatarticleitem a:hover
{
	color: #000;
}
.articledetailcontain h1
{
	margin: 0;
}

/* zurueck *********************************************************************************/

a.backlink
{
	display: none;
}


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

.infoblock
{
	margin-bottom: 10px;
}

.infoblock .normarticle,
.infoblock .nextcatarticleitem,
.highlightblock .normarticle,
.highlightblock .nextcatarticleitem
{
	padding: 5px 0px 5px 15px;
	background-color: #F4F4F4;
	border-top: 1px solid #FFF;
	font-size: 75%;
	width: 4cm;
}

.infoblock .normarticle h2,
.infoblock .nextcatarticleitem h2,
.highlightblock .normarticle h2,
.highlightblock .nextcatarticleitem h2
{
	position: relative;
	left: -15px;
}

.infoblock .normarticle .pic,
.infoblock .nextcatarticleitem .pic,
.highlightblock .normarticle .pic,
.highlightblock .nextcatarticleitem .pic
{
	float: none !important;
}

h1.blockheading
{
	font-size: 90%;
	color: #FFF;
	background-color: #64B23D;
	text-transform: uppercase;
	padding-left: 15px;
	margin: 0;
	width: 4cm;
}


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

.formfields input, /* span um input */
.formfields textarea,
.formfields select,
.formstylekontakt input, /* span um input */
.formstylekontakt textarea,
.formstylekontakt select,
.formstyleadresse input,
.formstyleadresse textarea,
.formstyleadresse select
{
	font-size: 100%;
	border-width: 1px;
	border-color: #999;
}

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

.febody input.formerror, /* Klasse des Input bei fehlenden Eingaben */
.febody textarea.formerror,
.febody select.formerror
{
	border: 2px solid #CC0000;
}

.febody .formfieldhidden
{
	display: none;
}

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

.footercontainer
{
	display: none;
}

.footercontainer table td
{
	font-size: 90%;
}

input.recommend /* Weiterempfehlen-Button */
{
	color: #FFF;
	font-size: 100%;
	border: none;
	background: transparent;
	background: url(image/icon_recommend.gif) no-repeat;
	margin: 0 15px 0 0;
	padding: 0 0 0 32px;
	cursor: pointer;
	text-align: left;
}

#stylesheetlblprint,  /* Link "Druckansicht" */
.footercontainer a.stylesheetlblprint
{
	color: #FFF;
	background: url(image/icon_printpage.gif) no-repeat;
	margin: 0 15px 0 0;
	padding: 0 0 0 35px;
}

.footercontainer a.toplink /* nach oben Link */
{
	color: #FFF;
	text-decoration: none;
	background: url(image/icon_toplink.gif) no-repeat;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
}

footercontainer form
{
	margin: 0; padding: 0; display: inline;
}

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

.newspic
{
	width: 30%;
	float: left;
}

.newstext
{
	width: 65%;
	float: right;
}


/* 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
{
	width: 43%;
	float: left;
}

.dreispalter .columnleft /* Werksfuehrung: dreispaltige Anordnung der Bilder */
{
	width: 30%;
	margin-right: 4%;
	float: left;
}
.dreispalter .columnmiddle /* Werksfuehrung: dreispaltige Anordnung der Bilder */
{
	width: 30%;
	margin-right: 4%;
	float: left;
}
.dreispalter .columnright /* Werksfuehrung: dreispaltige Anordnung der Bilder */
{
	width: 30%;
	margin-right: 0;
	float: left;
}

a.doclinkfe,
.doclinkfe
{
	color: #5DA638;
	cursor: pointer;
	background: url(image/icon_download_1.gif) no-repeat 0 2px;
	padding-left: 17px;
}

ul .doclinkfe,
ul a.doclinkfe
{
	background: transparent;
	padding-left: 0;
}

a.hyperlinkfe,
.hyperlinkfe
{
	color: #5DA638;
	cursor: pointer;
}

a.articlelinkfe,
.articlelinkfe
{
	color: #5DA638;
	cursor: pointer;
}

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

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

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


/** ALLIGATOR Variationen *****************************************************************/

.variationtable
{
	margin-top:40px;
	width:99%;
	padding:1px;
	font-size:1em;
	border: 1px solid #E6E7E8;
	clear:both;
}
.variationtable th
{
	border-bottom:#339900 1px solid;
}

.variationtable td
{
	border-bottom:#E6E7E8 1px solid;
}

.verticaltr-1
{
	background-color:#e6e7e8;
}

.variationtable button
{
	width:70px;
	border:2px #CCCCCC outset;
	cursor:pointer;
	color:#339900; 
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	padding: 0;
	background: #FFF url(../../data/media/baw_image/details_popup.gif) no-repeat right;
}
.variationtable td,
.variationtable th
{
	padding-left:5px;
}

/** ALLIGATOR Produktsuche *****************************************************************/

div.productsearchinput
{
/*	width: 720px; */
	height: 20px;
	background-color: #64B13D;
	border-bottom: 2px solid #FFFFFF;
}

form.productsearchtarget
{
/*	width: 720px; */
	height: 60px;
	background-color: #64B13D;
	font-size: 90%;
	position: relative;
	margin-bottom: 20px;
}

div.divanwendungsgebiet
{
	float: left;
}

label.lblanwendungsgebiet
{
	display: block;
	width: 120px;
	height: 20px;
	color: #FFF;
	background-color: #64B13D;
	font-weight: bold;
	text-align: right;
	float: left;
}

div.productsearchdetailsearch
{
	width: 120px;
	float: left;
	color: #FFF;
	border-right: 1px solid #FFF;
	font-weight: bold;
}

div.productsearchdetailsearch label
{
	display: block;
	height: 40px;
	text-align: center;	
	background-color: #64B13D;

}

div.productsearchdetailsearch select
{
	width: 120px;

}

button.productsearchdetailgo
{
	background-color: #FFF;
	color:  #64B13D;
	font-size: 120%;
	font-weight: bold;
	position: absolute;
	right: 50px;
	top: 20px;
	padding: 3px;
}

form.productsearchartno
{
	float: left;
}

form.productsearchartno label
{
	display: block;
	width: 100px;
	height: 20px;
	color: #FFF;
	background-color: #64B13D;
	font-weight: bold;
	text-align: right;
	float: left;
}

input.inputartnr
{
	vertical-align: text-bottom;
}

button.artnosubmit
{
	background-color: #FFF;
	color:  #64B13D;
	font-size: 100%;
	font-weight: bold;
}

div.productsearchresult h1
{
	color: #FFF;
	font-size: 120%;
	background-color: #64B13D;
	padding: 2px;
	margin-top: 20px;
}

/** Vormerken Marklist ***************************************************/

ul.marklist
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.marklist li
{
	border: 1px solid #64B23D;
}

button.marklistdeletebutton
{
	background-color: #64B23D;
	font-size: 10px;
	cursor: pointer;
	font-weight: bold;
	color: #CC0000;
}