/**
* clean theme from streberPM
*  (c)2005 thomas@pixtur.de
*/

/* === common settings ================================== */


body{
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #444;
margin: 0px;
padding: 0px;
background-image: url(img/background.jpg);
background-repeat: repeat-x;
}

#logo{
width: 894px;
height: 120px;
clear: both; 
margin-left: auto;
margin-right: auto;
background-image: url(img/logo.jpg);
background-position: center;
background-repeat: no-repeat;
}

#header{
background-image: url(img/background-headermoz.jpg);
background-position: top;
background-repeat: no-repeat;
width: 100%;
height: auto;
overflow: auto;
}

h1.title, h1, h2, h3, h4{
font-size: 11px;
font-weight: bold;
color: #333;
margin: 0px;
padding: 0px;
}

h2.no-expand{
background-color: #e9e8e8;
color: #333;
padding-top: 4px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

a{
font-size: 10px;
font-weight: bold;
color: #333;
text-decoration: none;
}

a:hover{
color: #000;
}

#content-background{
width: 894px;
margin-left: auto;
margin-right: auto;
background-image: url(img/content-background.jpg);
background-position: top;
background-repeat: no-repeat;
height: auto;
margin-bottom: 0px;
}

#content{
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 850px;
}

img{
border: 0px;
}

input,textarea,select,checkbox{
border: 1px solid #999;
font-size: 11px;
font-family: tahoma, verdana, arial;
}

#sections{
margin-top: 1px;
height: 66px;
width: 690px;
float: right;
overflow: hidden;
background-image: url(img/navbar.jpg);
background-position: top;
background-repeat: no-repeat;
}

#user_functions{
float: right;
padding-top: 8px;
width: 894px;
clear: both;
text-align: right;
font-size: 10px;
}

.page_functions{
width: 838px;
overflow: visible;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 0px;
background-color: #e9e8e8;
height: 21px;
}

.page_functions a{
display: block;
padding-right: 10px;
width: auto;
background-color: #f2f2f2;
float: left;
text-align: center;
margin-right: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.group{
display: block;
padding-right: 10px;
width: auto;
background-color: #888;
float: left;
text-align: center;
margin-right: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 3px;
color: #fff;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
font-weight: bold;
}

.page_functions a:hover{
background-color: #fff;
}

#nav_sub{
width: auto;
float: right;
margin-top: -27px;
clear: both;
margin-bottom: 11px;
}

.options a, .help a, .breadcrumbs a{
width: 80px;
padding-top: 7px;
height: 19px;
display: block;
background-color: #eae9e8;
border-top: 1px solid #a2a1a1;
border-right: 1px solid #a2a1a1;
border-left: 1px solid #a2a1a1;
position: relative;
float: left;
text-align: center;
margin-left: 2px;
}

.options a:hover,.help a:hover, .breadcrumbs a:hover{
background-color: #fff;
border-top: 1px solid #a2a1a1;
border-right: 1px solid #a2a1a1;
border-left: 1px solid #a2a1a1;
position: relative;
float: left;
height: 20px;
padding-top: 6px;
}

.options a.current{
background-color: #807e7d;
position: relative;
float: left;
padding-top: 8px;
color: #ccc;
height: 23px;
border: 0px;
background-image: url(img/breadcrumb-current.gif);
background-repeat: no-repeat;
}

.options a:hover.current{
background-color: #807e7d;
position: relative;
float: left;
padding-top: 8px;
color: #fff;
height: 23px;
border: 0px;
background-image: url(img/breadcrumb-current.gif);
background-repeat: no-repeat;
}

#headline{
margin-top: 0px;
padding-top: 10px;
height: 25px;
width: 838px;
padding-left: 15px;
background-image: url(img/headline.jpg);
margin-left: -1px;
background-repeat: no-repeat;
clear: both;
font-weight: bold;
color: #444;
}

.minor{
font-weight: normal;
font-size: 11px;
}

#all-content{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
min-height: 600px;
height: 100%;
margin-left: -1px;
width: 848px;
margin-bottom: 0px;
}

#padding-content{
margin-top: 12px;
width: 826px;
height: auto;
overflow: hidden;
background-color: #fff;
position: relative;
margin-left: auto;
margin-right: auto;
}

