@charset "utf-8";

/*------------------------------------------------------------------ 
[DEFAULT STYLESHEET] 
 
Project:	CLICKYOURJOB
Version:	1.1 
Date:		MAI 2010
Author:		Nadja Macht [ich@nadjamacht.de]
Use:		Web 
-------------------------------------------------------------------*/
/*------------------------------------------------------------------ 
[COLOR CODES]  

Text:	    #393939 (dark grey) 
Header h1:  #00163b (dark blue)  
Header h2:  #00163b (dark blue) 
Header h3:  #00163b (dark blue) 
Quicklinks: #ffffff (white)  

Main Menu a:#898989 (grey)
Main Menu li.active a:#ffffff (white) 

a (link):   #fe860c (orange) 
a (hover):  #fe860c (orange) 

-------------------------------------------------------------------*/ 


* {
	margin:0;
	padding:0;
	}
	
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

:focus {outline: 0;}


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

body {	
	position:relative;
	margin:40px auto;
	color:#393939;
	font-size:62.5%;
	line-height:170%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background:#edf3fa;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#00163b;
	font-size:2.4em;
	margin:0 0 18px 0;
	line-height:140%;
	font-weight:normal;
}


h1 a {
	color:#00163b;
	text-decoration:none;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#00163b;
	font-size:2.4em;
	margin:0 0 18px 0;
	line-height:140%;
	font-weight:normal;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.8em;
	margin:0 0 12px 0;
	color:#00163b;
	font-weight:normal;
	line-height:120%;
}


h4 {
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 8px 0;
	color:#00163b;
}

h5 {
	font-size:1.3em;
	font-weight:normal;
	margin:0 0 0 0;
	color:#00163b;
}

p { 
	font-size:1.3em;
	margin:0 0 16px 0;
}

ul { 
	margin:0 0 16px 0;
}
 
li {font-size:1.3em;}
li ul li {font-size:inherit;}

div#content ul {
  margin:0 0 16px 15px;
}

div#content ul li {
  background:url('../img/bullet.png') 0 6px no-repeat; padding:0 0 8px 15px; list-style:none;
}

div#content div.bg_right div.right ul li {
	background:none;
	list-style:disc;
	color:#fff;
}

a {
	font-weight:bold;
	text-decoration:none;
	color:#fe860c;
}

a:hover {
	color:#fe860c;
	text-decoration:underline;
}

ul.feature_list {font-weight:bold; background:url('../img/feature.gif') 0 0 no-repeat; padding:0 0 4px 20px; list-style:none;}
  
a.more {margin:10px 0 0 0; text-align:right; color:#c6c6c6; text-decoration:none; padding:4px 16px 4px 0; background: url(../img/arrow.gif) center right no-repeat transparent;}
 
.clear {
	clear:both;
	}
	

div.hr {
  clear:both;
  height:1px;
  border-top:1px solid #bbb;
  margin:0 0 8px 0;
}

/* ----------------------------------------
 *
 * LAYOUT
 * 
 ----------------------------------------*/

div#container {
	width:880px;
	margin:0 auto;
	position:relative;
}

div#top {
	width:880px;
	height:15px;
	position:relative;
	background:url(../img/top.png) left bottom no-repeat;
}

div#wrapper {
	padding:0 10px 0 10px;
	position:relative;
	background:url(../img/container_bg.png) 0 0 repeat-y;
}

div#header {
	height:97px;
	background:url(../img/main_menu_bg.png) 0 0 repeat-x;
}

div#logo {
	position:absolute;
	top:10px;
	left:20px;
	width:200px;
	height:39px;
}

div#powered {
	position:absolute;
	top:68px;
	left:100px;
	width:119px;
	height:25px;
}

div#main_menu {
	position:absolute;
	top:-5px;
	right:20px;
	width:630px;
	height:97px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:100%;
	}
	
