body {
	margin: 0px;  
	background-color: #fff;
	color: #000;
	font-family: verdana, non-serif;
	font-weight: normal;
	font-size: 11px;
	height: 100%;
	}

img { border:solid gray 0px; }

#main { 
    position: relative;
    background:url(../imgs/header-bg.gif);
    background-repeat:no-repeat;
    background-color: #fff;
    margin: 30px 0px 0px -490px;  
    padding-top:30px;
    left: 50%; 
    width: 980px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 10px 0px #666;
    -moz-box-shadow: 0px 0px 10px 0px #666;
    box-shadow: 0px 0px 10px 0px #666;
}
#header {
    margin: 0;
    padding: 0;
}
#header IMG {
    margin: 0 30px 8px 20px;
    padding: 0;
    float: left;
}
#header H1 {
    margin: 0;
    padding: 4px 0 0 0;
    display: block;
    width: 800px;
    text-align: center;
}
/*
#header { 
	background-color: #666;
	margin: 0px 0px 0px -500px;  
	padding:0px;
	left: 50%; 
	width: 980px;
	}
*/
#divsort_table { 
	position: relative;
	padding: 0 16px 16px 16px;
	margin: 8px 0px 20px 0px;  
	}

#einblender {
    visibility:visible;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: height 1s, visibility 1s;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	}

/*
.text { 
	margin: 10px 0px 0px 0px;  
	position:relative; 
	left: 50px; 
	top: 10px; 
	width: 630px;
	color: #F00;
	font-family: verdana, non-serif;
	font-weight: normal;
	line-height: 19px;
	text-align:justify;
	}
*/
p {
	color: #666;
	width: 400px;
}
ADDRESS {
    text-align: center;
    margin: 40px 0;
    padding: 0 0 20px 0;
    font-style: normal;
    font-size: 10px;
}
/* ----------------------------------------------------------------------------------------- */
/* Login-Form------------------------------------------------------------------------------- */
FORM.login {
    margin: 40px 0 0 0;
}
FORM.login INPUT {
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0px;
}
FORM.login INPUT.submit {
    border: 0px;
}

/* Accordion
----------------------------------*/
table.rowheader { 
    cursor: pointer; 
    position: relative;
    width: 100%;
    margin-top: 0px; 
    zoom: 1; 
    background: #e6e6e6 url(/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
}
table.rowheader TD {
  border: 0px dotted #000;
}
table span.arrow {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    margin: 0 0 0 0;
    background: url(/css/images/ui-icons_454545_256x240.png) -113px -193px no-repeat;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}
table span.arrow:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1.0;
    opacity: 1.0;
    
}

table.aktiv { 
    margin-top: 0px; 
    zoom: 1; 
/*    background: #ccc none; */
    font-weight: bold;
}
table.aktiv span.arrow {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    margin: 0 0 0 0;
    background: url(/css/images/ui-icons_454545_256x240.png) -129px -193px no-repeat;
}

#new_header {
    background: #fff;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: height 1s, visibility 1s;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
}
#new_header_arrow {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    margin: 0 0 0 0;
    background: url('/css/images/ui-icons_454545_256x240.png') -129px -193px no-repeat;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}
#new_header_arrow:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1.0;
    opacity: 1.0;
}
.neuer {
    color:#666;
}

/* Accordion
----------------------------------*/


/* content */
#content {
    padding: 16px;
}
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 3px; zoom: 1; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .1em .1em .1em .1em; }
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.0em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -9px; }
.ui-accordion .ui-accordion-content { padding: 0em 1em; border-top: 0; margin-top: 2px; position: relative; top: 1px; margin-bottom: 4px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; margin-top: -2px; top: 1px; margin-bottom: 4px; }

/* ----------------------------------------------------------------------------------------- */

