/* Diese Datei beinhaltet grundlegende Styles,
 * welche auf der gesamten Seite zum Einsatz kommen */

body,td,p,div,a,li,textarea{
 font-family: Verdana;
 font-size: 8pt;

}


/* Scrollbars vgl. http://websitetips.com/articles/css/scrollbars/ */
body, textarea{
 scrollbar-3dlight-color:#B7D49A;
 scrollbar-arrow-color:#336633;
 scrollbar-base-color:#E7F2DD;
 scrollbar-darkshadow-color:#003300;
 scrollbar-face-color:#E7F2DD;
 scrollbar-highlight-color:#E7F2DD;
 scrollbar-shadow-color:#E7F2DD;
 scrollbar-track-color:#E7F2DD;
}

/* ------------------------------------------------------------------
					Überschriften
------------------------------------------------------------------ */
h1{
 font-size:14pt;
 color:#73A145;
 margin:10px 0px 5px 0px;
}

h2{
 font-size:12pt;
 color:#73A145;
 margin:8px 0px 2px 0px;
}

h3{
 font-size:10pt;
 color:#336633;
 margin:8px 0px 2px 0px;
}


/* ------------------------------------------------------------------
					Links
------------------------------------------------------------------ */
a{
 font-weight:bold;
 color: #80B24D;
}

a:hover, a:active{
 color: #003300;
}


/* ------------------------------------------------------------------
					weitere Standard-Tags
------------------------------------------------------------------ */
p{
 margin:5px 0px 5px 0px;
 padding:0px;
}

hr{
 size:1px;
 height:1px;
 color: #73A145;
 border:0px;
}

.highlightText{
 color:#F84527;
 font-weight:bold;
}

.boldText{
 font-weight:bold;
}

.editCol{
 width:25px;
 margin:1px;
 vertical-align:top;
 align:middle;
}

/* ------------------- Component allgemein --------------- */
.componentHeader{
 color: #335D2D;
 width: 100%;
 padding-bottom: 8px;
 display: block;
}



/* ------------------------------------------------------
*				Listen-Tabellen
* Darstellung von Artikeln usw.
* ----------------------------------------------------- */

.listTable{
 width: 575px;
 table-layout:fixed;
 border-collapse: collapse;
}


/* border über border-collapse zusammenlegen und dann für jede einzelne Zelle border setzen */
.listTable tr td{
 border: 1px solid #B7D49A;
 margin:0px;
}

.listTable a{
 text-decoration: none;
}

.listTableHeader{
 padding: 6px 3px 6px 3px;
 border-top: 1px solid #ECF2E4;

 vertical-align: middle;

 color: #006600;
 background-color: #FFF5B3;
 font-weight: bold;
}

.listTableHeaderLeft{
 width:120px;
 padding: 4px 3px 4px 3px;
 border-top: 1px solid #ECF2E4;

 vertical-align: top;

 color: #006600;
 background-color: #FFF5B3;
 font-weight: bold;
}

.listTableHeaderFirstField{
 border-left: 1px solid #ECF2E4;
}

.listTableHeader a, .listTableHeaderLeft a{
 color: #006600;
}

.listTableHeader img, .listTableHeaderLeft img{
 border: none;
 margin-left: 0px;
}


.listTableRow1{
 background-color: #FDFCF8;
}

.listTableRow2{
 background-color: #E7F2DD;
}

.listTableContent{
 padding: 3px;
 margin: 0px;

 vertical-align:top;

 color: #003300;
}

.listTableContent a{
 color: #668F3D;
}

.listTableContentCentered{
 text-align: center;
}



.tableBold tr td{
 font-weight:bold;
}

/* ------------------------------------------------------------------
					Eingabe-Tabellen
------------------------------------------------------------------ */
.inputTable, .editTable{
 width:575px;
 margin:0px;
 border-collapse:collapse;
}


.inputTable tr td, .editTable tr td{
 vertical-align:top;
}/* margin und padding darf hier nicht global gesetzt werden! */

/* --- Zwischen-Überschrift --- */
td.inputTableSubHeading, td.editTableSubHeading{
 padding:1px;

 font-size:11pt;
 font-weight:bold;
 color:#73A145;

 border-bottom: 1px solid #73A145;
 padding:20px 0px 2px 0px;

}

td.inputTableHeader, td.editTableHeader{
 margin:2px;
 padding:1px;

 font-weight:bold;
 width:150px;
 vertical-align:top;
 padding:2px 0px 2px 0px;
}

td.inputTableContent, td.editTableContent{
 margin:2px;
 padding:1px;

 vertical-align:top;
 padding:2px 0px 2px 0px;
}




