/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */

/* Google Font API */
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700);

/* import core styles | Basis-Stylesheets einbinden */
@import url(fw/core/base.css); 
/*@import url("fw/core/base.min.css");*/

/* import screen layout | Screen-Layout einbinden */
/* @import url(fw/navigation/hlist.css); */
@import url(fw/navigation/hlist_custom.css);
@import url(fw/navigation/vlist.css);
@import url(fw/forms/gray-theme.css);

@import url(fw/screen/typography.css);
@import url(fw/screen/screen-FULLPAGE-layout.css);

/* import print layout | Druck-Layout einbinden */
@import url(fw/print/print.css);

/* import Addon Tabs einbinden */
@import url(fw/add-ons/accessible-tabs/tabs.css);
@import url(fw/add-ons/accessible-tabs/tabs_custom.css);



.ym-col1 {width:20%;}
.ym-col2 {width:0;}
.ym-col3 {margin: 0 0 0 22%;}

.small {
	font-size:85.71%;
} /* wie <small></small> */
.tiny {
	font-size:79%;
} /*kleiner als small*/
.dimmedplus {
	color: #cccccc;
}


/* tooltips */
.jbox_small {
	font-size: 80%;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
}
/* Listenansicht Anlagen: Tooltipp WrtgAuftraege */
.jbox_small_anllst_wrtg {
	font-size: 80%;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
}
.jbox_small_anllst_wrtg img {
	width: 8px;
	height: 8px;
	padding-right: 10px;
}


.nomarginbottom {
	margin-bottom:0;
} 
.nomargintop {
	margin-top:0;
} 

.sansserif {
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
}

hr {border-color: #cccccc;}

/* Newsbox auf Homepage */
div.HPnews h4 {
	margin-top: 0;
	float: left;
}
div.HPnews p.datum {
	margin-top: 0;
	display: inline;
	float: right;
}

/* Submenü Vertikal anpassen */
/* Level 2 (oberste Ebene) */
.ym-vlist ul li {
	background-color: #ededed;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
}

.ym-vlist ul li a,
.ym-vlist ul li span {
	/*font-weight: bold;*/
	font-size: 90%; /*keine Definition nötig falls Serifenschrift*/
}

.ym-vlist ul li.active {
	background-color: #666;
}
.ym-vlist ul li.active > a {
	color: #fff;
}
/* Level 3 */
.ym-vlist li ul li a,
.ym-vlist li ul li strong,
.ym-vlist li ul li span { font-size: 88%; /*90 falls Serifenschrift*/
}
/* active list element */
.ym-vlist ul li ul li.active a {
	background-color: #888;
	color:#ffffff;
}
/* Level 4 */
.ym-vlist li ul li ul li a,
.ym-vlist li ul li ul li strong,
.ym-vlist li ul li ul li span { font-size: 85%; 
}
/* active list element */
.ym-vlist ul li ul li ul li.active a {
	color:#fff;
	background-color: #aaa;
}

/* Accordeon: Aufgeklappte Inhalte nicht highlighten*/
tbody tr.noHighlight:hover th,
tbody tr.noHighlight:hover td {
	background:#ffffff;
	}

	
/* Kalender: Box auf Homepage */	
table.calendar_hp {
	font-family: Tahoma, Geneva, Verdana, sans-serif;/**/
	font-size: 85%;
	margin-top: 3px;
	}
table.calendar_hp td:first-child {
	width: 7px;
	padding-left: 0;
	padding-right: 0;
	}

/* Kalender: Fullcalendar auf Pikett-Seite */
div #calendar div.fc-toolbar h2 {
	font-size: 175%;
	}
div #calendar div.fc-toolbar {
	margin: 0.8571em 0 2em 0;
	}
/* Fullcalendar: mit Mouseover nicht highlighten */
div #calendar tbody tr:hover th,
div #calendar tbody tr:hover td {
	background: inherit;
	}
