/* unnötige styles entfernen TODO */

/* Overall Page */
body { margin: 0; padding-bottom: 2em; background-color: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; }

/* Header Section */
#header { height: 50px; background-color: #FFFFFF; }
#header .title { font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif; color: black; background-color: transparent; float: left; margin-right: 2em; margin-top: 0.3em; margin-left: .8em; }
#header .breadcrumb { font: 90% Arial, Helvetica, Verdana, Georgia, "Times New Roman", Times, serif; color: black; background-color: transparent; float: right; margin-right: 2em; margin-top: 0.8em; font-weight:bold; }
#header a:link, a:visited { color: #B51032; }

/* Footer */
#footer { position: absolute; bottom: 0; width: 100%; height: 22px; background-color: #FFFFFF; color: black; border-top: gray 1px solid; text-align: left; 
          vertical-align: middle; font-family: Arial, Helvetica, Verdana, Georgia, "Times New Roman" , Times, serif; }
#footer a:link, #footer a:visited { padding: 0.8em 1em 0.5em 1em; color: #FFFFFF; background-color: transparent; font-size: 80%; }

/* Navigation */
#navigation { width: 150px; top: 0px; left: 0px; position:absolute; font-family: Arial, Helvetica, sans-serif; font-size:90%; }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation li { border-bottom: 1px solid #ED9F9F; }
#navigation li a:link, 
#navigation li a:visited { display: block; padding: 5px 5px 5px 0.5em; border-left: 12px solid #711515; border-right: 1px solid #711515; background-color: #B51032; color: #FFFFFF; text-decoration: none; }
#navigation li a:hover { background-color: #711515; color: #FFFFFF; }
#navigation ul ul { margin-left: 12px; }
#navigation ul ul li { border-bottom: 1px solid #711515; margin:0; }
#navigation ul ul a:link, #navigation ul ul a:visited { background-color: #ED9F9F; color: #711515; }
#navigation ul ul a:hover { background-color: #711515; color: #FFFFFF; }

/* Main Content */
#content { margin-top:1em; margin-left: 16em; margin-right: 2em; height: 100%; }
#content p { font-size: 80%; }
h1 { font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif; }

/* Inserted from here by OM */
.table_content { top: 10px; left: 7px; width: 100%; height: 100%; position: absolute; background-repeat: repeat-x; background-position: left top; background-attachment: fixed; 
                 background-color: #d7e2f7; vertical-align: middle; font-family: Arial, Tahoma, Verdana; text-align: left; border-right: silver 1px solid; 
                 border-top: silver 1px solid; border-left: silver 1px solid; border-bottom: silver 1px solid; padding-right: 0px; padding-left: 0px; 
                 padding-bottom: 0px; margin: 0px; padding-top: 0px; }
                 
.table_content_footer_img_background { left: 0px; position: absolute; }
.table_content_header { left: 20px; top: 16px; position: absolute; font-weight: bold; }

label { padding: 0; margin: 0; }


.content_label { height: 22px; text-align: left; vertical-align: middle; font-family: Arial, Helvetica, Verdana, Georgia, "Times New Roman" , Times, serif; font-size: 11px; font-weight: 500; }

.content_element { text-align: left; vertical-align: middle; font-family: Arial, Helvetica, Verdana, Georgia, "Times New Roman" , Times, serif; font-size: 11px; font-weight: 500; margin: 0; }
.content_element { padding: 0; margin: 0; text-align: left; vertical-align: middle; font-family: Arial, Helvetica, Verdana, Georgia, "Times New Roman" , Times, serif; font-size: 11px; font-weight: 500; margin: 0px; }
.content_element_big { text-align: left; vertical-align: middle; font-family: Verdana; font-size: 18px; font-weight: 500; margin: 0; }
.content_element_header { text-align: left; vertical-align: middle; font-family: Arial, Helvetica, Verdana, Georgia, "Times New Roman" , Times, serif; font-size: 12px; font-weight: 700; }
.content_element_bold { padding: 0; margin: 0; text-align: left; vertical-align: middle; font-family: Arial, Helvetica, Verdana, Georgia, "Times New Roman" , Times, serif; font-size: 11px; font-weight: 700; margin: 0; }

