/*******************************************************************Allgemein *********************************************/
html {
	height: 100%;
}
body {
	font-family: arial,Verdana, helvetica,sans-serif;
	background-color: #ffffff;
    font-size: 16px;
    margin: 0px;
	padding: 0px;
	height: 100%;
}
.button{
	background-image: url("../images/style/buttonBackground.png");
	background-repeat: repeat-x;
	color: #9A2121;
	font-weight: bold;
	border: 1px solid #7B7B7B;
	border-radius: 5px;
	cursor:pointer;
}
.button a {
	color: #9A2121;
}
.center {
    text-align: center;
}
.hidden {
    display: none;
}
a {
	text-decoration: none;
	color:#000000;
}
.toplink {
	background-image: url('../images/style/topButton.png');
	text-decoration: none;
	color:#000000;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.textLeft {
    text-align: left;
}
input, select {
    margin: 3px;
}
.selectInputText {
    height: 20px;
    padding: 0 0 -2.5px 0;
    width: 90%;
}
.selectZusatzText {
    display: block;
    font-size: 17px;
}
/******************************************************************* Body *******************************************************************/
h2 {
	text-align: center;
}
p {
	margin-top: 1px;
	margin-bottom: 1px;
}
th {
    text-align: center;
	font-weight: normal;
	font-size: 1.1em;
    padding-bottom: 15px;
}
.selectmargin {
	margin-bottom: 5px;
}
#pdf_icon,
#logo{
	color: #CCCCCC;
	text-decoration: none;
	border: none;
}
#druckDatum,
#giltDatum {
	cursor:pointer;
	top: 5px;
}
.tableWidth {
	width: 85%;
}
.kundenName {
	text-align: center;
	width: 60%;
}
#wrapper {
	margin: 0 auto;
	min-height: 100%;
    overflow: hidden !important;
    width: 80%;
    position: relative;
}
#content {
    padding-bottom: 60px;
}
.contentTable {
    width: 100%;
    background-color: #F0F0F0;
    border: 1px solid #7b7b7b;
    margin-left:0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.myTable {
    margin-top: 15px;
    margin-bottom: 15px;
}
.myTable .link {
    color: #9a2121;
    text-decoration: none;
}
.myTable .link:hover {
    text-decoration: underline;
}
.table-striped > thead > tr > th {
   background-color: #E0E0E0;
}
.table-hover tbody tr:hover td {
    background-color: #f6f6cc;
}
.contentTable td a {
	display: inline;
}
.contentTable .link {
    color: #9a2121;
    text-decoration: none;
}
.contentTable .link:hover {
	text-decoration: underline;
}
.nav_link {
	font-size: 17px;
    color: #9a2121;
    text-decoration: none;
}
.nav_link:hover {
	text-decoration: underline;
}
#news {
	font-size: 16px;
    padding: 10px;
    background-color: #F0F0F0;
    height:300px;
    overflow-y:auto;
}
#news li {
	padding: 10px;
}
#pageFirst,
#pageReward,
#pageNow,
#pageForward,
#pageLast {
	padding-right: 2px;
}
#pageNow {
	text-decoration: underline;
}
.contentTable a:hover {
    text-decoration: none;
}
.Aktion {
	width: 20%;
	text-align: center;
}
.tdLabel {
	width: 15em;
}
#ButtonDatum {
	float:left;
}
#labelFeststofftyp,
#labelSiedepunkt {
	text-align: right;
}
#SatzButton,
#SymbolButton,
#ErsteHilfeButton,
#VerhaltensregelnButton {
	float: left;
}
.tableSelectWidth {
	width: 40%;
}
.msgRed {
	color: #CC0000;
}
.suche {
	float: left;
}
.formMaxRows {
	float: right;
	width: 100px;
}
/*******************************************************************Symbol Show All*******************************************************************/
.contentTable .symbolImage {
	width: 5em;
}
/*******************************************************************Sicherheitsdatenblatt Show All*******************************************************************/
.contentTable #SDBIcon {
	width: 10%;
}
/*******************************************************************Physikalischer Zustand Show All*******************************************************************/
.Menue {
	width: 100%;
}
/*******************************************************************Top-Menue*******************************************************************/
.topMenueBar{
	width: 100%;
}
.topMenueBar table{
    width: 100%;
    text-align: center;
    border: 2px solid #000000;
}
.topMenueBar table a {
	color: #000000;
    text-decoration: none;
}
.topMenueBar table a:hover {
	text-decoration: underline;
}
/*****************************Sub-Menue***************************/
.subMenueBar {
	padding-top: 0.1em;
	padding-left: 5%;
	padding-bottom: 1em;
}
.subMenueBar table {
	width: 85%;
	text-align: center;
    font-weight: bold;
}
.subMenueBar table td {
	width: 10%;
}
.subMenueBar table td a {
    color: #cccccc;
    text-decoration: none;
}
.subMenueBar table td a:hover {
	text-decoration: underline;
}
/*****************************Header****************************/
.header {
    width: 100%;
    background-color: #F0F0F0;
    height: 8em;
}
/****************************Footer*****************************/
.footer {
	font-size: 13px;
	text-align: center;
	background-color: #F0F0F0;
	bottom: 0;
	position: absolute;
    height: 40px;
    width: 100%;
    color: #000000;
}
.footer a {
    color: #000000;
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}
/*********************** FORM VALIDATION ***********************/
.error {
    height:15px;
    background-color:#FFFE36;
    font-size:11px;
    border:1px solid #E1E16D;
    padding:4px 10px;
    color:#000;
    display:none;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topleft:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-left-radius:0;

    -moz-box-shadow:0 0 6px #ddd;
    -webkit-box-shadow:0 0 6px #ddd;
}
#errors p {
	margin-top: 5px;
}

