@charset "utf-8";

body {
	background-color: #eff1f3;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; }
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

form { margin: 0; padding: 0; }

a { text-decoration: none; }

img { 
	border: none;
	behavior: url("/css/pngbehavior.htc");
}

.clear { clear: both; visibility: hidden; height: 1px; display: block; }

/* -------------*/
/* Header       */
/* -------------*/
div#header {
	background: none;
}
div#header div.content {
	width: 990px;
	height: 107px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
* html div#header div.content  { overflow: hidden; } /* MSIE hack */
div#header div.content div.searchbar { 
	height: 40px;
	text-align: right;
	padding-top: 17px;
	color: #ffffff;
}
div#header div.content div.searchbar form { margin: 0; padding: 0; }
div#header div.content div.searchbar form input#search { 
	width: 157px; 
	height: 17px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
div#header div.content div.searchbar form input#submit { 
	width: 75px; 
	height: 21px; 
	background: #6c7279;
	color: #aab3bd;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
}
div#header div.content div.searchbar div { display: inline; padding-right: 10px; } 
div#header div.content div.searchbar div a { color: #ffffff; } 
div#header div.content div.mainnav {
	height: 50px;
	background: url(../images/main_nav/bg.gif) repeat-x;
}
div#header div.content div.mainnav ul { list-style: none; padding: 0; margin: 0; float: right; }
div#header div.content div.mainnav ul li { float: left; height: 50px; }
div#header div.content div.mainnav ul li a,
div#header div.content div.mainnav ul li a:link,
div#header div.content div.mainnav ul li a:visited,
div#header div.content div.mainnav ul li a:hover {
	width: 150px;
	height: 30px;
	background: url(../images/main_nav/unnamed.gif) no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	display: block;
	text-align: center;
	padding-top: 20px;
	color: #cecece;
}
div#header div.content div.mainnav ul li.active a,
div#header div.content div.mainnav ul li a:hover {
	background: url(../images/main_nav/unnamed_active.gif) no-repeat;
	color: #ffffff;
}
div#header div.logo {
	display: block;
	width: 195px;
	height: 0;
	position: relative;
	left: -10px;
	top: -80px;
	z-index: 5;
}


/* -------------*/
/* Content      */
/* -------------*/
div#content {
	background: none;
}
div#content div.content {
	background: url(../images/header_default.jpg) no-repeat;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	position: relative;
}
div#content div.content div.rss {
	height: 30px;
	text-align: right;
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 10px;
}
div#content div.content div.rss a { 
	color: #ffffff; 
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
div#content div.content div.col1 {
	width: 320px;
	margin-top: 70px;
	float: left;
}
div#content div.content div.col2 {
	width: 660px;
	float: right;
}

/* Ad */
div#content * div.ad {
	background: #4b5156;
	padding: 10px 0 10px 0;
	text-align: center;
}
div#content * div.navi div.ad {
	margin: 50px 0 50px 0;
	text-align: center;
	background: none;
}

/* Category */
div#content * div.categories {}
div#content * div.categories div.jobentrybutton { padding: 10px; background: #4b5156; }
div#content * div.categories ul { list-style: none; margin: 0; padding: 0; }
div#content * div.categories ul li { 
	margin-left: 0; 
	height: 39px; 
	background: #5f666c;
	border-top: 1px solid #848a92;
	border-bottom: 1px solid #292c2e;
}
div#content * div.categories ul li:hover {
	background: #00a4ea;
	border-top: 1px solid #58c7ff;
}
div#content * div.categories ul li a { 
	display: block;
	height: 26px; 
	font-weight: bold;
	color: #cecece;
	padding-left: 15px;
	padding-top: 13px;
}

div#content * div.categories ul li#jobs_und_karriere {
  background-image: url(../images/juk.jpg);
  background-repeat: no-repeat;
  background-position: 242px 2px;
}

div#content * div.categories ul li#jobs_und_karriere:hover {
  background-color: #d74e0a;
  border-top: 1px solid #d57e53;
}

