@charset "utf-8";
/* CSS Document */

/*
-----------------------------------------------------------------------------------------------
INHALT
-----------------------------------------------------------------------------------------------
=STARTSEITE - SLIDER
=BEWERBUNGSERSTELLUNG - ÜBERSICHT
 =BEWERBUNGSERSTELLUNG - 3 SERVICEBEREICHE
  =BEWERBUNGSERSTELLUNG - SUBNAVI
  =BEWERBUNGSERSTELLUNG - EINZELNE DOKUMENTE
  =BESTELLFORMULAR

=BEWERBUNGSTIPPS - SEITENNAVIGATION
 =BEWERBUNGSTIPPS

=SERVICE - PERSONALMARKT
=ONLINEBEWERBUNG

*/

/* =STARTSEITE - Slider
--------------------------------------------------------------------------------*/
p.paragraph {
  margin-bottom: 10px;
  margin-left: 30px;
    margin-top: 20px;
}

ul.map {
  height:245px;
  left:665px;
  position:absolute;
  top:116px;
  width:302px;
}

  ul.map img {
    width: 302px;
    height: 245px;
  }

#accordion_container {
  width: 960px;   
  height:245px;
  margin-left: 10px;
  margin-top:30px;
  background:#fff url(../images/service/mjobby.jpg); 
}

.accordion_toggle {
  float: left;
  display: block;
  height: 245px;
  width: 80px;
  color: #ffffff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  margin: 0 0 0 0;
  border-left: 1px solid #fff;
}
        
