body {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	width: 100%;
	margin: 0;
}

html {
     overflow: -moz-scrollbars-vertical;
}

/* main content */
#customer, #freelancer{
	width: 964px;
	margin-left: auto;
	margin-right: auto;
}

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

/* header & footer */


/* header area & main menu */
#header {
	height: 130px;
	position: relative;
}

#header_spacer {
	height: 30px;
	display: block;
}

#main_menu {
	position: absolute;
	bottom: 0;
	height: 25px;
	width: 100%;
}

#main_menu h1 {
	padding: 4px 4px 4px 12px;
	font-weight: bold;
	font-size: 12px;
	float: left;
	margin: 0;
}

#main_menu a {
	text-decoration: none;
}

#main_menu a:hover {
	text-decoration: underline;
}

.main_menu_text {
	font-weight: normal;
}

#main_menu img {
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
}

.left_menu .item_separator {
	width: 70%;
	height: 1px;
	margin-top: 12px;
	margin-bottom: 12px;
	border-bottom: 1px dashed;
	padding: 0;
	line-height: 1px;
}
.left_menu a {
	display: block;
}
#logo {
	background-image: url(../img/resoomprojekte.jpg);
	background-repeat: no-repeat;
	height: 67px;
	width: 273px;
	float: left;
}

#languages {
	text-align: right;
	float: left;
	width: 690px;
	font-size: 12px;
}

#languages a {
	font-weight: bold;
	text-decoration: none;
}

#languages a:hover {
	text-decoration: underline;
}

#language_list img {
	border: 0;
	margin-left: 10px;
}

.hidden {
  visibility: hidden;
}

#clear_left, .clear_left {
	clear: left;
}

#clear_right, .clear_right {
	clear: right;
}

#clear_both, .clear_both {
	clear: both;
}

.center, #center {
	text-align: center;
}

#right {
	text-align: right;
}

#left {
	text-align: left;
}

.small_text {
	font-size: 9px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

#portal_text {
	margin-top: 15px;
}

#menu_buttons {
	padding: 0;
	margin: 0;
	float: right;
	height: 25px;
}

#register_links {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 400px;
	height: 25px;
	float:right;
	clear:left;
}

#register_links li {
	margin-top: 5px;
	margin-left: 5px;
	float: right;
	width: 161px;
	text-align: right;
}

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

.list li {
	margin: 6px 0px 6px 0px;
}

#search_terms li, #search_terms select {margin: 0px; padding: 0px;}
#search_terms input.medium_input {width: 150px;}
#search_terms select.medium_input {width: 156px;}

.list_discs {
	list-style-type: disc;
	margin-left: 40px;
	padding: 0;
}

.link_red a {
	text-decoration: none;
	font-weight: bold;
}

.link_red a:hover {
	text-decoration: underline;
}

.link_blue a {
	text-decoration: none;
	font-weight: bold;
}

.link_blue a:hover {
	text-decoration: underline;
}

#footer {
	width: 964px;
	border-top: 4px solid;
	border-bottom: 4px solid;
	padding: 5px 0px 5px 0px;
	text-align: center;
	height: 60px;
}

#footer img {
	border: 0;
	padding-left: 3px;
	padding-right: 3px;
}

#footer_links {
	margin-top: 5px;
}

#footer_links a {
	text-decoration: none;
}

#footer_links a:hover {
	text-decoration: underline;
}

/* popups */

.popup_logo {
	background: url(logo.gif) no-repeat;
	width: 400px;
	height: 31px;
	margin-bottom: 10px;
	text-align: right;
	color: #666666;
	font-size: 16px;
}

.popup {
	padding: 20px;
}

.popup_content {
	border: 1px solid #bebebe;
}

.popup h1 {
	font-size: 14px;
	border-bottom: 1px solid #bebebe;
	background-color: #f8f8f8;
	padding: 0;
	margin-bottom: 4px;
}

.popup_footer {
	font-size: 10px;
}

.popup_footer a {
	text-decoration: none;
	color: #7e7e7e;
}

.popup_footer a:hover {
	text-decoration: underline;
}

.overflow {
	height:200px;
	overflow: scroll;
	padding: 8px;
	margin-top: 4px;
	margin-bottom: 10px;
	font-size: 12px;
	background-color: #f9f9f9;
}

/* central content part */
.content {
	padding: 0;
	margin: 0px 0px 10px 0px;
	border: 0;
}

