body,p,th,td  { font-family: Arial,Helvetica,sans-serif; /* font-size : 16px;   font-size: 0.75em; */ font-size: 14px; }
body          { color: black; background-color : white; margin: 0px; }
p             { font-size : 14px; }
h1            { font-size : 120%; }
h2            { font-size : 110%; }
h3            { font-size : 100%; }
h4,h5,h6      { font-size : 100%; margin-top: 5px; }
li            { list-style-type: square; }


a             { text-decoration:underline; color : black; }
a:hover       { text-decoration:underline; }

a.navmain1    { font-size : 14px; color:black; } 
a.navmain0    { font-size : 14px; color:black; }   
a.navsub1     { font-size : 11px; color:black; }
a.navsub0     { font-size : 11px; color:black; }

.navinfo      { font-size : 11px; color:#333333; text-align:center; margin-top: 2px; margin-bottom: 2px; }
.navinfohd    { font-size : 11px; color:#333333; background-color: #CCCCCC; margin-top: 0px; margin-bottom: 0px;  }
.navinfotab   { border-top-style: solid; border-bottom-style: solid; border-color: gray; border-top-width: 1px; border-bottom-width: 1px;}

h1.hdtitle    { font-size : 140%; }
p.hdtitle     { font-size : 90%;  }

table         { width: 100%; }

td            { vertical-align:top; }
.tdgray       { background-color:#E4E4E4; }
.tdgray2      { background-color:#EEEEEE; }
.tdgreen      { background-color:#E4E4E4; color: black; }
.tdgreen a    { color: black; }

.navgray0     { background-color:white; }   
.navgray1     { background-color:#E4E4E4; backgr_ound-color:#E4E4E4; }   
.navgray2     { background-color:#E4E4E4; backgr_ound-color:#E4E4E4; }  
.navgray3     { background-color:#CCCCCC; backgr_ound-color:#F0F0F0; }  
.navgray4     { background-color:#AAAAAA; backgr_ound-color:#D1D1D1; }  

.quicklink    { color:white;  }

p.headln      { color:black; font-weight:bold; font-size:16px; margin-top: 30px; }

hr { 	border-style: solid;	color: Gray; }

h3.topntit    { margin-top: 0px; margin-bottom: 0px; color: #333333; }
h3.topnews    { margin-top: 3px; margin-bottom: 3px; color: black; }
p.topnews     { margin-top: 0px; margin-bottom: 0px; color: black; }

.hinweis      { color:gray; font-size: 11px }


table.prot {
   font-size: 12px;
   
}

table.tabreiter {
   border-collapse: collapse;
	empty-cells: show;
   font-weight: bold;
}
table.tabreiter a, table.tabreiter a:hover { 
   text-decoration:none; 
}

td.tabreiter { 
   padding: 0; 
   width: 180px; 
}
td.tabreiter_leer {
   background-image:url(../img/tab_line.png); 
   background-repeat: repeat-x;
}
div.tabreiter {
   width: 170px; 
   height: 50px; 
   text-align: center; 
   vertical-align:middle; 
   /* border: 1px solid silver;    ohne border verliert bild im div position!  */
   border: 1px solid transparent;

}
div.tabreiter_week {
   background-image:url(../img/c32/event.png); 
   background-position: 5px 5px;
   background-repeat:no-repeat;  
}
div.tabreiter_account {
   background-image:url(../img/c32/female_user.png); 
   background-position: 5px 5px;
   background-repeat:no-repeat;  
}
div.tabreiter_admin {
   background-image:url(../img/c32/process.png); 
   background-position: 5px 5px;
   background-repeat:no-repeat;  
}
div.tabreiter_info {
   background-image:url(../img/c32/info.png); 
   background-position: 5px 5px;
   background-repeat:no-repeat;  
}

td.tabreiter2 { /* mobil/desktop */ }

div.tabreiter2 {
   padding: 15px;
   text-align: center;
   border: 1px solid silver;
   font-weight: bold;
   background-image:url(../img/tab_verlauf.png); 
   background-repeat: repeat-x;
}
div.tabreiter2_active {
   background-color: #C0C0C0;
   color: #FF0000;
}
div.tabreiter2_link {
   background-color: gainsboro;
   color: black;
}
div.tabreiter2_nolink {
   background-color: white;
   color: silver;
}

div.tabr2int_week {
    background-image: url("../img/calendar32.png");
    background-position: 6px center;
    background-repeat: no-repeat;
    height: 16px;
    padding: 15px;  
}
div.tabr2int_account {
    background-image: url("../img/user32.png");
    background-position: 6px center;
    background-repeat: no-repeat;
    height: 16px;
    padding: 15px;  
}
div.tabr2int_admin {
    background-image: url("../img/config32.png");
    background-position: 6px center;
    background-repeat: no-repeat;
    height: 16px;
    padding: 15px;  
}
div.tabr2int_help {
    background-image: url("../img/help32.png");
    background-position: 6px center;
    background-repeat: no-repeat;
    height: 16px;
    padding: 15px;  
}

td.tabreiter2 a, td.tabreiter2 a:hover { 
   text-decoration:none; 
}

th.prot,th.prot1 { 
   text-align: left; 
   background-color: gainsboro;
   font-size: 12px;
}
td.prot,td.prot1 {
   border-right: 1px dotted silver;
   font-size: 12px;
}
th.prot1 { 
   background-color: #FFDD66;
}
td.prot1 { 
   background-color: #FFEEBB;
}
td.small {
   font-size: 12px;
}
td.linebot {
   border-bottom: 1px dotted silver;
}
td.linetop {
   border-top: 1px dotted silver;
}

td.wp_clock_hd { width: 9%; }
td.wp_day_hd { 
   width: 13%;
   /*background-color: silver;*/
   border: 1px solid #FFCC66;
   height: 30px;
   text-align: center;
   vertical-align: middle;
   width: 13%; 
}
td.wp_today {
   background-color: #FFDD66;
}
td.wp_clock, td.wp_day {
   border-bottom: 1px solid silver;
   padding: 0px;
}

#loginbox {
   padding: 0px;
   border: 1px solid silver;
   background-color: white;
   /*opacity: 0.7;*/
}

#loginbox table {
   margin: 0px;
   /*border: 1px solid green;*/
}

div.event, div.course {
   height: 40px;
   background-color: #FFDD66; /* #FFEED0;  powderblue;white */
   /*border: 1px solid #DDDDDD;*/
   border-bottom: 1px solid white;
   font-size: 13px;
   cursor: pointer;
   overflow: hidden;
}
div.event td {
   font-size: 13px;
}

div.event_dummy {
   height: 40px;
}
div.event_marked {
   background-color: yellow;
}
div.course {
   background-color: orange;
}
div.event_past {
   background-color: #DDDDDD;
   color: gray;
}
div.daytitle {
   background-color: #ff8888; 
   font-weight: bold; height: 32px; padding: 8px 0 0; text-align: center;
}

div.bookmsg_ok, span.bookmsg_ok {
   width: 100%;
   color: white;
   background-color: green;
}
div.bookmsg_err, span.bookmsg_err {
   width: 100%;
   color: white;
   background-color: red;
}
div.bookmsg_nix, span.bookmsg_nix {
   width: 100%;
   color: black;
   background-color: silver;
}
span.bookmsg_ok, span.bookmsg_err, span.bookmsg_nix {
   padding: 2px;
}

div.highlight_ok {
   color:green; 
   border: 1px dotted green;
   background-color: #DDFFDD;  
   margin: 5px 0; 
}
div.highlight_err {
   color:red; 
   border: 1px dotted red;
   background-color: #FFDDDD; 
   margin: 5px 0;  
}
div.highlight_ok p, div.highlight_err p {
   margin: 5px;
}
.threestate0 { /*background-color: #FFCCCC;*/ font-weight:bold; color: red;}
.threestate1 { background-color: #CCFFCC; font-weight:bold; color: green;}
.threestate2 { background-color: #FFFFCC; font-weight:bold; color: orange;}
   

#popupbkgr {
   display: none; 
   background-color: #FFFFFF; 
   z-index: 500;
   opacity: .6; filter: alpha(opacity=60); -moz-opacity: .6;
   top: 0px; 
   height: 100%; 
   left: 0px; 
   width: 100%; 
   right: 0px; 
   position: absolute; 
   text-align: center;   
}

#popup {
   display: none; 
   background-color: white; 
   border: 1px solid black; 
   z-index: 501;
   opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; 
   padding: 0px;
   top: 50px; 
   height: 80%; 
   min-height: 400px; 
   left: 20px; 
   width: 90%; 
   right: 20px; 
   position: absolute; 
   text-align: left;
}

#overlay {
   display: none; 
   background-color: #FFFFFF; 
   z-index: 1000;
   opacity: .6; filter: alpha(opacity=60); -moz-opacity: .6;
   top: 0px; 
   height: 100%; 
   left: 0px; 
   width: 100%; 
   right: 0px; 
   position: absolute; 
   text-align: center;   
}

div.evntdet_btnclose {
   cursor: pointer; 
   /*font-size: 150%;*/ 
   /*font-weight: bold;*/ 
   padding: 20px 5px; 
   background-image: url(../img/tab_verlauf.png);
   background-repeat: repeat-x; 
   border: 1px solid silver; 
   margin: 2px;
   min-width: 30px;
   /*color: red;*/
}

td.evntdet_title1 {
   background-color: #FFDD66;
   border-top: 1px solid #FFCC66;
   border-left: 1px solid #FFCC66;
   border-bottom: 1px solid #FFCC66;
   border-right: 1px solid #FFCC66;
}
td.evntdet_title2 {
   border-bottom: 1px solid #FFCC66;
}

p.evntdet_tit1 {
   font-weight: bold; margin: 4px 0; font-size: 120%;
}
p.evntdet_tit2 { 
   font-weight: bold; margin: 4px 0;
}

div.ajaxbutton {
   cursor: pointer; 
   padding: 5px 5px 0;
   background-image: url(../img/tab_verlauf.png);
   background-repeat: repeat-x; 
   border: 1px solid silver; 
   margin: 2px;
   text-align: center;
   width: 24px;
}
div.ajaxbutton_dis {
   cursor: default;
   color: gray;
}
div.ajaxbuttonimg {
   background-image: url("../img/ok24.png");
   background-repeat: no-repeat;
   min-height: 24px;
   min-width: 24px;
   padding: 4px 0 0;
}

div.warning {
   color: red;
   border: 1px solid red;
   padding: 3px;
}

td.parentopt {
   border-left: 2px solid blue;
   background-color: #DDEEDD;
}   
td.parentopt2 {
   background-color: #DDEEDD;
}   

div.footer {
   border-top: 1px solid silver; 
   color: gray; 
   font-size: 13px; 
   background-color: gainsboro; 
   padding: 3px;     
}

div.footer a { text-decoration:none; }
div.footer a:hover { text-decoration:underline; }


/* div.hlpframe { border:1px dotted red; margin: 3px 0; padding: 3px;background-color: #ffeedd; } */ 
div.hlpframe { border: 1px solid #ffcc66; margin: 3px 0; padding: 3px;background-color: #ffdd66; }
/*h2.hlptitle { color: red; }*/
p.hlpsubtitle { color: red; }
div.hlplist { color: red; }
li.hlplink { list-style-type: square;
   /*list-style-image: url('/sha-re/img/help16.png');
   list-style-image: url('/sha-re/img/pfeil12.png');*/
   margin-left: -10px; }
a.hlplink { color:red; text-decoration:none;  }
a.hlplink:hover { text-decoration:underline; }
.hlplinkopen { font-style:italic;   }


li.hlphead {
   list-style-type: square;
   /*list-style-image: url('/sha-re/img/help16.png');
   list-style-image: url('/sha-re/img/pfeil12.png');*/
   margin-left: -10px;
}
a.hlphead { color:red; /*font-weight:bold;*/ text-decoration:none; }
a.hlphead:hover { text-decoration:underline; }
div.hlpitem { 
   background-color: #ffeedd;
   margin-left: 40px;
   padding: 10px; 
   
}
div.hlpitem p { margin-top: 0px; }
p.hlphead2 { font-style: italic; }
span.hlpmenue { font-style:italic; font-weight: bold; color: #AA6666; }



html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 25px; /* bottom = footer height */
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
}

.small { font-size: 90%; }

div.ovviewbox {
   border:  1px solid gray;
   border-radius: 10px;
   padding: 10px;
   margin: 5px;
}
div.ovviewbox h2 {
   margin-top: 2px;   
}


#rounded-corner tr:first-child th:first-child {      border-top-left-radius:10px; }
#rounded-corner tr:first-child th:last-child  {      border-top-right-radius:10px;}
#rounded-corner tr:last-child  td:last-child  { border-bottom-right-radius:10px; }
#rounded-corner tr:last-child  td:first-child  { border-bottom-left-radius:10px; }



#rounded-corner
{
                font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
                font-size: 12px;
                margin: 45px;
                width: 480px;
                text-align: left;
                border-collapse: collapse;
   line-height: 1.6em;
}
#rounded-corner th
{
                padding: 8px;
                font-weight: normal;
                font-size: 13px;
                color: #039;
                background: #b9c9fe;
}
#rounded-corner td
{
                padding: 8px;
                background: #e8edff;
                border-top: 1px solid #fff;
                color: #669;
}
#rounded-corner tr:hover td
{
                background: #d0dafd;
}

#rounded-corner tr:first-child th:first-child {      border-top-left-radius:10px; }
#rounded-corner tr:first-child th:last-child  {      border-top-right-radius:10px;}
#rounded-corner tr:last-child  td:last-child  { border-bottom-right-radius:10px; }
#rounded-corner tr:last-child  td:first-child  { border-bottom-left-radius:10px; }

input.linkButton { 
   background: none;
   border: none;
   color: #0066ff;
   text-decoration: underline;
   cursor: pointer; 
   font-size:11px;
   padding: 0;
}

span.checkit {
   display: none;
}

td.regsteps {
   width: 20%;
   border: 1px solid #ffdd66;
   text-align: center;
   vertical-align: middle; 
   border-radius: 5px;
}
td.regstep1 {
   background-color: #ffdd66; 
}

/*
button {
   margin: 0 2em;
	padding: .2em .5em;
}
button img {
	margin-right: .2em;
}
*/

button.imgbutton {
   background: url(/dev/img/imgbtn_ok.png);
   border: 0 none;
   height: 37px;
   padding: 0 0 0 34px;
   text-align: left;
   width: 151px;
   cursor: pointer;
}


/* Messages */
div.msg {
   border: 1px solid red;
   margin: 50px;  
   padding: 30px;
   background-color: white;
}
div.msgtit {
}
div.msgtxt {
   padding-bottom: 5px;
   
}
div.msgsub {
   text-align: center;
   padding-top: 20px;
   
}
div.msgccl {
   text-align: right;
   font-size: 90%;
}
div.msgccl a {
   text-decoration: none;
   /* color: #039; */
}
div.msgccl a:hover {
   text-decoration: underline;
}

.evntlist_resv, .evntlist_resv a {
   font-style:italic;
   color:grey;
}
.evntlist_merr a {
   color:red;
}
.evntlist_mast a {
   color:blue;
}
.evntlist_storn {
   text-decoration:line-through;
   color:grey
}

div.redesign {
   padding: 6px;
   margin: 5px;
   border-radius: 5px;
   font-size: small;
   color: gray;
   background-color: #E9F2FC;
}
div.redesign a {
   color: gray;
}