/* Allgemein ********************************************************************/
/* Joh. Sprinz  *****************************************************************/
/* 24.07.2008 ta *** 20.10.09 ta Update bt22  ***********************************/
/* (c) brain at work GmbH . D-88299 Leutkirch . www.brain-at-work.de **************/

body,
html
{
	height: 100%; 
}

body
{
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	line-height: 140%;
	background-color: #FFF;
	font-family: Arial, Helvetica, Geneva, sans-serif; 
}

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

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

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,
td p
{
	margin-top: 0px;
	padding-top: 0px;
}

h1, .beetoolsskinSkin .mce_h1 span.mceText
{
	text-transform: uppercase;
    color: #000; 
    font-size: 130%; 
	font-weight: normal;
	border-bottom: 1px solid #000000;	
	padding-bottom: 3px;
	margin-bottom: 3px;
}

h1.listentrenner,  /* fuer Zwischenueberschriften in Artikellisten */
h2.listentrenner,
h3.listentrenner
{
	width: 550px;
	clear: both;
}

h2, .beetoolsskinSkin .mce_h2 span.mceText
{
    color: #000; 
    font-size: 120%; 
}
h3, .beetoolsskinSkin .mce_h3 span.mceText
{
    color: #000; 
    font-size: 130%; 
}
h4, .beetoolsskinSkin .mce_h4 span.mceText
{
    color: #000; 
    font-size: 120%; 
}
h5, .beetoolsskinSkin .mce_h5 span.mceText
{
    color: #000; 
    font-size: 110%; 
}

h6, .beetoolsskinSkin .mce_h6 span.mceText
{
	background-color: #C7C7C7;
	color: #000;
	font-size: 100%;
	padding: 2px 10px 2px 10px;
}

h6 a
{}

a
{
	color: #000;
	cursor: hand;
	cursor: pointer;
}

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

div.all
{
	width: 100%;
}

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

img
{
	border-color: #F0F0F0;
	border-width: 0px;
	border-style: solid;
}

.thumb_image,
.zoomimagefe,
.dlimagefe
{
	cursor: pointer;
}
/*
img.thumb_image:hover,
img.zoomimagefe:hover,
img.dlimagefe:hover
{
	border: 1px solid #BA2325;
}
*/
.pic,
.piclabel
{
	line-height: 0;
	font-size: 0;
}

.piclabel label,
.pic label
{
	display: block;	
	min-height: 20px !important;
	height: auto !important;
	height: 20px;
	line-height: 13px;
	font-size: 10px;
	margin-top: 0;
	padding-top: 0;
	border: none;
	color: #888;
}

.zoomlinkfe label,
.zoomimagefe label,
.pic label.zoomimagefe
{
	display: block;
	min-height: 20px !important;
	height: auto !important;
	height: 20px;
	text-indent: 45px;
	background: url(image/icon_popup_zoom_1.gif) no-repeat;
	line-height: 13px;
	font-size: 10px;
	color: #888;
	cursor: pointer;
}
.zoomlinkfe label:hover,
.zoomimagefe label:hover,
.pic label.zoomimagefe:hover
{
	background: url(image/icon_popup_zoom_2.gif) no-repeat;
}

.hyperlinkfe .piclabel label,
.pic label.hyperlinkfe
{
	display: block;
	min-height: 20px !important;
	height: auto !important;
	height: 20px;
	text-indent: 45px;
	background: url(image/icon_hyperlink_1.gif) no-repeat;
	line-height: 13px;
	font-size: 10px;
	color: #888;
	cursor: pointer;
}
.hyperlinkfe .piclabel label:hover,
.pic label.hyperlinkfe:hover
{
	background: url(image/icon_hyperlink_2.gif) no-repeat;
}

.doclinkfe .piclabel label,
.pic label.doclinkfe
{
	display: block;
	min-height: 20px !important;
	height: auto !important;
	height: 20px;
	text-indent: 15px;
	background: url(image/icon_download_1.gif) no-repeat;
	line-height: 13px;
	font-size: 10px;
	color: #888;
	cursor: pointer;
}
.doclinkfe .piclabel label:hover,
.pic label.doclinkfe:hover
{
	background: url(image/icon_download_2.gif) no-repeat;
}

/* 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
{
	display: none;
}

/* Kopfbereich ************************************************************************/

div.headcontainer
{
	width: 100%;
	min-height: 100px !important;
	height: auto !important;
	height: 100px;
	position: relative; 
	background: url(image/wall_head2.gif) repeat-x;
}
	
div.logo
{
	position: absolute;
	left: 30px; 
	top: 30px;
	width: 185px;
	height: 75px;
}

div.topline
{
	position: absolute; 
	left: 220px; 
	top: 20px; 
}

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

div.search
{
	position: absolute;
	left: 250px;
	top: 0px;
	width: 500px; 
	font-size: 90%;
	color: #000;
	text-align: right;
}

div.search form p
{
	text-align: right;
}
div.search p
{	
	margin: 0; 
}

div.search div.searchinputdiv
{
	float: right;
}