/* -------------------------------------------------
*				 Formular-Elemente
* -------------------------------------------------- */
.formRadioButton{

}

.formCheckbox{
 margin:0px;
 padding:0px;
}


.formTextField{
 width:270px;

 border-width:1px;
 border-color: #73A145 #CCE1B8 #CCE1B8 #73A145;
 background-color: #FDFCF8;

 padding:1px 2px 0px 2px;
 margin: 1px 0px 1px 0px;

 color: #336633;
}

input.formTextField{
  height:20px;
}

textarea.formTextField{
 height:100px;

 font-family: Verdana;
}

.formSelectBoxVariable{
 border-width:1px;
 border-color: #73A145 #CCE1B8 #CCE1B8 #73A145;
 background-color: #FDFCF8;

 color: #336633;
}


.formSelectBox{
 width:270px;

 border-width:1px;
 border-color: #73A145 #CCE1B8 #CCE1B8 #73A145;
 background-color: #FDFCF8;

 color: #336633;
}

.formSwitchBox{
 width:260px;
 height:150px;

 border-width:1px;
 border-color: #73A145 #CCE1B8 #CCE1B8 #73A145;
 background-color: #FDFCF8;

 color: #336633;

 font-size:0.9em;
}

.formOrderBox{
 width:260px;
 height:150px;

 border-width:1px;
 border-color: #73A145 #CCE1B8 #CCE1B8 #73A145;
 background-color: #FDFCF8;

 color: #336633;

 font-size:0.9em;
}

.formOrderBoxButton{
 margin: 2px;
 padding: 0px;

 width:20px;
 height:20px;

 border-style:solid;
 border-width:1px;
 border-color: #9BC373 #405927 #405927 #9BC373;

 background-color: #80B24D;

 text-align:center;
 vertical-align:middle;
}


.formButton{
 width: 80px;
 height: 20px;

 border-width:1px;
 border-color: #9BC373 #405927 #405927 #9BC373;
 background-color: #80B24D;
 font-size: 8pt;
 font-weight: bold;
 color: #ffffff;
}

.linkAsButton{
 margin: 2px;
 padding: 0px;

 color:#FFFFFF;

 border-style:solid;
 border-width:1px;
 border-color: #9BC373 #405927 #405927 #9BC373;

 background-color: #80B24D;

 text-align:center;
}

.linkAsButton a{
 color:white;
}

.linkAsButtonInactive{
 margin: 2px;
 padding: 0px;

 color:#FFFFFF;

 border-style:solid;
 border-width:1px;
 border-color: #DCDFD9 #B5CAA5 #B5CAA5 #DCDFD9;

 background-color: #DCDFD9;

 text-align:center;

}
/* -------------------------------------------------
*				 Brotkrumen-Navigation
* -------------------------------------------------- */
#breadCrumbBox{
 margin:0px;
 padding: 0px 0px 10px 0px;
}

a:link.breadCrumb, a:visited.breadCrumb, a:hover.breadCrumb{
 text-decoration: none;
}

a:link.breadCrumbSmall, a:visited.breadCrumbSmall, a:hover.breadCrumbSmall{

}


/* -------------------------------------------------
*				 Filter-Formular für Artikel
* -------------------------------------------------- */
#subSelectionBox{
 margin:0px;
 margin-bottom:10px;
 padding:10px 0px 0px 0px;
}

.subSelectionFormBoxTitle{
	/*width:280px;*/
	margin-bottom:2px;
	font-weight:bold;
	color:#B7D49A;
}

.subSelectionFormBox{
	height:75px;
	overflow:auto;
	border-top: 1px solid #B7D49A;
	border-bottom: 1px solid #B7D49A;
	/*margin-bottom:20px;*/
}

.subSelectionFormBox span{
	display: -moz-inline-box;;
	display: inline-block;
	MARGIN: 0px;
	WIDTH: 125px;
}

.subSelectionFormBox span input{
	margin:0px;
	border:0px;
	padding:0px;
	width:15px;
	height:18px;
}


/* -------------------------------------------------
*				 Listen-Navigation
* -------------------------------------------------- */
.queryNavigation{
 margin: 10px 0px 0px 0px;
}

.queryNavigationButton{
 height:15px;
 vertical-align:middle;
 margin:0px;
 padding: 0px 3px 0px 3px;
 background-color: #80B24D;

 border-style:solid;
 border-width: 1px;
 border-color: #9BC373 #405927 #405927 #9BC373;
}

