/*hacks:
mozi: normal
ie7+ie6: html* ...
nur ie6: * html ...
*/

/*
Farben:

// WebTool-Blau
#0089bd; // Standard (100%)
#33A1CA; // (80%)
#66B8D7; // (60%) Titel Funktionen-Menu
#99D0E5; // (40%)
#CCE7F2; // (20%)
#E5F3F8; // (10%)
#F2F9FC; // (5%)
#F7FBFD; // (3%)

#666699; // (blau-violett) TabBig:hover

// Grau-Töne
#FFFFFF; // (white)
#FAFAFA; // Hintergrund 1
#F5F5F5; // (whitesmoke) zebra-streifen
#F0F5F9; // (hell-grau-blau) Hintergrund 2 + tabactive
#bbbbbb; // (grau) Table Header
#aaaaee; // border...
#808080; // (gray)
#000000; // (black) Schrift

// PROCAFE
#572F08; // braun Standard-Schriftfarbe
#432B1E; // braun body1 (links und rechts von seite)
#33180C; // braun Fusszeile Hintergrund

*/


body
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #572F08;
	/*background-color: #472f21;*/
	text-align: left;
}

p, td, th, tr, li  {
	font-size: 12px;
	color: #572F08;
}

p {
	margin-top: 4px;
	margin-bottom:12px;
}

a {
	text-decoration: underline;
	color: #572F08;
	font-size: 12px;
}

a img{
	border: 0px none;
}


a:hover {
	text-decoration: underline;
}

ul {
	/*list-style-type: none;
	list-style-image: url(/art/bullet.gif);*/
	margin: 0px;
	margin-left: 0.8em;
	padding: 0px;
	padding-left: 0.8em;
	font-size: 12px;
	color: #572F08;
}

ol {
	margin-left: 0.5em;
	padding-left: 0.5em;	
	list-style-type: decimal;
	color: #572F08;
}

h1 {
	font-size: 17px;
	font-family: Georgia, Times New Roman, serif;
	color: #572F08;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 12px;
}

h2 {
	font-size: 14px;
	font-family: Georgia, Times New Roman, serif;
	color: #572F08;
}

h3 {
	font-size: 12px;
	font-family: Georgia, Times New Roman, serif;
	color: #572F08;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

hr {
	background-color: #999999;
	background-color: #D7CCB5;
	color: #D7CCB5;
	border: #D7CCB5;
	height: 4px;
}

input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid Gray;
	margin-bottom: 4px;
}

input[type=radio], input[type=checkbox] {
	border: none;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid Gray;
	margin: 2px 0px;
}


.kleineschrift {
font-size: 10px;
margin: 0px;
}

.submit {
	border: 1px solid #666666;
	background-color: #E5E5E5;
	font-size: 10px;
}

.antifloat
{
	/*clear: both;
	visibility: hidden;*/
}

#overDiv
{
	position: absolute; 
	visibility: hidden; 
	z-index:1000;
}

#seitenanfanglink {
	padding: 30px 0px 10px 0px;
}

.bildunterschrift
{
	font-size: 11px;
	font-style: italic;
}	

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

/******************************
	layout
******************************/

#body1
{
	padding: 0px;
	text-align: center;
	color: #572F08;
	margin: auto;
	width: 1024px;
}

#body2
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	
margin: 0px;
padding: 0px;

	width: 1025px;
	min-height: 750px;
	text-align: left;
	color: #572F08;
	background-image: url(../../art/procafe/bg_back.jpg);
	background-color: #E7E3D7;
	background-repeat: no-repeat;
	float: left;
}

#content
{
	padding: 0px 30px;
	min-height: 500px;
	float: left;
	margin: 0px;
	/*background: transparent url(../../art/procafe/bg_content_neu.gif) no-repeat;*/
}

#kopf
{
	height: 250px;
	margin: 0px 30px;
	border-bottom: 4px solid #A7927C;
	margin-bottom: 25px;
}

#kopfLinks
{
	float: left;
	width: 250px;
}

#balkenBraun
{
	width: 246px;
	background: url(../../art/procafe/balken_oben_linksBraun.jpg) repeat-x;
	height: 15px;
	margin-right: 4px;
}

#logo
{
	width: 250px;
}

html* #logo img
{
	height: 233px;	
}

#kopfRechts
{
	float: left;
	width: 715px;
}

#balkenGruen
{
	width: 715px;
	background: url(../../art/procafe/balken_oben_rechtsGruen.jpg) repeat-x;
	height: 15px;
}

#sprachenUndShortcuts
{
	height: 35px;
}

#shortcutlinks
{
	float: left;
	width: 485px;
	color: #572F08;
	padding-top: 7px;
}

#sprachenlinks
{
	float: left;
	width: 230px;
	text-align: right;
	color: #CBBB9D;
	padding-top: 7px;
}

#banner
{
	height: 200px;
}