.error p {
    margin: 0;
}

.error {
    margin:0 0 2px;
    padding:2px 6px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.error em {
    border:10px solid;
    border-color:transparent #FFFE36 transparent transparent;
    display:block;
    height:0;
    left:-23px;
    bottom:-1px;
    position:absolute;
    width:0;
}

#errors {
	background-color:#163356;
	font-size: 13px;
	color:#fff;
	width:400px;
	padding:20px;
	margin:5px auto;
	display:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	top:0px;
	right:5px;
	position:fixed;
	z-index: 99;
}

/* title */
#errors h2 {
	font-size: 16px;
	margin:-5px 0;
	color:#ffde34;
}
/*************************Tooltip******************************/
.tooltipBlack {
    display:none;
    border-radius: 7px;
    font-size: 0.8em;
    font-weight: bold;
    color: #F0F0F0;
    width: 25em;
    padding: 10px;
    background-image: url('../images/style/blackTooltip.png');
  }
.tooltipWhite {
	display:none;
	border-radius: 7px;
    width: 2.5em;
    padding: 10px;
    background-image: url('../images/style/whiteTooltip.png');
}

/*******************************************************************Eingabefeld*******************************************************************/
.date {
    border:1px solid #ccc;
    font-size:13px;

    -webkit-box-shadow:0 0 10px #eee inset;
}

/*******************************************************************Kalenderelement*******************************************************************/
#calroot {
    /* Setzt den Kalender in den Vordergrund */
    z-index:10000;

    margin-top:-1px;
    padding:2px;
    background-color:#fff;
    font-size:11px;
    border:1px solid #ccc;

    -webkit-border-radius:5px;
    -webkit-box-shadow: 0 0 15px #666;
}

/* monatliche ?berschrift */
#calhead {
    padding:2px 0;
    height:22px;
}

#caltitle {
    font-size:14px;
    color:#9a2121;
    float:left;
    text-align:center;
    width:155px;
    line-height:15px;
    text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
    display:block;
    width:20px;
    height:20px;
    background:transparent url('../images/style/prev.png') no-repeat scroll center center;
    float:left;
    cursor:pointer;
}

#calnext {
    background-image:url('../images/style/next.png');
    float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility:hidden;
}

/* year/month selector */
#caltitle select {
    font-size:10px;
}

/* names of the days */
#caldays {
    height:14px;
    border-bottom:1px solid #ddd;
}

#caldays span {
    display:block;
    float:left;
    width:28px;
    text-align:center;
}

/* container for weeks */
#calweeks {
    background-color:#fff;
    margin-top:4px;
}

/* single week */
.calweek {
    clear:left;
    height:22px;
}

/* single day */
.calweek a {
    display:block;
    float:left;
    width:27px;
    height:20px;
    text-decoration:none;
    font-size:11px;
    margin-left:1px;
    text-align:center;
    line-height:20px;
    color:#666;
    -webkit-border-radius:3px;
}

/* different states */
.calweek a:hover, .calfocus {
    background-color:#ddd;
}

/* sunday */
a.calsun {
    color:red;
}

/* offmonth day */
a.caloff {
    color:#ccc;
}

a.caloff:hover {
    background-color:rgb(245, 245, 250);
}


/* unselecteble day */
a.caldisabled {
    background-color:#efefef !important;
    color:#ccc	!important;
    cursor:default;
}

/* current day */
#calcurrent {
    background-color:#9a2121;
    color:#fff;
}

/* today */
#caltoday {
    background-color:#333;
    color:#fff;
}