.queryNavigationButtonInactive{
 background-color: #CCCCCC;

 border-style:solid;
 border-width: 1px;
 border-color: #EEEEEE #AAAAAA #AAAAAA #EEEEEE;
}

.queryNavigationPage{
 padding: 0px 1px 0px 1px;
 font-weight: bold;
}

 a:link.queryNavigationPageSelected, a:visited.queryNavigationPageSelected{
 font-weight: bold;
 color: #405927;
}

.queryNavigationInfoRow{
 margin: 4px 0px 0px 0px;
}

.queryNavigationObjectsPerPage{
 text-align:right;
}

.queryNavigationSelectBox{
 width:150px;
 background-color:#FFF5B3;
}


/* ----------------------------------------------------------
				Artikel-Darstellung
------------------------------------------------------------ */

/* ---------- Homepage --------------- */
.articleBoxBlindRow{
 background-color:#FFFFFF;
 background-image:url(images/hp_articleBlindRowBG.gif);
 background-repeat:repeat-y;
 height:20px;
}

.articleBoxBlindRowSmall{
 background-color:#FFFFFF;
 height:5px;
}

td.articleBoxImage{
 background-image: url(images/hp_articleImageBG.gif);
 background-color:#FFFFFF;
 background-repeat:repeat-y;
}

img.articleBoxImage{
 margin:10px 10px 10px 0px;
}

.articleBoxList{
 vertical-align:top;
 background-color:#FFFFFF;
}


.articleBox{
 width:140px;
 /*
 height:270px;
 overflow:hidden;
 */
 float:left;
 margin:10px 2px 2px 0px;

 border: 1px solid #B7D49A;
}



/*
.articleBoxHeader{
 width:100%;

 margin:0px;

 background-color:#FFF5B3;
}

.articleBoxHeader img{
 margin:2px;
}

.articleBoxHeader a:link,.articleBoxHeader a:hover,.articleBoxHeader a:visited{
 font-size:13pt;
 font-weight:bold;

 color:#668F3D;

 text-decoration:none;
}

div.articleBoxImage{
 width:100%;
 height:80px;

 margin:5px;

 text-align:center;
}

.articleBoxContent{
 margin:0px 2px 2px 2px;
}

.articleBoxTitle a{
 font-weight:bold;
 font-size:10pt;

 color:#668F3D;

 text-decoration:none;
}

.articleBoxOriginator{
 font-weight:bold;
 color:80B24D;
}

*/

/* ---------- Übersichtsdarstellung --------------- */
.articleTitleSmall, .articleTitleSmall a{
 font-weight:bold;
 font-size:10pt;
 line-height:1em;
}

.articleSubTitleSmall{
 font-style:italic;
}

.articleOriginatorSmall{
 font-weight:bold;
 color:80B24D;
}



/* ---------- Detail-Seite ------------------------- */
h1.articleTitle{
 margin:0px 0px 2px 0px;

}

h2.articleSubTitle{
 margin:0px 0px 2px 0px;
 font-style:italic;
 font-size:9pt;
}

h3.articleOriginator{
 margin:0px 0px 0px 0px;
 font-size:10pt;
}

.articleImage{
 margin:0px 0px 0px 0px;
}

.articleDescription{
 line-height: 1.5em;
}

.articleButtonRow{
 text-align:right;
}

.articleButton{
 padding:0px 0px 0px 4px;
}

.articleButtonInactive{
 margin:1px;
 color:#B5CAA5;
 font-weight:bold;
 text-align:center;
}

.articleGetButton{
 margin: 2px;
 padding: 0px;
 border-style:solid;
 border-width:1px;
 border-color: #9BC373 #405927 #405927 #9BC373;

 background-color: #80B24D;

 text-align:center;

}

.articleGetButton a:link,.articleGetButton a:visited, .articleGetButton a:hover{
 font-weight: bold;
 color: #ffffff;
 text-decoration:none;
}


tr.articleInactive{
 /*background-image:url(images/inactiveBG.gif);*/
 background-image:url(images/fence.gif);
}

.minorProtection{
 margin:0px;
 padding:1px;

 color: #006600;
 font-size:7pt;
 font-weight:bold;

 border: 1px solid #006600;
 background-color: #FFF5B3;
}




/* ----------------------------------------------------------
				Info-Boxen
------------------------------------------------------------ */


/* editInfo wird verwendet, wenn Eingabehilfen angzeigt werden */
.editInfo{
 background: url("images/info.gif") no-repeat;
 padding:1px 1px 1px 20px;

}

.editInfo, .editInfo a{
 font-size:8pt;
 font-weight:normal;
 color:#555555;
}