#navcontainer
{
	float: left;
	width: 230px;
	margin: 0px;
	margin-top: -20px;
	padding-right: 10px;
	padding-bottom: 30px;
}
/*
html* #navcontainer
{
	width: 240px;
}
*/


#hauptinhalt
{
	float: left;
	width: 480px;
	margin: 0px;
	padding: 0px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 20px;
	background: #ded8c9 url(/art/procafe/bg_content.gif) repeat-x;
	/*background-color: #DED8C8;
	background-repeat: no-repeat;*/
	min-height: 560px;
}
/*
html* #hauptinhalt
{
	width: 460px;
}
*/
#spalterechts
{
	float: left;
	width: 220px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}

.eintrag_rechts {
	float: left;
	width: 219px;
	margin-bottom: 10px;
	padding: 0px;
	/*background-color: #99B434;*/
}

.eintrag_rechts, .eintrag_rechts p,.eintrag_rechts a {
	color:#fff;
}

.eintrag_rechts .GalerieUebersicht { float: left; padding: 0px; width: auto; }

.eintrag_rechts #WebtoolDB_bildgalerie {
	float: left;
	background-color: #99B434;
	width: 219px;
}

.eintrag_rechts #WebtoolDB_bildgalerie a {
	text-decoration: none;
	color: #00792D;
}

.eintrag_rechts #WebtoolDB_bildgalerie a:hover {
	text-decoration: none;
	color: #ffffff;
}

.eintrag_rechts p {
	color: #FFFFFF;
	margin: 0px;
	padding: 5px 10px 10px 10px;
}

.eintrag_rechts h3 {
	color: #FFFFFF;
	margin: 10px;
	padding: 0px;
	font-size: 17px;
	font-weight: normal;
}

.GalerieTitel {
float:left;
padding-bottom: 5px;

}

.eintrag_rechts .GalerieTitel a {
	color: #00792D;
	margin-left: 10px;
	float: left;
	text-decoration: none;
	/*width: 70px;*/
}

.eintrag_rechts .GalerieTitel a:hover {
	color: #ffffff;
}
/*
html* #spalterechts
{
	width: 230px;
}
*/
#spalterechtsinhalt
{
}

#spalterechtsFAQ
{

}

#spalterechtsBildergalerie
{

}

#sitemapliste ul
{
	list-style-image: none;
}

#sitemapliste ul
{
	margin: 0px 5px;
	padding: 0px 5px;
}

#sitemapliste ul.ersteStufe
{
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}

#suche {
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	height: 20px;
}

#suche input.suchfeld {
	float: left;
	border-top: 2px solid #8E8E8E;
	border-right: 2px solid #CECECE;
	border-left: 2px solid #CECECE;
	border-bottom: 1px solid #E4E4E4;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #CBBB9D;
	width: 175px;
	height: 15px;
	margin: 0px;
}

html* #suche input.suchfeld {
	width: 170px;
}

#suche select.suchfeld {
	border: 1px solid #666666; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #CBBB9D;
	margin: 0px;
}

#suche input.suchknopf {
	float: left;
	border: 0px solid #666666; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	margin-left: 7px;
}

#bgFusszeile
{
	position: bottom;
	background-color: #33180C;
	height: 65px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

#fusszeile
{
	height: 65px;
	font-size: 10px;
	color: #FFFFFF;
	width: 1025px;
	margin: auto;
	text-align: left;
}

#fusszeile a
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

#copyrightbyfooter
{
	padding-top: 10px;
	padding-left: 30px;
}

#copyrightbyfooter p
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
}

#sitebyfooter
{
	float: left;
	padding-left: 30px;
	text-align: left;
}

#sitebyfooter a
{
	color: #654D3F;
}

#sitebyfooter a:hover
{
	color: #FFFFFF;
}

#seitenanfanglink
{
	margin-top: 20px;
}

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

/******************************
	layout drucken
******************************/

#drucken
{
	width: 580px;
}

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

/******************************
	navigation 
******************************/

/******************************
	stufe 1 
******************************/
#navcontainer ul {
	list-style: none;
	text-transform: none;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Times New Roman, serif;
	font-weight: normal;
}

#navcontainer ul li {
	/*display: inline;*/
}

#navcontainer ul ul li {
	background: url(../../art/procafe/navi_bg.gif) no-repeat;
}

/* Ueberschriften */
#navcontainer ul li.ueberschrift p {
	margin: 0px;
	padding: 15px 0px 0px 17px;
	/*font-weight: bold;*/
}

#navcontainer a, #navcontainer a:hover
{
	text-decoration: none;
}

#navcontainer ul li a {
	padding: 16px 0px 0px 8px;
	display: block;
	/*height: 15px;*/
	font-size: 15px;
	/*font-weight: bold;*/
	text-transform: uppercase;
	color: #572F08;
	border-bottom: 4px solid #D7CCB5;
}

#navcontainer ul a:hover {
	color: #00792D;
	border-bottom: 4px solid #63AB7C;
}