.search .searchinput
{
	border: none;
	margin: 0px;
	padding: 0px 3px 0px 3px;
	background: url(image/w_searchinput.gif) no-repeat;
	background-attachment: scroll !important;
	background-attachment: fixed;
	width: 120px;
	height: 20px; 
	vertical-align: middle;
	color: #999999;
	font-size: 11px;
}
.search .searchsubmit
{
	border: none;
	margin: 0px;
	padding: 0px;
	background: url(image/w_searchsubmit.gif) no-repeat 0px 3px;
	color: #000;
	height: 20px;
	width: 35px;
	font-size: 11px;
	line-height: 10px;
	cursor: pointer;
}

.search .searchlastsubmit
{
	color: #999;
	border: none;
	background: transparent;
	text-decoration: none;
	text-align: right;
	padding: 2px 0px 0px 0px;	
	cursor: pointer;
}

input.searchinput:focus,
input.searchinput:active
{
	color: #000000;
	background-color: #FFFFFF;
}

/** NEUE SUCHE LAYOUT ****************************************************/

div.searchinputdiv
{
	position: relative;
}

div.searchinfofield
{
	color: #BA2325;
	font-weight: bold;
	border: 1px solid #BA2325;
	padding: 10px 10px 10px 50px;
	background: url(image/waiting.gif) no-repeat 10px 5px;
}

div.searchoutput ul
{
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	border-top: 1px dotted #999999;
}
div.searchoutput p
{
	margin: 0;
}

li.searchresultitem
{
	padding: 1%;
	border-bottom: 1px dotted #999999;
}

li.searchresultitem div.searchresultpic
{
	width: 18%;
	margin-right: 2%;
	float: right;
	text-align: center;
	overflow: hidden;
}

li.searchresultitem div.searchresulttext
{
}

li.searchresultitem img
{
	width: auto !important;
	height: auto !important;
	max-height: 80px !important;
	max-width: 80px !important;
	margin: 0 !important; 
}

li.searchresultitem a
{
	text-decoration: none;
}

li.searchresultitem h3 a
{
	text-decoration: underline;
}

li.searchresultitem h3
{
	border:none;
	margin: 0;
	font-size: 12px;
}

li.searchresultitem .breadcrumbpath a.hyperlinkfe
{
	font-size: 80%;
	color: #999999;
}

div.divproposallist
{
	position: relative;
	z-index: 10000;
	text-align: left;
}

div.divproposallist ul
{
	width: 180px;
	position: absolute;
	right: 50px;
	top: 0px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 5px;
	margin: 0;
	z-index: 10000;
}

div.divproposallist ul,
div.divproposallist li
{
	list-style-type: none;
}

/** Blaettern Links ****************************************************************/

.listpagediv
{
	height: 20px;
	padding-top: 5px;
	line-height: 125%;
	font-size: 11px;
	clear: both;
}

.blaettern
{
	margin-top: 20px;
	line-height: 125%;
	font-size: 12px;
	clear: both;
}

a.blaetterlink,
a.listpagenext,
a.listpageprevious
{
	padding: 1px 5px 1px 5px;
	margin-right: 5px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align: center;
	text-decoration: none;
}
a.blaetterlink:hover,
a.listpagenext:hover,
a.listpageprevious:hover
{
	border: 1px solid #999999;
}

.listpagediv a.active
{
	background-color: #666666;
	color: #FFFFFF;
}

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

div.topnav
{
	position: absolute;
	top: 40px;
	left: -30px; 
	width: 780px;
	text-align: right;
}

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

div.topnav a.topnav:hover,
div.topnav a.active:hover
{
	text-decoration: underline;
	color: #000;
}

div.topnav ul a.topnav,
div.topnav ul ul a.topnav
{
	font-size: 90%;
	letter-spacing: 1px;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #A0A0A0;
}

div.topnav ul a.active,
div.topnav ul ul a.active
{
	color: #000;
	background: #F0F0F0;
}


div.topnav ul ul ul
{
	position: absolute;
	left: -190px;
	top: 319px;
	text-align: left;
}

div.topnav ul ul ul a.topnav
{
/*	color: #666;
	border-right: 1px solid #666; */
	
	display: block;
	width: 148px;
	height: auto;
	padding: 2px 5px 2px 18px;
	margin-bottom: 1px;
	color:#000;
	font-size: 100%;
	text-decoration:none;
	text-transform: none;
	letter-spacing: 0;
	border-right: none;
	border-left: 14px solid #EBEBEB;
}

div.topnav ul ul ul a.active
{
	background: #EBEBEB;
}

div.topnav ul ul ul ul
{
	position: absolute;
	left: 184px;
	top: 0px;
	text-align: left;
}

div.topnav ul ul ul ul a.topnav
{
	display: block;
	width: 150px;
	padding: 2px 5px 2px 10px;
	margin-bottom: 1px;
	color:#888;
	font-size: 100%;
	line-height: 120%;
	border-left: 1px solid #EBEBEB;
	border-bottom: 1px solid #FFFFFF;
}

