.term-trans{
/*     opacity: 0.5;        modern browser   
    -moz-opacity: 0.5;   older Mozilla browser   
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  IE8 in Standard Compliant Mode   
    filter:alpha(opacity=50);  IE5.x -7.0   */
}

#logo_bg {
    background-image: url('../images/gfx/logo.jpg');
    background-repeat:no-repeat;
    background-position:center;
    height: 143px;
}

#content_bg {
    background-image: url('../images/gfx/content_bg.jpg');
    background-position:center;
   position: relative;
/*   background-repeat: no-repeat;*/
}

#topnews_head {
    background-image: url('../images/gfx/topnews_head_bg.png');
    background-repeat:no-repeat;
    background-position:center;
    height: 31px;
}

#content_spacer {
    height: 6px;
}

.secondTableHead{
    background-color: #57737D;
/*    background-color: #003058;*/
    border-radius: 0px;
    color: #fff;
}

.secondTableHeadline{
    background-color: #003058;
    border-radius: 0px;
    color: #fff;
}

.whiteBackground {
    background-color: #fff;
}

.redBackground {
    background-color: #DBD7D2;
}

.whiteFont {
    color: #fff;
}

input.button {
/*    width: 60px;*/
    text-align: center;
border-top: #a2998f 2px solid; /* Farbe und Art des oberen Rands */
border-left: #a2998f 2px solid; /* linker Rand */
border-bottom: #53402b 2px solid; /* unterer Rand */
border-right: #53402b 2px solid; /* rechter Rand */
    
    background-color: #7D7164;
    color: #fff;
    padding: 1px;
}

input.button:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
border-top: #53402b 2px solid;
border-left: #53402b 2px solid;
border-bottom: #a2998f 2px solid;
border-right: #a2998f 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding: 1px;
background-color: #726353;
}

.button{
        /*width: 60px;*/
    text-align: center;
    border-top: #a2998f 2px solid;  
    border-left: #a2998f 2px solid;  
    border-bottom: #53402b 2px solid;  
    border-right: #53402b 2px solid;  
    
    background-color: #7D7164;
    color: #fff;
    padding: 1px;
}

.button:hover{
     
    border-top: #53402b 2px solid;
    border-left: #53402b 2px solid;
    border-bottom: #a2998f 2px solid;
    border-right: #a2998f 2px solid;
    padding: 1px;
    background-color: #726353;
}

#footer_shadow {
    background-image: url('../images/shadow_buttom.png');
    width: 979px;
    height: 13px;
    
}

.index_links {
    color: #DBD7D2;
}

#interessenten{
    color: #DBD7D2;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}

#username{
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}

table.borderTable {border-collapse: collapse; border: 0px solid #57737D; }
table.borderTable tr {border-collapse: collapse; border: 0.5px solid #57737D; }
table.borderTable td {border-collapse: collapse; border: 0.5px solid #57737D; }



/*********************
* CALENDAR
********************/
#th_1 {
    background-image:url('../images/kalender/bg_th_1.png'); 
    background-repeat:no-repeat;
/*    width: 42px;*/
    height: 30px;
    cursor: pointer;
}

#th_2 {
    background-image:url('../images/kalender/bg_th_2.png'); 
    background-repeat:no-repeat;
    width: 42px;
    height: 30px;
    cursor: pointer;
}

#th_3 {
    background-image:url('../images/kalender/bg_th_3.png'); 
    background-repeat:no-repeat;
/*    width: 70px;*/
    height: 30px;
    cursor: pointer;
}

#th_4 {
    background-color: #ffffff;
    height: 30px;
    text-align: center;
    font-size: 12px;
}

#th_5 {
    background-image:url('../images/kalender/bg_th_5.png'); 
    background-repeat:no-repeat;
    width: 66px;
    height: 30px;
    cursor: pointer;
}

#th_6 {
    background-image:url('../images/kalender/bg_th_6.png'); 
    background-repeat:no-repeat;
    width: 66px;
    height: 30px;
    cursor: pointer;
}

#th_7 {
    background-image:url('../images/kalender/bg_th_7.png'); 
    background-repeat:no-repeat;
    width: 59px;
    height: 30px;
    cursor: pointer;
}

#th_8 {
    background-image:url('../images/kalender/bg_th_1_reverse.png'); 
    background-repeat:no-repeat;
    width: 59px;
    height: 30px;
    cursor: pointer;
}

.white_bg {
    background-color: #ffffff;
}

.icon_heute {
    background-image:url('../images/kalender/icon_heute.png'); 
    background-repeat:no-repeat;
    width: 59px;
    height: 30px;
    cursor: pointer;
}

.blue_bg {
    background-color: #09809a;
}

#round_corners {
    -moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
}


/******************************************************
*    sidebar left tables (tagesTermine, jobtelefonliste)
*******************************************************/
.sidebarTableLeft {
    width: 180px;
}

.sidebarHeadLeft {
/*    background-image: url('../images/topjob/topnews_head_sidebar.png');*/
    height: 30px;
}

.sidebarContentLeft {
/*    background-color: #fff;*/
   
}

#sbl_leftHead{
/*    background-image: url('../images/topjob/list_head.png');*/
    width: 24px;
    height: 30px;
    vertical-align: top;
}