#navcontainer ul a.parentactive {
	/*font-size: 12px;*/
	/*font-weight: bold;*/
	text-transform: uppercase;
	color: #00792D;
	border-bottom: 4px solid #63AB7C;
}

#navcontainer ul a:hover.parentactive {
	
}

#navcontainer ul a.active {
	/*font-size: 12px;
	font-weight: bold;*/
	text-transform: uppercase;
	color: #00792D;
	border-bottom: 4px solid #63AB7C;
}

#navcontainer ul a:hover.active {
	
}

#navcontainer ul a.active_no_kids {
	/*font-size: 12px;
	font-weight: bold;*/
	text-transform: uppercase;
	color: #00792D;
	border-bottom: 4px solid #63AB7C;
}

#navcontainer ul a:hover.active_no_kids {
	
}

/******************************
	stufe 2 
******************************/

#navcontainer ul ul li a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: none;
	margin-bottom: 1px;
	background: url(../../art/procafe/navi_bg_2eb_weiss.jpg) no-repeat 0 -2px;
	padding: 3px 0px 1px 17px;
}

#navcontainer ul ul li a:hover{
	background: url(../../art/procafe/navi_bg_2eb_gruen.jpg) no-repeat 0 -2px;
	color: #00792D;
	border-bottom: none;
}

#navcontainer ul ul li a.active{
	border-bottom: none;
	background: url(../../art/procafe/navi_bg_2eb_gruen.jpg) no-repeat 0 -2px;
	color: #00792D;
	border-bottom: none;
}

#navcontainer ul ul li.last a {
	border-top: none;
	margin-bottom: 0px;
}

#navcontainer ul ul li.last a.parentactive {
	text-transform: uppercase;
	color: #00792D;
	/*border-bottom: 4px solid #63AB7C;*/
}

#navcontainer ul ul li a.parentactive {
	border-bottom: none;
	background: url(../../art/procafe/navi_bg_2eb_gruen.jpg) no-repeat 0 -2px;
}

#navcontainer ul ul li.last a:hover.parentactive {
	border-bottom: none;
}

#navcontainer ul ul li.last a.active {
	border-bottom: none;
	background: url(../../art/procafe/navi_bg_2eb_gruen.jpg) no-repeat 0 -2px;
	color: #00792D;
	border-bottom: none;
}

#navcontainer ul ul li.last a:hover.active {
	border-bottom: none;
	background: url(../../art/procafe/navi_bg_2eb_gruen.jpg) no-repeat 0 -2px;
	color: #00792D;
}

#navcontainer ul ul li a:hover.active {
	border-bottom: none;
	background: url(../../art/procafe/navi_bg_2eb_gruen.jpg) no-repeat 0 -2px;
	color: #00792D;
}

#navcontainer ul ul a:hover.active_no_kids {
	border-bottom: none;
	background: url(../../art/procafe/navi_bg_2eb_gruen.jpg) no-repeat 0 -2px;
	color: #00792D;
}

#navcontainer ul ul a.active_no_kids {
	border-bottom: none;
	background: url(../../art/procafe/navi_bg_2eb_gruen.jpg) no-repeat 0 -2px;
	color: #00792D;
}


/******************************
	stufe 3 
******************************/
#navcontainer ul ul ul a {
	font-weight: normal;
	background: url(../../art/procafe/navi_bg_3eb_weiss.jpg) no-repeat 0 -2px;
	padding-left: 30px;
	color: #00792D;
	color: #ffffff;
	
	text-transform: none;
	border-bottom: none;
	margin-bottom: 0px;
	font-size: 11px;
}

#navcontainer ul ul ul a.active {
	background: url(../../art/procafe/navi_bg_3eb_weiss.jpg) no-repeat 0 -2px;
	font-size: 10px;
	padding-left: 30px;
	color: #00792D;
	text-transform: none;
	border-bottom: none;
	margin-bottom: 0px;
	font-weight: normal;
}

#navcontainer ul ul ul li.last a {
	margin-bottom: 1px;
}

#navcontainer ul ul ul li.last a:hover {
	margin-bottom: 1px;
}

#navcontainer ul ul ul a:hover {
	background: url(../../art/procafe/navi_bg_3eb_gruen.jpg) no-repeat 0 -2px;
}

#navcontainer ul ul ul li a.parentactive {
	font-size: 10px;
	border-bottom: none;
	background: url(../../art/procafe/navi_bg_2eb_gruen.jpg) no-repeat 0 -2px;
	color: #00792D;
	border-bottom: none;
	font-weight: normal;
}

#navcontainer ul ul ul li a:hover.parentactive {
	font-size: 10px;
	border-bottom: none;
	background: url(../../art/procafe/navi_bg_2eb_gruen.jpg) no-repeat 0 -2px;
	color: #00792D;
	border-bottom: none;
	font-weight: normal;
}

#navcontainer ul ul ul li {
	border-top: none;
}

