/* 
@media screen {
    p {
        font-family: verdana, sans-serif;
        font-size: 17px;
    }
}

@media print {
    p {
        font-family: georgia, serif;
        font-size: 14px;
        color: blue;
    }
}
*/

input#email, label[for="email"] 
{/*  c ap t cha - Ergänzung  */
    display:none;
}

input#name, label[for="name"] 
{/*  c ap t cha - Ergänzung  */
    display:none;
}

body.disp
{
  background-color: #FFFFFF;
}

body.print
{
  background-color: #FFFFFF;
  color: #000000;
}


table
{
  font-family: Arial, sans-serif;
  font-size: 13px;
}

tr.vis
{
  display:block;
	
}

tr.yellow_border td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
}

tr.yellow td {
	background: #FFC;
}

tr.red td {
	background: #FFAAAA;
}

tr.lightgreen td {
	background: #C0FFC0;
}

tr.lightred td {
    background: #FFDFDF;
}

tr.blueFont td {
	background: #FFFFFF;
	color:#0006F9;
}
tr.redBlueFont td {
	background: #FFAAAA;
	color:#0006F9;
}

tr.green td {
	background: #00CE00;
}

/* NEW *** WebUntis - Lines in Wic-List *** */
tr.blue td {
    background: #D3EDFF;
}

tr.white td {
	background: #FFFFFF;
	font-style:italic;
	color: #939393;
}

td.obenlinks
{
  background-color: #f9f9f9;
}

td.obenrechts
{
  background-color: #FFFFFF;
}

td.obenmitte
{
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  padding-left: 10px;
  background-color: #FFFFFF;
}

td.navlinks
{
  background-color: #FFFFFF;
}

td.obennav
{
  background-color: #FFFFFF;
}

td.linksnav
{
  background-image: url(../img/lrot.gif);
  background-repeat: repeat;
}

td.nav
{
  background-color: #7BB0E0;
}

td.unten
{
  background-color: #e9e9e9;
}

td.redbar
{
  background-color: #FF0000;
}

td.whitebar
{
  background-color: #FFFFFF;
}

td.copy
{
  font-size: 11px;
}

td.content
{
  background-color: #FFFFFF;
}

td.navitem
{
  font-weight: bold;
  padding-left: 10px;
  background-color: #e9e9e9; /*969696*/
}

td.ticker
{
  padding-left: 20px;
  padding-right: 20px;
  color: #000000;
}

td.infoscreen
{
  font-size: 10px;
  border: 1px solid #000000;
}

td.infoscreen_big
{
  font-size: 14px;
  border: 1px solid #000000;
  padding: 5px;
}

@media screen,print
{
    td.wic_lightgrey {
        background: #ABABAB;
    }

    td.wic_mediumgrey {
        background: #6C6C6C;
    }


    td.wic_lightestgrey {
        background: #EAEAEA;
    }

    td.wic_white_no_border {
        background: #FFFFFF;
        border-top: none;
        border-bottom: none;
        border-right: none;
    }

    td.wic_mediumblue {
        background: #A99FFD;
    }

    td.wic_lightblue {
        background: #D2D2FF;
    }

    td.wic_red {
        background: #FF0000;
    }

    td.wic_blau {
        background: #9CD6FF;
    }

    td.wic_mediumred {
        background: #FFB0B0;
    }

    td.wic_mediumorange {
        background: #FF8000;
    }

    td.wic_lightred {
        background: #FFDFDF;
    }

    td.wic_lightorange {
        background: #FFCF9F;
    }

    /*  =======================
        WIC - DESIGN CLASSES - V2
        =======================
        [ imported by oa_styles.css ]
          - adds classes for design-modes Wic-Print "Jahresbericht"
    */
    td.wic_lightbeige {
        background: #F7E4D1;
    }
    td.wic_mediumbeige {
        background: #F4DBC2;
    }

    td.wic_minutemask {
        background: #EFC8A1;
        text-align: center;
    }

    td.wic_red_full_v {
        font-size: 0px; line-height: 0%; width: 0px;
        border-top: 10px solid red;
        border-bottom: none;
        border-right: 10px solid #FCFCFC;

        /* #FCFCFC lightgrey */
    }

    td.wic_red_full_n {
        font-size: 0px; line-height: 0%; width: 0px;
        border-top: 10px solid #FCFCFC;
        border-bottom: none;
        border-right: 10px solid red;
    }

    /* groove - border WILL be for "only minutes too late" ...*/
    td.wic_red_v_toolate {
        font-size: 0px; line-height: 0%; width: 0px;
        border-top: 15px solid #FCFCFC;
        border-bottom: none;
        border-right: 15px groove red;
    }

    td.wic_red_n_toolate {
        font-size: 0px; line-height: 0%; width: 0px;
        border-top: 15px solid lightgrey;
        border-bottom: none;
        border-right: 15px groove red;
    }
    /* groove - minutes - end  */
}