div#footer {
	clear:both;
	width:860px;
	position:relative;
	background:url(../img/footer_bg.png) left bottom repeat-x #f7ab05;
	color:#fdebce;
	line-height:220%;
}

div#btm {
	width:880px;
	height:16px;
	position:relative;
	background:url(../img/btm.png) 0 0 no-repeat;
}

/* ---------------------------------
 *  LOGO * POWERED
------------------------------------*/
div#logo h2 a { 
	display:block;
	width:200px;
	height:39px;
	background:url(../img/clickyourjob_hamburg.gif) 0 0 no-repeat;
}

div#logo h2 a span { 
	display:block;
	width:200px;
	text-indent:-2000px;
}

div#powered h2 a { 
	display:block;
	width:119px;
	height:25px;
	background:url(../img/tgmc_hamburg.gif) 0 0 no-repeat;
}

div#powered h2 a span { 
	display:block;
	width:119px;
	text-indent:-2000px;
}

/* ---------------------------------
 *  Teaser
------------------------------------*/
div#teaser {
	padding:12px 12px 0 12px;
	}
	
div#teaser div.left {
	width:409px;
	float:left;
	}
	
div#teaser div.right {
	width:409px;
	float:right;
	}
	
div#content div.left div.teaser {
	padding:0;
	}	
	
/* ---------------------------------
 *  CONTENT
------------------------------------*/
div#content {
	float:left;
	width:836px;
	padding:12px;
	height:auto !important;
	/*background:url(../img/gradient.png) left bottom repeat-x;*/
	}
	
div#content div.left {
	width:409px;
	float:left;
	}
	
div#content div.right {
	width:409px;
	float:right;
	}

div#content div.bg_left {
  background:url(../img/sub_left.png) 0 170px no-repeat #fff;
}

div#content div.bg_left div.left div.gutter {
  padding:0 14px;
}

div#content div.bg_right {
  background:url(../img/sub_right.png) right bottom no-repeat;
}

div#content div.bg_right div.right div.gutter {
  padding:12px 14px 0 14px;
}


div#content div.bg_right div.right div.gutter h1,
div#content div.bg_right div.right div.gutter h2,
div#content div.bg_right div.right div.gutter h3,
div#content div.bg_right div.right div.gutter h4,
div#content div.bg_right div.right div.gutter h5,
div#content div.bg_right div.right div.gutter p,
div#content div.bg_right div.right div.gutter a,
div#content div.bg_right div.right div.gutter table {
  color:#fff;
}



/* ---------------------------------
 *  FOOTER
------------------------------------*/

div#footer h3 {
	color:#fff;
	border-bottom:1px solid #f8b945;
	padding:0 0 6px 0;
	}
	
div#footer ul {
	margin:0;
	padding:0 0 0 6px;
	}
	
div#footer ul li a {
	display:block;
	background:url(../img/footer_li.gif) 0 11px no-repeat;
	color:#fdebce;
	line-height:220%;
	padding:0 0 0 12px;
	font-weight:normal;
	}

div#footer div.gutter {
	padding:12px;
}

div#footer div.quicklinks {
	float:left;
	width:198px;
	padding:10px 0 10px 0;
	margin:0 15px 0 0;
}

div#footer div.contact h3 {
	border-bottom:1px solid #fed383;
	}
	
div#footer div.contact p {
	color:#fff;
	}

div#footer div.contact {
	float:right;
	width:390px;
	padding:10px 10px 30px 10px;
	background:#f8bc42;
}

/* ---------------------------------
 *  MAIN MENU
------------------------------------*/
div#main_menu ul {
	float:right;
	}
	
div#main_menu ul li {
	display:inline;
	}
	
div#main_menu ul li a,
div#main_menu ul li a:link,
div#main_menu ul li a:active {
	display:block;
	float:left;
	color:#898989;
	font-size:1.3em;
	font-weight:normal;
	padding:34px 10px 28px 10px;
	}
	
div#main_menu ul li a:hover,
div#main_menu ul li.current a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	background:url(../img/main_menu_current.gif) 0 0 repeat-x;
	}	