.content a {
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

.bodytext, .menu_bodytext {
    /*text-align: justify;*/
	margin: 10px 10px 10px 18px;
	padding: 0;
}

.left_menu {
    font-size: 120%;
	  line-height: 1.4em;
    font-variant: small-caps;
}

.menu_bodytext a:hover {
color: #000;
}

.backend_bodytext {
	margin: 0px 10px 10px 18px;
	padding: 0;
	line-height: 30px;
}

.banner_bodytext {
	text-align: center;
	margin: 15px 0px 15px 0px;
}

.menu_bodytext a {
	line-height: 16px;
}

.content h1 {
	background-repeat: no-repeat;
	padding-left: 17px;
	font-weight: bold;
	font-size: 115%;
	margin: 0;
}

.content h2 {
	font-size: 11px;
	padding: 0;
	margin: 0;
}

.content h3, .popup_content h3 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
	font-size: 12px;
	border-bottom: 1px solid;
}

.content h2, .popup_content h2 {
	font-size: 12px;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 6px 10px;
}

.content h4 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
	font-size: 12px;
	border-bottom: 1px solid;
}
.content_left {
	padding: 0px 5px 5px 5px;
	width: 623px;
}

.content_right {
	width: 315px;
	padding: 0px 5px 5px 10px;
}

.content_separator {
	width: 1px;
}

.item_separator {
	height: 10px;
}

.path {
	font-size: 12px;
	font-weight: bold;
	padding: 12px 6px 12px 6px;
	float:left;
	clear:left;
}

.content_header {
	margin: 0px 10px 20px 10px;
}

/* contact manager */
#contact_manager img {
	border: 0;
}

.contact_manager {
	border: 1px solid #bebebe;
}

.col2 {
	background-color: #f6f6f6;
}

.col1 {
	background-color: #dedede;
}

.home_col1 {
	background-color: #E8E8E8;
}

.home_col2 {
	background-color: #fff;
}

#contact_manager, #last_searches, #project_manager_list, #jobscan_short {
	padding: 0;
	margin: 0;
	width: 100%;
}

#contact_manager tr td, #last_searches tr td, #project_manager_list tr td {
	padding: 4px;
	margin: 0;
}

#contact_manager tr th, #last_searches tr th {
	text-align: left;
	border-bottom: 1px solid #bebebe;
}

#project_manager_list tr td {
	border-bottom: 1px solid #bebebe;
}

/* login div*/

.people_image {
	width: 290px;
	float: left;
}

#login {
	width: 275px;
	height: 155px;
	float: left;
	padding-left: 25px;
	padding-top: 25px;
}

#login input {
	margin-bottom: 10px;
}
#login .small_input {
  width: 140px;
}

.error {
	background: url(../icons/icon_alert.gif) no-repeat;
	padding-left: 20px;
	color: red;
}

.warning {
	background: url(../icons/exclamation.gif) no-repeat;
	padding-left: 20px;
}

.note {
	/*background: url(../icons/note.gif) no-repeat;*/
	padding-left: 20px;
	font-size: 10px;
	/*display: block;*/
}

.message {
	background: url(../icons/comment_blue.gif) no-repeat;
	padding-left: 20px;
}

.question {
	margin: 6px 0px 6px 0px;
	background: url(../icons/help.gif) no-repeat;
	padding-left: 20px;
}

/* forms */

.medium_input {
  width: 200px;
}
select.medium_input{
  width: 206px;
}
.small_input {
  width: 100px;
}

.tiny_input {
  width: 50px !important;
  text-align: right;
}


#login.small_input {
  width: 150px;
}
select.small_input{
  width: 106px;
}
.large_input {
  width: 300px;
}
input.extra_large_input {
  width: 500px;
}
#projects_edit textarea.extra_large_input {
  height: 60px;
}
textarea.extra_large_input {
  width: 500px;
  height: 200px;
}

select.large_input {
  width: 306px;
}

.larger_input {
  width: 348px;
}

select.larger_input {
	width: 354px;
}

.data_form input, .data_form textarea {
	margin: 3px 0px 0px 0px;
	border: 1px solid;
	font-size: 11px;
	padding: 2px;
    /*font-size:105%;
    font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Andale Mono", monospace;*/
    letter-spacing: 0.1em;
}
.data_form .required {
  font-weight: bold;
}

.data_form select {
	margin: 3px 0px 0px 0px;
	border: 1px solid;
	font-size: 12px;
  /*font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Andale Mono", monospace;*/
}

.data_form {
	padding: 0;
	margin: 0;
}

.data_form label {
/*border-bottom: 1px solid #bebebe;*/
  width: 120px;
  float: left;
  text-align: right;
  margin-right:2em;
  margin-top: 0.5em;
}

.data_form label.inline {
    display:inline;
    padding-left: 10px;
}
.data_form label.labelLeft {
  float: left;
  text-align: left;
  padding-left: 20px;
  margin-right:2em;
  margin-top: 0.5em;
}
.login_form {
	padding: 0;
	margin: 10px 0px 0px 18px;
}