div#content * div.categories ul li#jobs_und_karriere.active {
  background-color: #d74e0a;
  border-top: 1px solid #d57e53;
}
div.types a.fair_company_special {
  background: none repeat scroll 0 0 #A4A6A8;
  color: white;
  padding: 0 2px 1px;
  text-decoration: none;
}
div.types a#fair_company_all {
  background: none repeat scroll 0 0 #4A4D51;
  color: white;
  padding: 0 2px 1px;
  text-decoration: none;
}
div.types a.fair_company_special.active div.types a#fair_company_all.active {
  background: none repeat scroll 0 0 #EFF1F3;
}
div#content * div.caltegories ul li a span {
	color: #009ee1;
	width: 16px;
	display: block;
	float: left;
}
div#content * div.categories ul li.active {
	background: #00a4ea;
	border-top: 1px solid #58c7ff;
}
div#content * div.categories ul li.active a { color: #ffffff; }
div#content * div.categories ul li.active a span { color: #cecece; }

/* Navi */
div#content * div.navi {
	background: #1c1f21;
	color: #cecece;
	padding: 10px;
	line-height: 18px;
	margin-bottom: 10px;
	border-top: 1px solid #848a92;
}
div#content * div.navi * h3, div.teaser h3 {
	color: #b3b9be;
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #5f666c;
	padding-bottom: 4px;
	margin-top: 0;
	margin-bottom: 6px;
}
div#content * div.navi * ul { list-style: none; padding-left: 0; margin: 0 0 20px 0; }
div#content * div.navi * ul li,
div#content * div.navi * ul li.last { padding-bottom: 0; }
div#content * div.navi * ul li a { color: #009ee0; }

div#content * div.navi div.aktuell ul li { padding-bottom: 15px; }
div#content * div.navi div.aktuell ul li.last { padding-bottom: 0; }

div#content * div.navi div.comment ul { list-style: url(../images/ico_comment.gif); padding-left: 20px; }
div#content * div.navi div.comment ul li { padding-bottom: 15px; }
div#content * div.navi div.comment ul li.last { padding-bottom: 0; }
div#content * div.navi div.comment ul li div { overflow: hidden; }


/* Kommantar */
div#content * div.articlecomment {
	background: #dddddd;
	padding: 10px;
	margin-bottom: 10px;
	color: #4a4d51;
	line-height: 18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
}
div#content * div.articlecomment .info,
div#content * div.comment .info {
	font-size: 10px;
	font-weight: bold;
	color: #b3b9be;
}
div#content * div.articlecomment .info a,
div#content * div.comment .info a { color: #009ee0; }
div#content * div.articlecomment ul { margin: 0; padding: 0; list-style: none; }
div#content * div.articlecomment ul li label { display: none; }
div#content * div.articlecomment a { color: #009ee0; }
div#content * div.articlecomment ul.error_list li { color: red; }

/* No Article */
div#content * div.noarticle {
	background: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
	color: #4a4d51;
	line-height: 18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	min-height: 200px; 
}
div#content * div.noarticle h2 { 
	color: #009ee0; 
	font-weight: bold; 
	font-size: 22px;
	line-height: 26px;
	margin: 6px 0 6px 0;
	padding: 0;
}


/* Staticpage */
div#content * div.static {
	background: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
	color: #4a4d51;
	line-height: 18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	min-height: 200px; 
}
div#content * div.static h2 { 
	color: #009ee0; 
	font-weight: bold; 
	font-size: 22px;
	line-height: 26px;
	margin: 6px 0 6px 0;
	padding: 0;
}
div#content * div.static a { color: #009ee0; }
div#content * ul.radio_list {list-style:none;padding-left:0;margin-left:0;display:inline;}
div#content * ul.error_list {list-style:none;color:red;padding-left:0;margin-left:0;display:inline;}
div#content * div.static form th, div#content * div.static form td {vertical-align:top;text-align:left;}
div#content * div.static input {display:inline;}

/* Article */
div#content * div.article {
	background: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
	color: #4a4d51;
	line-height: 18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	overflow: hidden;
}
div#content * div.article a { color: #009ee0; }