div#main_menu ul ul {
	position:absolute;
	top:70px;
	display:block;
	text-align:left;
	}
	
div#main_menu ul li.current ul li a {
	background:none;
	display:block;
	padding:10px 20px 10px 10px;
	font-size:1.0em;
	/*font-weight:bold;*/
	color:#ffe3a1;
	}
	
div#main_menu ul li.current ul li a:hover,
div#main_menu ul li.current ul li.current a{
	/*color:#00163b;*/
	color:#fff;
	}
	
div#main_menu ul li.current ul li a:hover,
div#main_menu ul li.current ul li.current a{
	/*color:#00163b;*/
	color:#fff;
	}
	

div#main_menu ul li.current ul li.current a{
	font-weight:bold;
	}
	
	
/* ----------------------------------------
 *  FCEs
 ----------------------------------------*/
div.fce-blue-box {
  width:409px;
  color:#fff;
  background:url('../img/blue_box_bg.png') left bottom repeat-x #001041;
}

div#teaser div.fce-blue-box {
  height:210px;
  overflow:hidden;
}

div#teaser div.fce-blue-box h2 {
  font-size:2.8em;
}

div.fce-blue-box h1,
div.fce-blue-box h2,
div.fce-blue-box h3,
div.fce-blue-box h4,
div.fce-blue-box h5,
div.fce-blue-box p,
div.fce-blue-box a {
  color:#fff;
}

div.fce-blue-box div.gutter {
  padding:16px 16px 0 16px;
}

div.fce-blue-box div.btn {
  padding:0 16px 16px 16px;
  text-align:right;
}

div.fce-blue-box div.btn a {
  display:block;
  padding:8px 40px 8px 0;
  font-size:1.4em;
  font-weight:normal;
  background:url('../img/button_bg_right.png') right top no-repeat;
}

div.fce-blue-box div.btn a span {
  padding:8px 0 8px 8px;
  background:url('../img/button_bg_left.png') left top no-repeat;
}


	
/* ---------------------------------
 *  EXTENSIONS
------------------------------------*/

/* DMMJOBCONTROL */
table.dmmjobcontrol_list_table {
	width:100%;
	margin:0 0 4px 0;
}

table.dmmjobcontrol_list_table th {
	padding:0 6px 6px 0;
	text-align:left;
	font-size:1.8em;
	color:#00163b;
	font-weight:normal;
	line-height:120%;
}

table.dmmjobcontrol_list_th2 {padding:0 6px 6px 6px;}


table.dmmjobcontrol_list_table td {
	padding:6px 0 6px 6px;
	font-size:1.1em;
	color:#9a9a9a;
	}

table.dmmjobcontrol_list_table tr.dmmjobcontrol_list_tr {
	background:#eee;	
}

h1.job-title {
 	line-height:100%;
}

h1.job-title span {
	font-size:65%;
}

a.dmmjobcontrol_apply_link {
	float:right;
	display:block;
	width:137px;
  	height:39px;
  	background:url('../img/bewerben_btn.gif') 0 0 no-repeat transparent;
  	border:none;
  	color:transparent;
  	text-indent:-1000px;
}

a.dmmjobcontrol_apply_backtolist {
	float:left;
	display:block;
	padding:22px 0 0 0;
}

/* ----------------------------------------
 *  SITEMAP
 ----------------------------------------*/
div#content div.csc-sitemap ul {
  margin:0 0 25px 0;
}

div#content div.csc-sitemap ul ul {
  margin:0 0 0 12px;
}

div#content div.csc-sitemap ul ul ul {
  margin:0 0 0 12px;
}

div#content div.csc-sitemap ul li {
  background:none;
  padding:0 0 10px 0;
}

div#content div.csc-sitemap ul li a {
  font-weight:normal;
  display:block;
  font-size:14px;
  text-decoration:none;
  color:#00163b;
  padding:0 0 6px 0;
}

