@import "contact.css";

/* Standard Settings */
body, div, dl, dt, dd,  h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, legend, input, button, p, blockquote, table, th, td {
    margin: 0;
    padding: 0;
}

html > body {
    overflow-y:visible !important;
}

.png{ behavior: url(/iepngfix.htc) }

ul{
	list-style-type:disc;
}
.no_decoration{
	text-decoration:none !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img, button {
    border: 0;
}


#f_login input {
    padding: 3px;
}

a{
    color:#688c1a;
    text-decoration:underline;
}


/* Page Separation */

body {
    font-family:Helvetica,sans-serif;
    line-height:1.3;
    color: #504d51;
    font-size: 11px;
    height: 100%;
    background-image:url(../images/bg_body_gradient.jpg);
    background-repeat:repeat-y;
    background-position: 50% 0;
    background-color: #FFFFFF;

}

html {
    height: 100%;
    overflow:scroll;

}

#wrap {
    width: 960px;
    min-height:100%;
    position:relative;
    margin: auto auto;

}
* html #wrap {
    height:100%;
}

#inner-wrap {
    padding-bottom:70px;
    min-height: 100%;

}

#inner-wrap:after {
    content:" ";
    display:block;
    clear:both;
}

* html #inner-wrap {
    height:1px;
}

/* Header Deklarations */
#header {
    background-image:url(../images/main_menue/bg_header.jpg);
    background-repeat:no-repeat;
    background-position: top center;

    height:127px;
    margin:0;
    padding:0;
    width:960px;
}

#logo {
    left:10px;
    position:absolute;
    top:15px;
}

/* Footer Deklarations */

#footer {
    position:absolute;
    bottom:0;
    height: 70px;
    background-image: url(../images/footer_gradient.jpg);
    background-repeat: repeat-x;
    width:960px;
    left:0;

}

#nav_footer {
    float: left;
    padding-top: 15px;
}

#footer_icon {
    float: left;
    padding: 10px 15px 0px 35px;
}

#content {
    float: left;
    width: 100%;
}

#right_boxes {
    float: right;
    width: 669px;
}

#left_boxes {
    float: left;
    width: 281px;
}

button{
    cursor:pointer;
}

button.image_button{
    background:none;
    padding:0px !important;
    margin:10px 0px 0px -3px !important;
    height:30px !important;
   width:65px !important;
  padding-left:0px !important;
  border:none;
	font-size: 0px;
}
/* Content Boxen */

/* 3 spaltig */
.content-box-3-bg {
    background-image:url(../images/layout_border/layout_3_border_bg.jpg);
    background-repeat:repeat-y;
    width: 271px;
    height: 166px;
    padding: 5px;

}
.content-box-3-top {
    background-image:url(../images/layout_border/layout_3_border_top.jpg);
    background-repeat:no-repeat;
}

.content-box-3-bottom {
    background-image:url(../images/layout_border/layout_3_border_bottom.jpg);
    background-repeat:no-repeat;
}

/* 3 spaltig grau */
.content-box-3-bg-grey {
    background-image:url(../images/layout_border/layout_3_border_bg_grey.jpg);
    background-repeat:repeat-y;
    width: 261px;
    height: 178px;
    padding: 5px 10px 0px 10px;

}
.content-box-3-top-grey {
    background-image:url(../images/layout_border/layout_3_border_top_grey.jpg);
    background-repeat:no-repeat;
}

.content-box-3-bottom-grey {
    background-image:url(../images/layout_border/layout_3_border_bottom_grey.jpg);
    background-repeat:no-repeat;
}

/* Main Navigation */
#main_menue {
    width: 960px;

    position:absolute;
    top: 77px;
    left: 0px;
    padding:0;
    margin:0;
    z-index:100;
    background:transparent;

}

ul.main_nav {
    /*Remove all spacings from the list items*/
    margin: 0;
    padding: 0;
    cursor: default;
    display: inline;
    float:left;

    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
     z-index:100;

}

ul.main_nav li {
    float: left;
    margin:0;
    padding: 0;
    display: table-cell;
     height:50px;
     z-index:100;

}

/* Zweite Ebene */
ul.main_nav ul {

    position: absolute;
    left: 0;
    top:20px;
    display: none;
    width: 960px;
    float:left;
    padding:0px;
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
     z-index:100;
    margin: 0px;
    height:31px;

}
ul.main_nav ul li  {
    float: left;
    z-index:100;
    height:19px;
	position:relative;
	top:12px;
    /* background: transparent url(../images/main_menue/menue_spacer_1x12px.gif) no-repeat scroll right; */
}