/*******************************************************************File Tree*******************************************************************/
.php-file-tree {
	font-family: Georgia;
	font-size: 12px;
	letter-spacing: 1px;	line-height: 1.5;
}
.php-file-tree A {
	color: #000000;
	text-decoration: none;
}
.php-file-tree A:hover {
	color: #666666;
}
.php-file-tree .open {
	font-style: italic;
}
.php-file-tree .closed {
	font-style: normal;
}
.php-file-tree .pft-directory {
	list-style-image: url('../images/style/tree/directory.png');
}
/* Default file */
.php-file-tree LI.pft-file { list-style-image: url('../images/file.png'); }
/* Additional file types */
.php-file-tree LI.ext-3gp { list-style-image: url('../images/style/tree/film.png'); }
.php-file-tree LI.ext-afp { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-afpa { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-asp { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-aspx { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-avi { list-style-image: url('../images/style/tree/film.png'); }
.php-file-tree LI.ext-bat { list-style-image: url('../images/style/tree/application.png'); }
.php-file-tree LI.ext-bmp { list-style-image: url('../images/style/tree/picture.png'); }
.php-file-tree LI.ext-c { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-cfm { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-cgi { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-com { list-style-image: url('../images/style/tree/application.png'); }
.php-file-tree LI.ext-cpp { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-css { list-style-image: url('../images/style/tree/css.png'); }
.php-file-tree LI.ext-doc { list-style-image: url('../images/style/tree/doc.png'); }
.php-file-tree LI.ext-exe { list-style-image: url('../images/style/tree/application.png'); }
.php-file-tree LI.ext-gif { list-style-image: url('../images/style/tree/picture.png'); }
.php-file-tree LI.ext-fla { list-style-image: url('../images/style/tree/flash.png'); }
.php-file-tree LI.ext-h { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-htm { list-style-image: url('../images/style/tree/html.png'); }
.php-file-tree LI.ext-html { list-style-image: url('../images/style/tree/html.png'); }
.php-file-tree LI.ext-jar { list-style-image: url('../images/style/tree/java.png'); }
.php-file-tree LI.ext-jpg { list-style-image: url('../images/style/tree/picture.png'); }
.php-file-tree LI.ext-jpeg { list-style-image: url('../images/style/tree/picture.png'); }
.php-file-tree LI.ext-js { list-style-image: url('../images/style/tree/script.png'); }
.php-file-tree LI.ext-lasso { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-log { list-style-image: url('../images/style/tree/txt.png'); }
.php-file-tree LI.ext-m4p { list-style-image: url('../images/style/tree/music.png'); }
.php-file-tree LI.ext-mov { list-style-image: url('../images/style/tree/film.png'); }
.php-file-tree LI.ext-mp3 { list-style-image: url('../images/style/tree/music.png'); }
.php-file-tree LI.ext-mp4 { list-style-image: url('../images/style/tree/film.png'); }
.php-file-tree LI.ext-mpg { list-style-image: url('../images/style/tree/film.png'); }
.php-file-tree LI.ext-mpeg { list-style-image: url('../images/style/tree/film.png'); }
.php-file-tree LI.ext-ogg { list-style-image: url('../images/style/tree/music.png'); }
.php-file-tree LI.ext-pcx { list-style-image: url('../images/style/tree/picture.png'); }
.php-file-tree LI.ext-pdf { list-style-image: url('../images/style/tree/pdf.png'); }
.php-file-tree LI.ext-php { list-style-image: url('../images/style/tree/php.png'); }
.php-file-tree LI.ext-png { list-style-image: url('../images/style/tree/picture.png'); }
.php-file-tree LI.ext-ppt { list-style-image: url('../images/style/tree/ppt.png'); }
.php-file-tree LI.ext-psd { list-style-image: url('../images/style/tree/psd.png'); }
.php-file-tree LI.ext-pl { list-style-image: url('../images/style/tree/script.png'); }
.php-file-tree LI.ext-py { list-style-image: url('../images/style/tree/script.png'); }
.php-file-tree LI.ext-rb { list-style-image: url('../images/style/tree/ruby.png'); }
.php-file-tree LI.ext-rbx { list-style-image: url('../images/style/tree/ruby.png'); }
.php-file-tree LI.ext-rhtml { list-style-image: url('../images/style/tree/ruby.png'); }
.php-file-tree LI.ext-rpm { list-style-image: url('../images/style/tree/linux.png'); }
.php-file-tree LI.ext-ruby { list-style-image: url('../images/style/tree/ruby.png'); }
.php-file-tree LI.ext-sql { list-style-image: url('../images/style/tree/db.png'); }
.php-file-tree LI.ext-swf { list-style-image: url('../images/style/tree/flash.png'); }
.php-file-tree LI.ext-tif { list-style-image: url('../images/style/tree/picture.png'); }
.php-file-tree LI.ext-tiff { list-style-image: url('../images/style/tree/picture.png'); }
.php-file-tree LI.ext-txt { list-style-image: url('../images/style/tree/txt.png'); }
.php-file-tree LI.ext-vb { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-wav { list-style-image: url('../images/style/tree/music.png'); }
.php-file-tree LI.ext-wmv { list-style-image: url('../images/style/tree/film.png'); }
.php-file-tree LI.ext-xls { list-style-image: url('../images/style/tree/xls.png'); }
.php-file-tree LI.ext-xlsx { list-style-image: url('../images/style/tree/xls.png'); }
.php-file-tree LI.ext-xml { list-style-image: url('../images/style/tree/code.png'); }
.php-file-tree LI.ext-zip { list-style-image: url('../images/style/tree/zip.png'); }
/* You can add millions of these... */