.search_form {
	margin: 0px 0px 0px 10px;
	padding: 0;
}

.right_form {
	float: left;
}

.login_form input {
	margin-top: 3px;
	border: 1px solid;
	font-size: 11px;
}

.search_form input {
	border:  1px solid;
	font-size: 11px;
}

.submit_button {
	margin-left: 16px;
	background-repeat: repeat-x;
	padding: 0px 16px 0px 16px;
}

.button {
	font-size: 11px;
	background-repeat: repeat-x;
	padding: 2px 6px 2px 6px;
/*	font-size:105%;*/
    /*font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Andale Mono", monospace;*/
    /*letter-spacing: 0.1em;*/
}

.select {
	border: 1px solid;
	width: 100%;
	padding: 4px;
	margin: 10px 0px 10px 0px;
	font-size:105%;
    /*font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Andale Mono", monospace;*/
    /*letter-spacing: 0.1em;*/
}

.black_form {
	margin: 0;
	padding: 0;
}

.black_form input {
	border: 1px solid;
	font-size: 11px;
	padding: 1px;
}

.black_submit_button {
	margin-left: 6px;
	background-repeat: repeat-x;
	padding: 0px 6px 0px 6px;
	font-weight: bold;
	width: 60px;
}

#black_search {
	width: 100px;
}

/* statistics */
.statistic_wrapper {
	text-align: right;
	margin: 0px;
}

.statistics {
	border: 1px solid #0E6FB3;
	padding: 2px;
	margin: 2px;
}

a.view_all {
	background-image: url(../img/page/view_all.gif);
	background-repeat: no-repeat;
	width: 73px;
	height: 15px;
	text-align: center;
    display: block;
    float: right;
    padding: 0px 0px 0px 4px;
}

/* banners */
.banner_separator {
	border-top: 1px solid #bebebe;
	height: 4px;
}

/* list of companies */
.companies {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	float: left;
	width: 220px;
  font-size: 14px;
  font-weight: bold;
}

.companies li {
	margin: 0px 0px 8px 0px;
}

.companies a {
	font-size: 11px;
}

.companies_wrapper {
}

#companies_right {
	border-left: 1px solid #9E9E9E;
	margin-left: 60px;
	padding-left: 60px;
}

/* front end menu styles */
.menu_content_bar {
	width: 200px;
	padding: 0px 5px 5px 10px;
}

.menu_content {
	width: 490px;
	padding: 0px 10px 5px 10px;
}

.menu_content_wide {
	width: 705px;
    /*width: 930px;*/
	padding: 0px 5px 5px 10px;
}

.register_wide {
	width: 945px;
}

/* misc content */

.red {
	background-color: red; /* changeme */
	color: #fff;
	padding: 2px 4px 0px 2px;
}
.green {
	background-color: green; /* changeme */
	color: #fff;
	padding: 2px 4px 0px 2px;
}
.yellow {
	background-color: #CEA905; /* changeme */
	color: #fff;
  padding: 2px 4px 0px 2px;
}


.wide {
	border: 1px solid;
	width: 98%;
	font-size: 11px;
	padding: 4px;
	margin: 10px 0px 10px 0px;
}

/* agb start*/
#agb_links {
	float: left;
	width: 380px;
}
#agb_buttons {
	float: right;
	width: 360px;
	text-align: right;
}
#agb_buttons .button {
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 110px;
}
.agb_quickbar {
	background-color: #f8f8f8;
	height: 30px;
	padding-top: 10px;
}
#agb h2 {
	color: #000;
	background: none;
	background-color: #f8f8f8;
	padding: 2px 8px 2px 8px;
}

#agb_links .a {
	text-decoration: none;
	border: 1px solid #bebebe;
	padding: 4px;
	background-color: #f1f1f1;
}

#agb_links .a:hover {
	background-color: #fefefe;
}

/* agb end*/

/* search results start */

.searchinfo {
	color: #fff;
	padding: 4px;
	margin: 0;
}

.paginator {
	text-align: center;
}

.paginator img {
	border: 0;
}

.row21, .row22, .row23 {
	background-color: #f1f1f1;
	padding: 4px;
	float: left;
	width: 227px;
}

.row31 {
	padding: 5px;
	float: left;
	width: 540px;
	height: 60px;
}

.marginale {
	float: left;
	text-align: center;
	width: 150px;
	padding: 0;
}
.marginaleTop {
	float: left;
	text-align: center;
	width: 150px;
	padding-top: 5px;
}
.resultbody {
	padding: 0;
	margin: 0;
	
}
.resultfooter {
    margin: 0px;
    height: 25px;
    padding-bottom: 5px;
    border-bottom:solid 3px #2B97E2;
}

