/*** praktikuss.de main stylesheet ***/

/* override some defaults that are different from browser to browser anyway */
body,div,form {
  padding: 0px;
  margin: 0px;
}

img {
  border: none;
}

body {
  background: url(./body_bg.gif) center repeat-y #CDD9E7;
  color: #666;
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.8em;
}

label {
  cursor:pointer;
}

th, td {
  vertical-align: top;
}

/*
 * hide some elements from modern browser which are (hopefully) mostly
 * convenient for text-browsers and the like
 */
.hidden {
  display: none;
}

a:link    { color: #666; text-decoration: none; }
a:visited { color: #999; text-decoration: none; }
a:hover   { color: #fff; text-decoration: underline; }
a:active  { color: #fff; text-decoration: underline; }

/*** main wrapper, centered ***/
#wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 975px;
}


/** head: header-img, imprint- and contact-link **/
#head {
  background-color: #FFF;
  width: 975px;
  height: 131px;
}

#head .imprint {
  text-align: right;
  padding-right: 20px;
  padding-top: 4px;
  height: 22px;
  background-color: #CDD9E7;
}

#head .imprint a {
  margin-left: 10px;
  font-weight: bold;
  color: #000;
}

#head .banner {
  background-color: #fff;
}


/** nav: left-side main navigation menu **/
#nav {
  margin: 15px;
  width: 180px;
  float: left;
  background: url(./nav_head.gif) top no-repeat #ADBFD7;
  padding-top: 32px;
  margin-bottom: 20px;
  border-right: 1px solid #fff;
}

#nav ul, #nav ul li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#nav ul.item a {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  width: 160px;
  background: url(./nav_button_none.png) 5px 0px no-repeat #DBE6EC;
  border-bottom: 1px solid #fff;
}

#nav ul.item a:link    { color: #666; }
#nav ul.item a:visited { color: #666; }
#nav ul.item a:active  { color: #000; }
#nav ul.item a:hover   { color: #000; }

#nav ul.item li.bew a {
  background-image: url(./nav_button_bew.png);
}

#nav ul.item li.anb a {
  background-image: url(./nav_button_anb.png);
}

#nav ul.item a:hover {
  background-position: 5px -63px;
  background-color: #E3EDF3;
  background-color: #eff3f7;
  text-decoration: none;
}

#nav ul.item li.form {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  width: 175px;
  border-bottom: 1px solid #fff;
  background-color: #DBE6EC;
}

/** Zweite Menueebene (implizit durch Schachtelung) **/
#nav ul.item ul.item a {
  padding-left: 30px;
  width: 150px;
  background-position: 15px 0px;
}

#nav ul.item ul.item a:hover {
  background-position: 15px -63px;
}

#nav div.item {
  padding: 5px;
  background-color: #DBE6EC;
  border-bottom: 1px solid #fff;
}

#nav h3 {
  border-bottom: 1px solid #FFF;
  padding: 3px;
  margin: 0px;
  padding-left: 10px;
  font-size: small;
  color: #FFF;
}

#nav .item .input {
  width: 160px;
  background-color: #fff;
  border: 1px solid #666;
  margin-bottom: 5px;
}

#nav .item .submit {
  background-color: #DBE6EC;
  border: 1px solid #666;
  color: #666;
}

#nav .foot {
  height: 80px;
  background: url(./nav_foot.gif) bottom no-repeat;
}


/** content: main content block **/
#content {
  width: 750px;
  margin-top: 15px;
  margin-left: 210px;
}

/** news: right-side news container **/
#news {
  width: 180px;
  float: right;
  background: url(./nav_head.gif) top no-repeat #ADBFD7;
  padding-top: 32px;
  margin-bottom: 20px;
  border-left: 1px solid #FFF;
}

#news h3 {
  font-size: small;
  background-color: #DCE4EF;
  padding-left: 10px;
  margin-top: 0px;
  border-bottom: 1px solid #fff;
}