.logo-footer{
width: 850px;
background-image: url(img/footer.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 135px;
margin-top: 0px;
width: 100%;
margin-left: -2px;
text-align: center;
color: #999;
padding-top: 27px;
font-family: arial, helvetica;
font-size: 10px;
font-weight: bold;
}

#tab_home{
margin-left: 44px;
margin-top: 38px;
width: 80px;
height: 10px;
display: block;
float: left;
text-align: center;
}

#tab_projects{
float: left;
margin-top: 38px;
width: 87px;
text-align: center;
}

#tab_people{
float: left;
margin-top: 38px;
width: 75px;
text-align: center;
}

#tab_companies{
float: left;
margin-top: 38px;
width: 95px;
text-align: center;
}

#tab_search{
float: left;
margin-top: 34px;
margin-left: 69px;
text-align: center;
}

.search-text{
position: relative;
float: left;
padding-top: 6px;
}

.searchfield{
margin-left: 17px;
height: 14px;
width: 156px;
padding: 4px;
font-family: tahoma, verdana, arial;
font-size: 10px;
color: #333;
font-weight: bold;
border: 1px solid #ccc;
}

.presets{
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px dotted #666;
font-weight: normal;
width: 818px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
clear: both;
}

.block_options{
padding-top: 6px;
border-bottom: 1px dotted #666;
font-weight: normal;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
text-align: right;
margin-bottom: 15px;
height: 19px;
clear: both;
}

.block_options a{
margin-right: 2px;
font-weight: normal;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
background-color: #eee;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 8px;
display: block;
width: 65px;
position: relative;
float: right;
text-align: center;
}

.block_options a:hover{
background-color: #fff;
}

.presets a{
margin-right: 10px;
font-weight: normal;
}

.presets a.current{
text-decoration: underline;
font-weight: bold;
}

#c2{
margin: 0px;
width: 570px;
height: 100%;
overflow: hidden;
float: left;
background-color: #f6f6f6;
}

#c1{
float: right;
width: 237px;
background-color: #f2f2f2;
position: relative;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#footer{
text-align: center;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
width: 90%;
display: none;
}

#c2 div.header h2.table_name{
width: 550px;
overflow: hidden;
}

.opened .header h2 {
background-image:url(img/expand.gif);
background-repeat:no-repeat;
background-position:top left;
width: 100%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: #ccc;
padding-top: 3px;
padding-bottom: 5px;
}

.closed div.header h2{
background-image:url(img/closed.gif);
background-repeat:no-repeat;
background-position:top left;
width: 100%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: #ccc;
padding-top: 3px;
padding-bottom: 5px;
}



.block  h2 {
cursor:pointer;
padding-left:19px;
position:relative;
font-size: 11px;
clear: both;
background-color: #ccc;
}

.header{
clear: both;
}

td{
text-align: left;
}

.empty{
font-weight: bold;
width: 100%;
padding: 10px;
}

.footer{
border-top: 1px dotted #666;
padding-top: 5px;
font-weight: bold;
width: 100%;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}

th.title, .select_col{
background-color: #f6f6f6;
font-size: 10px;
font-weight: bold;
color: #333;
width: auto;
text-align: left;
}

tr{
border-bottom: 1px solid #ccc;
}

.block div.linklist {
padding:5px;
margin:8px 2px 0px 5px;
-moz-border-radius:7px;
font-weight: bold;
}

.linklist ul{
list-style-type: none;
padding: 0px;
margin: 0px;
padding-top: 6px;
padding-bottom: 6px;
}

.linklist ul li a{
padding-left: 10px;
display: block;
width: 205px;
background-color: #fff;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
}

.linklist ul li a:hover{
display: block;
width: 205px;
background-color: #ccc;
padding-top: 5px;
padding-bottom: 5px;
}

.block  div.labeled{
margin:5px 0px 0px 90px;
padding:3px 3px 3px 3px;
clear:left;
}

.block  div.labeled label{
width:80px;
display:block;
float:left;
text-align:right;
padding-right:10px;
margin-left:-45px;
font-size:8pt;
color:#333;

}
.block  div.labeled > label { /* hidden from IE5.0 */
margin-left:-90px;
}