/* Kalender: Popup zu FullCalendar */
div.fcPop p.subject {
	margin-top: 0;
	}
div.fcPop p.datum {
	margin-bottom: 0;
	}
div.fcPop p.message {
	font-size: 85%;
	}
div.fcPop table.calendar_pop tr td {
	padding-left: 0;
	}


	
/* Hinweisbox "gelöscht" in Journal*/
div.deleted {
		background:#ffffff;
	}
div.deleted h5, div.deleted p, div.deleted span{
		color:#888;
	}

	

/* ym-form-journal sind auch im Form Wartungsauftrag verwendet */

/* Schriften in Popup-Formular Journal etwas verkleinern */
form.ym-form-journal {
font-size:95%;
}
/* Löschknopf kennzeichnen */
form.ym-form-journal input.ym-danger {
background-color: #FFcc66;
background: #FFcc66;
background-image: none;
filter: none;
}
form.ym-form-journal input.ym-danger:focus,
form.ym-form-journal input.ym-danger:hover,
form.ym-form-journal input.ym-danger:active {
background-color: #FF9966;
background: #FF9966;
background-image: none;
filter: none;
}

/* Möglichkeit den Focus bei disabled zu neutralisieren; muss noch gestylt werden
form.ym-form-journal input:disabled:focus,
form.ym-form-journal input:disabled:hover,
form.ym-form-journal input:disabled:active
{
	color: green !important;
	background-color: blue !important;
	background: yellow !important;
}*/
form.ym-form-journal label.disabled {
    color: #bbbbbb;
}

/* Ajax-Formfelder: Unvalidiert und validiert*/
input.axformfld {
	background-color: #eeeeee; BORDER-BOTTOM: #99CCCC 1px solid; BORDER-LEFT: #99CCCC 1px solid; BORDER-RIGHT: #99CCCC 1px solid; BORDER-TOP: #99CCCC 1px solid; color: #6c6c6c;
	} 
input.axformfldfakok {
	background-color: #ccffcc; BORDER-BOTTOM: #99CCCC 1px solid; BORDER-LEFT: #99CCCC 1px solid; BORDER-RIGHT: #99CCCC 1px solid; BORDER-TOP: #99CCCC 1px solid; color: #000066; 
	}
	
		