.accordion_content {
  height: 235px !important;
  float: left;
  overflow: hidden;
  padding-left: 20px;
  padding-top: 10px;
}
  .creation_headline {border: none;}
  .creation {background: #F9E2B2;}
  .tipps {background: #F9E2B2;}
  .templates {background: #F9E2B2;}
  .online {background: #F9E2B2;}
  
  .accordion_content .headline {
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 1.1em;
    letter-spacing: normal;
    text-transform: uppercase;
  }    
  
  .accordion_content a {color:#3f2010;}
  
  .accordion_content p {
    width: 305px;
    line-height: 150%;
  }
  
  .creation a, .online a, .tipps a, .templates a  {
    background: url(../images/icons/arrow_pageright.gif) no-repeat;
    background-position: left center;
    padding-left: 15px;
    margin-left: 15px;
    font-size: 0.9em;
  }
  
  .creation .headline a, .online .headline a, .tipps .headline a, .templates .headline a {
    background: none;
    margin-left: 0px;
    padding-left: 0px;
  }
          

/* =BEWERBUNGSERSTELLUNG - Übersicht
--------------------------------------------------------------------------------*/

ul.creation {
  background: url(../images/service/creation_background.jpg) no-repeat;
  height: 200px;
  margin-left: 10px;
  padding-left: 20px;
  width: 960px;
  position: relative;
  top: -22px;
  padding-top: 22px;
}

  ul.creation h1{  
    margin: 0px;
  }

  ul.creation li.intro {
    padding-top: 90px;
    width: 500px;  
  }

  ul.creation .bold{  
    font-weight: bold;
  }

table.general_table thead tr th {
  padding: 0px 5px;
}

table.general_table .price1 {
  font-weight: bold;
  padding-left: 20px !important;
}

table.general_table .price {
  font-size: 0.9em;
}

table.general_table a{
  font-size: 1em;
  font-variant: small-caps;
}

ul.empty_bar {
  background: #F9C76E;
  color: #3f2010;  
  height:18px;
  width:960px;
  border-top: 1px solid #fff;
  margin-left: 10px;
}

  .odd1 {
    background: #F3F3F3;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
  }

  .odd {
    background: #F3F3F3;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
  }

    tr.odd1, td.odd1, tr.odd, td.odd{
      border-bottom: 1px solid #fff;
      border-top: 1px solid #fff;
      height:90px;
      padding:5px;    
    }

      tr.odd1:hover th, tr.odd:hover th  {   
      background: #CCCCCC;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        color:#595959;
      }

      tr.odd1:hover td, tr.odd:hover td{
       background: #CCCCCC;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
      color:#595959;
      padding:5px;
      }

      tr.odd1 td, tr.odd td  {
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
      padding:5px; 
      }

      tr.odd1 th, tr.odd th  {
      border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        padding:5px;
      }


/* =BEWERBUNGSERSTELLUNG - 3 Servicebereiche
--------------------------------------------------------------------------------*/
ul.further_services {
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
  margin: 0 auto;
  margin-top: 20px;
  padding-bottom: 20px;
  width: 960px;  
}

  ul.further_services li{
    float:left;
    margin-right:5px;
    padding-bottom: 10px;
    padding-left: 20px;
    position:relative;
    width:290px;
  }

    ul.further_services h4{
      color: #3f2010;
      font-variant: small-caps;
    }

    ul.further_services li.further_service_info {
      color: #3f2010;
      float: none;
      font-weight: bold;
      margin-top: 20px;
      width: 700px;
    }

iframe#pipeframe {
	height: 949px !important;
}

  
/* =BEWERBUNGSERSTELLUNG - EINZELNE DOKUMENTE
--------------------------------------------------------------------------------*/

h1 .add_title {
  font-size: 0.6em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

ul.documents_creation {
  position: relative;
  width: 960px;
  margin-left: 10px;
  padding-top: 22px;
  padding-left: 20px;
  position: relative;
  top: -22px;
}

  ul.documents_creation h1 {
    margin-left: 0px;
    padding-bottom: 170px;
  }

 ul.documents_creation.cv_image {
   background: url(../images/service/cv_background.jpg) no-repeat;
 }

 ul.documents_creation.correspondence_image {
   background: url(../images/service/correspondence_background.jpg) no-repeat;
 }

 ul.documents_creation.cover_image {
   background: url(../images/service/cover_background.jpg) no-repeat;
 }

 ul.documents_creation.folder_image {
   background: url(../images/service/folder_background.jpg) no-repeat;
 }

 ul.documents_creation.document_image {
   background: url(../images/service/documents_background.jpg) no-repeat;
 }

 ul.documents_creation.digitalization_image {
   background: url(../images/service/digitalization_background.jpg) no-repeat;
 }

  ul.documents_creation li.intro {
    color: #3f2010;
    font-weight: bold;
    position: absolute;
    top: 60px;
    width: 500px;
  } 

  ul.documents_creation li ul.infobox {
    border-bottom: 18px solid #F9C76E;
    left: 690px;
    padding-bottom: 10px;
    position: absolute;  
    width: 250px;
  }

    ul.documents_creation li ul.infobox li.headline {
      background: #F9C76E;
      color: #3f2010;
      font-weight: bold;
      height: 16px;
      padding-left: 5px;
      padding-top:2px;
    }
  
    ul.documents_creation li ul.infobox li.duration p {
      font-weight: bold;
      padding-top: 10px;
    }
    
    ul.documents_creation li ul.infobox li.price {
      border-bottom:1px solid #ECE9E8;
      border-top:1px solid #ECE9E8;
      margin: 15px 0px;
      padding: 15px 0px;
    }
    
    ul.documents_creation li ul.infobox li.further_infos_line {
      border-top:1px solid #ECE9E8;
      font-weight: bold;
      margin-top: 15px;
      padding-top: 15px;
    }
    
    ul.documents_creation li ul.infobox li.price.bold, 
    ul.documents_creation li ul.infobox li.further_infos, 
    ul.documents_creation li ul.introduction li.bold {
      font-weight: bold;
    }

    ul.documents_creation li ul.infobox li.price p {
      font-size: 0.9em;
    }

    ul.documents_creation li ul.infobox li.contact {
      padding-top: 15px;
    }

  ul.documents_creation li ul li.link a{
    color: #F7AF2F;
    font-size: 1em;
    font-variant: small-caps;
    font-weight: bold;
  }

  ul.documents_creation li ul li.link a:hover{
    color: #3f2010;
  }

  ul.documents_creation li.content {
    padding-bottom:20px;
    position: relative;
    width: 605px;  
  }

    ul.documents_creation li.content ul {
      padding-top: 27px;
    }

      ul.documents_creation li.content ul li.headline {
        color: #F7AF2F;
        font-weight: bold;
      }

      ul.documents_creation li.content ul li {
        list-style: url(../images/service/bullet.gif);
        margin-left: 40px;
      }
      
      ul.documents_creation li.content ul li.title {
        list-style: none;
        margin-left: 0px;
        padding-bottom: 10px;
      }

      ul.documents_creation li ul li.link {
        list-style-image: none;
        list-style-type: none;
        padding-bottom: 10px;
      }
      
      ul.documents_creation li ul.price {
        padding-top: 5px;
      }

      ul.documents_creation li.content ul.introduction li, 
      ul.documents_creation li.content ul li.headline, 
      ul.documents_creation li.content ul.duration li, 
      ul.documents_creation li.content ul li.introduction, 
      ul.documents_creation li.content ul li.attainment, 
      ul.documents_creation li.content ul.price li.info1, 
      ul.documents_creation li.content ul.annulment li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0px;
      }
        ul.documents_creation li.content ul li.headline img {
          vertical-align: top;
        }
        
        ul.documents_creation li.content ul.duration li.italic {
          font-style:italic;
        }


        ul.documents_creation li.content ul li ul.documentlist {
          margin-top:-15px;
          padding-left: 30px;
        }

        ul.documents_creation li.content ul.price li.info2{
          color: #3f2010;
          font-size: 0.9em;
          list-style-image: none;
          list-style-type: none;
          margin-left: 0px;
        }

div.service_content h4 {
	color: #3F2010;
	font-size: 1.2em;
	height: auto;
	line-height: auto;
	margin-bottom: 5px;
	margin-top: 25px;
}

  div.service_content ul li {
    list-style: square;
  }
  
  div.service_content.application_tips ul li {
    list-style: none;
  }
  
  div.service_content ol li {
    list-style: decimal !important;
    list-style-position: inside !important;
  }
  
  div.service_content h4.headline_type {
		color:#3F2010;
		font-size:1.1em;
		font-style:italic;
		margin-bottom:5px;
		margin-top:20px;
	}
  
div.index.service .navigation_products h3 {
	padding-left: 0px;
}

div.index .navigation_products h3.headline_icon {
	padding-left: 20px;
}

div.conditions {
	background: url(../images/division.jpg) repeat-x;
}

  div.conditions h3 {
    font-style: italic;
    padding-top: 10px;
  }

/* =BESTELLFORMULAR
--------------------------------------------------------------------------------*/
p.intro_form {
  padding-bottom: 30px;
  padding-left: 30px;
  padding-top: 40px;
  width: 605px;  
}


  table#contact_order thead {
    height: 30px;
  }

    table#contact_order thead th.headline {
      color:#796358;
      height: 40px;
    }

  table#contact_order tbody td .plenty {
    width: 30px;
  }

  table#contact_order tbody h3 {
    color: #F7AF2F;
    font-size: 1em;
    font-variant: small-caps;
  }
  
  table#contact_order tbody td {
    padding: 5px 0px;
  }

  table#contact_order tfoot .price  {
    font-size: 0.9em;
    padding-top: 20px;
  }

  table#contact_order tfoot .last_info {
    padding: 20px 0px;
  }

