@charset "UTF-8";
/*
////////////////////////////////////////////////////////////////
//
// jf_style.css  //  Erstellt durch TIGER.DESIGN, Dreieich.
// www.tiger-design.de
// 
// Autor: Lukas Fingerle
// Datum: 06.04.2009
//
////////////////////////////////////////////////////////////////

*/



/* ALLGEMEINES
===========================*/

* { margin: 0; padding: 0; }
body { background-color: #E1E1E1; color: #666666; height: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; }

a img { border: 0; }

#wrapper {width: 952px; height:auto; margin: 0px auto 0px auto; background: url(/JF/de/wLayout/design/img/jobfit_bg.jpg) repeat-y;}
#navcontainer {position:static; height:auto; width: 200px;}


/* LINKS
===========================*/

a {color: #0066CC;font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;text-decoration: none;}
a:hover	{color: #0066CC; font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;text-decoration: underline;}
a:selected {color: #0066CC;font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;text-decoration: underline;}


/* HEADLINES
===========================*/

h1 {font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;  font-size: 14px; color: #666; line-height:17px; margin-bottom: 15px; text-align:left;}
h2 {font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;  font-size: 13px; color: #666; line-height:17px; margin-bottom: 15px;text-align:left;}
h3 {font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;  font-size: 12px; color: #666; line-height:17px; margin-bottom: 15px;text-align:left;}


/* TEXTGESTALTUNG
===========================*/

.text {font-family: Helvetica Neue, Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 12px; color: #333; line-height: 18px;text-align: left;}

.picture_left {margin: 0px 10px 10px 0px; float:left; border: 3px solid #aaaaaa;}
.picture_right {margin: 0px 0px 10px 10px; float:right; border: 3px solid #aaaaaa;}
.text_left {font-family: Helvetica Neue, Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 12px; color: #333; line-height: 18px;text-align: left; margin-bottom: 40px; }
.text_right {font-family: Helvetica Neue, Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 12px; color: #333; line-height: 18px;text-align: left; margin-bottom: 40px; }

.trennlinie {background-color:#999999;border-style:none;color:#999999;height:1px;margin: 25px 0px 25px 0px;}
.box {border-top: 1px solid #666; background-color: #E5E5E5; margin-bottom:15px; line-height:17px; text-align:left; padding:4px; width:100%; overflow:hidden;}
.box a {font-size:11px;}


/* KOPFBEREICH
===========================*/

#header { width: 952px; height: 124px; margin: 0px 16px 0px 16px;}
#logo { height: 124px; width: 257px; background: url(/JF/de/wLayout/design/img/jobfit_logo.jpg) no-repeat; float: left; }
#navigation { height: 124px; width: 663px; background: url(/JF/de/wLayout/design/img/jobfit_navi.jpg) repeat-x; float: left; position:relative; }
#slogan {position: absolute; top: 31px; left:40px; background: url(/JF/de/wLayout/design/img/jobfit_slogan.jpg) no-repeat; height:24px; width:450px;}
#mainpicture {width:899px; height:280px; margin: 10px 11px 10px 10px; background: url(/JF/de/wLayout/design/img/jobfit_header.jpg) no-repeat; float:left;}
#headpicture {width: 952px; height:300px; margin: 0px auto 0px auto; margin: 0px 16px 0px 16px;}


/* NAVIGATION KOPFBEREICH
===========================*/

#nav_top {position: absolute; bottom: 16px;left: 41px;}
.nav_top_item {padding: 0px 17px 0px 0px; float: left; text-align:left;} 
.nav1 {color: #fff; font-size: 11px; font-family: Helvetica Neue, Arial, Helvetica, Sans-serif; text-decoration: none; text-transform: uppercase;}
#nav_top a:hover {color: #fff; font-size: 11px; font-family: Helvetica Neue, Arial, Helvetica, Sans-serif; text-transform: uppercase; text-decoration:underline;}
.nav1_selected {color: #fff; font-size: 11px; font-family: Helvetica Neue, Arial, Helvetica, Sans-serif; text-decoration: underline; text-transform: uppercase; }


/* CONTENT BEREICH
===========================*/

#mainarea {width: 952px; height:100%;  margin: 0px 16px 0px 16px; position:  relative; overflow:hidden;}
#mainarea > #content {width:630px; height:auto; min-height:300px; overflow:hidden;  margin: 30px 20px 0px 260px; text-align:left;  }
#mainarea > #content_half { width:450px; height:auto; overflow:hidden;  margin: 30px 20px 0px 260px; text-align:left;  }

/* NEWS
===========================*/
.newskopf {overflow:hidden; padding-top:20px;}
.datum {font-size:11px; font-weight:bold; margin-bottom:6px;}
.ueberschrift {font-size:14px; font-weight:bold; margin-bottom:8px; color: #0066CC;}

/* NEWSBOX
===========================*/
#right {width:180px; height:auto; overflow:hidden; margin: 30px 20px 0px 680px; position:absolute; right:25px; top:0;}
.right_element {border-top: 1px solid #666; background-color: #E5E5E5; margin-bottom:15px; line-height:17px; text-align:left;}
.right_date {font-family: Helvetica Neue, Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 10px; color: #333; text-align: left; text-transform: uppercase; margin: 3px 7px 0px 7px;;}
.right_hl {font-family: Helvetica Neue, Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 11px; color: #0066CC; text-align: left; text-transform: uppercase; margin:0px 7px 8px 7px;}
.right_text {font-family: Helvetica Neue, Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 11px; color: #333; text-align: left; margin: 0px 7px;  }
.right_link a {font-family: Helvetica Neue, Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 11px; color: #0066CC; text-align: left; text-decoration:none; margin: 0px 7px 5px 7px;}


/* NAVIGATION CONTENT BEREICH
===========================*/
#nav_left {float:left; width:235px; height:auto; position:absolute; top:30px; left:0px;}
.nav_left_item {height: 27px;border-bottom: 1px solid #0066CC; text-align:left;}
.nav_left_item_text {padding: 7px 0px 0px 20px;height:20px;width:225px;color: #0066CC;font-size: 11px;font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;} 
#nav_left a:hover {font-weight: bold; text-decoration:none;}
.nav2 {color: #0066CC;font-size: 11px;font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;text-decoration: none;text-transform: uppercase;}
.nav2_selected {color: #0066CC;font-size: 11px;font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;text-decoration: none;text-transform: uppercase; font-weight:bold;}


/* FUSSBEREICH
===========================*/

#footer {width: 952px;  height:100%; margin: 0px auto 0px auto; background-color: #E1E1E1;}
#footer a {color: #666666; height: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; background-color: #E1E1E1;}
#footerbild {width: 952px;  height:35px; margin: 0px auto 0px auto; background:url(/JF/de/wLayout/design/img/jobfit_footer.jpg) no-repeat;}
#footertext {color: #666666; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px 0px 0px 16px; background-color: #E1E1E1; text-align:left;}
#footedit { width: 952px;  height:100%; margin: 5px 0px 20px 16px; background-color: #E1E1E1;}


/* IE6 HACKS
===========================*/
* html  #content {margin: 30px 0px 0px 280px; width:600px; }
* html  #content_half {margin: 30px 0px 0px 280px; width:430px; }
* html #mainpicture { margin: 10px 5px 10px 5px;}