#navcontainer ul ul ul li.first a.active {
	font-size: 10px;
	border-bottom: none;
	background: url(../../art/procafe/navi_bg_3eb_gruen.jpg) no-repeat 0 -2px;
	color: #00792D;
	border-bottom: none;
	text-transform: none;
	margin-bottom: 0px;
	font-weight: normal;
}

#navcontainer ul ul ul li.last a.active {
	font-size: 10px;
	border-bottom: none;
	background: url(../../art/procafe/navi_bg_3eb_gruen.jpg) no-repeat 0 -2px;
	color: #00792D;
	border-bottom: none;
	text-transform: none;
	margin-bottom: 0px;
	font-weight: normal;
}

#navcontainer ul ul ul li.last a:hover.active {
	font-size: 10px;
	background: url(../../art/procafe/navi_bg_3eb_gruen.jpg) no-repeat 0 -2px;
	padding-left: 30px;
	color: #00792D;
	text-transform: none;
	border-bottom: none;
	font-weight: normal;
}

#navcontainer ul ul ul a:hover.active_no_kids {
	font-size: 10px;
	background: url(../../art/procafe/navi_bg_3eb_gruen.jpg) no-repeat 0 -2px;
	padding-left: 30px;
	color: #00792D;
	text-transform: none;
	border-bottom: none;
	margin-bottom: 0px;
	font-weight: normal;
}

#navcontainer ul ul ul a.active_no_kids {
	font-size: 10px;
	background: url(../../art/procafe/navi_bg_3eb_gruen.jpg) no-repeat 0 -2px;
	padding-left: 30px;
	color: #00792D;
	text-transform: none;
	border-bottom: none;
	margin-bottom: 0px;
	font-weight: normal;
}
/*------------------------------------------------------------------------*/

/******************************
	Shortcutnavigation
******************************/
#shortcutlinks ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
}

#shortcutlinks li
{
	display: inline;
	margin: 0px;
	padding: 0px 5px;
}

#shortcutlinks li.first
{
	border-left: none;
	padding-left: 0px;
}

#shortcutlinks a.tools 
{
	font-size: 10px;
	color: #572F08;
	text-decoration: none;
}

#shortcutlinks a:hover.tools 
{
	/*color: #333333;*/
}
/*------------------------------------------------------------------------*/

/******************************
	Sprach-Wechsel-Links
******************************/
#sprachenlinks ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
}

#sprachenlinks li
{
	display: inline;
	margin: 0px;
	padding: 0px 5px;
}

#sprachenlinks li.first
{
	border-left: none;
	padding-left: 0px;
}

#sprachenlinks li.last {
	
}

#sprachenlinks a.sprachwahl 
{
	font-size: 10px;
	color: #CBBB9D;
	text-decoration: none;
}

#sprachenlinks a:hover.sprachwahl 
{
	color: #96BF0D;
}

#sprachenlinks a.currentSprachwahl  
{
	font-size: 10px;
	font-weight: bold;
	color: #96BF0D;
	text-decoration: none;
}

#sprachenlinks a:hover.currentSprachwahl 
{
	
}
/*------------------------------------------------------------------------*/

/******************************
Template: Download 
******************************/
#download {
	padding: 10px 0px;
}

#download th, #download td {
	border-bottom: 1px solid #999999;
}

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

/******************************
Template: Suche
******************************/
#erweiterte_suche
{
	padding-top: 1em;
}

#erweiterte_suche fieldset
{
	border: 1px solid #CCCCCC;
}


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

/******************************
Template: News-Liste und News-Archiv Quality ( listeKindinhalte_newsarchiv_quality oder listeKindinhalte_newsliste_quality )
******************************/
.listeKindinhalte_newsarchiv_quality .lead .ort, .listeKindinhalte_newsliste_quality .lead .ort
{
	float: left;
	margin-right: 5px;
}
/*------------------------------------------------------------------------*/

/******************************
Template: seiteweiterempfehlen
******************************/
#seiteweiterempfehlen td {
	text-align:left;
	vertical-align:top;
}

#seiteweiterempfehlen td.buttons {
	text-align:right;
	vertical-align:top;
}

#seiteweiterempfehlen_vorschau{
	background-color: #EFEFEF;
	width:500px;
	border: 1px solid #999999;
	padding: 10px;
}

#seiteweiterempfehlen td.vorschau_buttons {
	width:406px;
	text-align:right;
	vertical-align:top;
}
/

/******************************
	Templates: produktbeschrieb 170
******************************/
img.produktdetailsBild
{
	border: 0px;
	width: 170px;
	margin: 0px 10px 5px 0px;
	float: left;
}

.produktdetailsEinleitung, .produktdetailsEinleitung p
{
	font-weight: bold;
}

.produktdetailsHauptinhalt
{
	margin: 0px 0px 10px 0px;
}

.produktdetailsHauptinhalt p
{
	margin: 0px 0px 10px 0px;
}

.produktKind
{
	float: left;
	width: 240px;
	margin: 4px 0px;
}