div.topnav ul ul ul ul a.active
{
	color:#666;
	background: #F5F5F5;
}

div.topnav ul ul ul ul ul
{
	position: static;
}
div.topnav ul ul ul ul ul a.topnav 
{
	display: block;
	width: 140px;
	padding: 2px 5px 0px 20px;
	margin-bottom: 1px;
	color:#888;
	font-size: 100%;
	border-top: none;
}

div.illu
{
	width: 100%;
	min-height: 68px !important;
	height: auto !important;
	height: 68px;
	max-height: 250px;
	background-color: #C1C1C1;
	position: relative;
}
div.illu span.pic
{
	margin: 0;
	display: block;
}


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

.maincontainer
{
	min-height: 440px !important;
	height: auto !important;
	height: 440px;
	padding-bottom: 30px;
	background: url(image/w_main.gif) repeat-x;
}

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

div.menucontainer
{
	position: absolute;
	left: 0;
	top: 190px;
}

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

div.menucontainer a.menucontainer:hover, /* allg. Hover-Effekt */
div.menucontainer a.active:hover
{
}

div.menucontainer ul
{
	position: absolute;
	left: 0px;
	top: 0px;
}

div.menucontainer ul a.menucontainer  /* 1. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	width: 148px;
	height: 20px;
	padding: 7px 4px 2px 17px;
	margin-bottom: 1px;
	margin-left: 14px;
	color:#000;
	font-size: 120%;
	text-transform: uppercase;
	text-decoration:none;
	background-image: url(image/transparent.png) !important;
	background-image: url(image/transparent.gif);
	border: 1px solid #EBEBEB;
}
div.menucontainer ul a.menucontainer:hover
{
	color: #666666;
	background: #FFF;
}

div.menucontainer ul a.active /* 1. Ebene sichtbarer Menuepunkt - geklickt */
{
	background: #FFF;
	border-left: 15px solid #DDD;
	margin-left: 0px;
} 

div.menucontainer ul ul
{
	position: absolute;
/*	left: -15px; */
	top: 190px;
}

div.menucontainer ul ul a.menucontainer  /* 2. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	width: 148px;
	height: auto;
	padding: 2px 5px 2px 17px;
	margin-bottom: 1px;
	margin-left: 0px;
	color:#000;
	font-size: 100%;
	text-transform: none;
	text-decoration:none;
	border: none;
	border-left: 14px solid #EBEBEB;
}

div.menucontainer ul ul a.menucontainer:hover
{
	background: #F5F5F5;
	text-decoration: underline;
}

div.menucontainer ul ul a.active /* 2. Ebene sichtbarer Menuepunkt - geklickt */
{
	background: #EBEBEB;
} 

div.menucontainer ul ul ul
{
	position: absolute;
	left: 185px;
	top: 0px;
	border-left: none;
}

div.menucontainer ul ul ul a.menucontainer  /* 3. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	width: 150px;
	padding: 4px 5px 4px 10px;
	margin-bottom: 1px;
	color:#666;
	line-height: 110%;
	border-left: 1px solid #EEEEEE;
}

div.menucontainer ul ul ul a.active /* 3. Ebene sichtbarer Menuepunkt - geklickt */
{
	color: #000000;
	background: #EBEBEB;
} 

div.menucontainer ul ul ul ul
{
	position: static;
}

div.menucontainer ul ul ul ul a.menucontainer  /* 3. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	width: 140px;
	padding: 4px 5px 4px 20px;
	margin-bottom: 1px;
	color:#888;
	border-top: none;
}

div.menucontainer ul ul ul ul a.active /* 3. Ebene sichtbarer Menuepunkt - geklickt */
{
	color: #000000;
	background: none;
} 

div.menucontainer ul ul ul ul ul a.menucontainer  /* 3. Ebene sichtbarer Menuepunkt - nicht geklickt */
{
	display: block;
	width: 130px;
	padding: 4px 5px 4px 30px;
	margin-bottom: 1px;
	color:#888;
	border-top: none;
}

div.menucontainer ul ul ul ul ul a.active /* 3. Ebene sichtbarer Menuepunkt - geklickt */
{
	color: #000000;
	background: none;
} 

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

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

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

div.pwinline
{
	background: #fee url(image/icon_protectclosed.gif) no-repeat top right;
}

/** Menu spezielle Icons **********************************************************/

div.menucontainer ul a.ideengalerie
{
	background: url(image/icon_idee.gif) no-repeat 17px 0px !important;
	padding-left: 35px !important;
}