#document_hidden_1 ul, #document_hidden_2 ul, 
#document_hidden_3 ul, #document_hidden_4 ul, 
#document_hidden_5 ul, #document_hidden_6 ul,
#document_hidden_7 ul, #document_hidden_8 ul {
  border-bottom: 1px dotted #ccc;
  list-style: url(../images/icon_checkmark_white.gif);
  margin: 0px 0px 10px 0px;
  padding: 10px 22px;  
}

  #document_hidden_5 ul.list-style, 
  #document_hidden_6 ul.list-style,
  #document_hidden_7 ul.list-style,
  #document_hidden_8 ul.list-style {
    border: none;
    list-style: square;
    list-style-position:inside;
    margin: 0px 0px 0px 40px;
  }

ol#contact_order_adress {
  min-height:350px;
  height:auto !important;
  height:350px;
  position: relative;
}

  ol#contact_order_adress li div.error_box_inner_form,
  ol#contact_agb li div.error_box_inner_form {
    width:328px;
  }
  
  ol#contact_order_adress li {
    min-height:25px;
    height:auto !important;
    height:25px;
    width: 470px;
  }
    ol#contact_order_adress li div.error {
      margin-bottom: 5px;
      margin-top: 15px;
    }

    ol#contact_order_adress li label {
      clear: left;
      float:left;
      margin:0;
      padding:0;
      width: 185px;
    }

    ol#contact_order_adress li input.textbox, 
    ol#contact_order_adress li textarea.textbox {
      padding:1px 0px 1px 3px;
      width: 200px;
    }

      ol#contact_order_adress li input.textbox.street {
        margin-right: 5px;
        width: 162px;
      }

      ol#contact_order_adress li input.textbox.streetnumber {
        width: 25px;
      }

      ol#contact_order_adress li input.textbox.postalcode {
        margin-right: 5px;
        width: 35px;  
      }

      ol#contact_order_adress li input.textbox.location {
        width: 151px;
      }

    ol#contact_order_adress li.demand {
      padding-bottom:30px;
      padding-top: 20px;
    }

    ol#contact_order_adress .subinfo {
      font-size: 0.9em;
    }

    ol#contact_order_adress .send {
      margin-top: 22px;  
    }  
    
    ol#contact_order_adress .input_selectbox {
      width:205px;
    }

  ol#contact_action li ol {
    list-style: decimal;
    list-style-position: inside;
    margin-bottom: 10px;
    margin-top: 10px;  
  }

    ol#contact_action li ol li ol {
      list-style: none;
      margin: 0px 0px 5px 20px;
    }

  ol#contact_agb li.AGB_check {
    padding-bottom: 20px;
  }

  .button_send {
    margin-left: 557px;
  } 
    
