/*

------------------------------------------------------
	CSS Document
	(c) 2006 by Liza Herzig
	www.liza-macht-bilder.de
	last update: 19.10.2006
------------------------------------------------------

*/


/* -------------------- BODY STYLE -------------------- */

html, body {

    height: 100%;
    background: url("../img/header_bg.gif") repeat-x #D0D0D2;
    text-align: center;
    font: 11px Arial, Helvetica, Tahoma, 'Trebuchet MS', Verdana;
    color: #5F5F5F;
    margin: 0;
}

body.popup {
	background-image: none;
}

p, div
{
    font: 11px Arial, Helvetica, Tahoma, 'Trebuchet MS', Verdana;
}
/* -------------------- LINKS -------------------- */

a {

	text-decoration: none;
    color: #5F5F5F;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	color: #ff6c00; /* Orange */
	cursor: pointer;
}

a img {
	border: 0px;
}

/* -------------------- HEADLINES -------------------- */

h1 {
    color: #DFDFDF;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h2 {
	font: 14px Arial, Helvetica, Tahoma, 'Trebuchet MS', Verdana;
	margin-bottom: 12px;
	margin-top: 5px;
	text-decoration: underline;
}

h3 {

    text-transform: uppercase;
    font: 11px Arial, Helvetica, Tahoma, 'Trebuchet MS', Verdana;
	color: #5F5F5F;
	font-weight: bold;
	margin-bottom: 10px;

}

ul {
	padding: 0px;
	}

hr {

    border: 1px solid #FFFFFF;
    width: 792px;

}

.headline {
	color: #5C5F63;
	font-weight: bold;
	font-size: 13px;
}

.table_header {
	background-color: #a3a3a3;
	color: #F4F4F4;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: top;
}

.match
{
	font-weight: bold;
	color: red;
}

/* -------------------- FORMCONTROLS -------------------- */
input:hover
{
	border-color: #ff6c00;
}


/* -------------------- LAYOUT -------------------- */

#topspacer {
	height: 144px;
}

#frame {
	position:relative;
    width: 1004px;
	z-index:6;
	padding: 0px;
	margin: 0px;
}


#header {
	clear: both;
    position: absolute;
    background: url("../img/header.jpg") no-repeat;
    height: 144px;
    width: 1004px;
    margin-top: 0;
    margin-left: 0;
    text-align: left;
    z-index:1;
}

#box {
	clear: both;
	float: none;
    width: 1004px;
    heigth: auto;
    background: url("../img/content_bg.gif") repeat-y;
    text-align: left;
    margin: 0 auto 0 auto;
    z-index: 0;
}


#textlinks a {

    text-decoration: none;
    color: #666666;

}

#textlinks a:visited {

    text-decoration: none;
    color: #666666;

}

#textlinks a:hover, active, focus {

    text-decoration: none;
    color: #FFFFFF;
    background: #000000;

}

/* -------------------- MESSAGE BOX -------------------- */
.messagebackground
{
	background-color: #666666;
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 100%;
	overflow: auto;
	top: 0px;
	left: 0px;
	filter:Alpha(opacity=50);
	-moz-opacity: 0.5;
}