div#content div.csc-sitemap ul li ul li a {
  font-size:12px;
  padding:0 0 4px 12px;
  color:#fe860c;
}

/* ----------------------------------------
 *  Formulare
 ----------------------------------------*/
 
table tr td.powermail_all {
  width:50%;
}

table tr td.powermail_all p {
  margin:0 0 6px 0;
}

div.tx_powermail_pi1_fieldwrap_html {
  clear:both;
}

fieldset {
  margin:0;
  padding:0;
  border:none;
}


fieldset legend {
  display:none;
}

fieldset label,
div.dmmjobcontrol_apply label {
  font-size:1.6em;
  font-weight:normal;
  display:block;
  float:left;
  width:6.0em;
  color:#00163b;
  padding:0 0 4px 0;
}

div.dmmjobcontrol_apply label {
  padding:0 0 10px 0;
  clear:both;
  width:auto !important;
}

fieldset input,
div.dmmjobcontrol_apply input {
  font-size:1.3em;
  font-weight:normal;
  display:block;
  width:23.0em;
  border:none;
  float:right;
  border-bottom:1px solid #ccc;
  padding:0 0 4px 0;
  margin:0 0 16px 0;
  color:#393939;
}

div.dmmjobcontrol_apply input {
  width:100% !important;
}

fieldset div.tx_powermail_pi1_fieldwrap_html_submitgraphic input  {
  font-size:1.3em;
  font-weight:normal;
  display:block;
  width:0;
  width:auto;
  border:none;
  float:right;
  margin:0 0 16px 0;
  color:#393939;
}

fieldset select {
  font-size:1.3em;
  font-weight:normal;
  display:block;
  width:23.0em;
  border:none;
  float:right;
  border-bottom:1px solid #ccc;
  padding:0 0 4px 0;
  margin:0 0 16px 0;
  color:#393939;
}


fieldset textarea,
div.dmmjobcontrol_apply textarea {
  clear:both;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size:1.3em;
  font-weight:normal;
  display:block;
  width:100%;
  height:160px;
  border:none;
  float:left;
  border:1px solid #ccc;
  color:#393939;
  margin:0 0 16px 0;
}

div.dmmjobcontrol_apply br {
  clear:both;
}


div.dmmjobcontrol_apply input.dmmjobcontrol_submit {
  width:137px;
  height:39px;
  background:url('../img/absenden_btn.gif') 0 0 no-repeat transparent;
  border:none;
  color:transparent;
  cursor:pointer;
  
}

p.notice {
  font-size:1.0em;
}

div.powermail_mandatory_js {
  color:#ff860c;
}


div#content div.bg_left div.left div.gutter fieldset label {
  font-size:14px;
  font-weight:normal;
  display:block;
  width:10.0em;
  color:#00163b;
  padding:0 0 4px 0;
}

div#content div.bg_right div.right div.gutter fieldset label {
  font-size:14px;
  font-weight:normal;
  display:block;
  width:18.0em;
  color:#fff;
  padding:0 0 2px 0;
}

div#content div.bg_left div.left div.gutter fieldset input,
div#content div.bg_right div.right div.gutter fieldset input {
  font-weight:normal;
  display:block;
  width:370px;
  float:none;
  clear:both;
  border:none;
  padding:4px;
  margin:0 0 6px 0;
  color:#393939;
}

div#content div.bg_left div.left div.gutter div.tx_powermail_pi1_fieldwrap_html_submitgraphic input,
div#content div.bg_right div.right div.gutter div.tx_powermail_pi1_fieldwrap_html_submitgraphic input  {
  font-size:1.3em;
  font-weight:normal;
  display:block;
  width:0;
  width:auto;
  border:none;
  float:right;
  margin:0 0 8px 0;
}

table.powermail_all_table {
  font-size:1.2em;
  margin:0 0 20px 0;
}

table.powermail_all_table td {
  padding:4px 0 6px 0;
}