/* Allgemein ********************************************************************/
/* Langer Group Version 2 *****************************************************************/
/* 14.08.2006 ta ****************************************************************/
/* © 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: 73%;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
}

body.febody
{
	background-color: #DAD6CA;
}

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

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

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

h1 
{ 
    color: #00585D; 
    font-size: 160%;
	line-height: 120%;
	margin-bottom: 30px;
}

h1 a
{
	text-decoration: none;
}

h2
{ 
    color: #005952; 
    font-size: 100%; 
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(image/i_bullet_listhead.gif) no-repeat 0px 5px;
}
h2 a
{ 
    color: #005952; 
	text-decoration: none;
}
h2 a:hover
{
	text-decoration: underline;
}

h3 
{ 
    color: #000; 
    font-size: 120%; 
}
h3 a
{
	text-decoration: none;
}

h4 
{ 
	display: inline;
    color: #000; 
    font-size: 110%; 
	margin-bottom: 10px;
	border-bottom: 1px solid #A49E7E;
}
h4 a
{
	text-decoration: none;
}

h5 
{ 
    color: #000; 
    font-size: 100%; 
	margin-bottom: 10px;
}

h6 
{ 
    color: #000; 
    font-size: 90%; 
}

ul
{
	margin: 10px 0 10px 0;
	padding-left: 16px;
}
ul ul ul li
{
	list-style-type: circle;
}

/* Grundgeruest Container ***************************************************************/

div.center
{
	text-align: center;
}

div.all
{
	margin-left: auto;
	margin-right: auto;
	max-width: 1260px;
	min-width: 1000px;
	border-left: 1px solid #938F8A;
	border-right: 1px solid #938F8A;
	text-align: left;
}

/* Bilder Zoom etc. *************************************************************/

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

.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;
}

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

a[name]
{
	text-decoration: none;
}


/* 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%;
}

.corporatecolor
{
	color: #00585D;
}

.signalcolor
{
	color: 
}

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

.febody .printheader
{
	display: none;
}

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

#stylesheetlblnormal  /* Link "Zurueck zur Web-Ansicht " */
{
	color: #000;
	font-size: 100%;
}
/* Header ************************************************************************/

.headcontainer
{
	height: 129px;
	overflow: hidden;
	background: #ECEADF url(image/w_head.jpg) no-repeat top center;
	position: relative;
}

.logocontainer
{
	width: 1000px;
	height: 105px;
	margin: auto;
	margin-top: 5px;
	text-align: center;
}

.language /* Sprachauswahl */
{
	position: absolute;
	right: 10px;
	top: 110px;
	width: 50px;
	height: 20px;
/*	overflow:hidden; */
}

.topnavcontainer  /* enthaelt Sprachauswahl, Topnavigation und Textsuche */
{
	height: 20px !important;
/*	height: 29px;
	padding: 9px 11px 0px 11px; */
	position: relative; 
	background: url(image/w_topnav_skala.gif) repeat-x bottom left;
}

div.topnav
{
	font-size: 95%;
	line-height: 150%;
	color: #736E5A;
	text-align: left;
	float: left;
}

div.topnav a
{
	color: #736E5A;
	text-decoration: none;
	border-right: 1px solid #FFF;
	padding-right: 10px;
	margin-left: 10px;
}
div.topnav a:hover
{
	color: #FFF;
	background: #8C876A;
}

div.topnav ul, 
div.topnav li
{
    display:inline;
    margin: 0px;
    padding: 0px;
}
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 bottom right;	
}

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

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


div.search
{
	font-size: 95%;
	line-height: 150%;
	color: #736E5A;
	float: left;
	margin-left: 10px;
}

.search form
{
	margin: 0;
	padding: 0;
	float: left;
}
.search p
{
	margin: 0;
	padding: 0;
}

.searchinput
{
	border:none;
	background: #FFF;
}
.centercontainer .searchinput
{
	border:none;
	border: 1px solid #E0DBC8;
}