#sbl_rightHead{
    width: 180px;
    background-color: #fff;
    color: #666666;
    padding-left: 5px;
    font-weight: bold;
    border-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-color: #e0e0e0;
    font-size: 11px;
}

#sbl_leftContent{
    width: 24px;
/*    background-color: #0fa8c8;*/
/*    background-image:url('../images/topjob/px.png'); 
    background-repeat: repeat;*/
}

#sbl_rightContent{
    width: 150px;
    
    
}



/***********************
*        CLOCK         *
***********************/

/*body {
	background: #282e3a;
	color: #f9f9f9;
	font: 100%/1.5em "Droid Sans", sans-serif;
	margin: 0;
}

p { margin: 0; }
*/
#clock_wrapper {
    position: relative;
    left: 50px;
    top: -19;
}


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

 /*---------- GENERAL-CLASSES ----------*/ 

.container {
/*	height: 228px;*/
	left: 50%;
/*	margin: -124px 0 0 -100px;*/
	position: relatiive;
	top: 50%;
	width: 150px;
}
/* ---------- APP ---------- */

.app {
	text-align: center;
}

.app-title {
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0 5px #15181f;
}

.clock {
	height: 100px;
	margin-bottom: -10px;
	margin-left: -180px;
        position: relative;
	width: 200px;
}

.clock-inner {
	background: #ffffff;
	border-radius: 50%;
	height: 100px;
/*	left: 160%;*/
/*        padding-left: 15px;*/
	margin: -60px 0 0 210px;
	position: absolute;
	top: 50%;
	width: 100px;
        
}

.clock-center,
#clock-seconds,
#clock-minutes,
#clock-hours {
    	left: 50%;
	position: absolute;
	top: 50%;
}

.clock-center {
	background: #666666;
	border-radius: 50%;
	height: 12px;
	margin: -6px 0 0 -6px;
	width: 12px;
	z-index: 4;
}

#clock-seconds {
	background: #e1e1e1;
	border-radius: 0px;
	height: 35px;
	margin: -35px 0 0 -1px;
	-webkit-transform-origin: 1px 35px;
	-moz-transform-origin: 1px 35px;
	-ms-transform-origin: 1px 35px;
	-o-transform-origin: 1px 35px;
	transform-origin: 1px 35px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 2px;
  z-index: 3;
}

#clock-minutes {
	background: #666666;
	border-radius: 4px;
	height: 40px;
	margin: -40px 0 0 -1px;
	-webkit-transform-origin: 2px 40px;
	-moz-transform-origin: 2px 40px;
	-ms-transform-origin: 2px 40px;
	-o-transform-origin: 2px 40px;
	transform-origin: 1px 40px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 2px;
  z-index: 2;
}

#clock-hours {
	background: #a4a4a4;
	border-radius: 4px;
	height: 30px;
	margin: -30px 0 0 -1px;
	-webkit-transform-origin: 2px 30px;
	-moz-transform-origin: 2px 30px;
	-ms-transform-origin: 2px 30px;
	-o-transform-origin: 2px 30px;
	transform-origin: 1px 30px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 2px;
  z-index: 1;
}

.clock-numbers {
	color: #a4a4a4;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 80px;
	margin: -40px 0 0 -40px;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 80px;
}

.clock-numbers li {
	height: 20px;
	line-height: 20px;
	margin: -10px;
	position: absolute;
	text-align: center;
	width: 20px;
}

.clock-numbers li:nth-child(1) {
	left: 50%;
	top: 0;
}

.clock-numbers li:nth-child(2) {
	right: 0;
	top: 50%;
}

.clock-numbers li:nth-child(3) {
	bottom: 0;
	left: 50%;
}

.clock-numbers li:nth-child(4) {
	left: 0;
	top: 50%;
}



/*
* dokumente
*/

.clear{
   clear: left;
}

.arrow{
    height:12px;
    width: 25px;
}

/*IE weiche*/
.doku_headline{
   width: 97%;
   min-height: 25px;
   height: auto;
   background-color: #003058;
   color: #E7E7E7;
   font-size: 11pt;
/*   font-weight: bold;*/
   padding: 5px 0px 0px 2px;
/*   overflow: hidden;*/
  cursor: pointer;
}

.doku{
    height: 24px;
    border: 1px solid #57737D;
    border-collapse: collapse;
    padding-top: 5px; 
    padding-left: 5px;
}

.doku_row{
    min-height: 65px;
    height : auto;
    border: 1px solid #57737D;
    border-top: 0px;
    
    border-collapse: collapse;
    padding-top: 5px; 
    padding-left: 5px;
}

.head{
    background-color: #DBD7D2;
}

.head_nr{
    width: 10%;
    float: left;
}

.head_title{
    width: 35%;
    float: left;
    border-left: 0px;
}

.head_datei{
    width: 26%;
    float: left;
    border-left: 0px;
}

.head_upload{
    width: 13%;
    float: left;
    text-align: center;
    padding-top: 0px;
    height: 29px;
    border-left: 0px;
}

.upload{
    width: 13%;
    float: left;
    text-align: center;
    border-left: 0px;
}

.head_edit{
    width: 9%;
    float: left;
    border-left: 0px;
}


.bluerow{
    background-color: #DBD7D2;
}

.whiterow{
    background-color: #F7F9FA;
}