.resultfooteritem {float:  left; height: 25px; width: 180px;}

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

.resultfooter li {
	float: left;
	width: 200px;
}

.advertise {
	padding: 4px;
}

/* styles used on the main menu page for freelancers and customers */
.home_info {
	width: 270px;
	padding: 10px 20px 0px 20px;
	height: 100px;
	font-size: 11px;
	line-height: 12px;
}

.home_content {
  width: 270px;
	padding: 10px 20px 2px 20px;
	font-size: 11px;
	line-height: 12px;
}

.home_content ul {
  padding: 0px;
  margin-left: 0px;
  text-align: justify;
  list-style: none;
}

.menu_content_bar_new, .menu_content_new {
	width: 300px;
}

/* homepage for the freelancer menu */

.home_icon {
	width: 80px;
}

.home_content_icon {
	width: 40px;
}

.home_right {
	width: 182px;
	padding: 4px;
	float: right;
}

.home_right_hover {
	width: 182px;
	padding: 4px;
	float: right;
	background: #beefb6 url(../icons/pencil.gif) no-repeat right top;
}

.home_content_right {
	width: 222px;
	float: right;
	padding: 4px;
}

.home_content_right_hover {
	/*font-size: 11px;
	line-height: 12px;*/
	background-color: #beefb6;
	width: 222px;
	padding: 4px;
	float: right;
	background: #beefb6 url(../icons/pencil.gif) no-repeat right top;
}

.home_content_right_red {
	background-color: #f6dede;
	width: 222px;
	padding: 4px;
	float: right;
}

.home_content_right_green {
	background-color: #beefb6;
	width: 222px;
	padding: 4px;
	float: right;
}

#home_content_dates{
  font-size:105%;
  width: 100%;
  margin-bottom:20px;
}

h5 {
	padding: 0;
	margin: 0px 0px 5px 0px;
	font-size: 18px;
	line-height: 16px;
	color: #000;
	font-weight: bold;
	background-color: transparent;
}

.new_heading {
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 0px 0px 6px 0px;
}

.home_new_form {
	padding: 0;
	margin: 0;
}

.home_new_form input {
    margin-top: 10px;
	background-color: #fff;
    color: #4f4f4f;
	font-size: 14px;
	width: 96%;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #4f4f4f;
	font-size: 95%;
}

.home_new_form select {
	background-color: #fff;
    color: #4f4f4f;
	font-size: 14px;
	width: 101%;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #4f4f4f;
	font-size: 95%;
}

.new_heading a {
	font-size: 14px;
	font-weight: bold;
	color: #4D4D4D !important;
}

.new_red, a.new_red {
	color: #BE011D !important;
}

.new_yellow, a.new_yellow {
	color: #BB0 !important;
}

.new_green, a.new_green {
	color: #58b049 !important;
}

/* edit statistics that are displayed on the right side of the fb menu */

.category {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.subcategory_name {
	font-size: 12px;
	margin-left: 20px;
	width: 200px;
	float: left;
}
.subcategory {
	font-size: 12px;
	margin-left: 20px;
	width: 70px;
	float: left;
	text-align: center;
}
/* ads in jobscan results */

.jobscan_banner{
  margin: 20px 0px 20px 0px;
  text-align: center;
}

/* tooltips */
a.tipLink
{
  cursor: help;
	position: relative;
	z-index:24;
	border: none;
	/* Safari won't remove the underline from the span, if the "a" uses one */
	text-decoration:none;
}

/* The "background-color" is required for some reason in IE, actual colors are OK too */

a.tipLink:hover { z-index:25; background-color:transparent; border:none;text-decoration:none}
a.tipLink span { display: none; }

a.tipLink:hover span
{
	display:block;
	position:absolute;
	top:-50px;
	left:0px;

	width:15em;
	border:1px solid #000;
	/*filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;*/
	background: #fff url(../img/page/tooltip.gif) 2px 2px no-repeat;
	color:#000;
	text-align: left;
	padding: 24px 8px 8px 8px;
	font-size: 11px;
	font-weight: normal;
}


/* statistics switcher*/

#tabnav
	{
		/*height: 20px;*/
		width: 250px;
		margin: 0;
		padding: 0px;
		background: url(../images/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0;
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}

#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		/*margin-right: 4px;*/
		margin-right: -1px;
		margin-top: -1px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}

.statistics_preview {
	border: 1px solid #ccc;
	width: 250px;
	padding: 4px;
	display: block;
	margin-top: -1px;
}