/* Listenansicht Anlagen: gedimmte Zeilen bei Anzeige ungesuchter Anlagen */
tr.dimmedline td {background-color:#f3f3f3; color: #bbbbbb;}	
tr.dimmedline a {color: #99cccc;}	
/* tr.dimmedline {display:none;} */	 

/* Listenansicht Anlagen: Nachschlagzeile: Buchstaben/Zahlen */
tr.lst_index td {
	padding: 5px 0 15px 0;
}
tr.lst_index td h6,
tr.lst_index td h5 {
	display: inline;
	padding: 0 1px;
}
tr.lst_index td h6 a,
tr.lst_index td h5 a {
	padding: 7px;
}
tr.lst_index td h5.inaktiv {
	padding: 7px;
	color:#ccc;
}
h4.lst_indextitel {
	background-color: #dddddd;
	padding: 0.3rem 0 0.2rem 0.4rem;
	margin-right: 1rem;
}


/* Anlagedetailseite: Liste (Popup) benachbarter Anlagen */
div#Detailliste {
	background-color: white;
	border: 1px solid gray;
	padding: 5px;
	position: absolute;
	z-index:10;
	}
	
/*Hinweisbox Warnung*/	
.warning {
    background-color: #ffffff;
	border-color: red;
	}
.warning h5 {
    color: red;
	}
	
/*Hinweisbox Erfolg*/	
.success {
    background-color: #ffffff;
	border-color: green;
	}
.success h5 {
    color: green;
	}

/* Boxen Case-Journal */	
.caseprio {
	border-color: red;
	/*background-color: #fff0f0;*/
	background-color: #fff4f4;
	}
.caseoffen {
	background-color: #f8f8f8;
	border-color: red;
	}
.info {
	background-color: #f8f8f8;
	}
	/*etwas aufhellen*/
	
/* Tab Eckdaten: HTML-Tabelle aus ckEditor */
	/* im Moment keine spez. Fromatierung erforderlich */
/* Tab Netzwerkdoku: HTML-Tabelle aus ckEditor */
div.wrap_tbl_netzwerk table {
	/*background-color: lightblue;*/
	font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
	}
div.wrap_tbl_netzwerk table tr.nw_spaltenueberschrift td {
	border-bottom: 2px solid black;
	font-weight: bold;
	font-size: 99%;
	}

div.wrap_tbl_netzwerk table tr.nw_zwischentitel td {
	background-color: #eeeeee;
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
	font-size: 116.67%;
	font-weight: bold;
	}


/*Nested Table in Tab Technik (Name/Wert-Paare) */
/*keine Border, Spaltenbreite einstellen*/
div#NestedTableNameWert table {
	border-width: 0;
}	
div#NestedTableNameWert table td {
	font-size: 12px;
	border-width: 0;
	padding-top: 0;
	/*padding-left: 0;*/
}	
/*Breitenanpassungen (wegen NestedTable) auch im Tab-Template nachtragen*/
div#NestedTableNameWert table tbody tr td { width: 370px; } /*color: red;*/
div#NestedTableNameWert table tbody tr td:first-child { width: 250px; } /*color: green; */
/*Padding in erster Spalte entfernen*/
div#NestedTableNameWert table tbody tr td { padding-left: 10px; }	/*background-color: yellow;*/
div#NestedTableNameWert table tbody tr td:first-child { padding-left: 0; } /*background-color: blue;*/ 	


/* Anlagedetailseite:Tab Wartung und Hauptseite Wartung*/
table tr.plgprovisorisch {
	opacity: 0.3;
}
/* Anlagedetailseite:Tab Wartung und Hauptseite Wartung*/


/* Anlagedetailseite: Legende Rihanastatus im Tab Rihana */
table.RihanaStatusLegende {
	margin-top: 5em;
	/* border: 0px white solid; */
}
table.RihanaStatusLegende tr td {
	font-size:85.71%;
	border-top: 1px white solid;
	border-bottom: 1px white solid;
}
table.RihanaStatusLegende tr.titel td {
	font-weight: bold;
	padding-bottom: 0.25em;
}
table.RihanaStatusLegende tr.titel td.subtitel {
	border-bottom: 1px gray solid;
}
table.RihanaStatusLegende td.codierung {
	width: 5px; padding: 1px 0 1px 0;
}
table.RihanaStatusLegende td.codierung.keincode {
	background-color: lightgray;
}
table.RihanaStatusLegende td.erklaerung {
	padding-top: 0; padding-bottom: 0;
}

	
nav.menuH {
	background: #333333;
	border-top: 1px black solid;
	border-bottom: 1px #999999 solid;
	}

	
/*				*/	
/* Formulare	*/	
/*				*/	
	
