body { font-family: "Helvetica", arial, sans-serif;  font-size: 81.25%; background: #fff;  min-width: 980px;  margin: 0; color: #222; }
body.staging { background: url('/images/staging.png') top center no-repeat; } 

#admin { position: relative;  margin: 10px;  background: #fff; }

p.note { background: none; font-size: 0.91667em; color: #777; margin: 0;}

/*--- Main Content
------------*/
#content {  padding: 14px 14px 0 14px; } 
#content p#results { margin-bottom: 1.6em; }

/*--- Special Styles for the Job iFrame views  
------------*/

#footer-wrapper { margin: 0 15px 0 16px; clear: both; padding: 0; background: url('/images/simple_border.png') top repeat-x; }
#footer { text-align: right; font-size: 0.91667em; background: url('/images/border.png') 0 0 no-repeat; }
#footer div {  background: url('/images/border_right.png') top right no-repeat;  padding: 6px 20px 0 0; }
#footer p { margin: 0 0 0.75em 0;  color: #aaa; }
#footer p span { padding: 0 9px; }


/*--- Admin Tables
------------*/ 

#admin h2 { margin: 0 0; }
p.admin_links { margin: 0 0 2em 0;}

#job_feeds { position: relative; }

#main table.statis {width:30%;}
#main table.statis td.nbre {text-align: center;}
#main table {  width: 100%; margin-top: 1.5em;  border-collapse: collapse; }

table a { }
table th { text-align: left; padding: 0 12px 0 6px; border-bottom: 1px solid #888; font-size: 0.9167em; color: #333; background: #eee; }
table th.title { padding-left: 4px }
table th.last_read { width: 100px; }
table th.delete { padding-right: 4px; }
table th.active { text-align: right; }
table th.page_type { width: 4em; }

table.sortable th.header { padding: 0 18px 0 18px; background-image: url('/images/small.png'); background-position: left center; background-repeat: no-repeat; }
table.sortable th.headerSortDown { background-image: url('/images/small_desc.png'); }
table.sortable th.headerSortUp { background-image: url('/images/small_asc.png'); }

table td { padding: 2px 0.5em 2px 0; padding: 0 12px 0 6px; border-bottom: 1px solid #ccc; vertical-align: top; }
table td.title { padding-left: 4px; }
table td.title a { font-weight: bold; }



table td.last_read { width: 100px; }
table td.delete { width: 3em; padding-right: 0.5em; }
table td.add_child { width: 5em; }
table td.edit {  width: 2em; }
table td.active {text-align: right; }
table td.page_type { color: silver; font-weight: bold; }
table td.modify a { color: gray; }
table td.modify a:hover {  color: #000099; } 
table td.remove { width: 5em;}      

table .banner div { width: 30px; height: 30px; overflow: hidden; border: 1px solid #ccc; margin: 4px; }
table .city { width: 9em; padding-right: 4px; }
table .name { width: 9em; }
table .region { width: 8em; } 
table .paid { text-align: right; }
table .type { width: 10em; }    
table .speciality { width: 12em; }
table .info a { font-weight: normal; }  
table .count { text-align: right; width: 3em; }  
table .id { text-align: right; } 
table .position { text-align: right; width: 3em; } 
table .stellen { text-align: right; }

#facebox table p { background: none; }

table.plain td { border: none; }
table.plain td.label { width: 12.5em; padding-right: 1.5em; } 

table.ruled  { border-top: 1px solid #ccc; }    
table.ruled td { padding-top: 1px; padding-bottom: 1px; border-bottom: 1px solid #ccc; padding-right: 0.778em; } 
table.ruled th { padding-top: 1px; padding-bottom: 1px; border-bottom: 1px solid #ccc; padding-right: 0.778em; }  
table.sortable th a { color: black; }

table a.show { display: none; }

#search { margin: 0 0 1.5em 0; }
#search label { display: block; float: none; }

/*--- Main Jobs List
------------------------------------*/
ul#jobs { margin: 0 180px 0 0; padding: 0 0 0 0; list-style: none; } 
ul#jobs li div.job {  margin: 0 0 1.5em 0; }   
ul#jobs li h4 {  margin: 0 0 0.3333em 0; padding: 0; font-size: 1.25em; line-height: 1; }
ul#jobs li h4 a { font-weight: bold; text-decoration: none; }
ul#jobs li h4 a:hover {  text-decoration: underline; }
ul#jobs li p { margin: 0; }
ul#jobs li p.links {  color: #008000; }

/*--- Animated Jobs List
------------------------------------*/
ul#jobs.spy {  padding: 0 0 0 0; margin: 0 230px 0 0;}
ul#jobs.spy li div.job {  height: 42px; margin: 0 0 12px 0; overflow: hidden; }

/*--- Special Styles for the Admin layout
------------------------------------*/
#admin #container { padding-left: 24px;  padding-right: 24px; }
#admin #main {  margin: 0;  border: none; }
#admin #header {  height: 63px; }
#admin #main { padding-top: 24px; }
#header.admin {  height: 72px; }

.pagination .current { font-weight: bold; }

/*--- General Styles 
------------------------------------*/
p {  margin: 0 0 1.5em 0; }
p.application { font-weight: bold; }
a {  color: #000099;  text-decoration: none; }
a:hover { text-decoration: underline; }

hr { display: block;
  -webkit-margin-before: 1.4em;
  -webkit-margin-after: 1.4em;
  -webkit-margin-start: auto;
  -webkit-margin-end: auto;
  border-style: inset;
  border-top-style: inset;
  border-right-style: inset;
  border-bottom-style: inset;
  border-left-style: inset;
  border-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px; }

.clearright { clear: both; }
.clearleft {clear: left; }
.clearboth { clear: both; }

.hide { display: none; }

/*--- Forms
------------------------------------*/

form p {  margin: 4px 0; }
form div { margin: 4px 0; }
form p.submit {  text-align: right;   margin-right: 10px; }
form label { margin: 0 0 0 4px; padding: 2px 0 0 0; display: block; float: left; width: 11.5em; font-weight: bold; }
form label.weiterleiten { margin: 0 0 0 4px; padding: 2px 0 0 0; display: block; float: left; width: 32em; font-weight: bold; }
form label.bewerben { margin: 0 0 0 4px; padding: 2px 0 0 0; display: block; float: none; width: 32em; font-weight: bold; }
form label.bewerben_medium { margin: 0 0 0 4px; padding: 2px 0 0 0; display: block; float: left; width: 12em; font-weight: bold; }
form label.bewerben_short { margin: 0 0 0 4px; padding: 2px 0 0 0; display: block; float: left; width: 6em; font-weight: bold; }
form input.text {  border: 1px solid;  border-color: #aaaaaa;  height: 1.8em; }
form input.text_medium {  border: 1px solid;  border-color: #aaaaaa;  height: 1.8em; width: 15em; }
form input.text_short {  border: 1px solid;  border-color: #aaaaaa;  height: 1.8em; width: 10em; }
form input.number {  border: 1px solid;  border-color: #aaaaaa;  height: 1.8em; width: 5em; }
form input.submit {  border: none;  cursor: pointer;  color: #333;  height: 21px; }
form textarea {  border: 1px solid;  border-color: #aaaaaa; }

/*--- Admin Forms
------------*/

#admin form p, #admin form .logo, #admin form .field { padding: 4px 0; margin: 0 0 2px 0; background: #eee; }
form input.text {  width: 418px; }
form input.submit { width: 80px;  height: 30px;  background: url('/images/button_green.png') no-repeat;  margin: 0; border: none;  color: white; }
form input.merken { height: 30px; width: 100px; border: none; color: white;
  font-size: 14px;
  font: "Helvetica", sans-serif;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  padding: .5em .5em .5em .5em;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  background: #8e8e8e;
}

form textarea { margin: 0; }
#admin form .company { background: #ddd; }
#admin form .field h3 { margin-left: 4px ;}
#admin form .title input { font-size: 1.1833em; }
#admin form .title label { font-size: 1.1833em; width: 9.8em; padding-top: 5px; }

#pages form label {text-align: right;margin-right: 1em; }
#pages form input.text { width: 540px;font-size: 1.1667em; }
#pages form textarea { width: 540px; height: 288px; }
#pages form select {  width: 180px; }

div.thumbnail { height: 100px; float: left;  margin-right: 12px; }
.logo img {  float: left;}

/*--- User Profile
------------------------------------*/
#profile table { margin: 12px 0 1.5em 0; }
#profile form table label { margin: 0 0 0 0; }
#profile form input.text { width: 340px; }
#profile .field { background: none; }
#profile label { margin: 0; text-align: right; float: none; }
#profile table td { padding: 2px 0; }
#profile tr.submit td { padding-top: 4px; }
#profile h2 { margin: 0; }
#profile .nav_links { margin: 0 0 1.5em 0; }



/*--- Headers
------------------------------------*/
h1, h2, h3, h4, h5, h6 {  color: #444;  font-weight: normal; margin: 0; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; font-family: Georgia, serif; } 
h1 a {  color: black;  text-decoration: none; }
h1 a:hover {  text-decoration: underline; }

h2 { font-weight: bold; font-size: 1.3333em; margin-bottom: 1em; }
h3 { font-weight: bold; font-size: 1.3333em; line-height: 1; line-height: 2em; margin: 0; color: #444; }

h4 { font-weight: bold; font-size: 1.25em; line-height: 1.5; margin-bottom: 1em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 0.91667em; font-weight: normal; margin-bottom: 1.5em;}

small  { font-size: 0.91667em; font-weight: normal; }


/*--- Errors
------------------------------------*/
#flash-error {  position: absolute; top: -27px; color: red; font-weight: bold;  margin: 0 0 1.5em 0;  padding: 9px 0; }
#flash-notice { position: absolute; top: -27px; color: green; font-weight: bold;  margin: 0 0 1.5em 0; padding: 9px 0; }

.fieldWithErrors { display: inline; }
.fieldWithErrors input.text { border: 1px solid red; }

table#test_frame { margin: 1.5em 0 0 0; border-top: 1px solid;  border-color: #999999;  width: 100%; }
table#test_frame td {  padding: 0;  vertical-align: top;  padding: 0.5em 0;  border-bottom: 1px solid;  border-color: #999999; }


#firmen_info .logo { position: absolute; right: 24px; top: 36px; }
#firmen_info .logo img { float: none; margin: 10px; }
#firmen_info { margin-right: 200px; }
#firmen_info p { margin: 0 0 0.5em 0; }
#firmen_info table { width: auto; min-width: 60%; margin-bottom: 42px; margin-right: 48px; }

#featured_banner { position: absolute; top: 52px; right: 27px; text-align: center; width: 200px; } 
#featured_banner p { margin: 0 0 0 0; }

#erfassen { color: #767171; margin: 10px; width: 460px; height: 300px;
  padding:20px;  background-image: url('/images/err.png'); }
  
p.description { max-width: 340px;  }
p.jobdescription { max-width: 340px; font-size: 2px; }

/*--- Editor
------------------------------------*/
#wymeditor { margin: 0 0 0 100px; }
.wym_box { margin: 0 0 0 166px; max-width: 700px; }

#regions {  }
#regions ul { padding: 8px; margin: 0 9px 9px 0; width: 140px; float: left; background: #fff; min-height: 127px; } 

#facebox h2 { margin: 0; }
#facebox ul#jobs { margin-right: 0; }
#facebox p { margin: 0 0 9px 0; }    
#facebox form { margin: 0 0 18px 0; }

#facebox h3 { margin: 0 0 18px 0; }
#facebox h4{ margin: 0; color: #999; }

form .hidden { display: none; }

table#links td { padding-bottom: 1.5em; border: none; }
table#links td h4 { margin: 0 0 0.75em 0; }
table#links td ul { list-style: none; }
table#links td li { padding-left: 8px; background: url('/images/dash.png') 0 6px no-repeat; }

table#read {}
table#read td { background: #ddd; border-bottom: 2px solid white; padding: 2px 4px;}
table#read td.label { font-weight: bold; width: 11em; }

span.match { font-weight: bold;}

#container #main #content #page_text { font-size: 13px; }
#container #main #content #page_text h5 { margin: 0; }
#container #main #content #page_text ul { margin: 0 0 1em 21px; list-style: disc; }
#container #main #content #page_text table { margin: 0 0 1em 0; border-collapse: collapse; }
#container #main #content #page_text td { padding: 0; }

.extractor_error { margin-left: 11.5em; margin-right: 0.4em; border: 2px solid #700; background-color: #fa6;}
.extractor_error h1 { font-size: 1.4em; }
.extractor_error pre { font-size: 1.2em; }

.bold { font-weight: 600; }
.bold td { text-align: left !important; }
