/*
-----------------------------------------------------------------------------------------------
INHALT
-----------------------------------------------------------------------------------------------
=FORMULARFELDER


=VISUELLES LEITSYSTEM
  =INFO-BOXEN


*/





/*
--------------------------------------------------------------------------------
=FORULARFELDER
--------------------------------------------------------------------------------
*/


/* =AJAX-LOADER 
--------------------------------------------------------------------------------*/ 
.ajaxloader { 
  float: right; 
  margin-top: -20px; 
}



 /* DEFINITIONSLISTEN
--------------------------------------------------------------------------------*/
dl dd {
  display: inline-block;
}

dl dt {
  color: #3F2010;
  font-weight: bold;
}

	dl dt.xs {
		width: 70px;
	}
	
	dl dt.s {
		width: 110px;
	}
	
	dl dt.m {
		width: 150px;
	}
	
	dl dt.l {
		width: 190px;
	}
	
	dl dt.xl {
		width: 230px;
	}
	
	dl dt.xxl {
		width: 270px;
	}



 /* LABELS
--------------------------------------------------------------------------------*/
label {
	font-size: 0.9em;
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
}

	label.xs {
		width: 70px;
	}
	
	label.s {
		width: 110px;
	}
	
	label.m {
		width: 150px;
	}
	
	label.l {
		width: 190px;
	}
	
	label.xl {
		width: 230px;
	}
	
	label.xxl {
		width: 270px;
	}


 /* FIELDSETS & LEGENDS
--------------------------------------------------------------------------------*/
fieldset {
	padding: 1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #A6A6A6;
}

legend {
	font-weight: bold;
	font-size:1.2em;
}


 /* INPUTS, TEXTAREAS, SELECTBOXEN
--------------------------------------------------------------------------------*/
input, textarea, select {
	background: #F9FAEB;
	border: 1px solid #B2A69F;
  color: #796358;
  font-size: 0.9em;
	font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Verdana, sans-serif;
	margin: 2px 10px 0 0;
  padding: 0px;
}
  
input:focus, input:focus, textarea:focus, select:focus {
	background: #fff;
	border: 1px solid #3f2010;
}

  input.radio, input.checkbox {
    border: none;
    margin: 0px;
    background: none;
    width: 30px;
  }
  
  select.xxs {
    width: 30px;
  }
  
  select.xs {
    width: 70px;
  }

	select.s {
	  width: 110px;
	}
	
	select.m {
	  width: 150px;
	}
	
	select.l {
	  width: 190px;
	}
	
	select.xl {
	  width: 230px;
	}
	
	select.xxl {
	  width: 270px;
	}
	
	input.xxs {
    width: 28px;
  }
  
  input.xs, textarea.xs {
    width: 68px;
  }

  input.s, textarea.s {
    width: 108px;
  }
  
  input.m, textarea.m{
    width: 148px;
  }
  
  input.l, textarea.l {
    width: 188px;
  }
  
  input.xl, textarea.xl {
    width: 228px;
  }
  
  input.xxl, textarea.xxl {
    width: 268px;
  }

  input.inline {
    margin-right: 2px !important;
  }

  input.error {
    border: 1px solid #F7AF2F;
    background: none;
  }

	textarea.xxs {
    width: 28px;
  }
  
  textarea.xs {
    width: 68px;
  }

  textarea.s {
    width: 108px;
  }
  
  textarea.m {
    width: 148px;
  }
  
  textarea.l {
    width: 188px;
  }
  
  textarea.xl {
    width: 228px;
  }
  
  textarea.xxl {
    width: 268px;
  }

/*
--------------------------------------------------------------------------------
=BUTTONS
--------------------------------------------------------------------------------
*/

input.accept, 
input.refuse, 
input.inactive, 
input.default {
	color: #F9FAEB;
	cursor: pointer;
	height: 22px;
  width: auto;
}

a.default, a.inactive, a.refuse, a.accept, a.default:focus, a.inactive:focus, a.refuse:focus, a.accept:focus {
	color: #F9FAEB;
	cursor: pointer;
	font-size: 0.9em;	
	padding: 1px 10px;
	margin: 0px;
  width: auto;
}

a.accept_big, a.default_big {
	color: #F9FAEB;
	font-size: 1.5em;
	padding: 2px 10px;
  margin: 0px;
}

input.accept, a.accept {
  background: #D1DF72 url(../images/buttons/accept.gif) repeat-x;  
  border: 1px solid #849225;   
  border-top: 1px solid #D1DF72;
}

/* bestätigende Buttons Buttons (speichern, akzeptieren) */
input.accept_big, a.accept_big {
  background: #D1DF72 url(../images/buttons/accept_big.gif) repeat-x;  
  border-bottom: 1px solid #849225;   
  border-left: 1px solid #849225;   
  border-right: 1px solid #849225;
  border-top: 1px solid #D1DF72;  
}

input.accept:hover, a.accept:hover, input.accept:focus, a.accept:focus {
  background: #849225;   
}

/* ablehnende Buttons (abbrechen, ablehnen) */
input.refuse, a.refuse {
  background: #F7AF2F url(../images/buttons/refuse.gif) repeat-x;  
  border: 1px solid #F9C76E;   
  border-top: 1px solid #F9C76E;
}

input.refuse:hover, a.refuse:hover, input.refuse:focus, a.refuse:focus {
  background: #F7AF2F;   
}

/* neutrale Buttons (vor, zurück) */
input.default_big, a.default_big {
  background: #3F2010 url(../images/buttons/default_big.gif) repeat-x;  
  border: 1px solid #3F2010;   
  border-top: 1px solid #3F2010; 
}