.messagefront
{
	position: absolute;

	z-index: 100;
	top: 0px;
	left: 0px;
	display: none;
	background-color: #EAE9EC;
	padding: 0px;
	overflow: auto;
	text-align: left;
	/* background-image: url(../img/innerpopup_bg.png);
	background-repeat: repeat-y; */
	filter: Shadow (#666666, 120);
	width: 822px;
	height: auto;
}

.messagefront #messagecontent
{
	position: relative;
	background-color: #F5F5F5;
	margin: 0px 6px 0px 6px;
	padding: 8px 8px 8px 8px;
	border: 1px solid #D0CFD2;
	display: block;
	width: auto;
	overflow: auto;
}

.messagelayout
{
	width: 99%;
	border: 1px solid #666666;
}

.messagefooter
{
	float: left;
	text-align: center;
	width: 100%;
	padding-bottom: 6px;
	padding-top: 3px;
	display: block;
}

.messagefooter input, .messagefooter img
{
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.messagetitle
{
	background-color: #666666;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	font-stretch: expanded;
	height: 20px;
	background-image: url(../img/innerpopup_title_bg.gif);
	background-repeate: repeat-x;
	margin: 0px;
	padding: 0px;
	border: 1px solid black;
}

.messagetitle span
{
	height: 20px;
	vertical-align: middle;
}

.messagetitle img
{
	float: none;
	clear: both;
	vertical-align: middle;
	margin: 0px;
}

.dialog
{
	display: none;
	position: relative;
	visibility: visible;
}
	
/* -------------------- CONTENT BOX -------------------- */

#content {
	float: right;
    width: 798px;
    min-height: 470px;
	color: #5F5F5F;
	text-align: justify;
	margin: 0px;
	overflow: hidden;
	display: block;
	margin-bottom: 25px;
}

#content table
{
    color: #5F5F5F;
    text-align: justify;
}

.text {
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
}

.contentpane {
	background-color: #F5F5F5;
	border: 1px solid #d0cfd2;
}

/* -------------------- FOOTER -------------------- */

#footer {
	clear:both;
    height: 15px;
    width: 992px;
	color: #5F5F5F;
	background: url("../img/footer_bg.jpg") no-repeat;
	background-color: #D0D0D2;
	margin: 0 auto;
	padding: 6px;
    z-index: 5;
    text-align: center;
}

#footer a {

	text-decoration: none;
	color: #5F5F5F;
	cursor: pointer;
}

#footer a:hover, active, focus {

	text-decoration: none;
	color: #ff6c00;
	cursor: pointer;
}


/* -------------------- NAVIGATION -------------------- */

#menu {
    float: left;
    width: 192px;
    min-height: 470px;
	color: #FFFFFF;
	text-align: justify;
    line-height: 14px;
    display: table-row;
    z-index: 6;
    padding-left: 4px;
    
}

#login 
{
    width: 170px;
    background-color: rgb(255, 255, 255);
    color: rgb(95, 95, 95);
    margin: 10px auto 10px auto;
    border: 1px solid rgb(230, 230, 230);
}

#login table
{
    width: 155px;
    margin: 5px;
}

/* -------------------- USER MENU -------------------- */

#usermenu {
    position: absolute;
    top: 113px;
    right: 0px;
    display: block;
    z-index: auto;
}

#usermenu img
{
	float: right;
}



/* -------------------- USER SUBMENU PROJECTS -------------------- */

#submenu_projects {
	background: url("../img/topic_search.jpg") no-repeat;
	width: 763px;
	height: 21px;
	display: block;
}

#submenu_freelancer {
	background: url("../img/topic_searchfl.jpg") no-repeat;
	width: 763px;
	height: 21px;
	display: block;
}

#submenu_searchprojects a {
    height: 21px;
    width: 119px;
    float: right;
    background: url("../img/submenu_searchprojects.jpg") 0px 0px no-repeat;
}

#submenu_searchprojects a:hover, #submenu_searchprojects a.selected {
    background-position: 0 -21px;
}

#submenu_searchfreelancer a {
    height: 21px;
    width: 129px;
    float: right;
    background: url("../img/submenu_searchfreelancer.jpg") 0 0px no-repeat;
}

#submenu_searchfreelancer a:hover, #submenu_searchfreelancer a.selected {
    background-position: 0  -21px;
}

#submenu_searchfilter a {
    height: 21px;
    width: 79px;
    float: right;
    background: url("../img/submenu_searchfilter.jpg") 0 0px no-repeat;
}

#submenu_searchfilter a:hover, #submenu_searchfilter a.selected {
    background-position: 0  -21px;
}

#submenu_help a {
    height: 21px;
    width: 49px;
    float: right;
    background: url("../img/submenu_help.jpg") 0 0px no-repeat;
}

#submenu_help a:hover, #submenu_help a.selected {
    background-position: 0  -21px;
}

/* -------------------- USER SUBMENU PROFILE -------------------- */