#news .item {
  margin-left: 5px;
  margin-right: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #fff;
}

#news .item h4 {
  font-size: small;
}

#news .item p img {
  float: left;
  margin-right: 3px;
}

#news .item a {
  font-weight: bold;
  text-decoration: underline;
}

#news .item h4 a:link    { color: #fff; text-decoration: none; }
#news .item h4 a:visited { color: #ddd; text-decoration: none; }
#news .item h4 a:hover   { color: #fff; text-decoration: underline; }
#news .item h4 a:active  { color: #fff; text-decoration: underline; }

#news .foot {
  height: 80px;
  background: url(./news_foot.gif) bottom no-repeat;
}

/** central main block **/
#main {
  width: 550px;
  margin-bottom: 10px;
}

.stellen a:link    { color: #F90; text-decoration: none; }
.stellen a:visited { color: #C60; text-decoration: none; }
.stellen a:hover   { color: #F90; text-decoration: underline; }
.stellen a:active  { color: #F90; text-decoration: underline; }

.bewerber a:link    { color: #0A0; text-decoration: none; }
.bewerber a:visited { color: #080; text-decoration: none; }
.bewerber a:hover   { color: #0A0; text-decoration: underline; }
.bewerber a:active  { color: #0A0; text-decoration: underline; }

#main .head {
  background: url(./main_head_top.gif) top no-repeat #DCE4EF;
  padding-top: 15px;
  overflow: hidden;
}

#main .head h1 {
  font-size: small;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

#main .head h2 {
  font-size: small;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

#main .head p {
  padding-left: 10px;
  padding-right: 10px;
}

#main .head .foot {
  background: url(./main_head_foot.gif) bottom no-repeat #DCE4EF;
  height: 10px;
}

#main table {

  margin-top: 15px;
  width: 100%;
  vertical-align: top;
}

#main table th {
  width: 50%;
  padding-left: 10px;
  padding-top: 30px;
  text-align: left;
}

#main table th p {
  padding-left: 15px;
  margin-bottom: 3px;
  padding-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  background: url(./main_arrow.gif) top left no-repeat;
}

#main th.stellen {
  background: url(./main_stellen_tl.gif) top left no-repeat #f90;
}

#main th.bewerber {
  background: url(./main_bewerber_tr.gif) top right no-repeat #0A0;
  border-left: 1px solid #fff;
}

#main th p a:link    { color: #fff; text-decoration: none; }
#main th p a:visited { color: #ddd; text-decoration: none; }
#main th p a:hover   { color: #fff; text-decoration: underline; }
#main th p a:active  { color: #fff; text-decoration: underline; }

#main table td {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 10px;
}

#main table td h2 {
  text-align: center;
  font-size: small;
  border-bottom: 1px dotted #666;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

#main table table {
  margin-top: 5px;
}

#main table td h3 {
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: small;
}

#main table td td {
  padding-top: 0px;
  padding-bottom: 3px;
  padding-left: 0px;
  padding-right: 0px;
}

#main table td td.foot {
  text-align: right;
  border-bottom: 1px dotted #666;
}

#main td.stellen {
  background-color: #FDEFD5;
}

#main td.stellen p {
  padding-left: 15px;
  background: url(./main_arrow_stellen.gif) top left no-repeat;
}

#main td.bewerber {
  background-color: #F1F8E6;
  border-left: 1px solid #fff;
}

#main td.bewerber p {
  padding-left: 15px;
  background: url(./main_arrow_bewerber.gif) top left no-repeat;
}

#main td p a {
  font-weight: bold;
}

.table_angebt_suche{
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  clear: both;
}


/** central main block wide (detail-views) **/
#wide {
  width: 737px;
}

#wide .head {
  background: url(./wide_head_top.gif) top no-repeat #DCE4EF;
  padding-top: 15px;
}

#wide .head div.content {
  padding-left: 10px;
  padding-right: 10px;
  min-height: 300px;
}