/* teste news flash gag auf Hauptseite ... */
@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    16% {
        opacity: 1;
    }
    84% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.message {
    width: 800px;
    margin: 0 auto;
    opacity: 0;
    text-align: left;
    -webkit-animation: fadeInOut 20s;
    animation: fadeInOut 20s;
}

span.slogan
{
  font-size: 32px;
  font-weight: bold;
  color: #FFFFFF;
}

span.name
{
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
}

span.navact
{
  color: #FF0000;
}

span.bold
{
  font-weight: bold;
}

span.boldred
{
  font-weight: bold;
  color: #FF0000;
}

span.red
{
  color: #FF0000;
}

span.boldgreen
{
  color: #00CC00;
  font-weight: bold;
}

span.name
{
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
}

a
{
  text-decoration: none;
  font-weight: bold;
}

a.nav
{
  color: #000000;
  font-weight: bold;
}

a.nav:visited
{
  font-weight: bold;
}


a.nav:hover
{
  color: #FF0000;
  font-weight: bold;
}

a.navparent
{
  color: #FF0000;
}

/* NEW - HOVER on Links first...   */
.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
/*  FINE - HOVER ON LINKS */

.imageborder
{
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
}

td.tickh
{
  border-width: 1px;
  border-style: solid;
  border-color: #669900;
}

/*  kommentar  */
td.tickb
{
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF;
}

td.tickm
{
  border-width: 1px;
  border-style: solid;
  border-color: #FD9E3A;
}

td.ticks
{
  border-width: 1px;
  border-style: solid;
  border-color: #0099CC;
}

.bsinfo_field
{
  font-family: Arial, sans-serif;
  font-size: 13px;
 /* 
  font-family: Arial Unicode MS, sans-serif;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;*/
}

.bsinfo_field_alert
{
  font-family: Arial, sans-serif;
  font-size: 13px;
  border-width: 2px;
  border-style: solid;
  border-color: #FF0000;
  background-color:#FFDDDD; /* milderes rot*/
}

/* Ab hier: zusätzliche Styles für Online Anmeldung! */ 

.oa_a
{
  text-decoration: none;
}

.oa_border
{
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #969696;/*#669900;*/
}