/* Zweite Ebene anzeigen */
ul.main_nav li.hover ul, ul.main_nav li:hover ul {
    display: block;
}

/*  Main Menue Colors */

ul.main_nav, .main_nav ul, .main_nav ul li a {
    color: #575757;
}


ul.main_nav li:hover, .main_nav ul li a:hover {
    color: #575757;
}

ul.main_nav li:active, .main_nav ul li a:active{
    color: #575757;
}

ul.main_nav, .main_nav ul{
    border: none;
}

.main_nav a, .nav_spacer {
    text-decoration: none;
    color: #656364;
    font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight:bold;
    letter-spacing: +0.6px
}



/* Subnavigation */

#submenu {
    background-image: url(../images/main_menue/bg_submenue_gradient.jpg);
    background-repeat: repeat-x;


    border-bottom:1px dotted #808080;
	position:absolute;
    height:26px;
    top:100px;
    width:960px;
    padding: 0px;
}

/* Menue left */
#menu_left_container {
    width: 184px;
}

#menu_left {
    width: 184px;
    position:absolute;
}

#menu_left ul {
    width: 184px;
}

#left_menu{
    font-size:0px;
}

#left_menu li {
    margin: 0;
    padding: 0;
    width: 184px;
}

#left_menu li img {
    display: block;
}




/* Main Navigation Footer */
ul.nav_footer, .nav_footer ul {
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none;
    float: left;
}

ul.nav_footer li {
    float: left;
    margin:0;
    padding: 10px 5px 5px 0px;
}


ul.nav_footer li a {
    margin:0;
}



/*  Main Navigation Footer */
ul.nav_footer, .nav_teaser ul, .nav_footer ul li a {
    color: #424242;
}


ul.nav_footer li:hover, .nav_footer ul li a:hover {
    color: #424242;
}

ul.nav_footer li:active, .nav_footer ul li a:active{
    color: #424242;
}

ul.nav_footer, .nav_footer ul{
    border: none;
}

.nav_footer a, #teaser_menue a {
    font-family:Arial,Helvetica,sans-serif;
    text-decoration: none;
    color: #424242;
    font-size: 10px;
}
#teaser_menue a {
	 padding-left: 10px;
}

#teaser_menue {
    padding-top: 18px;
    height: 25px;
    width: 460px;
    text-align: right;
}

div.clear {
    clear: left;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

/* Login Bereich */

#login_form table tr td, #login_form a {
    font-family:Helvetica,sans-serif;
    color: #444444;
    font-size: 11px;
    padding: 3px 0 0 0;
}

#login_form input {
    font-family:Helvetica,sans-serif;
    color: #666666;
    font-size: 11px;
}

#login_container {
    height:50px;
    width: 470px;
    position:absolute;
    right:0;
    top:12px;

}

.login_button {
    background-image: url(../images/btn/btn_anmelden.gif);
    background-repeat: no-repeat;
}

/* Layouts */
#content_main {
    padding: 5px 10px 10px 10px;
}

#left_container {
    width: 184px;
    float:left;
}

/* 6 Spalten Content */
#content_layout_8 {
    width: 766px;
    background-image: url(../images/layout_border/layout_8_middle.jpg);
    background-repeat:repeat-y;
    float:left;
    margin-left:10px;
}

.layout_8_top {
    width: 766px;
    background-image: url(../images/layout_border/layout_8_top.jpg);
    background-repeat:no-repeat;
    height: 6px;
}

.layout_8_bottom {
    width: 766px;
    background-image: url(../images/layout_border/layout_8_bottom.jpg);
    background-repeat:no-repeat;
    height: 6px;
	overflow:hidden;
}




/* 7x3 layout */


#content_layout_7_3_left{
    width:669px;
    margin-right:10px;
    float:left;
}

#content_layout_7_3_right{
    width:281px;
    float:left;
}


/*
2_5_3 Layout
*/

#content_left_2_5_3{
    float:left;
    width:184px;
}
#content_left_2_5_3 ul, #menu_left_container ul{
    margin:0; padding:0; list-style:none;
}
#content_main_2_5_3{
    float:left;
    width:475px;
    margin:0px 10px 0px 10px;
}