table.header { background-color: #666; width:100%; padding: 5px 25px 5px 25px; }

td {
	color: #666;
	overflow:hidden;
	}
	
td.rechts {
	text-align: right;
	}

td.links {
	text-align: left;
	}

.bolder {
	font-weight: bold;
	}

.lighter {
	color: #fff;
	}

.lighter a {
	color: #fff;
	}

/* ----------------------------------------------------------------------------------------- */

table.legende { 
    margin: 0px 0px 4px 0px; 
    padding: 0px 8px 0px 10px; 
    width:100%;
    border: 1px solid #c3c3c3;
    font-weight: bold; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

td.status { width: 55px; }
td.neu { width: 55px; color:#F29400; }
td.status2 { width: 70px; }
td.date { width: 90px; }
td.projekt { width: 120px; }
td.title { width: 300px; }
td.sender { width: 60px; }
td.sender SELECT { margin-right: 4px; }
td.recipient { width: 80px; }
td.tid { width: 40px;}
td.flag { width: 40px; padding-right:3px; text-align: center;}
td.flag DIV {position: relative; z-index:0;}

td.status img,
td.status2 img,
td.status3 img { 
    margin: 0 0 0 8px;
     }


table.subs { margin-left: 12px; width:900px;}
td.status3 { width: 57px; }
td.status4 { width: 100px; }
td.date2 { width: 120px; }
td.title2 { width: 280px; }
td.title3 { width: 450px;}
td.button { width: 100px;}

/* Tabelle neuer Task */
table.new { 
    margin: 0 0 0 4px; 
    width:940px;
    border-collapse: collapse;
}

/* Tabelle neue Antwort */
table.new_answer { margin-left: 2px; width:940px;}


/* ----------------------------------------------------------------------------------------- */

b {
	font-family: verdana, non-serif;
	font-weight: bold;
	text-decoration: none;
	}

h1 {
	margin-left: 27px;
	margin-top: -30px;
	margin-bottom: 20px;
	color: #666;
	font-family: 'Michroma', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	}

small {
	color: #666;
	font-family: verdana, non-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	}

.orange {
	color: #F29400;
	}


/* ----------------------------------------------------------------------------------------- */

a {
	color: #666;
	font-family: verdana, non-serif;
	text-decoration: none;
	}

a:link {
	color: #666;
	text-decoration: none;
	}
	
a:active {
	color: #F29400;
	text-decoration: underline;
	}
	
a:hover {
	color: #F29400;
	text-decoration: none;
	}

a.top {
	color: #FFF;
	font-family: verdana, non-serif;
	text-decoration: none;
	}

a.top:link {
	color: #FFF;
	text-decoration: none;
	}
	
a.top:active {
	color: #F29400;
	text-decoration: underline;
	}
	
a.top:hover {
	color: #F29400;
	text-decoration: none;
	}

/* ----------------------------------------------------------------------------------------- */

legend {
	color: #666;
	font-family: verdana, non-serif;
	font-weight: bold;
	}
	
fieldset {
	color: #666;
	font-family: verdana, non-serif;
	font-weight: bold;
	border-color: silver;
	border-width:1px;
	border-style:solid;
	}
	
input, select, textarea,file {
	background:#FFF;
	color: #666;
	font-family: verdana, non-serif;
	font-weight: bold;
	font-size: 11px;
	padding:3px;
	margin:0px;
	border:1px solid silver;
	vertical-align:top;
	cursor: pointer;
	}
select {
	background:#FFF;
	color: #666;
	font-family: verdana, non-serif;
	font-weight: bold;
	font-size: 11px;
	padding:2px;
	margin:0px;
	border:1px solid silver;
	vertical-align:top;
	cursor: pointer;
	}
textarea {  
        width: 440px;  
        min-height: 50px;  
        overflow: hidden;
    }  
      
/* verstecktes DIV für die automatische Größenanpassung der Tast-TextArea */
.hiddendiv {  
        display: none;  
        width: 430px;  
        border: 1px solid red;
        min-height: 95px;  
        font-family: verdana, non-serif;
        font-size: 1.0em;  
        font-weight: bold;
        padding: 3px;  
        position: absolute;
        top: 0;
        left: 0;
    } 
    .hiddendiv2 {  
        display: none;  
        width: 420px;  
        border: 1px solid green;
        min-height: 50px;  
        font-family: verdana, non-serif;
        font-size: 11px;  
        font-weight: bold;
        padding: 3px;  
        position: absolute;
        bottom: 0;
        left: 10px;
    }

input[type=text] {
	font-family: verdana, non-serif;
	height: 15px;
	}

input[type=radio] {
	padding:0px;
	margin:3px 0px 0px 0px;
	vertical-align:top;
	}

input[type=checkbox] {
	padding:0px;
	margin:2px 0px 0px 0px;
	vertical-align:top;
	}

hr {
	color:silver;
	background-color:silver;
	height:1px;
	border:0px;
	margin-top:0px;
	margin-bottom:0px;
	}

/* ----------------------------------------------------------------------------------------- */

table.calendar { border: 0 }
table.calendar td, th { text-align: center; border: 0 }
table.calendar th { height: 10px; font-size: 7pt; }
table.calendar td { width: 19px; height: 10px; font-size: 9pt; }
table.calendar .calendar-month { font-weight: bold; margin-top: 3px; font-size: 12pt; text-align: center }
table.calendar .calendar-month a { text-decoration: none }
table.calendar .calendar-prev, table.calendar .calendar-next { font-weight: normal; }
table.calendar th { color: green; text-align: center; }
table.calendar td.linked-day { font-size: 11pt }
table.prevnext { width: 100%; margin-top: .3em; }
table.prevnext td { font-size: smaller; }
table.prevnext td a { text-decoration: none }

/*----------------------- EDITS WITH AJAX ------------------------------------------------------*/

/* -- Formatierungen für divsort */
.divsort_row {
    border: 1px solid #c3c3c3 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0 0 4px 0;
    overflow: hidden;
}
.divsort_row TD A {
  display: block;
  width: 100%;
  height: 100%;
}
.divsort_row TD A:HOVER {
  color: #666;
}
.answers {
    border: 0px solid silver !important;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: height 1s, visibility 1s;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  overflow: hidden;
}

.divsort_head_table TD {
    border: 0px solid #999;
}
.divsort_head_table td span,
.divsort_foot_table td span
{
    cursor: pointer;
}


.new_row {
    width: 946px;
    overflow: hidden;
    border: 1px solid #c3c3c3 !important;
    margin: 4px 0px 4px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.new_row h3 {
    margin: 4px 0 0 8px;
}
.new_row select {
    padding: 2px 0 2px 0;
}

/* -- Tabelle Nutzer/Rechte bearbeiten */
TABLE.usr_rights {
    display: block;
    float: left;
    border: 1px solid #ccc;
    margin: 0 40px 20px 0;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
TABLE.usr_rights H4 {
    margin: 5px 0 10px 0;
}

TABLE.edit {
    margin: 20px 0 20px 0;
    border-collapse: collapse
}
TABLE.edit TD {
    padding: 5px 0 5px 0;
}
DIV.editrow {
    height: 0px;
    overflow: hidden;
    padding: 0px;
    -moz-transition-property: height;
    -moz-transition-duration: 0.7s;
    -moz-animation: ease-in-out;
}

/* Tasks editieren */
DIV.taskedit {
    padding: 0;
}
DIV.taskedit H2 {
    background: #eee;
    padding: 3px 0 3px 15px;
    margin: 0;
    font-size: 11px;
}
DIV.taskedit TABLE.edit {
    margin: 10px 0 0 75px;
    font-size: 11px;
}
DIV.taskedit TABLE.edit SPAN.warn {
    padding: 0 0 0 0;
    font-weight: bold;
    line-height: 1.0em;
    color: #ff0000;
}

DIV.taskedit h2.rowheader { 
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 0px; 
    padding: 0px 0 0 36px;
    zoom: 1; 
    background: #e6e6e6 url(/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    border: 1px solid #ddd;
    color: #666;
}