/* ------------ Layout der info-Boxen function displayInfo() -------- */

.infoBox{
 margin:10px 0px 10px 0px;
 border: 1px solid #B7D49A;
}

.infoBoxHeader{
 margin:0px;
 padding:2px;
 background-color:#FFF5B3;
 color:#006600;
 font-weight:bold;
}

.infoBoxContent{
 margin:0px;
 padding:2px;
 background-color:#FFFFFF;
 color:#006600;
}

/* --------- Layout der infoUpdate-Boxen function displayUpdateInfo() ------ */
.updateInfoBox{
 margin:10px 0px 10px 0px;
 border: 1px solid #73A145;
}

.updateInfoBoxHeader{
 margin:0px;
 padding:2px;

 background-color:#73A145;
 color:#E7F2DD;
 font-weight:bold;
}

.updateInfoBoxContent{
 margin:0px;
 padding:2px;
 background-color:#E7F2DD;
 color:#006600;
}


/* ----------------------------------------------------------
			Katalog
---------------------------------------------------------- */

/* -------------- Standard- Darstellung ------------------ */
/* --- Ebene 0 --- */
div.catalogue0{
 margin:20px 10px 10px 0px;
 border-bottom:1px solid #73A145;
}

div.catalogue0 a{
 text-decoration:none;
 font-size:11pt;
}

/* --- Ebene 1 --- */
div.catalogue1{
 margin:3px 10px 0px 10px;
 height: 15px;
}

div.catalogue1 a{
 text-decoration:none;
}

/* --- Ebene 2 --- */
div.catalogue2{
 margin:0px 10px 0px 30px;
 height: 15px;
}

div.catalogue2 a{
 text-decoration:none;
}

/* --- Ebene 3 --- */
div.catalogue3{
 margin:0px 10px 0px 50px;
 height: 15px;
}

div.catalogue3 a{
 text-decoration:none;
}


/* -------------- Checkbox- Darstellung ------------------ */
/* --- Ebene 0 --- */
div.catalogueCheckbox0{
 margin:20px 10px 0px 0px;
 border-bottom:1px solid #73A145;
 font-size:11pt;
 vertical-align:top;
}

div.catalogueCheckbox0 input{
 margin:3px 3px 0px 0px;
}

/* --- Ebene 1 --- */
div.catalogueCheckbox1{
 margin:0px 10px 0px 20px;
}

div.catalogueCheckbox1 input{
 margin:3px 3px 0px 0px;
}

/* --- Ebene 2 --- */
div.catalogueCheckbox2{
 margin:0px 10px 0px 40px;
}

div.catalogueCheckbox2 input{
 margin:3px 3px 0px 0px;
}

/* --- Ebene 3 --- */
div.catalogueCheckbox3{
 margin:0px 10px 0px 60px;
 vertical-align:top;
}

div.catalogueCheckbox3 input{
 margin:3px 3px 0px 0px;
}

/* -------------- Selektbox - Darstellung ------------------ */
/* --- Ebene 0 --- */
option.catalogue0{
 padding-left:0px;
 background-color: #BDDDBD;
}

/* --- Ebene 1 --- */
option.catalogue1{
 padding-left:20px;
 background-color: #E3EEE3;
}

/* --- Ebene 2 --- */
option.catalogue2{
 padding-left:40px;
}

/* --- Ebene 3 --- */
option.catalogue3{
 padding-left:60px;
}

/* -------------- Anzahl der Artikel im Katalog ------------------ */
.catalogueArticleCount{
 font-size:7pt;
}

/* ----------------------------------------------------------
			Sonstiges
---------------------------------------------------------- */

/* Anzeige, ob aktiv oder in Bearbeitung */
.stateInfo{
 font-size:0.9em;
 padding: 0px 2px 0px 2px;

 /*border:1px solid #AAAAAA;*/
 /*background-color: #FFF5B3;*/
 /*background-color: #EEEEEE;*/
 color:#999999;
 vertical-align:super;
}


tr.chipInactive td, tr.chipInactive td a{
 color:#777777;
}

tr.inactiveRow td, tr.inactiveRow td a{
 color:#999999;
}

/*
*	wird bei Fehlermeldungen (z.B. Formularfeldern mit ungültigem Inhalt) angehängt
*	 myField.className += " redBorder";
*/
.redBorder {
 border: 1px solid #ff0000;
}


.badWord{
	background-color: #FF0000;
}

.homepageUL{
 margin-top:10px;
 padding-top:0px;
 list-style-image:url(images/ul_square.gif);
}

.active{
 color:#006600;
}