#content_right_2_5_3{
    float:left;
    width:281px;
}



.content_right_top_2_5_3{
    background-image: url(../images/content/fuer_arbeitgeber/right_content_top.gif);
    background-repeat:no-repeat;
    width:281px;
    height:3px;
    font-size:0px;
}

.content_right_body_2_5_3{
    background-color: #e8e6e7;
    width:259px;
    padding:10px;
    border-left:1px solid #d4d0cf;
    border-right:1px solid #d4d0cf;
}

.content_right_bottom_2_5_3{
    background-image: url(../images/content/fuer_arbeitgeber/right_content_bottom.gif);
    background-repeat:no-repeat;
    width:281px;
    height:3px;
    font-size:0px;
}

#content_right_white_2_5_3{
    width:237px;
    padding:10px;
    margin:10px 0px 10px 0px;
    border:1px solid #d4d0cf;
    background-color:#ffffff;
}


#content_right_bottom_2_5_3{

}

#content_right_title_2_5_3{
    font-weight:bold;
}

/* �berschriften */
h1.imageheader {
    height:26px;
    background-repeat:no-repeat;
    padding: 0;
    margin: 0 0 10px 0;
}

h1.imageheader12 {
    height: 16px;
    background-repeat:no-repeat;
    padding: 0;
    margin: 0 0 10px 0;
}

h1.imageheader12 strong{
    display:none;
}

h1.imageheader strong {
    display:none;
}

/* Textformatierungen */
.bodytext {
    margin: 12px 0 12px 0;
}

/* BOX RECHTS*/

.greybox_right {
    width:281px;
    margin-bottom:10px;
}

.greybox_right_top {
    font-size: 0px;
    background: url("../images/content/fuer_arbeitgeber/greybox_right_top.png") no-repeat;
    height:7px;
    width:281px;
}

.greybox_right_content {
    width:259px;
    padding:2px 10px;
    border-right:1px solid #AEAEAE;
    border-left:1px solid #AEAEAE;
    background-color: #F1F1EF;
    color: #797977;
}

.greybox_right_bottom {
    font-size: 0px;
    background: url("../images/content/fuer_arbeitgeber/greybox_right_bottom.png") no-repeat;
    height:6px;
    width:281px;
}

.greybox_contact {
    width:281px;
    margin-bottom:10px;
}

.greybox_contact_top {
    font-size: 0px;
    background: url("../images/content/fuer_arbeitgeber/greybox_contact_top.png") no-repeat;
    height:4px;
    width:281px;
}

.greybox_contact_content {
    width:281px;
    color: #797977;
    background: url("../images/content/fuer_arbeitgeber/greybox_contact_bg.png") repeat-y;
}

.greybox_contact_bottom {
    font-size: 0px;
    background: url("../images/content/fuer_arbeitgeber/greybox_contact_bottom.png") no-repeat;
    height:4px;
    width:281px;
}


div#main_teaser {
     width: 960px;
     height: 260px;
     padding-top: 12px;

}

.main_teaser_image1 {
    background-image: url(../images/main_teaser/teaser_image_1.jpg);
}
.main_teaser_image2 {
    background-image: url(../images/main_teaser/teaser_image_2.jpg);
}
.main_teaser_image3 {
    background-image: url(../images/main_teaser/teaser_image_3.jpg);
}

.main_teaser_btn1, .main_teaser_btn1_hover,
.main_teaser_btn2, .main_teaser_btn2_hover,
.main_teaser_btn3,  .main_teaser_btn3_hover{
    cursor:pointer;

}

.main_teaser_btn1 {
     float:left;
    background-image: url(../images/main_teaser/teaser_button_1.jpg);
}

.main_teaser_btn1_hover {
    float:left;
    background-image: url(../images/main_teaser/teaser_button_1_hover.jpg);
}


.main_teaser_btn2 {
    float:left;
    background-image: url(../images/main_teaser/teaser_button_2.jpg);
}

.main_teaser_btn2_hover {
     float:left;
    background-image: url(../images/main_teaser/teaser_button_2_hover.jpg);
}

.main_teaser_btn3 {
    float:left;
    background-image: url(../images/main_teaser/teaser_button_3.jpg);
}

.main_teaser_btn3_hover {
    float:left;
    background-image: url(../images/main_teaser/teaser_button_3_hover.jpg);
}