#submenu_profile {

background: url("../img/topic_profile.jpg") no-repeat;
width: 763px;
height: 21px;
display: block;

}

#submenu_sendprofile a {
    height: 21px;
    width: 115px;
    float: right;
    background: url("../img/submenu_sendprofile.jpg") 0 0px no-repeat;
}

#submenu_sendprofile a:hover, #submenu_sendprofile a.selected {
    background-position: 0  -21px;
}

#submenu_newprofile a {
    height: 21px;
    width: 128px;
    float: right;
    background: url("../img/submenu_newprofile.jpg") 0 0px no-repeat;
}

#submenu_newprofile a:hover, #submenu_newprofile a.selected {
    background-position: 0  -21px;
}

#submenu_uploadprofile a {
    height: 21px;
    width: 109px;
    float: right;
    background: url("../img/submenu_uploadprofile.jpg") 0 0px no-repeat;
}

#submenu_uploadprofile a:hover, #submenu_uploadprofile a.selected {
    background-position: 0px  -21px;
}

/* -------------------- USER SUBMENU USERDATA -------------------- */

#submenu_userdata {

background: url("../img/topic_userdata.jpg") no-repeat;
width: 763px;
height: 21px;
display: block;

}

#submenu_deleteuser a {
    height: 21px;
    width: 164px;
    float: right;
    background: url("../img/submenu_deleteuser.jpg") 0 0px no-repeat;
}

#submenu_deleteuser a:hover, #submenu_deleteuser a.selected  {
    background-position: 0  -21px;
}

/* -------------------- USER SUBMENU TOOLS -------------------- */

#submenu_timesheet {

background: url("../img/topic_timesheet.jpg") no-repeat;
width: 763px;
height: 21px;
display: block;

}

#submenu_addtimesheetproject a {
    height: 21px;
    width: 107px;
    float: right;
    background: url("../img/submenu_addtimesheetproject.jpg") 0 0px no-repeat;
}

#submenu_addtimesheetproject a:hover {
    background-position: 0  -21px;
}


#submenu_edittimesheetsettings a {
    height: 21px;
    width: 97px;
    float: right;
    background: url("../img/submenu_edittimesheetsettings.jpg") 0 0px no-repeat;
}

#submenu_edittimesheetsettings a:hover {
    background-position: 0  -21px;
}

#submenu_end a {
    height: 21px;
    width: 71px;
    float: right;
    background: url("../img/submenu_end.jpg") 0 0px no-repeat;
}

#submenu_end a:hover {
    background-position: 0  -21px;
}


#submenu_back a {
    height: 21px;
    width: 64px;
    float: right;
    background: url("../img/submenu_back.jpg") 0 0px no-repeat;
}

#submenu_back a:hover {
    background-position: 0  -21px;
}

/* -- */


#submenu_townsearch {
	background: url("../img/topic_admin_townsearch.jpg") no-repeat;
	width: 763px;
	height: 21px;
	display: block;	
	margin-bottom: 25;
}
	
#submenu_searchunassigned_towns a {
    height: 21px;
    width: 149px;
    float: right;
    background: url("../img/submenu_searchunassigned_towns.jpg") 0 0px no-repeat;
}

#submenu_searchunassigned_towns a:hover, #submenu_searchunassigned_towns a.selected {
    background-position: 0  -21px;
}

	
#submenu_townsearchedit a {
    height: 21px;
    width: 81px;
    float: right;
    background: url("../img/submenu_townsearch.jpg") 0 0px no-repeat;
}

#submenu_townsearchedit a:hover, #submenu_townsearchedit a.selected {
    background-position: 0  -21px;
}

/* ----------------------- PROFIL ----------------------- */

#profil a {

color: #f4f4f4;
text-decoration: none;

}

#profil a:hover,
#profil .pager a:hover
{

color: #ff6c00;
text-decoration: none;

}

#profil .pager a {
	color: #5C5F63;
}

.catcontainer {

position:relative;
width:100%;
height:200px;
visibility:hidden;
overflow: scroll;
color: black;
}

