/* *****************************************************************************
 * The sticky footer and layout things
 *      Sticky Footer Solution by Steve Hatcher 
 *      http://stever.ca, http://www.cssstickyfooter.com
 **************************************************************************** */ 

html, body, #wrap {
    height: 100%;
}

body{
    font-family: arial, helvetica, sans-serif, verdana;
    background-color: #e0e0e0;

    margin: 0px;
    padding: 0px;

    color: #333333;
    line-height: 1.166;	
}

body > #wrap {
    height: auto;
    min-height: 100%;
}

#wrap {
    width: 960px;
    
    margin-left: auto;
    margin-right: auto;    
    
    background-color: #ffffff;
}

#head{
    height: 120px;
    margin: 20px auto auto auto;
    
    background: url("/toe/javax.faces.resource/headerback.png.jsf?ln=img-toe"); 
/*    background: url("/toe/javax.faces.resource/headerback_flh.png.jsf?ln=img-toe"); */
    background-repeat: no-repeat;
}

#headNoLogo{
    height: 90px;
    margin: 20px auto auto auto;
    background-color: #ffffff;
}

#main {
    margin: auto;
    /* Muss genau so hoch sein wie der Footer */    
    padding-bottom: 60px;
}  

#footer {
    /* Negativer Wert der Footer-Höhe */
    position: relative;

    width: 960px;
    height: 60px;
    
    margin-top: -60px; 
    margin-left: auto;
    margin-right: auto;

    clear: both;
    
    background: url("/toe/javax.faces.resource/footer3.gif.jsf?ln=img-toe");
    background-repeat: no-repeat;
    background-color: #e0e0e0;
    
    font-size: 75%;
    text-align: center;
    color: #cccccc;
    padding-top: 10px;
}

/* CLEAR FIX */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */

/* *****************************************************************************
    Layout Divs                                
***************************************************************************** */

#navBar{ /* ok */           
    width: 175px;
    float: left; 
    padding: 5px 5px 0px 5px;
}

#content{ /* ok */
    width: 745px;
    margin-left: 185px;
    margin-right: 0px;
    padding: 10px 10px 0px 10px;
}

/* *****************************************************************************
 * User-Styles
 **************************************************************************** */

.perNachname {
    text-transform: uppercase;
    font-weight: bold;
}

.wdth20 {width: 20%;}
.wdth50 {width: 50%;}
.wdth75 {width: 75%;}
.wdth95 {width: 95%;}

/* *****************************************************************************
 * Styles from Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 **************************************************************************** */

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    width: 560px;
    *zoom: 1;
}

.bs-callout {
    width: 550px; margin: 10px 0px; padding: 5px 30px 5px 15px; 
    border-left-color: #eeeeee; border-left-width: 5px; border-left-style: solid;
}

.bs-callout-danger {
    border-color: #eed3d7; background-color: rgb(253, 247, 247);
}
.bs-callout-danger h4 {
    color: #b94a48;
}

.bs-callout-warning {
    border-color: #faebcc; background-color: rgb(250, 248, 240);
}
.bs-callout-warning h4 {
    color: #c09853;
}
    
.bs-callout-info {
    border-color: #e5e5e5; background-color: #f5f5f5;
}
.bs-callout-info h4 {
    color: #666666;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #ddd;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("/toe/javax.faces.resource/glyphicons-halflings-regular.eot.jsf?ln=fonts");
  src: url("") format('embedded-opentype'), url("/toe/javax.faces.resource/glyphicons-halflings-regular.woff.jsf?ln=fonts") format('woff'), url("/toe/javax.faces.resource/glyphicons-halflings-regular.ttf.jsf?ln=fonts") format('truetype'), url("") format('svg');
}

.glyphicon {
  color: #666; /* #0066bf; */
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\1f512";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-plus:before {
  content: "\2b";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-ok::before {
  content: "\e013";
}

.glyphicon-remove::before {
  content: "\e014";
}

.glyphicon-transfer::before {
  content: "\e178";
}


/* *****************************************************************************
 * Breadcrumbs
 *  from Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 **************************************************************************** */

.breadcrumb {
    font-size: 80%;
    padding: 0px 0px 5px 10px;
    margin-bottom: 20px;
    list-style: none;
}

.breadcrum-back {
    padding:  8px 15px;
    background-color: #f5f5f5; 
    border-radius: 4px;
    width: 570px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "|\00a0";
}

.breadcrumb > .active {
  color: #999999;
}

/* *****************************************************************************
    Badges
***************************************************************************** */
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #000; 
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #ddd; 
  border-radius: 10px;
  margin-right: 3px;
  margin-bottom: 2px;
}

