/* Allgemeine Einstellungen */
/* Schrift, Größe und Ausrichtung */
/* Links */
body, p, td, th, a, ul, li, h1, h2, h3, h4, textarea {font-family:Verdana, Arial,sans-serif;}
body, p, a, ul, li, h1, h2, h3, h4 {text-align: left; line-height: 18px;}
body, p, td, th, a, ul, li, p.detail, .dettext, .formarea, .formitem, .formbutton, .formlabel {font-size:12px; color:#2C2D2F;}
body {background-repeat: repeat-x;}
.main {
  border-color: #000000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

#contentBackground {padding-left: 10px;}

/* Schrifthöhe innerhalb von Fließtexten */
.detail, .dettext, .listbody, .listdesc, .formdesc {line-height: 18px;}

/* Allgemeine Definition für Links */
a {text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}

/* Anzeige von Fehlern und Systemmeldungen */
.formerror, .formmandatoryerror, .error  {color : #FF0000}
.navierror {color: #FFFFFF}

/* Hauptmenue (Menüeinträge) */
td.navi0, td.navi0sel {
   border-width: 0px 1px 0px 0px;
   padding-left: 10px;
   padding-right: 10px;
   border-style: solid;
   border-color: #FFFFFF;
   text-align: center;
   height: 25px;
}

td.topMenuLeft {border-right: 1px solid #FFFFFF;}

a.navi0, a.navi0sel {font-size:12px; color: #FFFFFF;}
a.navi0sel {color: #FFFFFF; text-decoration: underline;}
a.navi0:hover, a.navi0sel:hover {color: #FFFFFF; text-decoration: underline;}
td.navi0sel, td.navi0:hover {background-color: #3560A4;}
/*td.navi0sel, td.navi0:hover {text-decoration: underline;} */

#topdrive000031 {max-width:154px; width: 174px; border-right: 0px;}

/* Hauptmenü (Grafiken links und rechts) */
.topMenuRight {border-top: 0px solid #FFFFFF; border-bottom: 0px solid #FFFFFF;}
.topMenuLeft {border-width: 0px 0px 0px 0px; border-style: solid; border-color: #FFFFFF;}
.language {border-width: 1px 1px 0px 0px; border-style: solid; border-color: #FFFFFF; padding-top: 3px;}

/* Untermenue (Menüeinträge) */
td.navi1, td.navi1sel, td.navi2, td.navi2sel  {line-height: 24px; height: 22px;} 
td.navi1, td.navi2 {background-color: #3560A4}
td.navi1,td.navi1sel, td.navi2,td.navi2sel  { border-color: #FFFFFF; border-width: 1px 0px 1px 0px; border-style: solid;}
td.navi1sel,td.navi2sel  {background-color: #3560A4;}

#marginLeftMenu {height: 22px;}

/* Untermenue (Farben und Rahmen) */
td.bgNavi {background-repeat: repeat-x;}

a.navi1, a.navi1sel, a.navi2, a.navi2sel {font-size: 10px;}
a.navi1, a.navi2, a.navi3, a.navi4, a.navi5 {color: #FFFFFF;}
a.navi1sel, a.navi2sel, a.navi3sel, a.navi4sel, a.navi5sel {color: #FFFFFF;}
a.navi2, a.navi2sel {font-weight: normal;}

// #topdrive000011{background-color:transparent;}


/* Rechte Randspalte */
.margin {background-color: #FFFFFF; border-left: 0px solid #FFFFFF}  /* gesamte Randspalte */
table.portlet {border-collapse: collapse; border-bottom : 1px solid #FFFFFF;} /* Link-Gruppe (Rahmen) */
td.portlet_head {font-weight: bold;text-transform: uppercase;font-size: 10px; padding: 4px 4px 4px 15px; border-bottom: 1px solid #FFFFFF;  color: #000000; background-color: #6AA2DB;}  /* Link-Gruppe (Kop)f */
td.portlet_body {padding: 0pt 2pt 0pt 7pt; text-decoration: underline;} /* Link-Gruppe (Einträge) */

a.linkmarg {font-size: 10px; font-weight: normal; color: #000000; text-decoration: underline;} /* Links in der rechten Spalte */
p.linkmarg {padding: 0px; margin: 4px 0px;} /* Absatz zwischen einzelnen Links in der rechten Spalte */

/* Content-Bereich  (Allgemein) */
h1 {font-size: 18px; color: #2C2D2F;} /* Überschrift */
h2 {font-size: 10pt; color:#2C2D2F; margin-bottom: 5px;}
h3 {font-size: 9pt; color: #2C2D2F;}
h4 {font-size: 9pt; color: #2C2D2F;}
img {border : 0px;} /* Definition für Bilder */

/* Content-Bereich (Rahmen) */
.innerContent {border-width: 0px 0px 0px 0px; border-style: solid; border-color: #FFFFFF} /* Innerer Rahmen ohne Spalte*/
.outerContent {border-width: 0px 0px 0px 8px; border-style: solid; border-color: #3560A4} /*Äußerer Rahmen mit Spalte */

/* Content-Bereich (Tabellen) */
th {background-color: #063C60; color: #FFFFFF;text-align:left;}   /* Tabellen-Überschriften */
tr.data {background-color: #B5C5D0;} /* Tabellen-Zeile (z.B. für Forum) */
th.data {color: #FFFFFF}  /* Schriftart für Tabellenüberschriften */
.caption {font-weight: bold;}  /* Bezeichner innerhalb von Tabelle */

/* Content-Bereich (Detailsicht) */
p.detaildesc {font-weight: bold; color: #2C2D2F;}  /* Kurzbeschreibung des Seiteninhaltes */
.figure {font-size: 9px; text-align: center} /* Bildunterschrift */

/* Content-Bereich (Listenansicht) */
.listdesc {font-weight: bold}  /* Kurzbeschreibung des Seiteninhaltes */

/* Navigationspfad */
a.navibar {font-size: 8pt; font-weight: normal; color: #063C60;}  /* Link innerhalb des Navigationspfades */
img.navibar {margin: 0px; padding: 0px;}  /* Grafiken innerahlb der Navigation (z.B. Drucken-Symbol)*/
table.naviLeft {border-collapse: collapse} /* Navigationspfad (Rahmen)*/
td.navibarLeft {border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF;} /* Navigationspfad */
table.navibarRight {border: 0px;} /* Navigations-Icons (Rahmen)*/
tr.navibarRight {background-color: #FFFFFF;} /* Navigations-Icons */
td.navibarIcon {border-right: 0px solid #FFFFFF; } /* Icons in der Navigationsleiste*/

td.navibarRight {border-left: 0px solid #FFFFFF}

/* Suche und Login */
input.navictrl {border-width: 0px; border-style: solid;}   /* Eingabefelder Suche und Login */
table.searchbox {height: 40px; padding-bottom: 6px; border-bottom: 1px solid #FFFFFF} /* Suchbox (Rahmen) */
td.searchbox {vertical-align: bottom; }
.navisearch, .navi {font-weight: bold;}
.navisearch {color: #FFFFFF;}
.navisearchbut, .navisearch, .navi, .navictrlbut, select.navictrl {font-size: 10px;}
.navisearchbut, .navictrlbut {color: #FFFFFF;}
td.navictrlbut {background-color: transparent; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #CED8E0;}
td.navisearchbut {background-color: transparent; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #063C60;}

table.userLogin {border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}  /* User-Login (Rahmen) */
td.navictrlbut, td.navisearchbut {}
.navi {color: #FFFFFF; }
input.navictrl { font-size: 10px;} 

/* Formulare */
.formmandatory, .formmandatoryerror {font-weight: bold; }

/* Geschützter Bereich */
.navitext {color: #FFFFFF;}

/*Shop*/
/*Katalogansicht*/
.cattd {background-color: #579047;}
.catdetail, .catprice {font-weight: bold; color: #FFFFFF;}
.navishop, .smalltext {color: #FFFFFF;}


/*Detailansicht*/
.dettd {background-color: #579047;}
.dethead, .detprice, .propertieshead {font-weight: bold; font-size: 12px;}
.detvariant, .detsellabel {font-size: 10px; color: #FFFFFF;}
.detback, .detcart {color: #FFFFFF;}

/* Kalendar Stylesheet */
/*Balkenfarbe und Rahmen*/
.kalframe { background-color: #B5C5D0; }

/*Balken der Terminzelle*/
.kalcell { background-color: #C4DAF1; }

/*Farbe für aktiver Tag, Woche, Monat*/
.kalacti { background-color: #C4DAF1;} 

.kalf { color: #C4DAF1 }
.kalinf { font-family:Verdana, Arial,sans-serif;  font-size:10px; color: #063C60 }
.kal { color: #6AA2DB }
.kalg {color: #C4DAF1}

/*Balken der Terminspalte*/
.kalcol { background-color: #FFFFFF; }

/* Toast-Styles */
.underline {border-width: 0px 0px 1px; border-color: black; border-style: solid;}
.border {border: 1px; border-style: solid; border-color: black}

/* Forum */
tr.odd {background-color: #F3EFEA}
tr.even {background-color: white}
th.detail, td.detail { background-color: #F6F7F9 }
a.textlink {font-size: 10px; font-weight: bold; color: #808080; }


.smalltext {color: #000000;}


/*Buttons von Formularfeldern sollten einen gewissen Abstand zum Seitenende haben*/
#portalFormReset{
margin-bottom:20px;
}

#portalFormSubmit{
margin-bottom:20px;
}


/*CSS Style Klassen für die EMZ_Cat Anwendung */

.emz_cat_title{

}

Tabelleninhalt
.emz_cat_result_table{
background-color:#cfcfff;
}

.emz_cat_result_table_div{
}

Titelzeile
.emz_cat_header_row{
background-color:#3560A4;
color:white;
}

.emz_cat_header_row td{
background-color:#3560A4;
text-align:center;
color:white;
}

.emz_cat_odd_row{
background-color:#FFFFFF;
}

.emz_cat_even_row{
background-color:#C1D4F4;
}



.emz_cat_even_row td, 
.emz_cat_odd_row td
{
text-align:center;
padding:4;
}

.emz_cat_detail_table{
width:400;
background-color:#EFEFEF;
}

.emz_cat_detail_header_row{
background-color:#3560A4;
text-align:center;
color:white;
}

.emz_cat_detail_label_cell{
background-color:#C1D4F4;
padding:4;
}

.emz_cat_detail_value_cell{
background-color:white;
padding:4;
}

.emz_cat_detail_info_docs_header_cell{
background-color:#3560A4;
text-align:center;
color:white;
padding:4px;
}

.emz_cat_detail_info_docs_value_cell{
padding:4px;
background-color:white;
}

.emz_cat_detail_info_image_paragraph{
margin-top:20px;
margin-bottom:20px;
}

.emz_cat_search_input_style{
width:250px;
}

.emz_cat_search_button_style{
background-color:white; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11p;
border-color:black; 
border-width:1px; 
border-style:solid;
}


table.inhalt {line-height:18px; padding: 5px 5px 5px 5px; border-width: 0px;}

ul li {line-height: 24px;}

/*CSS Style Klassen für die EMZ_Cat Anwendung */

/* SCROLLER */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
                border: 1px solid #3560a4;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
}
.jScrollPaneDrag {
	position: absolute;
	background: #3560a4;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 15px;
	background: url(../../pfeil-hoch.jpg) repeat-x 0 0;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 15px;
	background: url(../../pfeil-runter.jpg) repeat-x 0 0;
}

.scroll-pane {
	width: 100%;
	height: 150px;
	overflow: auto;
	float: left;
}

#scroller {
   height: 150px;
}