img.produktKindBild
{
	border: 0px;
	width: 170px;
	height: 120px;
	margin: 0px 10px 5px 0px;
	float: left;
}

.produktKindBildPlatzhalter
{
	width: 170px;
	height: 70px;
	margin: 0px 10px 5px 0px;
	float: left;
	background-color: pink;
}

.produktKindBildPlatzhalter a
{
	display: block;
	width: 170px;
	height: 80px;
	text-decoration: none;
}

.produktKindText
{
	width: 380px;
	padding-bottom: 15px;
	float: left;
}
#hauptinhalt .produktkindText
{
	width: 380px;
	float: left;
}

#hauptinhalt_gross .produktkindText
{
	width: 569px;
	float: left;
}

.produktKind h3 a, .produktKind h3 a:hover
{
	display: block;
	margin: 0px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.produktKind h3
{
	display: block;
	margin: 0px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #B22C1B;
}

.produktKindEinleitung
{
}

.produktKindEinleitung p
{
	margin: 0px;
	padding: 0px;
}

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

/******************************
	Templates: produktbeschrieb 120
******************************/
img.produktdetails120Bild
{
	border: 0px;
	width: 120px;
	margin: 0px 10px 5px 0px;
	float: left;
}

.produktdetails120Einleitung, .produktdetails120Einleitung p
{
	font-weight: bold;
}

.produktdetails120Hauptinhalt
{
	margin: 0px 0px 10px 0px;
}

.produktdetails120Hauptinhalt p
{
	margin: 0px 0px 10px 0px;
}

.produktKind120
{
	clear: both;
	margin: 4px 0px;
}

img.produktKind120Bild
{
	border: 0px;
	width: 120px;
	margin: 0px 10px 5px 0px;
	float: left;
}

.produktKind120BildPlatzhalter
{
	width: 120px;
	height: 70px;
	margin: 0px 10px 5px 0px;
	float: left;
	background-color: pink;
}

.produktKind120BildPlatzhalter a
{
	display: block;
	width: 120px;
	height: 80px;
	text-decoration: none;
}

.produktKind120Text
{
	padding-bottom: 12px;
}

#hauptinhalt .produktKind120Text
{
	width: 430px;
	float: left;
}

#hauptinhalt_gross .produktKind120Text
{
	width: 619px;
	float: left;
}

.produktKind120 h3 a, .produktKind120 h3 a:hover
{
	display: block;
	margin: 0px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.produktKind120 h3
{
	display: block;
	margin: 0px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #B22C1B;
}

.produktKind120Einleitung
{
}

.produktKind120Einleitung p
{
	margin: 0px;
	padding: 0px;
}

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

/******************************
	Templates: produktbeschrieb 90
******************************/
img.produktdetails90Bild
{
	border: 0px;
	width: 90px;
	margin: 0px 10px 5px 0px;
	float: left;
}

.produktdetails90Einleitung, .produktdetails90Einleitung p
{
	font-weight: bold;
}

.produktdetails90Hauptinhalt
{
	margin: 0px 0px 10px 0px;
}

.produktdetails90Hauptinhalt p
{
	margin: 0px 0px 10px 0px;
}

.produktKind90
{
	clear: both;
	margin: 4px 0px;
}

img.produktKind90Bild
{
	border: 0px;
	width: 90px;
	margin: 0px 10px 5px 0px;
	float: left;
}

.produktKind90BildPlatzhalter
{
	width: 90px;
	height: 70px;
	margin: 0px 10px 5px 0px;
	float: left;
	background-color: pink;
}

.produktKind90BildPlatzhalter a
{
	display: block;
	width: 90px;
	height: 80px;
	text-decoration: none;
}

#hauptinhalt .produktKind90Text
{
	width: 460px;
	padding-bottom: 12px;
	float: left;
}

#hauptinhalt_gross .produktKind90Text
{
	width: 649px;
	float: left;
}

.produktKind90 h3 a, .produktKind90 h3 a:hover
{
	display: block;
	margin: 0px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.produktKind90 h3
{
	display: block;
	margin: 0px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #B22C1B;
}

.produktKind90Einleitung p
{
	/*margin-bottom: 20px;*/
}

.produktKind90Einleitung p
{
	margin: 0px;
	padding: 0px;
}

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

/******************************
	Templates: produktbeschrieb 20
******************************/
img.produktdetails20Bild
{
	border: 0px;
	width: 20px;
	margin: 0px 10px 5px 0px;
	float: left;
}

.produktdetails20Einleitung, .produktdetails20Einleitung p
{
	font-weight: bold;
}

.produktdetails20Hauptinhalt
{
	margin: 0px 0px 10px 0px;
}

.produktdetails20Hauptinhalt p
{
	margin: 0px 0px 10px 0px;
}

.produktKind20
{
	clear: both;
	margin: 4px 0px;
}

img.produktKind20Bild
{
	border: 0px;
	width: 20px;
	margin: 0px 10px 5px 0px;
	float: left;
}

.produktKind20BildPlatzhalter
{
	width: 20px;
	height: 70px;
	margin: 0px 10px 5px 0px;
	float: left;
	background-color: pink;
}

.produktKind20BildPlatzhalter a
{
	display: block;
	width: 20px;
	height: 80px;
	text-decoration: none;
}

#hauptinhalt .produktKind20Text
{
	width: 530px;
	padding-bottom: 12px;
	float: left;
}

#hauptinhalt_gross .produktKind20Text
{
	width: 719px;
	float: left;
}

.produktKind20 h3 a, .produktKind20 h3 a:hover
{
	display: block;
	margin: 0px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.produktKind20 h3
{
	display: block;
	margin: 0px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #B22C1B;
}

.produktKind20Einleitung p
{
	/*margin-bottom: 20px;*/
}

.produktKind20Einleitung p
{
	margin: 0px;
	padding: 0px;
}

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

/******************************
	Template: Tabs
******************************/

/* Div rund um die Tabs (Nav und Inhalte) */
.tabs
{
}

/* Tab-Nav */
.tabs .tabNavi
{
	float: left;
	width: 100%;
	background: transparent url(/art/tabs/hintergrund.gif) repeat-x bottom;
	line-height: normal;
}
.tabs .tabNavi ul
{
	margin: 0px;
	padding: 10px 10px 0;
	list-style: none;
}

.tabs .tabNavi ul li
{
	float: left;
	margin: 0px 4px;
	padding-left:15px;
	background: url(/art/tabs/li_passiv_links.gif) no-repeat left top;
}

.tabs .tabNavi ul li a
{
	display: block;
	background: url(/art/tabs/passiv_rechts.gif) no-repeat right top;
    padding: 5px 15px 4px 0px;
	text-decoration:none;
}

.tabs .tabNavi ul li a:hover
{
}

.tabs .tabNavi ul li.aktiv
{
	background: url(/art/tabs/li_aktiv_links.gif) no-repeat left top;
}

.tabs .tabNavi ul li.aktiv a
{
	background: url(/art/tabs/aktiv_rechts.gif) no-repeat right top;
	padding-bottom: 5px;
}

.tabs .tabNavi ul li.aktiv a:hover
{
}

/* Tabs-Inhalt */
.tabs .tabinhalt
{
	clear: left;
	width: 100%;
	padding: 10px 0px 5px 0px;
}

.tabs .tabinhalt div
{
	padding: 2px;
}

.tabs .tabinhalt .aktiv
{
	display: block;
	/*border: 1px solid #B7B7B7;*/
	border-top: 0px; /* wird mit den tabs gemacht. */
}

.tabs .tabinhalt .versteckt
{
	display: none;
}

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

/******************************
	Template: listeKindinhalte_events
******************************/

.listeKindinhalte_events ul
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.listeKindinhalte_events ul li.zebra0
{
	background-color: #FFFFFF;
	margin: 5px 0px;
}

.listeKindinhalte_events ul li.zebra1
{
	background-color: #F5F5F5;
	margin: 5px 0px;
}

.listeKindinhalte_events ul li a
{
	display: block;
}

.listeKindinhalte_events ul li a:hover
{
	background-color: #E5F3F8;
}
/*------------------------------------------------------------------------*/

/******************************
	Template: listeKindinhalte_bildtitel
******************************/

.listeKindinhalte_bildtitel ul
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.listeKindinhalte_bildtitel ul li
{
	float: left;
	width: 30%;
	margin: 1px;
	padding: 1px;
}

.listeKindinhalte_bildtitel ul li.zebra0
{
	background-color: #FFFFFF;
}

.listeKindinhalte_bildtitel ul li.zebra1
{
	background-color: #F5F5F5;
}

.listeKindinhalte_bildtitel ul li a
{
	display: block;
}

.listeKindinhalte_bildtitel ul li a:hover
{
	background-color: #E5F3F8;
}
/*------------------------------------------------------------------------*/

/******************************
	Template: listeKindinhalte_dropdown
******************************/

.listeKindinhalte_dropdown form
{
	margin: 0px;
	padding: 0px;
}

.listeKindinhalte_dropdown form select
{
	font-size: 8px;
	background-color: #CCE7F2;
}

.listeKindinhalte_dropdown form option.zebra0
{
	background-color: transparent;
}

.listeKindinhalte_dropdown form option.zebra1
{
	background-color: transparent;
}

/******************************
	Template: listeKindinhalte_bernerchanne_archiv
******************************/
.listeKindinhalte_bernerchanne_archiv ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.listeKindinhalte_bernerchanne_archiv li.zebra0
{
	background-color: #FFFFFF;
}

.listeKindinhalte_bernerchanne_archiv li.zebra1
{
	background-color: #FFFFFF;
}
/*------------------------------------------------------------------------*/

/******************************
	Template: listeKindinhalte_newsDetails
******************************/
.listeKindinhalte_newsDetails a {
	font-weight: bold;
}
/*------------------------------------------------------------------------*/



/******************************
	Template: listeKindinhalte_kamblyProduktUebersicht
******************************/
.listeKindinhalte_produktUebersichtKambly {
	
}

.listeKindinhalte_produktUebersichtKambly .kamblyProdukt {
	float: left;
	width: 32%;
	margin: 2px;
}

.listeKindinhalte_produktUebersichtKambly .kamblyProdukt p {
	margin: 0px;
	padding: 0px;
}

.listeKindinhalte_produktUebersichtKambly .kamblyProdukt a {
}

.listeKindinhalte_produktUebersichtKambly .kamblyProdukt a:hover {
}

.listeKindinhalte_produktUebersichtKambly .kamblyProdukt h2 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

.listeKindinhalte_produktUebersichtKambly .kamblyProdukt a img
{
	border: 1px solid #FFFFFF;
}

.listeKindinhalte_produktUebersichtKambly .kamblyProdukt a:hover img
{
	border: 1px solid #000000;
}

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

/******************************
	Template: listeKindinhalte_produktNeuheitenKambly
******************************/
.listeKindinhalte_produktNeuheitenKambly .kamblyProdukt {
	float: left;
	width: 32%;
	margin: 2px;
}

.listeKindinhalte_produktNeuheitenKambly .kamblyProdukt p {
	margin: 0px;
	padding: 0px;
}

.listeKindinhalte_produktNeuheitenKambly .kamblyProdukt h2 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

.listeKindinhalte_produktNeuheitenKambly .kamblyProdukt a img
{
	border: 1px solid #FFFFFF;
}

.listeKindinhalte_produktNeuheitenKambly .kamblyProdukt a:hover img
{
	border: 1px solid #000000;
}


/******************************
	bildgalerie 
******************************/
/* thumbnail */
#galerieTabLinks ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#galerieTabLinks ul li {
	float: left;
	display: block;
	padding-right: 10px;
}

#galerieTabLinks ul li.selected a{
	color: green;
}

.bilder_klein_ohne_tabs {
	padding-top: 15px;
}

.bilder_klein_mit_tabs {
	padding-top: 10px;
}

.bild_klein {
	float: left;
	width: 170px;
	padding-bottom: 10px;
}

.submit {
	border: 1px solid #666666;
	background-color: #E5E5E5;
	font-size: 10px;
}

.bildbeschreibung {
}


.galerie_thumbnails {
}

.galerie_thumbnails .galerie_bild {
	float: left;
	width: 50%;
}

/* uebersichtUndDetail */
#bildListe {
	float: left;
	width: 150px;
}

#bildliste img {
	width: 150px;
}