div.menucontainer ul a.duschenkonfigurator
{
	background-image: url(image/icon_configurator_2.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 12px 0px !important;
	padding-left: 30px !important; 
	width: 130px !important;
}

div.menucontainer ul a.neu-icon
{
	background-image: url(image/icon_neu_menu.png) !important;
	background-repeat: no-repeat !important;
	background-position: right top !important;
}

/* breadcrumbpath ************************************************************************************/

.breadcrumb
{
}

div.breadcrumbpath
{
	position: absolute;
	width: 580px;
	top: -40px;
	background-color: #f2f2f2;
}

li.searchresultitem div.breadcrumbpath
{
	position: static;
	background-color: #FFFFFF;
}

div.breadcrumbpath a.hyperlinkfe
{
	color: #888;
	font-size: 90%;
	text-decoration: none;
	background: url(image/s_bullet_breadcrumb.gif) no-repeat;
	padding: 0px 7px;
}
div.breadcrumbpath a.hyperlinkfe:hover
{
	text-decoration: underline;
}

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

.febody .startblock
{
	position: absolute;
	left: 0px;
	top: 380px;
}
.startblock
{
	width: 330px;
}

.startblock h1,
.startblock h2,
.starblock h3,
.startblock p
{
	padding-left: 30px;
}



.centercontainer
{
	margin-left: 370px;
}

/* Artikelliste 1-spaltig ***************************************************************************/

.contentcontainer 
{
	padding-top: 30px;
	width: 600px;
}

.febody .contentcontainer
{
}

.contentcontainer .mainarticle
{
	padding-left: 20px;
	position: relative;
}

.articlelist .normarticle,
.articlelist .nextcatarticleitem
{
	padding-left: 20px;
	position: relative;
}

.articlelistcontain2 .normarticle,
.articlelistcontain2 .nextcatarticleitem
{
	width: 280px;
	padding-left: 20px; /* wegen IE fester Pixelwert statt Prozent */
	float: left;
	position: relative;
}

.articlelistcontain3 .normarticle,
.articlelistcontain3 .nextcatarticleitem
{
	width: 180px;
	padding-left: 20px; /* wegen IE fester Pixelwert statt Prozent */
	float: left;
	position: relative;
}

.articlelistcontain5 .normarticle,
.articlelistcontain5 .nextcatarticleitem
{
	padding-left: 20px; /* wegen IE fester Pixelwert statt Prozent */
	float: left;
	position: relative;
}

.articlelistcontain5 .nextcatarticleitem .piclabel label,
.articlelistcontain5 .nextcatarticleitem .pic label,
.articlelist .articleitem label
{
	height: 25px !important;
}

.articlelistcontain3 img
{
	max-width: 180px;
	height: auto !important;
}

div.articlelist /* Spezial Platzhalter: holt Artikel-Kurzbeschr. */
{}
div.articlelist .articleitem
{
	margin-right: 10px;
	float: left;
	position: relative;
}

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

.contentcontainer ul
{
	margin-left: 0px;
	padding-left: 16px;
}

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

.contentcontainer .articlelistcontain5 .normarticle,
.contentcontainer .articlelistcontain5 .nextcatarticleitem
{
	margin-bottom: 5px;
}

.contentcontainer .articlelist .normarticle a, 
.contentcontainer .articlelist .nextcatarticleitem a,
.contentcontainer .articlelistcontain2 .normarticle a, 
.contentcontainer .articlelistcontain2 .nextcatarticleitem a,
.contentcontainer .articlelistcontain3 .normarticle a, 
.contentcontainer .articlelistcontain3 .nextcatarticleitem a,
.contentcontainer .articlelistcontain5 .normarticle a, 
.contentcontainer .articlelistcontain5 .nextcatarticleitem a
{
	text-decoration: none;
	cursor: pointer;
}

.nextcatarticle
{
}

.morelink
{
	display: block; 
	text-decoration: none;
	color: #000;
	font-size: 12px;
	text-align: right;
	border-bottom: 1px solid #DFDFDF;
	clear: both;
	position: relative;
	top: -10px;
}



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

.infoblock
{
	color: #000;
	padding-left: 20px;
}

.infoblock h1 
{ 
    color: #FD6F10; 
    font-size: 120%; 
    margin-bottom: 2%;
}

.infoblock h2 
{ 
    color: #FD6F10; 
    font-size: 100%; 
    margin-bottom: 2%;
}

.infoblock h3 
{ 
    color: #FD6F10; 
    font-size: 90%; 
    margin-bottom: 2%;
}

.infoblock h4 
{ 
    color: #FD6F10; 
    font-size: 80%; 
    margin-bottom: 2%;
}

.infoblock h5 
{ 
    color: #FD6F10; 
    font-size: 70%; 
    margin-bottom: 2%;
}

.infoblock h6 
{ 
    color: #FD6F10; 
    font-size: 65%; 
    margin-bottom: 2%;
}

.infoblock img
{
	border: none;
}

div.infoblock .normarticle a
{
/*	display: block; */
	text-decoration: none;
}

div.infoblock .normarticle a span.morelink
{
    margin-left: 5px;
}

div.infoblockportal
{
	display: none;
}

.doclinkfe,
.hyperlinkfe,
.articlelinkfe
{
	cursor: pointer;
	text-decoration: underline;
}

.doclinkfe:hover,
.hyperlinkfe:hover,
.articlelinkfe:hover
{
	cursor: pointer;
	color: #BA2325;
	text-decoration: none;
}

a.hyperlinkfe img,
a.hyperlinkfe:hover img
{
	border: none;
}

a.doclinkfe
{
	background: url(image/icon_download_1.gif) no-repeat;
	padding-left: 20px;
}

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

.footercontainer
{
	clear: both;
	border-top: 1px solid #dfdfdf;
	width: 970px;
	padding-top: 5px;
	margin-top: 30px;
	color: #999;
}

.footercontainer h1, 
.footercontainer h2, 
.footercontainer h3, 
.footercontainer h4, 
.footercontainer h5, 
.footercontainer h6,
.footercontainer a
{
	color: #999;
}
.footercontainer a
{
	text-decoration: none;
}
.footercontainer a:hover
{
	color: #BA2325;
	text-decoration: underline;
}

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

.formstylekontakt input,
.formstylekontakt textarea,
.formstylekontakt select,
.formstyleadresse input,
.formstyleadresse textarea,
.formstyleadresse select,
.formstylelogin input,
.formstylelogin textarea,
.formstylelogin select{
	border-width: 1px;
	border-color: #DDDDDD;
	background-color: #f9f9f9;
	padding: 2px;
}

.febody input.formerror, /* Klasse des Input bei fehlenden Eingaben */
.febody textarea.formerror,
.febody select.formerror
{
	background: #feeeee;
	border: 1px solid #BA2325;
}

input.formsubmit
{
	background-color: #eeeeee;
	cursor: pointer;
}

.formerrorfields
{
	display: block;
	padding: 5px 10px;
	background: #feeeee;
	border: 1px dotted #BA2325;
}

/* Formular Fotowettbewerb *****************************************************************/

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

.pics-left
{
	float: left;
	margin-right: 20px;
}

.pics-right
{
	float: right;
	margin-left: 20px;
}

.headbutton
{
	display: block;
	text-transform: uppercase;
	padding: 3px 3px 3px 14px;
	background-image: url(image/transparent.png) !important;
	background-image: url(image/transparent.gif);
	border-width: 1px 1px 1px 10px;
	border-style: solid;
	border-color: #EBEBEB;
	text-decoration: none;
}

table.dreispalter,
table.zweispalter
{
	width: 100%;
	clear: both;
}

table.dreispalter td,
table.zweispalter td
{
	vertical-align: top;
}

table td.spacer
{
	width: 20px;
}

table.dreispalter td.column
{
	width: 180px;
}

table.zweispalter td.column
{
	width: 280px;
}

.catlistheading
{
	width: 150px;
	float: left;
}

.catlistpic
{
	width: 170px;
	float: left;
}

.catlisttext
{
	width: 270px;
	float: left;
}

div.standardpicdetail,
div.productpic,
div.newspicdetail
{
	width: 300px;
	margin-right: 0px;
	text-align: justify;
	float: left;
	border: transparent;
}
div.productpic img
{
/*	margin-bottom: 5px; */
}

div.standardtext,
div.producttext
{
	width: 280px;
	float: left;
	line-height: 140%;
}

div.newsshorttext,
div.standardshorttext
{
	width: 380px;
	float: left;
	line-height: 140%;
}

div.standardtext h1,
div.producttext h1,  /* Ueberschriften der Produkte generell in Versalien */
div.newstext h1
{
	font-size: 125%;
	text-transform: uppercase;
}

div.newspic,
div.standardshortpic
{
	width: 180px;
	margin-right: 0px;
	padding-right: 20px;
	float: left;
}
div.newspic img,
div.standardshortpic img
{}

div.newsshorttext h1,
div.standardshorttext h1
{
	font-size: 125%;
	margin-bottom: 0px;
	text-transform: uppercase;
}

div.newspicdetail
{
	display: block;
	width: 297px;
	margin-right: 0px;
	padding-right: 20px;
	float: left;
}

div.newstext
{
	width: 280px;
	float: left;
}

img.icon-neu-ro
{
	position: absolute;
	right: 0px;
	top: 0px;
}


/** Downloadseiten 1-spaltig *********/

div.downloadshorthead h1
{
	font-size: 110%;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.articlelist div.downloadshorthead,
.mainarticle div.downloadshorthead
{
	width: 155px;
	float: left;
}

.articlelist div.downloadshortpic,
.mainarticle div.downloadshortpic
{
	width: 165px;
	float: left;
}

.articlelistcontain2 div.downloadshorttext,
.mainarticle div.downloadshorttext
{
/*	width: 280px;
	float: left; */
	width: auto;
}

.articlelistcontain2 div.downloadshorthead
{
 	width: 150px;
	float: left; 
}

.articlelistcontain2 div.downloadshortpic
{
	width: 100px;
	text-align: right;
	float: right;
}

.articlelistcontain2 .morelink
{
	display: block;
	clear: left; 
}

hr
{
	clear:both;
	border: none;
	height: 1px;
	background-color: #CCCCCC;
}

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

/* beetools-PopUp **********************************************/

.beetoolspopup
{
	width: 440px;
	height: 340px;
	position: relative;
	border: 1px solid #000;
	background-color: #FFFFFF;
}

.beetoolspopup iframe,
.beetoolspopup .beetoolspopupcontent
{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 400px;
	height: 300px;
	border: none;
	padding: 0;
	margin: 0;
	border: 1px solid #CCCCCC;
}

.beetoolspopup .top,
.beetoolspopup .bottom
{
	position: relative;
}

.beetoolspopup .topleft,
.beetoolspopup .bottomleft,
.beetoolspopup .topright,
.beetoolspopup .bottomright
{
	width: 20px;
	height: 20px;
	position: absolute;
}
/*
.beetoolspopup .topleft		{	top: 0px;	left: 0px;	background: url(image/w_beetoolspopup_corners.png) 0px 0px no-repeat;	}
.beetoolspopup .bottomleft	{ 	bottom: 0px; left: 0px;	background: url(image/w_beetoolspopup_corners.png) 0px -20px no-repeat;	}
.beetoolspopup .topright 	{	top: 0px; 	right: 0px;	background: url(image/w_beetoolspopup_corners.png) -20px 0px no-repeat;	}
.beetoolspopup .bottomright	{	bottom: 0px; right: 0px;	background: url(image/w_beetoolspopup_corners.png) -20px -20px no-repeat;	}

.beetoolspopup .topmiddle
{
	height: 20px;
	background: url(image/w_beetoolspopup_horizontal.png) 0px 0px repeat-x;
}

.beetoolspopup .middleleft
{
	width: 20px;
	background: url(image/w_beetoolspopup_vertical.png) 0px 0px repeat-y;
}
.beetoolspopup .middleright
{
	width: 20px;
	background: url(image/w_beetoolspopup_vertical.png) -20px 0px repeat-y;
}
*/
.beetoolspopup .middlemiddle
{
	width: 400px;
	height: 300px;
	margin-left: 20px;
	background-color: #FFFFFF;
}
/*
.beetoolspopup .bottommiddle
{
	height: 20px;
	background: url(image/w_beetoolspopup_horizontal.png) 0px -20px repeat-x;
}
*/
.beetoolspopupclose
{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 15px;
	height: 15px;
	background: #AAAAAA;
	color: #000000;
	border-width: 1px;
	cursor: pointer;
}

/** SPRINZ SPEZIAL Ueberblendeffekt ********************************************************************/

.imageanimation
{
/*	width: 970px; */
	height: 250px;
	position: relative; 
}
.febody #imageContainer
{
	position: relative; 
}

.febody #imageContainer img
{
	position: absolute;
	left: 0;
	top: 0;
	display: none; 
}

/** SPRINZ SPEZIAL PopUp-Container ********************************************************************/

div.popupcontainer
{
	background-image: url(image/wall_semitransparent.png) !important;
	background-image: url(image/wall_semitransparent.gif);
	width: 400px;
	height: 300px;
	position: absolute;
	left: 350px;
	top: 200px;
}

div.popupcontainer div.normarticle
{
	background-color: #FFF;
	border: 1px solid #999;
	position: relative;
	width: 400px;
	height: 300px;
	left: -7px;
	top: -10px;
	
}

div.popupcontainer h6
{
	text-align: right;
	padding-right: 20px;
	background-image: url(image/icon_close.gif);
	background-position: right;
	background-repeat: no-repeat;
	cursor: hand;
	cursor: pointer;
}

/** SPRINZ SPEZIAL Ideengalerie  *********************************************************************/

.febody .horizontalscrollbox
{
	position: absolute;
	left: 210px;
	top: 90px;
	width: 760px;
	height: 142px;
	background: #F2F2F2;
	overflow: hidden; 
}

.horizontalscrollbox .nextcatarticleitem,  /* horizontal scrollbare Produkte, dynamisch */
.horizontalscrollbox .normarticle
{
    display:block;
	width: 142px;
	float: left;
}

.horizontalscrollbox .normarticle img
{
/*	width: 90% !important;
	height: 90% !important;
	margin: 5% !important; */
	border: 1px solid #FFFFFF !important;
}
.horizontalscrollbox .normarticle img:hover
{
/*	width: 100% !important;
	height: 100% !important;
	margin: 0 !important; */
	border: 1px solid #000000 !important;
	-moz-opacity: 0.7;
	filter: Alpha(opacity=70); 
	opacity: 0.7;
}

button.gotoleft
{
	display: block;
	width: 25px;
	height: 140px;
	float: left;
	border: none;
	background: transparent url(image/scrollbutton-left.gif) no-repeat 1px 1px;
	cursor: pointer;
}

.rollcontainer
{
	height: 142px;
	width: 710px;
	overflow: hidden; 
	float: left;
}

.rollcontainer .normarticle span.pic
{
	width: 140px;
	overflow: hidden;
}

button.gotoright
{
	display: block;
	width: 25px;
	height: 140px;
	margin-right: 0px;
	float: left;
	border: none;
	background: transparent url(image/scrollbutton-right.gif) no-repeat 1px 1px;
	cursor: pointer;
}

div.darkbackground
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 5500;
	background-color: #000000;
	-moz-opacity: 0.6;
	filter: Alpha(opacity=60); 
	opacity: 0.6;
	overflow: hidden;
}

div.ideagallerypositioner
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 6000;
}