/*
.table_login_forms { border-right: gray 2px solid; border-top: gray 2px solid; border-left: gray 2px solid; border-bottom: gray 2px solid; background-color: #b3c7be; }
.table_login_header { background-color: #2557ad; }
*/

.table_arranger { padding: 0px; margin: 0px; border: solid 1px #000000; }
.table_arranger { padding: 0; margin: 0; }
.table_arranger_outline { padding: 0; margin: 0; border: solid 1px #000000; }
.tr_arranger { padding: 0px; margin: 0px; }
.td_arranger { padding: 0px; margin: 0px; line-height: 12px; }

.SkinOffice2007TabContentBorder { border-style: solid; border-top: 0px; border-bottom: 1px; border-left: 1px; border-right: 1px; border-color: #8db3e4; }

/* UserFeedback */
.PROCESSPC-FeedBackWrapperNote { border: solid 1px #9fc7f5; background-color: #dbecff; margin:10px auto; margin-bottom:10px; }
.PROCESSPC-FeedBackWrapperOk { border: solid 1px #98b954; background-color: #e7fdc9; margin:10px auto; margin-bottom:10px; }
.PROCESSPC-FeedBackWrapperError { border: solid 1px #bf4e4b; background-color: #ffc7c6; margin:10px auto; margin-bottom:10px; }
.PROCESSPC-FeedBackWrapperPlain { border:1px solid #ffffff; background-color: #ffffff; margin:10px auto; margin-bottom:10px; }
.PROCESSPC-FeedBackWrapperOk .inner,
.PROCESSPC-FeedBackWrapperError .inner,
.PROCESSPC-FeedBackWrapperNote .inner,
.PROCESSPC-FeedBackWrapperPlain .inner { padding:3px; font-family: Arial, Tahoma, Verdana; font-size: 11px; }

.PROCESSPC-FeedBackWrapperOk div.inner div.image,
.PROCESSPC-FeedBackWrapperError div.inner div.image,
.PROCESSPC-FeedBackWrapperNote div.inner div.image
{
    width:20px;
    float:left;
}

.PROCESSPC-FeedBackWrapperOk div.inner div.text,
.PROCESSPC-FeedBackWrapperError div.inner div.text,
.PROCESSPC-FeedBackWrapperNote div.inner div.text
{
    padding-top:1px;
    float:left;
}
/* Userwizard */
.div_dialog { text-align: left; font: 12px/16px "segoe ui" ,arial,sans-serif; border: 1px solid #8BA0BC; color: #384E73; width: 100%; }
.div_dialog .inner { background-color: #ffffff; width: auto; padding: 5px; }
.div_dialog .head { color: #000000; height: 24px; padding-top: 6px; padding-left: 8px; border-bottom: 1px solid #8BA0BC; }

/* Zeiterfassung -> //TODO an Default anpassen */
div.RadToolBar_Default .rtbOuter { border: none; }
div.RadToolBar_Default .rtbMiddle { border: none; }

.div_zeiterfassung_wrapper .right { text-align: right; }
.div_zeiterfassung_grid { height: 24px; padding-top: 6px; }
.div_zeiterfassung_grid img { border: 0; padding-right: 3px; }
.div_zeiterfassung_grid .left .image { float: left; }
.div_zeiterfassung_grid .left .smallimage { float: left; padding-top: 4px; }
.div_zeiterfassung_grid .left .smallimage-pen { float: left; padding-top: 3px; }
.div_zeiterfassung_grid .left .text { float: left; padding-top: 1px; margin-right: 20px; }
.div_zeiterfassung_grid .left { float: left; padding-left: 5px; }
.div_zeiterfassung_grid .right { float: right; padding-right: 5px; }
.div_zeiterfassung_grid .right .image { float: left; margin-left: 5px; }
.div_zeiterfassung_grid .right .text { float: left; padding-top: 1px; }

.div_speichern .button { margin-left: 5px }

/* define standards */
.noborder { border:0 !important }

.fright  { float: right } .fleft   { float: left  } .cleft   { clear: left  } .cright  { clear: right } .cboth   { clear: both  }

.perc005 { width:5%  } .perc100 { width:100% } .perc050 { width:50% } .perc055 { width:55%  }
.perc010 { width:10% } .perc015 { width:15%  } .perc060 { width:60% } .perc065 { width:65%  }
.perc020 { width:20% } .perc025 { width:25%  } .perc070 { width:70% } .perc075 { width:75%  }
.perc030 { width:30% } .perc035 { width:35%  } .perc080 { width:80% } .perc085 { width:85%  }
.perc040 { width:40% } .perc045 { width:45%  } .perc090 { width:90% } .perc095 { width:95%  }
.perc033 { width:33% } .perc066 { width:66%  } .perc099 { width:99% }

.fixed005 { width:5px   } .fixed010 { width:10px  } .fixed055 { width:55px  } .fixed060 { width:60px  } 
.fixed015 { width:15px  } .fixed020 { width:20px  } .fixed065 { width:65px  } .fixed070 { width:70px  }
.fixed025 { width:25px  } .fixed030 { width:30px  } .fixed075 { width:75px  } .fixed080 { width:80px  }
.fixed035 { width:35px  } .fixed040 { width:40px  } .fixed085 { width:85px  } .fixed090 { width:90px  }
.fixed045 { width:45px  } .fixed050 { width:50px  } .fixed095 { width:95px  } .fixed100 { width:100px }
.fixed105 { width:105px } .fixed110 { width:110px } .fixed155 { width:155px } .fixed160 { width:160px }
.fixed115 { width:115px } .fixed120 { width:120px } .fixed165 { width:165px } .fixed170 { width:170px }
.fixed125 { width:125px } .fixed130 { width:130px } .fixed175 { width:175px } .fixed180 { width:180px }
.fixed135 { width:135px } .fixed140 { width:140px } .fixed185 { width:185px } .fixed190 { width:190px }
.fixed145 { width:145px } .fixed150 { width:150px } .fixed195 { width:195px } .fixed200 { width:200px }
.fixed205 { width:205px } .fixed210 { width:210px } .fixed255 { width:255px } .fixed260 { width:260px }
.fixed215 { width:215px } .fixed220 { width:220px } .fixed265 { width:265px } .fixed270 { width:270px }
.fixed225 { width:225px } .fixed230 { width:230px } .fixed275 { width:275px } .fixed280 { width:280px }
.fixed235 { width:235px } .fixed240 { width:240px } .fixed285 { width:285px } .fixed290 { width:290px }
.fixed245 { width:245px } .fixed250 { width:250px } .fixed295 { width:295px } .fixed300 { width:300px }
.fixed305 { width:305px } .fixed310 { width:310px } .fixed355 { width:355px } .fixed360 { width:360px }
.fixed315 { width:315px } .fixed320 { width:320px } .fixed365 { width:365px } .fixed370 { width:370px }
.fixed325 { width:325px } .fixed330 { width:330px } .fixed375 { width:375px } .fixed380 { width:380px }
.fixed335 { width:335px } .fixed340 { width:340px } .fixed385 { width:385px } .fixed390 { width:390px }
.fixed345 { width:345px } .fixed350 { width:350px } .fixed395 { width:395px } .fixed400 { width:400px }
.fixed405 { width:405px } .fixed410 { width:410px } .fixed455 { width:455px } .fixed460 { width:460px }
.fixed415 { width:415px } .fixed420 { width:420px } .fixed465 { width:465px } .fixed470 { width:470px }
.fixed425 { width:425px } .fixed430 { width:430px } .fixed475 { width:475px } .fixed480 { width:480px }
.fixed435 { width:435px } .fixed440 { width:440px } .fixed485 { width:385px } .fixed490 { width:490px }
.fixed445 { width:445px } .fixed450 { width:450px } .fixed495 { width:495px } .fixed500 { width:500px }

.mbottom5 { margin-bottom:5px } .mbottom10 { margin-bottom:10px } .mbottom15 { margin-bottom:15px }

.ptop5 { padding-top:5px  } .ptop10 { padding-top:10px } .ptop15 { padding-top:15px }

.talignc { text-align:center } .talignl { text-align:left } .talignr { text-align:right }

.cpointer { cursor:pointer } .cdefault { cursor:default }

/* TABLEISTE CLOSE ICON */
#stripSpriteLink { text-decoration: none; background-position: 0 0; width: 10px !important; height: 10px !important; display:inline-block; border:1px solid #e1e5e6 !important; cursor:default; }
#stripSpriteLink:hover, #stripSpriteLink:active { background-position: 0 -13px; width: 10px; height: 10px; border:1px solid #c6d0d1 !important; cursor:default; }