.searchsubmit
{
	height: 17px;
	font-size: 95%;
	border: none;
	background: #CAC2AB;
	cursor: pointer;
}

.searchlastsubmit
{
	height: 17px;
	color: #818181;
	font-size: 95%;
	border: none;
	background: transparent;
	text-decoration: none;
	cursor: pointer;
}

.searchresult /* dd-Tag: gefundener Text mit Hervorhebungen */
{
	width: 80%;
}

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

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

dl.searchresult dt /* Pfadangabe */
{
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
}
dl.searchresult dd /* Pfadangabe */
{
	margin-left: 5px;
}

.locatorstringnoanchor
{
	font-size: 95%;
	color: #B1AD9B;
	padding: 0 5px 0 8px;
	background: url(image/i_bullet_arrow.gif) no-repeat 0px 2px;
}

.bawfoundtext
{
	font-weight: bold;
}

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

.maincontainer
{
	min-height: 500px !important;
	height: auto !important;
	height: 500px;
	min-width: 1000px;
	position: relative;
	background: #FFF;
	border-top: 1px solid #CAC2AB;
}

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

div.menucontainer
{
	width: 20%;
	margin-top: 75px;
	float: left;
	font-size: 95%;
}

div.menu1,
div.menu2
{
	margin-top: 20px;
	background-color: #EFEFEF;
}

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

div.menu1 a.menu1:hover, 
div.menu1 a.active:hover,
div.menu2 a.menu2:hover, 
div.menu2 a.active:hover/* allg. Hover-Effekt */
{
	color: #00585D;
	border-left-color: #00585D;
	background-color: #E0EAE6;
}

div.menu1 ul a.menu1,
div.menu2 ul a.menu2  /* 1. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	padding-left: 20px;
	letter-spacing: 1px;
	color:#000;
	text-decoration:none;
	line-height: 200%;
	border-top: 1px dotted #E1DACA;
	border-left: 10px solid #FFF;
}

div.menu1 ul a.active,
div.menu2 ul a.active /* 1. Ebene sichtbarer Menuepunkt - geklickt */
{
	color:#00585D;
	font-weight: bold;
	background-color: #E0EAE6;
	border-left: 10px solid #00585D;
} 

div.menu1 ul ul li a.menu1,
div.menu2 ul ul li a.menu2  /* 2. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	margin-left: 10px;
	padding-left: 30px;
	font-weight: normal;
	letter-spacing: 0;
	color:#000;
	text-decoration:none;
	line-height: 150%;
	background-color: #DFDAC7;
	border-top: 1px dotted #FFF;	
	border-left: 10px solid #ECEADE;
}

div.menu1 ul ul li a.active,
div.menu2 ul ul li a.active /* 2. Ebene sichtbarer Menuepunkt - geklickt */
{
	font-weight: bold;
	letter-spacing: 0;
	color:#000;
	background-color: #DFDAC7;
	border-top: 1px dotted #FFF;	
	border-left: 10px solid #B1AD9B;
} 

div.menu1 ul ul ul li a.menu1,
div.menu2 ul ul ul li a.menu2  /* 3. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	margin-left: 10px;
	padding-left: 40px;
	font-weight: normal;
	letter-spacing: 0;
	color:#666;
	text-decoration:none;
	line-height: 150%;
	background: #DFDAC7;
	border-bottom: 1px solid #FFF;	
	border-left: 20px solid #ECEADE;
}

div.menu1 ul ul ul li a.active,
div.menu2 ul ul ul li a.active /* 3. Ebene sichtbarer Menuepunkt - geklickt */
{
	font-weight: bold;
	color:#000;
	border-bottom: 1px solid #FFF;	
	border-left: 20px solid #B1AD9B;
} 