#wide .head h1 {
  font-size: small;
  margin-top: 0px;
  padding-top: 0px;
}

#wide .head h2 {
  font-size: small;
  margin-top: 0px;
  padding-top: 0px;
}

#wide .head .foot {
  background: url(./wide_head_foot.gif) bottom no-repeat #DCE4EF;
  height: 10px;
}

#wide table.stellen, #wide table.bewerber {
  width: 100%;
}

#wide table td td.foot {
  text-align: right;
  border-bottom: 1px dotted #666;
}

#wide table td.key {
  width: 25%;
}

#wide table td.value {
  width: 75%;
}

#wide .stellen {
  background-color: #FDEFD5;
}

#wide .bewerber {
  background-color: #F1F8E6;
}

#wide div.stellen, #wide div.bewerber {
  padding: 5px;
}

#wide th {
  height: 70px;
  padding-top: 32px;
  text-align: left;
}

#wide th p {
  padding-left: 15px;
  margin-left: 5px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  background: url(./main_arrow.gif) top left no-repeat;
}



#wide th p a:link    { color: #fff; text-decoration: none; }
#wide th p a:visited { color: #ddd; text-decoration: none; }
#wide th p a:hover   { color: #fff; text-decoration: underline; }
#wide th p a:active  { color: #fff; text-decoration: underline; }

#wide .stellen th.stellen {
  width: 370px;
  background: url(./wide_bewerber_a.gif) top no-repeat;
}

#wide .stellen th.bewerber {
  width: 367px;
  background: url(./wide_anbieter_p.gif) top no-repeat;
}

#wide .bewerber th.stellen {
  width: 370px;
  background: url(./wide_bewerber_p.gif) top no-repeat;
}

#wide .bewerber th.bewerber {
  width: 367px;
  background: url(./wide_anbieter_a.gif) top no-repeat;
}

#wide td {
  padding-left: 10px;
  padding-right: 10px;
}

#wide td td {
  padding-left: 0px;
  padding-right: 0px;
}

#wide h2 {
  border-bottom: 1px dotted #666;
  font-size: small;
}

#wide h3 {
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 0px;
  font-size: small;
}

#wide .stellen .foot p {
  padding-left: 15px;
  background: url(./main_arrow_stellen.gif) top left no-repeat;
  font-weight: bold;
}

#wide .stellen .foot p.back {
  background-image: url(./main_arrow_stellen_back.gif);
}

#wide .bewerber .foot p {
  padding-left: 15px;
  background: url(./main_arrow_bewerber.gif) top left no-repeat;
  font-weight: bold;
}

#wide .bewerber .foot p.back {
  background-image: url(./main_arrow_bewerber_back.gif);
}

#print {
  text-align: right;
  margin-top: 5px;
}

#print a {
  padding-right: 20px;
  font-weight: bold;
}

#print a:link    { color: #666; text-decoration: none; }
#print a:visited { color: #666; text-decoration: none; }
#print a:hover   { color: #000; text-decoration: underline; }
#print a:active  { color: #000; text-decoration: underline; }


/** overall page footer **/
#foot {
  clear: both;
  margin-top: 10px;
  margin-left: 67px;
  margin-right: 68px;
  width: 840px;
  background: url(./foot_head.gif) top no-repeat #DCE4EF;
  padding-top: 10px;
  margin-bottom: 20px;
}

#foot p {
  padding-left: 15px;
  padding-right: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
}

#foot a:link    { color: #666; text-decoration: underline; }
#foot a:visited { color: #999; text-decoration: underline; }
#foot a:hover   { color: #000; text-decoration: underline; }
#foot a:active  { color: #000; text-decoration: underline; }

#foot .foot {
  height: 10px;
  background: url(./foot_foot.gif) bottom no-repeat;
}

/** General error-class **/
.error {
  color: #f00;
  font-weight: bold;
}