.badge:empty {
  display: none;
}

/* *****************************************************************************
 * Pagination-Styles 
 *  from Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 **************************************************************************** */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 10px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #ddd;    /* #eeeeee; */
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  /* color: #ffffff; */
  cursor: default;
  background-color: #ddd;   /* #428bca; */
  border-color: #ddd; /* #428bca; */
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}


/* *****************************************************************************
 * Helper-Styles 
 *  from Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 **************************************************************************** */

.pull-right {
  float: right !important;
}

/* *****************************************************************************
    Text Markups
***************************************************************************** */

.msgClass {
    font-size: 80%;
    list-style-type: none;
}

.errorClass {
    font-weight: bold;
    color: #f00;
}

.warnClass {
    color: #FF8040;
}

.infoClass {
    color: #00f;
}

/* *****************************************************************************
 * Link-Styles
 **************************************************************************** */

a:link, a:visited, a:hover {
    color: #0000ff;
    text-decoration: none;	
}

a:hover {
    text-decoration: underline;
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/* form-elements-styles */
input, textarea, select {
    font-family: arial, helvetica, sans-serif, verdana;
    font-size: 90%; 
    font-weight: bold;
}

img, table, td, th {
    border:0px;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
/*    font-family: arial, helvetica, sans-serif, verdana; */
    margin: 0px;
    padding: 0px;
}

h1{
    font-size: 150%;
    color: #0000ff;
}

h2{
    font-size: 114%;
    color: #0000ff;
}

h3{
    font-size: 100%;
    color: #ff0000;
}

h4{
    font-size: 100%;
/*    font-weight: normal; */
    color: #000000;
}

h5{
    font-size: 100%;
    color: #334d55;
}

ul{
    list-style-type: square;
}

ul ul{
    list-style-type: disc;
}

ul ul ul{
    list-style-type: none;
}

/***********************************************/
/* DataTable Styles                            */
/***********************************************/

.dTbS {
    font-size: 80%;
    width: 600px;
    border-spacing: 1px;
}

.dTbS th {  
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: #ddd;
    border-bottom: 1px solid #e5e5e5;
}

.dTbS td {
    background-color: #f5f5f5; /* #ddd; */
}

.dcTop {
    vertical-align: top;
    padding-top: 10px;
}

.dcL {
    text-align: right;
    width: 160px;
    padding-right:5px;
}

.dcV {
    text-align: left;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
}

.dc150 {
    width: 150px;
}

.dcVRed {
    text-align: left;
    background-color: #eba0a0;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
}

.dcVr {
    text-align: right;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
}

.dcVt {
    text-align: left;
    vertical-align: top;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
}

.dcIc {
    text-align: center;
    width: 20px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
}

.dcCh {
    text-align: center;
    width: 30px;
/*    padding-right:5px;*/
}

.dcChWide {
    text-align: center;
    width: 75px;
    padding-right:5px;
}

.dcChRed {
    background-color: #eba0a0;
    text-align: center;
    width: 30px;
    padding-right:5px;
}

.dcSpc {
    border-left: 2px solid black;
}


.hints {
    font-size: 11px;
    text-align: justify;
    color: #000000;
    font-weight: normal;
}			

.hintsred {
    font-size: 11px;
    text-align: justify;
    color: #ff0000;
    font-weight: normal;
}					

#infotext {   
    font-size: 80%;
    text-align: justify;
    padding-top: 5px;
    padding-bottom: 15px;
    width: 600px;
}	

#infotext70 {   
    font-size: 70%;
    text-align: justify;
    padding-top: 5px;
    padding-bottom: 15px;
    width: 600px;
}	

.tx600 {
    text-align: justify;
    width: 600px;
}

/*********** #navBar link styles ***********/
#navBar ul a:link, #navBar ul a:visited {
    display: block;
}

#navBar ul {
    list-style: none; 
    margin: 0; 
    padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li { 
    border-bottom: 1px solid #eee; 
} 

/*********** #sectionLinks styles ***********/
#sectionLinks{
    margin: auto;
    padding: 0px;
    padding-bottom: 10px;
    font-size: 80%;
    width: 95%;
}

#sectionLinks h3 {
    padding: 2px 0px 2px 10px;
    background-color: #ffffff;
}

#sectionLinks a:link {
    padding: 2px 0px 2px 10px;
    width: 100%; width: auto;
}

#sectionLinks a:hover {
    padding: 2px 0px 2px 10px;
    background-color: #ddd; /* #e7e7e7; */
}