.oa_field
{
  	
  background-color:#FFFFE0; 
  color:#666666;
  text-align: left;
  font-size:8pt; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.oa_field_hidden
{
    background-color:#FFFFE0;
    color:#666666;
    text-align: left;
    font-size:8pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    visibility: hidden;
}


.oa_field_center
{
  /*  background-color:#FFFFE0;
    color:#666666;*/
    text-align: center;
    font-size:8pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.oa_field_color_minutes
{
   background-color:#cccccc;
   font-weight: bold;
   text-align: center;
}

.oa_field_highlighted
{
  	
  background-color:#A8FFA8; 
  color:#666666;
  text-align: left;
  font-size:8pt; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.oa_field:disabled
{
  background-color:#F0F0F0; 
  color:#666666;
  text-align: left;
  font-size:8pt; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.oa_field_fixed_Width
{
  width: 300px;
  background-color:#FFFFE0; 
  color:#666666;
  text-align: left;
  font-size:8pt; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.oa_divider
{
	/*background-color: #8A8A8A;*/
	background-color:#CCC; /*blue darkblue */
}

.oa_sub_header
{
  background-color: #F4F4F4;
  text-align: left;
  font-size:8pt;
  font-weight: bold;
}

.oa_sub_header_v2
{
    background-color: #dddddd;
    text-align: left;
    font-size:8pt;
    font-weight: bold;
}

.oa_sub_header_with_rowline
{

    background-color: #F4F4F4;

    /*??? bgcolor='#FFFFFF' ???
    text-align: left;
    font-size:8pt;
    font-weight: bold;*/
}


/* just Background Color */
.oa_table_bg
{
    background-color: #F4F4F4;
}

.oa_sub_header_result_top
{
  background-color: #666666;
  color:#FFFFFF;
  text-align: left;
  font-size:8pt;
  font-weight: bold;
}

.oa_sub_header_re
{
  background-color: #F4F4F4;
  
  text-align: right;
  font-size:8pt;
  font-weight: bold;
}

.oa_frame /* in TD - Zellen nutzen !*/
{
  background-image: url(../img/bg_gradient_1.gif);
  background-repeat: repeat-x;
  text-align: left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10pt;
  /*font-weight: bold;*/
}

.oa_footer /* in TD - Zellen nutzen !*/
{
  background-image: url(../img/bg_gradient_1.gif);
  background-repeat: repeat-x;
  text-align: center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:7pt;
  /*font-weight: bold;*/
}

.oa_header /* in TD - Zellen nutzen !*/
{
  /*background-image: url(../img/bg_gradient_1.gif);
  background-repeat: repeat-x;*/
  text-align: left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10pt;
  color:darkblue;
  font-weight: bold;
}

.oa_header_red/* in TD - Zellen nutzen !*/
{
    /*background-image: url(../img/bg_gradient_1.gif);
    background-repeat: repeat-x;*/
    text-align: left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:red;
    font-weight: bold;
}

.oa_desc_warning
{
  color: #FF0000;
  /*padding-right: 10px;*/
  text-align: center;
  font-size:10pt;
  font-weight: bold;
}

.oa_desc_success
{
  color: #009900;
  /*padding-right: 10px;*/
  text-align: center;
  font-size:10pt;
  font-weight: bold;
}

.oa_checkbox
{
  font-size:4pt; 
  height:12px;
  width:12px;
}

.oa_desc
{ 
  text-align: left;
  font-size:8pt;
  font-weight: bold;
}

.oa_desc_middle
{
  text-align: center;
  font-size:8pt;
  font-weight: bold;
}

.oa_desc_right
{
    text-align: right;
    font-size:8pt;
    font-weight: bold;
}

.oa_desc_left
{
  text-align: left;
  font-size:8pt;
  font-weight: bold;
}

.oa_desc_left_green
{
  color:green;
  text-align: left;
  font-size:8pt;
  font-weight: bold;
}

.oa_desc_left_orange
{
  color:FF8000; /* orange: #FF8000*/
  text-align: left;
  font-size:8pt;
  font-weight: bold;
}

.oa_desc_left_darkorange
{
  color:#BF6000; /* orange: #FF8000*/
  text-align: left;
  font-size:8pt;
  font-weight: bold;
}

.oa_desc_left_darkred
{
  color:#AC0206; /*red*/
  text-align: left;
  font-size:8pt;
  font-weight: bold;
}

.oa_desc_left_blue
{
  color:#4c00ff; 
  text-align: left;
  font-size:8pt;
  font-weight: bold;
}

.oa_left
{
  text-align: left;
  font-size:8pt;
}

.oa_left_bg_grey
{
  text-align: left;
  font-size:8pt;
  background-color:#EAEAEA;
}

.oa_default
{
  text-align: left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10pt;
}

.oa_func
{
  /*background-color: #F4F4F4;*/
  text-align: right;
  font-size:8pt;
  font-weight: bold;
}

.oa_func_li
{
  /*background-color: #F4F4F4;*/
  text-align: left;
  font-size:8pt;
  font-weight: bold;
}

/*div#install td:hover {
	background-color : #FFC0C0

}*/
div#install table tr:hover{ 
background-color: #CCCCCC;
}

/* Internet Solution for Drop down with EDITABLE Input-TEXT-Field! */
.dropdown {
    position: relative;
    width: 80px;
}
.dropdown select
{
    width: 100%;
}
.dropdown > * {
    box-sizing: border-box;
    height: 1.5em;
}
.dropdown select {
}
.dropdown input {
    background-color:#FFFFE0;
    color:#666666;
    text-align: left;
    font-size:8pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    position: absolute;
    width: calc(100% - 17px);
    height: calc(100% + 2px);
}


/*
 display:block;
 background-color:blue;
 color:white;
 font-size:110%;
 margin-bottom:1px;
 }*/
/*
div#install a:hover {
 background-color:grey;
 text-decoration:none;}

div#install a span {
 display:none;}

div#install a:hover span {
 display:block;
 position:absolute;
 left:0%;
 top:200%;
 color:black;}
*/
/*
p:hover { background-color : #FF4040 }
#form1 table tr td #desc_more_azubi #check_more_betrieb {
	text-align: left;
}*/