input.default, a.default {
  background: #3F2010 url(../images/buttons/default.gif) repeat-x;  
  border: 1px solid #3F2010;   
  border-top: 1px solid #3F2010;
}

  input.default:hover, a.default:hover, input.default_big:hover, a.default_big:hover, input.default:focus, a.default:focus, input.default_big:focus, a.default_big:focus {
  background: #3F2010;   
}

input.inactive, a.inactive {
  background: #CCCCCC url(../images/buttons/inactive.gif) repeat-x;  
  border: 1px solid #A6A6A6;   
  border-top: 1px solid #CCCCCC;
  cursor: default;
}

/* Button direkt neben den Inputfeld (zb. bei Jobsuche) */
input.bordering {
  border-left: none;
  position: relative;
  left: -4px;
}


input.inactive_big, a.inactive_big, span.inactive_big {
  background: #cccccc url(../images/buttons/inactive_big.gif) repeat-x;  
  border-bottom: 1px solid #A6A6A6;   
  border-left: 1px solid #A6A6A6;   
  border-right: 1px solid #A6A6A6;  
  border-top: 1px solid #cccccc;
  cursor: default;
}

  input.inactive:hover, a.inactive:hover, input.inactive_big:hover, a.inactive_big:hover, input.inactive:focus, a.inactive:focus, input.inactive_big:focus, a.inactive_big:focus {
	  background: #cccccc;
    color: #fff;
	  text-decoration: none;   
  }
  
a.inactive_big, span.inactive_big {
  color: #fef7eb;
  font-size: 1.5em;
  padding: 2px 10px;
  margin: 0px;
}

input.accept:hover, 
input.refuse:hover, 
input.default:hover,
input.accept_big:hover, 
input.default_big:hover,
a.default:hover, 
a.refuse:hover, 
a.accept:hover, 
a.accept_big:hover,
a.default_big:hover
 {
	color: #fff;
	text-decoration: none;
}

/*
-----------------------------------------------------------------------------------------------
=INFOBOXEN
-----------------------------------------------------------------------------------------------
*/

div#info_box {
	position: relative;
}

  div.error div.close, 
  div.notice div.close, 
  div.success div.close {
    float: right;
    background: #fff;
	  display: block;
	  padding: 2px 0px;
	  margin-top: -5px;
  }
  
    div.error div.close a, 
    div.notice div.close a, 
    div.success div.close a {
      font-weight: bold;
	    padding: 8px;
	    text-decoration: none;
    }
  
.error_list {
  float: left;
}

div.error, ul.error, .error_list, .notice, .success {
  min-height: 30px;
  height: auto !important;
  height: 30px;
  padding: 5px 10px;
}

.notice {
	background: #A2DBF7;
  border-left: #17A6EC 6px solid;
  border-bottom: 1px solid #17A6EC;
  border-right: 1px solid #17A6EC;
  border-top: 1px solid #17A6EC;
}

.notice p {
  background: url(../images/infobox/notice_medium.gif) no-repeat left top;
  min-height: 30px;
  height: auto !important;
  height: 30px;
  padding-left: 40px;
  color: #3F2010;
  font-size:1.1em;
  font-style:italic;  
}

div.error, ul.error, .error_list {
  background: #F9E2B2;
  border-left: #f7af2f 6px solid;
  border-bottom: 1px solid #F7AF2F;
  border-right: 1px solid #F7AF2F;
  border-top: 1px solid #F7AF2F;
}

div.error p, ul.error p, .error_list li {
  background: url(../images/infobox/error_medium.gif) no-repeat left top;
  padding-left: 40px;
  min-height: 30px;
  height: auto !important;
  height: 30px;
  color: #3F2010;
  font-size:1.1em;
  font-style:italic;   
}

.success {
  background: #E5EDAE;
  border-left: #BDD135 6px solid;
  border-bottom: 1px solid #BDD135;
  border-right: 1px solid #BDD135;
  border-top: 1px solid #BDD135;
}

.success p {
  background: url(../images/infobox/success_medium.gif) no-repeat;
  padding-left: 40px; 
  min-height: 30px;
  height: auto !important;
  height: 30px;
  color: #3F2010;
  font-size:1.1em;
  font-style:italic;     
}

.error p span, .notice p span, .success p span {
  display: block;
  color: #3F2010;
  font-size: 1.45em;
  font-style: italic;
  margin: 5px 0;
}


/*
-----------------------------------------------------------------------------------------------
=STATUSLEISTEN (Bei Stellenanzeigen und Firmenprofilen)
-----------------------------------------------------------------------------------------------
*/
div.statusinfo {
	background: #FFFFFF none repeat scroll 0 0;
	border-bottom: 1px solid #796358;
	border-top: 1px solid #796358;
	margin-top: 20px;
	padding: 20px 0;
	width: 950px;
}

div.statusinfo p {
  margin: -30px 0 0 40px;
}

/*
-----------------------------------------------------------------------------------------------
=EDITIERBUTTON
-----------------------------------------------------------------------------------------------
*/
.edit_data {
  background: transparent url(../images/icon_edit_small.gif) no-repeat scroll 0 2px;
  float: right;
  margin-top: -35px;
  padding-left: 20px;
  position: relative;
}



/*
-----------------------------------------------------------------------------------------------
=PFLICHTSTERN
-----------------------------------------------------------------------------------------------
*/
.duty {
  color: #F7AF2F;
  font-size: 2.1em;
  height: 20px;
  padding-top: 5px;
  margin-top: -5px;
}