html, body {
	width: 100%;
	height: 100%;
	min-height:100%;
}

html {
	background: #fff url('../images/background.gif') repeat;
}

body {
	font:12px/18px arial, sans-serif;
	height: auto;
}

.center {
	text-align: center;
}

.header {
	height:83px;
	font:11px arial,sans-serif;
	position:relative;
	left:-58px;	
	color: #97BF0D; 
}

.logo a {
	height: 83px;
	width: 140px;
	display:block;
	color:#fff;
	position:relative;
}

.logo a:hover {
	color:#fff
}

.logo {	
	background: url('../images/logo.png') 0px 18px no-repeat;
    height:83px;
    width:800px;
}

.helpbox-button {padding: 1px 6px !important}

.containerbox {
	margin-left: auto;
	margin-right: auto;
	width:1100px;
	background:#fff;
	/*border-left: 2pt solid #ccc;
	border-right: 2pt solid #ccc;
	border-bottom: 2pt solid #ccc;*/
	border-top: 3pt solid #97bf0d;
	box-shadow: 0px 4px 6px 1px #999;

	padding:60px 20px 0px 20px;
}

.skillpanel {
     -moz-column-count:3;
     -webkit-column-count:3;
}


.canvasbg {background-color:#f4f4f5;}

.canvascontainer {
	width:1040px;
	margin:-60px 0px -36px -20px;
	position:relative;
}

.topbuttons {margin:-48px 0px 14px 0px;}
.topbutton { margin-left:8px;}
.maincontent_cell {
	padding: 15px 0px 20px 0px;
}

/* Table */
table th:first-child {
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px
}

table th:last-child {
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px
}

table tr:last-child td:first-child { 
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px
}

table tr:last-child td:last-child { 
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px
}

/* Boxes */

.infobox-left {
	background:#97bf0d;
	padding:16px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.helpbox-left {
	background:#FBBE1A;
	margin-top: 16px;
	padding:16px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.helpbox-left ul, .helpbox-left ul li {
    list-style: disc inside none;
   	padding-bottom: 5px;	
}


.infobox-active {font-weight:bold; color:#336600}

#helpbox {
	background:#fbbe1a;
	padding:16px;
	width:128px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.infobox-left-question {color:#fff; font-weight:bold;}
.infobox-head, .helpbox-head {color:#fff; font-weight:bold; padding:0px}
.infobox-head {font-size:13px;}
.helpbox-head {font-size:11px; }
.infobox-left a:hover {color:#fff}
.infobox-head {margin-bottom:10px}
.helpbox-head {background-color:#ff9900; padding:6px 0px 4px 15px; margin: -15px -15px 0px -15px}



/* Type */
h1 {font:14px arial,sans-serif; font-weight:bold; padding-bottom:8px;}
h2 {font:13px arial,sans-serif; font-weight:bold; padding:8px 0px 8px 0px; color:#97bf0d}
h3 {color:#222; font-weight:bold;}
a h3 {text-decoration:none; padding: 0px 0px 0px 15px;margin-top:-18px;}
h4 {color:#222; font-weight:bold;padding-top:10px;}
.helptext, .finalbutton, .profile_view_head {border-bottom: 1px solid #97bf0d}
.helptext, .finalbutton {color:#999}
#freelancer_name, #auftraggeber_suche {margin-top:10px;}

a {color:#333}
a:hover {color:#97bf0d}
/*Buttons*/
.button, .infobox-left_button {	
	margin-top:8px!important;
	margin-bottom:16px;
	height: 18px;
	padding: 1px 8px 1px 8px;
	text-decoration:none;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display:inline-block;
}

.resourceFileListTable .button, .infobox-left_button {	
	margin-top:0px!important;
}


.button {background-color:#97bf0d; color:#fff;}
.button.disabled, .button[disabled] {background-color:#ddd; color:#fff;}
.infobox-left_button {
	background-color:#fff;
	color:#336600;
	margin-top:20px;
}

.button_right {float:right;}
.button_left {float:left;}

.icon_trashcan {	
	background: url(../images/trash.gif) no-repeat 0 3px;
	width:14px;
	text-indent:-9999px;
	display:inline-block;
}

.submitbutton, .submitbutton_infobox {
	border:none;
	height: 20px;
/* 	height: 22px;
 	font-size:11px;
	text-decoration:none;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
	padding:0px 8px;
	display:inline-block;
	margin:10px 0px; */
}

.submitbutton {
	background-color:#97bf0d;
	color:#fff;
}

.submitbutton.disabled, .submitbutton[disabled] {
	background-color:#ddd;
	color:#fff;
}

.submitbutton_infobox {
	background-color:#fff;
	color:#336600;
}

td .button {
	float:right; 
	vertical-align:center; 
	margin:4px;
}

.resourceFileListTable td .button {
	margin:0 2px;
}

.closebutton {
	background: url(../images/closebutton.gif) no-repeat 0 0;
	width:12px;
 	margin: 10px 20px 5px 0px;
	float:right; 
	text-indent:-9999px;
	display:inline;
}

.closebuttonB {
 	margin: 10px 10px 5px 0px;
}

#closehelp {margin:3px 5px 0px 4px;}

.button:hover, .submitbutton:hover {background-color:#444}
.button.disabled:hover, .button[disabled]:hover, .submitbutton.disabled:hover, .submitbutton[disabled]:hover {background-color: #ddd;}
.infobox-left_button:hover {background-color:#336600; color:#fff;}
/*Form Elements*/

#searchByName {margin-bottom:60px;}

.dropdownlist {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1pt solid #bbb;
	margin:6px 0px;
	width:190px;
}

.inputfield {
	margin:0px 0px 0px 0px;
	display:inline-block;
	height:18px;
	width:200px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1pt solid #bbb;
}

.rating {
	width:38px;
	height:6px;
	margin:4px 0 0px 0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/point-matrix.gif) no-repeat 0 0;
	background-position:0 0;
	display:inline-block;
}

ul.rating li {
	cursor: pointer; /*ie5 mac doesn't like it if the list is floated but ie6 does\*/
	float:left; /* end hide*/
	text-indent:-9999px;	/* hide text*/
}

ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:7px;
	height:6px;
	text-decoration:none;
	z-index: 200;
}

ul.rating li.one a {left:0}
ul.rating li.two a {left:8px;}
ul.rating li.three a {left:16px;}
ul.rating li.four a {left:24px;}
ul.rating li.five a {left:32px;}

ul.rating li a:hover {
	z-index:2;
	width:38px;
	height:6px;
	overflow:hidden;
	left:0;
	background: url(../images/point-matrix.gif) no-repeat 0 0;
}

ul.rating li.one a:hover {background-position:0 -36px;}
ul.rating li.two a:hover {background-position:0 -42px;}
ul.rating li.three a:hover {background-position:0 -48px}
ul.rating li.four a:hover {background-position:0 -54px}
ul.rating li.five a:hover {background-position:0 -60px}

.skill {
	display:inline-block;
	float:left; 
	padding-right:10px;
}

/* not needed ???? */

#skillcategory_drop1, #skillcategory_drop2, #skillcategory_drop3, #skillcategory_drop4, #skillcategory_drop5, #skillcategory_drop6   {
	padding:0px 0px 0px 14px;
	text-decoration:none;
}


/*Suchergebnisse*/

.result_freelancerbox {
	background-color:#999;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-height:121px;
	padding:9px 12px 9px 8px;
	margin-bottom:8px;
	overflow:auto;
}

.freelancer_image {	
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:left;
	margin-right:9px;
}



.result_freelancerbox_name {color:#cccc00; font-weight:bold;}
.result_freelancerbox_agency {color:#cccc00; font-weight:bold}
.result_freelancerbox_contact {color:#cccc00; margin-bottom:10px}
.result_freelancerbox_generalinformation {color:#222; font-weight:bold}
.result_freelancerbox_skills {color:#fff}

/*------------------------------------dragable Boxes------------------------------------*/

.fenster {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 0 0 1px #eee , 0 0 15px rgba(0,0,0,0.9);
	-webkit-box-shadow:0 0 0 1px #eee , 0 0 15px rgba(0,0,0,0.9);
	box-shadow:0 0 0 1px #eee , 0 0 15px rgba(0,0,0,0.9);
	background-color:rgba(153,202,7,1);
	height:476px;
	width:414px;
	padding-bottom:54px;
	position:fixed!important;
	z-index:50;
}

#fenster1 {	top:120px; left:210px;}
#fenster2 {	top:140px; left:230px;}

#dialog-modal {
	height:100%;
	width:100%;
	background-color:#000;
}

#recommendtext {
	margin-top:12px; 
	min-width:192px; 
	min-height:100px; 
	max-width:192px; 
	max-height:300px; 
	padding:4px; 
	color:#666;
}

#recommendto {margin-top:12px;}

.fenster .titel {
	cursor:move;
	padding-left:10px;
	overflow:hidden;
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.titelname {
	font:bold 12px/16px Arial,sans-serif;
	color:#fff;
	float:left;
	display:inline;
	margin-top:0px;
}

.fenster .inhalt {
	background-color:#fff;
	color:#000;
	font:normal 11px/16px arial,sans-serif;
	height:100%;
	margin:0 0px;
	overflow:auto;
	padding: 10px 5px 11px 5px;
	/*position:relative; */
}

.inhalt p {
	margin-bottom:10px;
}
.freelancer-image {margin:0 20px 0px 0}

.freelancer_partner {float:left; }

#profile-image img,
.freelancer_partner, .freelancer_table img {
	margin:0px 4px 0px 0px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}


/* Resizeable */
.ui-resizable-handle{display:block;position:absolute;}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle{display:none;}
.ui-resizable-n,.ui-resizable-s{height:7px;left:0;width:100%;}
.ui-resizable-n{cursor:n-resize;top:-5px;}
.ui-resizable-s{bottom:-5px;cursor:s-resize;}
/*.ui-resizable-e,.ui-resizable-w{height:100%;top:0;width:7px;}
.ui-resizable-e{cursor:e-resize;right:-5px;}
.ui-resizable-w{cursor:w-resize;left:-5px;}*/
.ui-resizable-se,.ui-resizable-sw,
.ui-resizable-nw,.ui-resizable-ne{height:12px;width:12px;}
.ui-resizable-se{bottom:0;cursor:se-resize;right:0;}
.ui-resizable-sw{bottom:0;cursor:sw-resize;left:0;}
.ui-resizable-nw{cursor:nw-resize;left:0;top:0;}
.ui-resizable-ne {cursor:ne-resize;right:0;top:0;}

.freelancer_contact {height:130px; overflow:hidden;}

div.hr {height:3px;  background: #fff url(../images/crossesline.gif) no-repeat scroll left; margin-right:35px;}
li.hr {height:3px;  background: #fff url(../images/crossesline.gif) no-repeat scroll left; margin-left:50px;margin-right:35px;}

.popup_skillcategory {
	cursor: pointer;
	height:22px;
	background: #fff url(../images/bigarrow.gif) no-repeat 0 -29px;
	display:block;
	font:bold 11px/16px Arial,sans-serif;
	text-decoration:none;
	color:#99ca07;
	padding-top:7px;
	margin-top:-3px;
}

.popup_open {background-position:0 3px!important; color:#669900;}

.popup_skill {
	margin:5px 0px 5px 50px; 
	font:bold 11px/16px Arial,sans-serif; 
	color:#333;
}

.popup_subskill {
	margin:5px 0px 5px 110px; 
	font: 11px/16px Arial,sans-serif; 
	color:#333;
}

.popup_points {
	background: url(../images/point-matrix.gif) no-repeat 0 0; 
	width:38px;
	float:right;
	margin:6px 40px 0px 0px;
	height:6px;
}

.popup_footer {margin-top:14px;}
.popup_button {margin:0px 8px 0px 0px; display:inline}
.popup_footer-nav {
	float:right; 
	margin:14px 0px 0px 4px; 
	width:100%
}


.zeropoints, .star-rating-0 {background-position:0 0px; }
.onepoint, .star-rating-1   {background-position:0 -6px;}
.twopoints, .star-rating-2  {background-position:0 -12px;}
.threepoints, .star-rating-3 {background-position:0 -18px;}
.fourpoints, .star-rating-4 {background-position:0 -24px;}
.fivepoints, .star-rating-5 {background-position:0 -30px;}

.profile_view_category {color:#97bf0d; margin:0px 5px 0px 13px;}
.profile_view_list {margin-bottom:20px;}
.profile_view_list input {margin-left:10px}
.profile_view_head {margin-bottom:10px;}

.input_desc {color:#97bf0d;}
.inputblock { margin-bottom:10px;}
.inputblock select, .inputblock input, .inputblock textarea {	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1px solid #ccc;
	padding:2px;
	max-width:200px;
}

select, input, textarea {	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1px solid #ccc;
	padding:2px;
	max-width:200px;
}

input[type="file"] {
	max-width:none!important;
}

.profile_view_list textarea {
	width:240px;
	height:50px;
	max-width:240px;
	margin:4px 0px 0px 10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1pt solid #ccc
}

/*canvas and random profiles*/

#startpage_ballon_canvas {width:100%; height:473px;}

#random_profiles {border-top:3px solid #97bf0d; padding-top:0px; margin:-6px 0px 0px 0px; overflow: hidden; white-space: nowrap; height: 81px}
#random_profiles li {display:inline; border:none;margin:0px -2px 0px 0px;}
#random_profiles li a {padding:0px!important;}
#random_profiles li a {
	display: inline-block;
	padding:0px!important;
	width: 80px; 
	height: 77px; 
	overflow: hidden;
}

.tip {
    color: #fff;
    background:#1d1d1d;
    padding:10px;
    position:absolute;    
    z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight:bold;
    box-shadow:0px 3px 3px #999;
}

.tip_trigger .tip { display:none; }

.tooltip_name {color:#99cc00; display:block;}

#statusButton {
	background:url('../images/button_canvas.png') no-repeat center left;
	position:absolute;
	top:90px;
	left:120px;
	height:111px;
	width:111px;
	color:#fff;
	font:18px arial,sans-serif;
	text-align:center;
	text-decoration:none;
	padding-top:44px;
}

#statusButton:hover {
	background:url('../images/button_canvas_hover.png') no-repeat center left;
}

/* �nderungen 24. August */

.mainnav {padding:48px 0px 0px 0px;} 
.mainnav_aladin {padding:3px 0px 0px 0px;}
.mainnav li, .aladinnav li {display:inline;}
.mainnav_active {background-color:#444!important;}
.aladinnav {margin:27px 0px 0px 0px; padding: 0px}
.infobox_active {text-decoration:none}
.mainnav_button {background-color:#97bf0d;}
.aladinnav_button {background-color:#8d8d8d;}

.mainnav_button, .aladinnav_button {
	color:#fff;
	height: 16px;
	float:left;
	padding: 2px 9px 0px 9px;
	margin-right:8px;
	text-decoration:none;
	-moz-border-radius: 4px;
	border-radius: 4px;
}



.mainnav_button_logout {background-color:#999;}
.mainnav_button:hover, .aladinnav_button:hover {background-color:#444; color:#fff}

.footer {
	background-color:#eee;
	height:21px;
	font:11px arial,sans-serif;
	margin:31px 0px 0px -20px;
	width:1100px;
	padding:1px 20px 0px 20px;
}

.footernav {padding:0px 0px 0px 20px}
.footernav li {display:inline;}

.footernav_button {
	color:#999;
	height: 18px;
	float:left;
	padding: 3px 9px 0px 9px;
	margin-right:10px;
	text-decoration:none;
}

.footernav_button:hover {color:#222}


table {width:100%; margin:10px 0px 24px 0px; -moz-border-radius:4px; border-radius: 4px;}
tr {padding:2px}
td {border: 1px solid #fff; padding:6px 4px 4px 8px; background-color:#eee;}
th {padding:2px; background-color:#97bf0d; padding:4px 2px 4px 8px; font-weight:bold; color:#fff}

td.table_profile_leadingCell {
	background-color: #FFFFFF;
	padding-left: 0px;
	vertical-align: top;
}

td.table_profile_cell {
	background-color: #FFFFFF;
	vertical-align: top;
}



.skillcategory_drops{
	padding:0px 0px 0px 14px;
	text-decoration:none;
	background: url(../images/arrow.gif) no-repeat 0 -8px;
}

.skillcategoryopen {
	background: url(../images/arrow.gif) no-repeat 0 3px;
}

.skillcategory_drops:hover {
	color:#97bf0d
}

.skillcategory_item {
	padding: 0px 0px 0px 14px
}

.skinned-form-controls input[type="checkbox"],
.skinned-form-controls input[type="radio"] {
	position: static\9;
} /* fallback for IE6, IE7 and IE8 */




.skinned-form-controls input[type="checkbox"] + label::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../images/checkbox.gif) no-repeat 0 0;
	vertical-align: middle;
	padding-bottom:2px;
	margin-right: 5px;
	width: 10px\8;
}

.skinned-form-controls input[type="checkbox"]:checked + label::before
{
	background-position: -8px 0px;
}

.skinned-form-controls input[type="checkbox"]
{
	position: absolute;
	margin-left: 0px;
	margin-left: 0px\9;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}

/* skinned radio buttons */

.skinned-form-controls input[type="radio"] + label::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../images/radio.gif) no-repeat 0 0;
	vertical-align: middle;
	padding-bottom:2px;
	margin-right:5px;
}

.skinned-form-controls input[type="radio"]:checked + label::before {
	background-position: -8px 0;
}

.skinned-form-controls input[type="radio"] {
	position: absolute;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}

/* tooltips */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #aaa;
	background: #eee;
	background: rgba(230,230,230,0.9);
	padding: 4px 8px;
	border-radius: 3px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}

#tooltip h3, #tooltip div { margin: 0; font-weight: normal; }


/*Neu 25. August*/
.input-number {padding-left:5px; width:20px;}
.input-street {width:97px}
.input-plz {width:34px;}
.input-ort {padding-left:5px; width:80px;}
.input-anrede {width:50px;}
.input-titel {padding-left:5px; width:73px;}

.input-profile {	
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right:9px;
}

.input-partner img {	
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right:9px;
}

.input-partner h3 a {text-decoration:none;}
.input-partner-list li {display:inline-block; margin-right:10px; width:100px; vertical-align:top;}
.input-partner-list {margin-bottom: 20px;}

.todo {
	cursor: pointer;
    height:24px;
    background: #fff url(../images/bigarrow_2.gif) no-repeat top right;
    display:block;
    font: 12px/18px arial,sans-serif;
    text-decoration:none;
    color:#99ca07;
    padding-top:5px;
    margin-top:-3px;
    margin-bottom: 0px;
}

.todo_open {
	background-position: bottom right; 
	color:#669900;
}

.helpbox_li li{
	list-style: disc outside none;
	margin-left: 10px;
	margin-right: 10px;
}


.colum20 { width: 20%; }
.colum30 { width: 30%; }
.colum40 { width: 40%; }
.colum50 { width: 50%; }
.colum60 { width: 60%; }
.colum70 { width: 70%; }


.create_job_tile {
	padding: 50px 10px 0px 10px;
    margin-right: 15px;
    margin-bottom: 15px;
	background-color: #97bf0d;
	color: black;
    height: 80px;
    width: 180px;
    word-break: break-word;
    font-size : 16px;
    text-align: center;
}

.container_16 .grid_12 {
    width: 800px !important;
}
.container_16 .grid_10 {
    width: 680px !important;
}
.container_16 .grid_16 {
    width: 1040px !important;
}

.container_16 .grid_15 {
    width: 980px !important;
}

.file-uploader-label {
    border: 1px solid #fff;
    padding: 6px 4px 4px 8px;
    background-color: #eee;
    width: 60px;
}

.file-uploader-radio {
    border: 1px solid #fff;
    padding: 6px 4px 4px 8px;
    background-color: #eee;
    width: 150px;
}

.file-uploader {
    border: 1px solid #fff;
    padding: 6px 4px 4px 8px;
    background-color: #eee;
    width: 130px;
}