#bildText {
	float: left;
	width: 180px;
	padding: 0px 10px;
}

#bildDetailbild {
	float: left;
	width: 370px;
	background: no-repeat top right;
}

#seitenLinks {
	clear: both;
}

/* seitenzahlen */
.galerie_seitenzahlen 
{
	padding: 2px 5px;
}

.galerie_seitenzahlen ul
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.galerie_seitenzahlen ul li
{
	float: left;
	display: block;
	width: 2em;
	border-left: 1px solid dodgerblue;
}

.galerie_seitenzahlen ul li.first
{
	border-left: 0px solid dodgerblue;
}

.galerie_seitenzahlen ul li.last
{
}

.galerie_seitenzahlen ul li a
{
	display: block;
	text-align: center;
	background-color: aliceblue;
}

.galerie_seitenzahlen ul li a:hover
{
	background-color: lightskyblue;
}

.galerie_seitenzahlen ul li a.aktiv
{
	background-color: lightblue;
}

/* zurück weiter */
.galerie_zurueckSeiteWeiter 
{
	padding: 2px;
}

.galerie_zurueckSeiteWeiter ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.galerie_zurueckSeiteWeiter ul li {
	float: left;
	width: 33%;
	display: block;
}

.galerie_zurueckSeiteWeiter ul li.zurueck {
	
}