.catcontainer input {

border: 0;
background-color: rgb(163, 163, 163);
}

/* ----------------------- FORMULARE ----------------------- */

input {

background: #FFFFFF;
border: 1px solid #676a6d;
}

input:hover {

background: #FFFFFF;
border: 1px solid #676a6d;

}

input:focus {

background: #FFFFFF;
border: 1px solid #ffa26f;

}

select {

border: 1px solid #676a6d;

}

textarea {

background: #FFFFFF;
border: 1px solid #676a6d;

}

textarea:hover {

background: #FFFFFF;
border: 1px solid #676a6d;

}

textarea:focus {

background: #FFFFFF;
border: 1px solid #ffa26f;

}

.errortext {
	color: red;
}

/* ----------------------- SUCH ERGEBNISSE ----------------------- */

#search table {
	text-align: left;
	border: 1px solid #d0cfd2;
}

#search td.listing {
	border-top: 1px solid #d0cfd2;
}

#search td,
#search tr.row_0 td
{
	background-color: #FFFFFF;
}

#search tr.row_1 td
{
	background-color: #eae9ec; 
}

#search a {

	text-decoration: none;
    color: #626066;
	cursor: pointer;
}

#search a:hover {

	text-decoration: none;
	color: #ff6c00;
	cursor: pointer;
}

/* ----------------------- EDITIER FORMS ----------------------- */

.edit table {
	text-align: left;
	border: 1px solid #d0cfd2;
}

.edit td.listing {
	border-top: 1px solid #d0cfd2;
}

.edit td
{
	background-color: #FFFFFF;
}

.edit a {

	text-decoration: none;
    color: #626066;
	cursor: pointer;
}

.edit a:hover {

	text-decoration: none;
	color: #ff6c00;
	cursor: pointer;
}



/* ----------------------- PROJECT DETAILS ----------------------- */

#project_detail, #profile_detail 
{
	background-color: #eae9ec;
}

#project_detail h1, #profile_detail h1 {

color: #F4F4F4;
background-color: #626066;
text-transform: uppercase;

}

#project_detail h2, #profile_detail h2 {

background-color: #eae9ec;

}

#project_detail a, #profile_detail a {

color: #F4F4F4;
text-decoration: none;
background-color: #676a6d;

}

#project_detail a:hover, #profile_detail a:hover {

color: #fb5a03;
text-decoration: none;

}

#description, .description {
width: 530px;
border: 1px solid #ffa26f;
background-color: #FFFFFF;
margin: 0 auto;
padding: 10px;
color: #626066;
text-align: justify;
height: auto;
//float: right;
//clear: both;
}

#description img, .description img {
	margin-right: 10px;
}

#description table {

border: 1px solid #676a6d;
width: 520px;
margin: 0 auto;
background-color: #eae9ec;

}

#description table td {
	padding: 2px 8px 2px 5px;	
}

#description table th {
background-color: #626066;
color: #f4f4f4;
text-transform: uppercase;
font-weight: bold;
width: 120px;
text-align: right;
padding: 2px 5px 2px 5px;	
}

/* ----------------------- INNERPOPUP ----------------------- */

.innerpopup
{
	margin-bottom: 15px;
}

.innerpopup .description
{
	float: none;
	clear: both;
	display: block;
	
	margin: 0px;
	margin-bottom: 10px;
	overflow: auto;
	
	width: auto;
	height: auto;
}

.innerpopup .registration
{
	display: block;
	position: relative;
	height: 60px;
}
	
.innerpopup img, .description img {
	margin-right: 10px;
	position: relative;
}

.innerpopup table.hints {

	border: 1px solid #676a6d;
	width: 100%;
	margin: 0 auto;
	background-color: #eae9ec;

}

.innerpopup table.hints td {
	padding: 2px 8px 2px 5px;	
}

.innerpopup table.hints th 
{
	background-color: #626066;
	color: #f4f4f4;
	text-transform: uppercase;
	font-weight: bold;
}

.innerpopup .projecttitle
{
	display: block;
	font-size: 13px;
	font-weight: bold;
}