div.ideagallerypopup
{
	position: relative;
	width: 800px;
	margin: 10px auto auto auto;
}

div.ideagallerypopup .articledetail
{
	position: absolute;
	left: 25px;
	top: 20px;
/*	left: -50%; */
	width: 750px;
	height: 580px;
	padding: 5px;
	background: #FFFFFF url(image/w_sprinz_logo_klein.gif) 5px 510px no-repeat;
}

div.ideagallerypopup .articledetail .pic
{
	width: 750px;
	background: #F2F2F2 url(image/waiting6.gif) center center no-repeat;
	text-align: center;
}

div.ideagallerypopup .articledetail p
{
	padding-left: 140px;
}

.buttonclose,
.buttonnext,
.buttonprevious
{
	border: none;
	background-color: transparent;
	cursor: pointer;
	white-space: nowrap;
}

.buttonclose
{
	position: absolute;
	right: 30px;
	top: 0px;
	width: 150px;
	text-align: left;
	padding: 1px 25px 2px 5px;
	background: #FFFFFF url(image/w_buttonclose.gif) bottom right no-repeat;
}

.buttonprevious
{
	position: absolute;
	left: 2px;
	top: 250px;
	width: 23px;
	height: 63px;
	background: url(image/w_buttonprevious.gif) top left no-repeat;
	text-indent: 30px;
	overflow: hidden;
}