.galerie_zurueckSeiteWeiter ul li.seiteXvonY {
	text-align: center;
}

.galerie_zurueckSeiteWeiter ul li.weiter {
	text-align: right;
}

.galerie_zurueckSeiteWeiter ul li a {
	display: inline;
}

/* navigation */
.galerie_navigation {
	clear: left;
}

.galerie_navigation ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

.galerie_navigation ul li {
	float: left;
	padding: 2px 6px;
}

.galerie_navigation ul li.zurueck {
	padding-left: 0px;
}

.galerie_navigation .galerie_seitenzahlen {
	float: left;
	margin: 0px;
	padding: 0px;
}

.galerie_navigation .galerie_seitenzahlen ul li {
	padding: 0px;
	border-left: 1px solid dodgerblue;
}

.galerie_navigation .galerie_seitenzahlen ul li.last
{
	border-right: 1px solid dodgerblue;
}

.galerie_navigation ul li.weiter {
	padding-right: 0px;
}


/******************************
	Template: listeKindinhalte_jobListe
******************************/

.listeKindinhalte_jobListe ul
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.listeKindinhalte_jobListe tr p
{
	margin-top: 0px;
}

.listeKindinhalte_jobListe tr.zebra0
{
	background-color: #FFFFFF;
}

.listeKindinhalte_jobListe tr.zebra1
{
	background-color: #F5F5F5;
}
/*------------------------------------------------------------------------*/