div#content * div.article .rubric { 
	font-weight: bold; 
	color: #000000;
}
div#content * div.article img.imgpos_topleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
div#content * div.article img.pixelpocket { 
	float: left;
	margin:15px 10px 5px 0;
}
div#content * div.article h2 { 
	color: #009ee0; 
	font-weight: bold; 
	font-size: 22px;
	line-height: 26px;
	margin: 6px 0 6px 0;
	padding: 0;
}
div#content * div.article h2 a { color: #009ee0; }
div#content * div.article .info {
	font-size: 10px;
	font-weight: bold;
	color: #b3b9be;
}
div#content * div.article .info a { color: #009ee0; }
div#content * div.article blockquote {
	background: #f5f5f5;
	border: 1px solid #e4e5e7;
	color: #6c7076;
	padding: 20px 25px 20px 25px;
	font-size: 13px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}


/* Feature */
div#content * div.feature {
	background: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
	color: #4a4d51;
	line-height: 18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
}
div#content * div.feature h2 { 
	color: #009ee0; 
	font-weight: bold; 
	font-size: 22px;
	line-height: 26px;
	margin: 6px 0 6px 0;
	padding: 0;
}
div#content * div.feature h2 a { color: #009ee0; }
div#content * div.feature a { color: #009ee0; }
div#content * div.feature div.type { float: left; font-weight: bold; font-size: 20px; }
div#content * div.feature div.counter { float: right; font-weight:bold; font-size: 15px; }

div#content * div.feature h2 a.prev { 
	float: left;
	padding-top: 6px;
	margin-right: 10px;
}
div#content * div.feature h2 span { 
	float: left;
	overflow: hidden;
	width: 600px;
}
div#content * div.feature h2 a.next { 
	float: right;
	padding-top: 6px;
	margin-left: 10px;
}
div#content * div.feature h2 { clear: both; }

/* -------------*/
/* Footer       */
/* -------------*/
div#footer {
	background: #454c51;
}
div#footer div.content {
	width: 966px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 12px 30px 12px;
	color: #9ea2a8;
	clear: both;
}
div#footer div.content .col1,
div#footer div.content .col2 { 
	width: 310px;
	float: left;
	margin-right: 18px;
}
div#footer div.content .col3 { 
	width: 310px;
	float: right; 
	margin: 0;
}
div#footer div.content * h4 { border-bottom: 1px solid #9ea2a8; padding-bottom: 8px; margin-bottom: 14px; }
div#footer div.content * ul { list-style: none; padding-left: 0; }
div#footer div.content * ul li { margin-top: 8px; }
div#footer div.content * ul li a { color: #ffffff; }


/* Advertising */
div#skyscraper {
	width: 160px;
	position: absolute;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	left: 100%;
	padding: 0 0 0 10px;
}
div#skyscraper div { 
	background: none;
	width: 160px;
	height: 600px;
}

/* Teaser */
div.teaser {
  background-color: #1C1F21;
  padding: 0 0 10px 0;
}

div.teaser img {
  margin: 0px;
  width: 300px;
}

div.teaser div {
  margin-top: 10px;
  padding: 0 0 5px 0;
  color: #cecece;
  line-height: 18px;
  border-bottom: 1px solid #5F666C;
}

div.teaser div a {
  color: #009ee0;
}

/* Feature-Gallerie */
div.featured_gallery img.feature_image {
  border: 1px solid #0099E0;
  padding: 2px;
  margin: 0 0 0 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 2px 2px 2px #666;
  -webkit-box-shadow: 2px 2px 2px #666;
  box-shadow: 2px 2px 2px #666;
  background-color: white;
}

div.featured_gallery img.feature_image.active {
  border: 5px solid #0099E0;
  margin: 0px 0 0 10px;
  -moz-box-shadow: 5px 5px 5px #666;
  -webkit-box-shadow: 5px 5px 5px #666;
  box-shadow: 5px 5px 5px #666;
}

div.featured_gallery a:hover img.feature_image {
  border: 2px solid #0099E0;
  padding: 1px;
  -moz-box-shadow: 5px 5px 5px #666;
  -webkit-box-shadow: 5px 5px 5px #666;
  box-shadow: 5px 5px 5px #666;
}

div.featured_gallery a:hover img.feature_image.active {
  border: 5px solid #0099E0;
  padding: 2px;
}

div.featured_gallery img.arrow {
  padding-bottom: 3px;
}