.buttonnext
{
	position: absolute;
	left: 785px;
	top: 250px;
	width: 23px;
	height: 63px;
	background: url(image/w_buttonnext.gif) top left no-repeat;
	text-indent: 30px;
	overflow: hidden;
}

/** SPRINZ SPEZIAL Glasbeschlaege ****************************************************/

table.beschlaege
{
	width: 100%;
}

/** SPRINZ SPEZIAL Duschen-Auswahlassi ***********************************************/

div.icons-3d
{
	width: 480px;
	float: right;
}

.no-icons-3d div.icons-3d
{
	display: none;
}

/* Sitemap ****************************************************************************/

.sitemapdiv ul
{
	padding-left: 0;
}

.sitemapdiv ul
{
	padding-left: 15px;
}

.sitemapdiv ul li
{
	width: 260px;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	background-color: #f2f2f2;
	list-style-type: none;
}

.sitemapdiv ul ul li
{
	width: 100%;
	float: none;
	margin-right: 0px;
	margin-top: 0px;
	background-color: transparent;
	list-style-type: none;
}

.sitemapdiv ul ul ul li
{
	list-style-type: none;
}

.sitemapdiv ul ul ul ul ul li
{
	list-style-type: circle;
}

ul.sitemap li a
{
	display: block;
	padding: 3px 15px;
	margin-bottom: 5px;
	background-color: #DDDDDD;
	font-size: 110%;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}