/* ----------------------- RESULTLIST ----------------------- */

#search .defaultlisting .row_0 td,
.defaultlisting .row_0
{
	background-color: #ffffff; 
}

#search .defaultlisting .row_1 td,
.defaultlisting tr.row_1
{
	background-color: #eae9ec; 
}

/* ----------------------- EMAILS ----------------------- */

#email1 table {

width: 730px;

}

#email1 td {

background-color: #FFFFFF;

}

#email2 table {


}

#email2 td {


}

.row_0_message_red_row td,
.row_1_message_red_row td 
{
	font-weight: bold;
}


/* ------------------------- Content layout ------------------------ */
.contenttable {
	width: 750px;
	border-collapse: collapse;
	background-color: #ffffff;
	border: 1px solid #d0cfd2;
}

.contenttable th,
.contenttable th a
{
	background-color: #A3A3A3;
	color: #F4F4F4;
	text-transform: uppercase;
	font-size: 12px;
	vertical-align: middle;
	padding-left: 2px;
}

.contenttable td, 
.contenttable th, 
.contenttable tr
{
	border: 0px;
	padding: 2px 5px 2px 3px;
	vertical-align: middle;
}

.contenttable td.title
{
	vertical-align: top;
	padding-top: 3px;
}

.contenttable td.detail, 
.contenttable th.detail
{
	padding: 2px 6px 2px 4px;
}

.contenttable th.detail
{
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
}

.contenttable tr.actionline td
{
	padding-top: 8px;
	padding-bottom: 12px;
}

.contenttable tr.row_0 td,
tr.row_0_message_red_row td
{
	background-color: #ffffff; 
}

.contenttable tr.row_1 td,
tr.row_1_message_red_row td
{
	background-color: #eae9ec; 
}


/* ------------------------- Localization ------------------------- */
#submenu_localization {
	background: url("../img/topic_localization.jpg") no-repeat;
	width: 763px;
	height: 21px;
	display: block;	
	margin-bottom: 25px;
}



textarea.edit, input.edit {
	width: 100%;
}

textarea.edit {
	height: 200px;
}

.localization_rowhead {
	border: 1px solid lightgrey; 
	background-color: lightgrey; 
	padding-right: 5px; 
	font-weight: bold;
}

td.localization_rowhead, 
th.localization_rowhead,
td.localization_content,
th.localization_content,
{
		vertical-align: top; 
}

td.localization_rowhead a,
td.localization_action a
{
	text-decoration: underline;
}

.localization_content {
	border: 1px solid lightgrey;
}

.localization_action {
	border: 1px solid lightgrey;
}

.localization_token {
	color: red;
}

/* ------------------------- AJAX DEBUG MESSAGE ------------------------- */

#__debugmessages
{
	display: block;
	border: 1px solid red;
	background-color: #FFE6D3;
	padding: 8px 10px 8px 10px;
	margin: 0px;
}

/* ------------------------- MARQUEE LOGOS ------------------------- */

#marqueecontainer{
	position: relative;
	width: 230px; /*marquee width */
	height: 230px; /*marquee height */
	background-color: white;
	overflow: hidden;
	border: 1px solid lightgrey; 
}

#vmarquee
{
	width: 100%;
}

#vmarquee img 
{
	display: block;
	margin: 0px auto 00px auto;
}

/* ------------------------- PARTNER LOGOS ------------------------- */
 
.partnerlist
{
	width: 100%;
}

.partnerlist td
{
	height: 55px;
	vertical-align: middle;
	text-align: center;
}

/* ------------------------- STATUS MESSAGES ------------------------- */
 
.status_success
{
	color: green;
}

.status_error
{
	color: red;
}

/* ------------------------- CONTEXT HELP ------------------------- */

.contextHelp
{
	display: none;
}

.contextHelpIcon
{
	border: 0px;
	display: inline;
	margin-left: 5px;
	vertical-align: top;
	background-color: transparent;
}

.contextHelpIcon:hover
{
	border: 0px;
	background-color: transparent;
}