.inactive{
 color:#FF0000;
}



/* --------------------- Sunrise-Box ------ */
.sunriseTitle{
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 0px 45px;
 height: 40px;

 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 background: url(images/sunriseTitle.gif) top left no-repeat;
}

.sunriseTitle a:link, .sunriseTitle a:hover, .sunriseTitle a:visited{
 position:relative;
 top:14px;

 font-size:10pt;
 font-weight:bold;
 color:#FFFFFF;
 text-decoration:none;
}

.sunriseContent{
 margin: 0px 0px 50px 0px;
 padding: 0px 5px 5px 45px;

 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;

 background: url(images/sunriseBG.gif) bottom center no-repeat;
 background-color:#FFCC00;
 color:#000000;
}

/* chip-Legende */
.legendImage{
 text-align:center;
 vertical-align:top;
 background-color: #FDFCF8;
}

div.sourceCode{
 margin: 5px 0px 5px 0px;
 padding:2px;

 font-family:Courier New;
 font-size:8pt;

 border:1px solid #663366;
 color:#555555;
}

/* ------- Advents-BALU auf Content-Seite ---------*/
div.christmas{
 height:180px;
 margin-bottom: 30px;
 background: url(images/christmas/christmasGame.gif) bottom center no-repeat;
}

div.christmasCode{
 position:relative;
 top:95px;
 left:140px;
}

div.christmasCode b{
 font-size:12pt;
 font-weight:bold;
 text-decoration:none;
}

div.christmasCode a{
 text-decoration:none;
}


/* ------- Adventskalender ---------*/
div.adventCalendar{
 height:575px;
 width:575px;
 background: url(images/christmas/adventCalendar.gif) bottom center no-repeat;
 border:1px outset;
}

div.adventCalendarDoor{
 float:left;
 margin:6px 6px 4px 6px;

 width:100px;
 height:103px;
 vertical-align:bottom;

}

div.doorOpen{
 border:1px inset;
 overflow:hidden;

 background-color:#FFFFFF;
 text-align:center;
 vertical-align:bottom;

 /*opacity: .9;
 filter: alpha(opacity=90);*/

}

div.doorOpen a{
text-decoration:none;
font-weight:normal;
}

div.doorOpen a img{
 margin:5px 0px 1px 0px;
 opacity: 1;
 filter: alpha(opacity=100);

}

p.adventCalendarDoorInfo{
 margin:0px;
 font-size:0.8em;
 color:#999999;
}

div.doorClose{
 border: 1px solid silver;

 text-align:right;
 font-weight: bold;
 font-size:12pt;
 color:#555555;
}


/* ------- Oster-BALU auf Content-Seite ---------*/
div.easter{
 height:180px;
 margin-bottom: 30px;
 background: url(images/easter/easterGame.gif) bottom center no-repeat;
}

div.easterCode{
 position:relative;
 top:125px;
 left:150px;
}

div.easterCode b{
 font-size:12pt;
 font-weight:bold;
 text-decoration:none;
}

div.easterCode a{
 text-decoration:none;
 display:block;
 margin-top:8px;
}


/* ------- Osternest ---------*/
div.easterBasket{
 height:385px;
 width:575px;
 background: url(images/easter/easterbasket.gif) bottom center no-repeat;
 border:1px outset;
}

div.easterBasketDoor{
 float:left;
 margin:20px 8px 4px 18px;

 width:104px;
 height:100px;
 vertical-align:bottom;
}

div.easterDoorOpen{
 border:1px inset;
 overflow:hidden;

 background-color:#FFFFFF;
 text-align:center;
 vertical-align:bottom;

 /*opacity: .9;
 filter: alpha(opacity=90);*/

}

div.easterDoorOpen a{
text-decoration:none;
font-weight:normal;
}

div.easterDoorOpen a img{
 margin:5px 0px 1px 0px;
 opacity: 1;
 filter: alpha(opacity=100);

}

p.easterBasketDoorInfo{
 margin:0px;
 font-size:0.8em;
 color:#999999;
}

div.easterDoorClose{
 border: 1px solid silver;

 text-align:left;
 font-weight: bold;
 font-size:12pt;
 color:#EEEEEE;
}

div.easterDoorClose form{
 margin:10px 0px 0px 0px;
}



.smallText{
 color:#999999;
 font-size:0.9em;
}


.tableLikeListing span{
	display: -moz-inline-box;;
	display: inline-block;
	MARGIN: 0px;
	WIDTH: 200px;
}


/* klasse für spamcheck-Felder >> werden ausgeblendet */
.spchk{
	display: none !important;
}