div.menu1 ul ul ul ul li a.menu1,
div.menu2 ul ul ul ul li a.menu2  /* 3. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	padding-left: 50px;
	font-weight: normal;
	letter-spacing: 0;
	color:#666;
	text-decoration:none;
	line-height: 150%;
	background: #ECEADF;
	border-bottom: 1px solid #FFF;	
}

div.menu1 ul ul ul ul li a.active,
div.menu2 ul ul ul ul li a.active /* 3. Ebene sichtbarer Menuepunkt - geklickt */
{
	font-weight: bold;
	color:#000;
	background: #ECEADF;
	border-bottom: 1px solid #FFF;	
	border-left: 10px solid #B1AD9B;
} 

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

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

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

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

.centercontainer
{
	width: 68%;
	height: auto;
	margin: 40px 0px 0px 20px;
	padding: 0px 30px 0px 40px;
	float: right;
	border-left: 1px dotted #E1DACA;
	overflow: auto;
/*	border-right: 1px dotted #E1DACA;
	overflow: auto;  --- Test scrollen innen 
	height: 350px; */
}

.contentcontainer
{
	line-height: 150%;
}

.mainarticle
{
	margin-bottom: 20px;
}

.articlelistcontainer
{
	margin-top: 10px;
	line-height: 150%;
	position: relative;
}

.articlelistcontainer .normarticle
{
	min-width: 50% !important;
	width: auto !important;
	width: 50%;
	float: left;
}

.articlelistcontainer .nextcatarticle
{
	float: left;
}

.articlelistcontainer .normarticle img
{
}

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

div.articlelistcontainer .normarticle a span.morelink, 
div.articlelistcontainer .nextcatarticleitem a span.morelink
{
/*	display: none; */
	clear: left;
	text-decoration: underline;
}

div.articlelistcontainer .nextcatarticleitem
{
}

.backlinkcontain
{
	width: 330px;
	padding-top: 30px;
	clear: left;
}

.backlink
{
	text-decoration: none;
	padding-left: 15px;
	background: url(image/i_bullet_backlink.gif) no-repeat 0px 3px;
}

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

a:hover
{
	color: #000;
}

/* Formularfelder ************************************************************************/

input,
select,
textarea
{
	border: 1px solid #605A4B;
	background: #FFF;
}

/* Block rechts ***************************************************************************/
/*
.rightcontainer
{
	width: 23%;
	margin-top: 40px;
	float: right;
}


.infoblock
{
	color: #000;
}

.infoblock * a
{
	text-decoration: none;
}

*/
/* Bilder rechts ************************************************************************/
/*
.rightpiccs
{
}
*/

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

.footercontainer
{
	height: 170px;
	background: #226E68 url(image/w_footer.jpg) no-repeat top center;
	font-size: 95%;
	position: relative;
}

.footercontainer p
{
}

.footernav
{
	position: absolute;
	width: 100%;
	top: 33px;
	color: #A8C4C2;
	text-align: center;
}
.footerpiccs
{
	position: absolute;
	width: 100%;
	top: 63px;
	text-align: center;
}

.footernav p
{
	margin: 5px;
	float: left;
}

.footernav a
{
	color: #A8C4C2;
	text-decoration: none;
}

.footertext
{
	padding: 10px;
	position: absolute;
	left: 11px;
	top: 77px;
	color: #005952;
}

form.recommend
{
	display: inline;
}

.recommend input/* Weiterempfehlen-Button */
{
	font-size: 95%;
	text-align: left;
	color: #A8C4C2;
	border: none;
	background: transparent;
	margin: 0;
	padding-left: 5px;
	cursor: pointer;	
}

.toplink /* nach oben Link */
{
	text-decoration: none;
	color: #f00;
}

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

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

.pics-right
{
	width: 40%;
	min-height: 500px;
	float: right;
	padding-left: 8%;
	border: none;
}

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

.zweispalter .columnleft  /* Zweispaltige Seiteninhalte - linke Spalte */
{
	width: 46%;
	margin-right: 4%;
	float: left;
}
.zweispalter .columnright
{
	width: 46%;
	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;
}

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