tr.oddundefined td{
background-color: #ffff;
padding-top: 5px;
padding-bottom: 5px;
}

tr.evenundefined td{
background-color: #f6f6f6;
padding-top: 5px;
padding-bottom: 5px;
}

.chapter{
padding: 10px;
width: 90%;
height: auto;
line-height: 17px;
color: #333;
}

div.block > div.table_container {
clear:both;
margin-right:1px;
}

div.table_container table{
width: 100%;
}

.formbuttons{
padding-top: 5px;
float: right;
}

.form  label {
width:13%;
overflow: visible;
display:block;
float:left;
text-align:right;
padding-top:4px;
padding-right: 5px;
font-weight: bold;
}

.form textarea {
width:70%;
border:1px solid #bbb;
padding:2px 2px 2px 2px;
margin:2px 0px 2px 4px;
-moz-border-radius:4px;
}

.button_calendar {
font-size:0.06em;
padding:11px 9px 2px 9px;
margin: 4px;
-moz-border-radius:0px 0px 0px 0px;
background:#fff url(img/bg_button_calendar.gif);
background-repeat:no-repeat;
color:#bbb;
cursor:pointer;
}

div.formbuttons div.formoptions {
text-align:left;
float:left;
}

span.checker label{
width: 100px;
float: left;
text-align: left;
padding-left: 5px;
font-weight: normal;
font-size: 11px;
margin-top: 2px;
}

.form span.checker input, .form div.checker input{
float:left;
padding:1px 2px 0px 3px;
margin:4px 0px 3px 55px;
display:block;
text-align: left;
 }
 
.sub{
padding-top: 5px;
}

.upload{
margin-left: auto;
margin-right: auto;
margin-top: 25px;
width: 25%;
}

/* --- tabgroup ---- */
   div.tabgroup {
     clear:both;
     margin:0.5em 1em;
	 height: auto;
    }
	
    div.tabgroup ul {
     margin:0;
     padding:0px 0px 0px 0px;
     list-style:none;
     height:26px;

    }

    div.tabgroup li.tab_header a {
	 text-align: center;
     color:#333;
     border:0;
     display:block;
     padding:.5em .6em .0em .6em;
	 height: 20px;
	 width: 100px;
    }
	
    div.tabgroup li.tab_header {
      background-color:#eee;
      float:left;
      margin-right:.3em;
      border:1px solid #D5D5D5;
      border-width: 1px 1px 0px 1px;

    }
    div.tabgroup li.tab_header.Active {
      background-color:#ccc;
    }


    div.tabgroup li.Active a {
     color:#333;
    }
    div.tabgroup li a:hover {
     background-color:#fff;
    }
    div.tabgroup div.tab_body {
     background-image: url(layout/bg_tabgroup_tabbody.png);
     background-repeat:repeat-x;
     background-position:top;
     padding: 1em 1em 1em 1em;
     border:1px solid #d5d5d5;
     border-width:  1px 1px 1px 1px;
     clear:both;
    }

    div.tabgroup div.Hidden {
        display:none;
    }
    div.tabgroup div.tab_body label {
        position:relative;
    }
    .block label {
        position:relative;
    }

/* ==== feedback-line ==========================================*/

div.messages {
    background-color:#eeeeee;
    border-bottom:1px dashed #888;
    padding:4px;
    padding-left:5px;
    color:#000;
	margin-bottom: 10px;
    /*font-size:80%;*/
}

div.messages p span.type{
    margin:0px;
    padding:0px;
    padding-left:18px;
    color:#eeeeee;
    font-weight:bold;
    background-position:center left;
    background-repeat:no-repeat;
}

div.messages p.note span.type {
    display:none;
}

div.messages p.warning span.type{
    background-image:url(img/icon_feedback_warning.png);
}

div.messages p.error span.type{
    background-image:url(img/icon_feedback_error.png);
}

div.messages p.hint span.type{
    background-image:url(img/icon_feedback_hint.png);
}

div.messages a {
    border-bottom:1px dotted #888;
}

div.messages a:hover {
    border-bottom:1px dotted #f00;
}


#message b{
    font-weight:normal;
    font-style:italic;
}