/******************************
	Template: listeKindinhalte_kindListeCta
******************************/

.listeKindinhalte_kindListeCta {
	padding-bottom: 10px;
}

.listeKindinhalte_kindListeCta h1 {
	display: block;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
}

.listeKindinhalte_kindListeCta .bild {
	float: left;
}

.listeKindinhalte_kindListeCta .bild img {
	border: none;
}

.listeKindinhalte_kindListeCta .einleitung {
	float: left;
	padding: 0px 0px 0px 5px;
}

.listeKindinhalte_kindListeCta .einleitung p {
	color: #000000;
	margin-top: 0px;
	padding-top: 0px;
}

.listeKindinhalte_kindListeCta .einleitung a {
	color: #000000;
}

.listeKindinhalte_kindListeCta .einleitung a:hover {
	color: #000000;
}

.listeKindinhalte_kindListeCta .linksText {
	clear: both;
}

.listeKindinhalte_kindListeCta .linksText ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	list-style-image: none;
}

.listeKindinhalte_kindListeCta .linksText ul li {
	background: url(/art/cta/pfili_navi.gif) no-repeat;
	padding-left: 10px;
}

/******************************
	Login 
******************************/
input.eingabeFeld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	line-height: 16px;
}

input.submit {
	font-size: 10px;
	background-color: #F6F6F7;
	border: 1px solid #999999;
	margin: 2px 0px;
}
/*------------------------------------------------------------------------*/

/******************************
	Hinweis Versionen-Management
******************************/
#hinweisVmgmtVorschau
{
	margin: 20px;
	padding: 5px;
	border: 1px solid black;
	background: #D9E9EF;
}
#hinweisVmgmtVorschau.versteckt
{
	display: none;
}
#hinweisVmgmtVorschau img.icon_help
{
	border: 0px;
}
#hinweisVmgmtVorschau img.icon_schliessen
{
	border: 0px;
	float: right;
}


/******************************
tablesorter
******************************/
table.tablesorter thead tr .header {
background-image: url(../admin/image/tablesorter/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody tr.odd{
background-color:#FFFAE5;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(../admin/image/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(../admin/image/tablesorter/desc.gif);
}

#pager img{
cursor: pointer;
}

#pager form{
  vertical-align: top;
}

#pager form input, select{
  vertical-align: top;
  margin:0px;
}


/****************************************** Ext Bildergalerie ************************************************/
.rahmen {  }
.inhalt {  }
.bild { text-align:center;  }
.text { bottom: 0px; padding: 5px 50px 5px 50px; bottom:0px; left: 0px; background: transparent url(../../art/ext_bildgalerie/background-hell.png); color:#FFFFFF;  }
.nummer { top: 0px; top:0px; right: 0px; padding: 2px 0px; background: transparent url(../../art/ext_bildgalerie/background.png); color:#FFFFFF; font-size:10px; text-align: center; display: block; }

#knopfblock { bottom: 0px; left:0px; }

.next { position: absolute; top: 0px; right: 0px; z-index: 150; height: 100%; width: 50px; background: url(../../art/ext_bildgalerie/picture_next.gif) no-repeat 50%; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; }
.next:hover {  opacity: 1; filter: alpha(opacity=100); cursor: pointer; }

.previous { position: absolute; top: 0px; left: 0px; z-index: 150; height: 100%; width: 50px; background: url(../../art/ext_bildgalerie/picture_previous.gif) no-repeat 50%; opacity: 0.5; filter: alpha(opacity=50); }
.previous:hover { opacity: 1.0; filter: alpha(opacity=100); cursor: pointer; }

#slider { }

.GalerieUebersicht { float: left; width: 200px; padding-left: 30px; padding-top: 20px; }



/**************************************************************************************************************/

/* webtool DB Produkt */


.produkt { float: left; width: 100%; border-bottom: 1px solid #999999; }
.WebtoolDB_Produkt {float: left; position: relative; margin: 5px 0px;}
.WebtoolDB_Produkt_bild { float: left; width: 100px; }
.WebtoolDB_Produkt_text { float: left; width: 380px; }


.Popup_Bild { float: left; width: 230px; }
.Popup_Text { float: left; width: 340px; }
.Popup_Text h2 { margin: 5px 0px 10px 0px;}

.Seite_hidden { display: none; }
.Seite_active { display: block; }

#Inhalte_drucken {
	float:right;
	margin-right:15px;
	position:absolute;
	right:0;
	top:10px;
}