/* Required ohne beso. Auszeichnung anzeigen */
form.ym-form label.ym-required {font-weight: normal; color: #444444;}
form.ym-form select.ym-required {font-weight: normal; color: #444444;}
/* aber nicht-required auszeichnen */
form.ym-form label.mh-notrequired {color: #aaaaaa;}
form.ym-form input.mh-notrequired,
form.ym-form textarea.mh-notrequired,
form.ym-form select.mh-notrequired {background-color: #f9f9f9; color: #aaaaaa;}

/* Fehlermeldung (Kontext) nicht fett*/
form.ym-form div.ym-error p.ym-message{font-weight: normal;}

/* Fehlermeldungen im Formkopf*/
form.ym-form p.fehlerwarnung{
	color:#880000;
}
form.ym-form ul.listerr{
	color:#880000;
	list-style-type:disc;
	margin: 0 19px 15px 18px;
}

/* Texte in Form mit tabelarischer Anzeige */
form.ym-form div.ym-fbox-text p.txtli {display: inline; float: left; width:30%;}
form.ym-form div.ym-fbox-text p.txtre {float: left; width: 70%; display: block; position: relative;}
/* Texte in Form mit tabelarischer Anzeige: Tabelle OV-Planung; */
form.ym-form div.ym-fbox-text div.txtreTblOVPlanung {float: left; width: 70%; display: block; position: relative;}
form.ym-form div.ym-fbox-text div.txtreTblOVPlanung table {margin-left: 1rem;}
form.ym-form div.ym-fbox-text div.txtreTblOVPlanung table tr th {font-weight: normal;}
form.ym-form div.ym-fbox-text div.txtreTblOVPlanung table tr.NeueDaten td {padding-top: 1rem;}



/* Formular in linker Randspalte (sec) */
/* Journal und Anlageliste und Wartung */
form.ym-form.mh-filterjournal {box-shadow: none; -webkit-box-shadow: none; font-family: Tahoma, Geneva, Verdana, sans-serif; font-weight: normal; margin-top: 3rem;}
form.ym-form.mh-filterjournal div.ym-fbox-select {padding-left: 10%;}
form.ym-form.mh-filterjournal div.ym-fbox-button {padding-left: 10%;}
form.ym-form.mh-filterjournal div.ym-fbox-select select {width: 100%;}
form.ym-form.mh-filterjournal h6.ym-fbox-heading {margin: 0; padding: 0.25em 0 0.25em 10%;}
div.mh-fj-inaktiv form.ym-form.mh-filterjournal h6.ym-fbox-heading {font-weight: normal !important;}
/* Form Filter Wartungsaufträge */
form.ym-form.mh-filterjournal div.ym-fbox div.fltwrtg input {margin-top: 1px; margin-left: 19px; margin-right: 10px; width: auto; float:left;}
form.ym-form.mh-filterjournal div.ym-fbox div.fltwrtg {margin-top: 8px; margin-bottom: 8px;}

div.mh-fj-inaktiv form.ym-form.mh-filterjournal  {border: 1px solid #dddddd; background-color: #f8f8f8;}
div.mh-fj-aktiv form.ym-form.mh-filterjournal {border: 1px solid #888888;}
div.mh-fj-inaktiv form.ym-form.mh-filterjournal h6.ym-fbox-heading {background-color: #f8f8f8; color: #333333; border-bottom: 1px solid #dddddd}
div.mh-fj-aktiv form.ym-form.mh-filterjournal h6.ym-fbox-heading {background-color: #888888; color: #ffffff;}



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


/*						*/	
/* Button Back to top 	*/	
/*						*/	
a.back-to-top {
  display: none;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 20px;
  filter: alpha(opacity=70);	
  opacity: 0.7; 	
  background: url('../../img/icon/back-to-top.png') no-repeat center 2%; 
  /* background-color: rgba(0,0,0,0.2); */	
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;  
  border-radius: 30px;
}
/*							*/	
/* // Button Back to top 	*/	
/*							*/	





/*				*/	
/* Highslide	*/	
/*				*/	
div.highslide-gallery ul li.hsadd_li {text-align: center; margin: 15px 15px 7px 15px; padding:0;}
div.highslide-gallery ul li.hsadd_lilast {text-align: center; margin: 15px 15px 18px 15px;  padding:0;}

div.highslide-gallery ul li a.highslide img {border:0px solid black; z-index:0;}
div.highslide-gallery ul li img.hsadd_mark_img {position: absolute; top:1px; left:1px; width:32px; height:32px; z-index:1; opacity:0.7; filter:alpha(opacity=70);} /* filter:alpha: für IE8 and früher */

div.highslide-gallery ul li a.hsadd_missing img {opacity:0.3; filter:alpha(opacity=30);}



/*				*/	
/* // Highslide	*/	
/*				*/