ul.sitemap ul li a
{
	border-bottom: 1px solid #AAAAAA;
	color: #000000;
	background-color: transparent;
	padding: 2px;
	margin-bottom: 0px;
	text-transform: none;
}

ul.sitemap ul ul li a
{
	border-bottom: 1px dotted #AAAAAA;
	margin-top: 0px;
	padding-left: 0px;
	font-weight: normal;
}

ul.sitemap ul ul ul ul li a
{
	padding-left: 0px;
	border-bottom: none;
}

ul.sitemap ul ul ul li a
{
	padding-left: 0px;
}

ul.sitemap li a:hover
{
	text-decoration: underline;
}

/* TAB-Reiter   *************************************************************/

.tabberlive .tabbertabhide 
{
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.febody .tabber  /* nur im Backoffice verwendet */
{
	display: none; 
}

table.tabbertabdisabletabpage
{
	display: none;
}

.tabber table
{
	margin-bottom: 20px;
}

.tabbertab /* fuer Backoffice */
{
	clear: both;
/*	min-height: 200px !important;
	height: auto !important;
	height: 200px; 
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD; */
}

.tabbertab a.hyperlinkfe
{
	text-decoration: none;
}
.tabbertab a.hyperlinkfe:hover
{
	text-decoration: underline;
}

.tabberlive 
{
/*	min-height: 200px !important;
	height: auto !important;
	height: 200px; */
	clear: both;
	margin-bottom: 20px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	height: 20px;
	padding: 13px 8px 3px 0px;
	margin: 0;
	border-bottom: 1px solid #DDDDDD;
}

ul.tabbernav li
{
	list-style: none;
	margin: 0;
	float: left;
}

ul.tabbernav li a
{
	color: #000000;
    font-size: 12px;
	display: block;
	height: 15px;
	margin-right: 3px;
	padding: 3px 10px;
	text-decoration: none;
	background: #f0f0f0 url(image/s_arrow_left.gif) no-repeat 0px 7px;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

ul.tabbernav li a:hover
{
	text-decoration: underline;
	background-color: #FFFFFF;
}

ul.tabbernav li.tabberactive a
{
	color: #000000;
	display: block;
	height: 17px;
	margin-right: 3px;
	background: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
}

ul.tabbernav li.tabberactive a:hover
{
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab 
{
	padding: 15px 0px;
	min-height: 130px;
}

.tabberlive .tabbertab td
{
	vertical-align: top;
}

/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2
{
	display:none;
}

.tabberlive .tabbertab  ul
{
	color: #000000;
	list-style-image: url(image/s_bullet_arrow_red.gif);
	padding: 0;
	margin-left: 20px;
}

.tabberlive .tabbertab li
{
	padding-left: 5px;
	margin-left: 0px;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab 
{
 height:200px;
 overflow:auto;
}

p.displaylogin
{
	background: url(image/icon_download_1.gif) no-repeat;
	padding-left: 20px;
	cursor: pointer;
	text-decoration: underline;
}

form.formstylelogin
{
	border: 1px solid #CCCCCC;
	padding: 10px;
}

/* Produktfinder / Ausschreibungsmatrix ************************************************************/

table.ausschreibungsmatrix
{
	width: 100%;
	background-color: #f2f2f2;
}
table.ausschreibungsmatrix td
{
	padding: 5px;
	vertical-align: top;
	border-right: 1px solid #FFFFFF;
}

table.ausschreibungsmatrix th
{
	text-align: left;
	background-color: #C9CACE;
	border-right: 1px solid #FFFFFF;
	padding: 5px;
	vertical-align: baseline;
}

table.ausschreibungsmatrix input,
table.ausschreibungsmatrix label
{
	cursor: pointer;
}

table.ausschreibungsmatrix div.disabled input,
table.ausschreibungsmatrix div.disabled label
{
	cursor: default;
	color: #AAAAAA;
}

table.ausschreibungsmatrix td.produkteigenschaft div.createconfiguratorvalue
{
	width: 100%;
}
table.ausschreibungsmatrix td.ug_brl div.createconfiguratorvalue
{
	width: 50%;
	float: left;
}
table.ausschreibungsmatrix td.gesamtenergiedurchlass div.createconfiguratorvalue
{
	width: 33%;
	float: left;
}
table.ausschreibungsmatrix td.schalldaemm_mass div.createconfiguratorvalue
{
	width: 50%;
	float: left;
}

input.delvalues
{
	border: none;
	background: transparent;
	font-size: 90%;
}

div.variationconfiguratoritem
{
	padding: 20px 0px;
	border-bottom: 1px solid #DFDFDF;
}

table.glasaufbau
{
	border-collapse: collapse;
}
table.glasaufbau td
{}


/** Messetermine ************************************************************/

table.fairs
{
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
}

table.fairs td.fair-logo
{
	width: 25%;
	vertical-align: top;
	padding-bottom: 10px;
}

table.fairs h4
{
	font-weight: bold;
	border-top: none;
	margin-bottom: 0;
}

table.fairs td.fair-location
{
	vertical-align: top;
	width: 25%;
}

table.fairs td.fair-manager
{
	vertical-align: top;
	width: 25%;
}

table.fairs td.fair-date
{
	vertical-align: top;
	width: 25%;
}

/** Vormerken ****************************************************/

div.markpopup
{
	position: absolute;
}

button.markbutton
{
	border: none;
	background: #E6E6E6 url(image/icon_markbutton.gif) no-repeat 5px 2px;
	border: 1px outset #DDD;
	text-align: left;
	font-size: 100%;
	line-height: 100%;
	padding-left: 25px;
	height: 23px;
	cursor: pointer;
}

.febody div.marklist
{
	width: 520px;
	min-height: 200px !important;
	background-color:#EEEEEE;
	border: 1px solid #999999;
	box-shadow: 3px 3px 7px #999999;
	-moz-box-shadow: 3px 3px 7px #999999;
	padding: 10px 25px 20px 20px;
	position: fixed; 
	left: 30%; 
	top: 30%; 
	z-index: 10000;
	display: none; 
	font-size: 12px;
}

.nextcatarticleitem div.marklist a
{
	text-decoration: underline;
}

table.marklist
{
	width: 100%;
	background-color: #f2f2f2;
	margin-bottom: 20px;
}
table.marklist td
{
	vertical-align: top;
}

table.marklist a.delmarkitem
{
	text-decoration: none;
	background: url(image/icon_close.gif) no-repeat 0px 2px;
	padding: 0px 5px;
}

ul.marklist
{
	margin: 0 auto;
	padding: 0 auto;
	background-color: #f9f9f9;
}

table.popupmarktable
{
	width: 300px;
	float: right;
}

/** brain-at-work Link *******************************************/
.bawlink
{
	width: 970px;
	text-align: right;
	padding: 50px 0 0 0;
}

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

.bawlink a:hover
{
	color: #999999;
}

/*custom CSS fuer REDESIGN sep. 2013 *****************************/

.mobiledpt
{
	display: none;
}

.mobiledpn
{
	display: inline-block;
}