ul.order_success {
    background: url(../images/shop/shop_order_bg.png) no-repeat;
    margin-left: 10px;
    padding-top: 20px;
    padding-left: 18px;
    height: 160px;
    width: 960px;
}

    ul.order_success h1{
        margin:0px;
        padding:0px;
        padding-bottom: 25px;
    }

    ul.order_success li.salutation {
        margin-top: 10px;
    }
    
    ul.order_success li.name {
        font-weight: bold;
    }
    
/* =BEWERBUNGSTIPPS - SEITENNAVIGATION
--------------------------------------------------------------------------------*/
ul.index2 {
  border-left: 1px solid #ECE9E8;
  left: 960px;
  padding-top: -20px;
  padding-left: 15px;
  position: absolute;
  z-index:10;
}

  ul.index2 li {
    border-bottom: 1px dotted #ECE9E8;
    line-height:20px;  
    padding: 3px 0px;
    padding-left: 30px;
  }

    ul.index2 li.subheading {
      padding:20px 0px 3px 30px;  
    }
    
      ul.index2 li.subheading h3 {
        border-bottom:2px solid #3F2010;
      }

  ul.index2 h2 {
    position: relative;
        top: -25px;
        margin: 0px;
        margin-bottom: -25px;
        padding: 0px;
        padding-left: 30px;
        letter-spacing: 0px;
        line-height:1.1em;
  }

  ul.index2 .headline {
    border-bottom: #f7af2f solid 3px;
    margin-top: 20px;
    padding: 0px 0px 5px 0px;    
  }

/* =BEWERBUNGSTIPPS
--------------------------------------------------------------------------------*/

h1.indented {
  padding-left: 60px;
}

strong.indented {
  color:#796358;
	font-weight:bold;
	padding-bottom:20px;
	padding-left:90px;
}

img.headline_icon { 
	height:50px;
	left:23px;
	position:absolute;
	top:-7px;
	width:50px;
}

strong.indented_creation {
  color:#796358;
	font-weight:bold;
	padding-bottom:20px;
	padding-left:60px;
}

img.headline_icon_creation { 
	height:50px;
	left:13px;
	position:absolute;
	top:15px;
	width:50px;
}

.icon_image_creation { 
  background: url(../images/icons/icon_creation_small.jpg) no-repeat;
  height: 50px;
  left: 23px;
  position: absolute;
  top: 15px;
  width: 50px;
}

ul.application_tips {  
  margin-left:10px;
  margin-top: 20px;
  min-height:660px;
 height:auto !important;
 height:660px;
  padding-left: 20px;
  position: relative;
  width: 960px;
}

  div.application_tips ul li.image {  
    margin-bottom: 10px;
    padding-top: 54px;
    float: left;
  }

  div.application_tips ul li.description {
  		text-align:justify;
	}

ul.links_html li {
  list-style-image:url(../images/icons/arrow_pageright.gif);
  margin-left: 20px;
  padding-bottom:2px;
  width:160px;  
}

li.Link_Container_left {
  background: #E5EDAE;
  clear: both;
  border-top: 1px solid #849225;
  border-bottom: 1px solid #849225;
  margin-bottom:30px;
  margin-top: 20px;  
  padding: 5px 0;  
}

  li.Link_Container_left ul.linklist li {
    list-style-position: inside;
    list-style-type: square;    
  }
 
/* =SERVICE - PERSONALMARKT - Gehaltsanalyse
--------------------------------------------------------------------------------*/
ul.salarycheck {
  margin-left: 20px;
  padding-top: 10px;
}

/* =ONLINEBEWERBUNG
--------------------------------------------------------------------------------*/
ul.onlinefeatures {
  background: url(../images/service/onlineapplicationfeatures.png) no-repeat;
  height: 430px;
  margin-left: 10px;
  margin-top: 30px;
  width: 960px;    
}

  ul.onlinefeatures li {
    display:inline;
    float:left;
    margin:0pt 87px 0pt 5px;
    padding-top:25px;
    width:250px;
  }
  
  ul.onlinefeatures li.direct_application {
  	margin-right:0px;
  }
  
  ul.onlinefeatures li h2 {
    color:#F7AF2F;
    font-size:1.2em;
    margin:0 0 190px 25px;
  }
  
  ul.onlinefeatures li p {
    margin:10px 0px 15px 25px;
  }

/* =BEWERBERMANAGEMENT
--------------------------------------------------------------------------------*/
div.applicants_management {
  background: url(../images/service/applicants_management_bg.jpg) no-repeat;
  padding-top: 40px;
}

  div.applicants_management_foot {
    background: url(../images/catalog/trust_screen_foot.jpg) no-repeat; 
  }
  
  div.applicants_management div.price {
    color:#FFFFFF;
    font-size: 1.4em;
    position: relative;
    text-align:center;
    top: 8px;
    margin-left: 8px;
  }