/* HiTec - Recruitment Executives - CSS 
 * 
 * Copyright (c) 2007
 *
 * Benedikt Deicke
 *
 * Bytebetrieb GmbH & Co. KG
 * http://bytebetrieb.com
 */

/* Set all elements' defaults */
* {
	margin:			0px;
	padding:		0px;
	font-family:	Arial, Helvetica, Verdana, sans-serif;
}

/*** Global Styles ***/
body {
	margin:			0px;
	padding:		0px;
	font-family:	Arial, Helvetica, Verdana, sans-serif;

	background:		#d8d8d8 url(/_p/background.gif);
}

img {
	border:			transparent 0px;
}

.clear {
	clear:			both;
	float:			none;
}

.floatLeft {
 	float:			left;
}

.floatRight {
 	float:			right;
}

ul.floatLeft li span {
	color:			#003479;	
}

/*** Wrapper Styles ***/
#wrapperShadow {
	width:			961px;
	background:		transparent url(/_p/shadow.gif) top right repeat-y;
}

#wrapper {
	width:			950px;
	margin:			0px;
	padding:		0px;

	background:		#7fa7cd;
}

/*** Header Styles ***/

#header {
	width:			950px;
	height:			206px;
	text-indent:	-1000px;
	background:		#fff url(/_p/hitec_header_leopard.jpg) top left;
}

#header img {
	width:			950px;
	height:			206px;
	position:		absolute;
	top:			0px;
	left:			0px;
}

a#logo-link {
	display:		block;
	text-indent:	-1000px;
	width:			400px;
	height:			90px;
	position:		absolute;
	top:			65px;
	left:			25px;
	z-index:10000;
}

div#wrapper-print-head,
img#print-head {
	display:none;
}

/*** Global Navigation Styles ***/

#levelOneNavigation a, 
#levelTwoNavigation a, 
#levelThreeNavigation a {
	color:			#fff;
	text-decoration:	none;
	z-index:		100;
}


/*** Level One Navigation Styles ***/

#levelOneNavigation {
	color:			#fff;
	margin-top:		-24px;
	position:		relative;
	top:			0px;
	left:			0px;
	z-index:		100;
	font-weight:		bold;
	margin-bottom:		5px;
}

	#levelOneNavigation ul {
		padding-left:		40px;
		list-style:		none;
	}

	#levelOneNavigation li {
		padding:		8px 10px 5px 10px;
		margin-right:		5px;
		display:		inline;
		background:		#7fa7cd;
		text-align:		center;
	}

	#levelOneNavigation li.selected {
		background:		#003479;
	}

	#levelOneNavigation li:hover {
		background:		#003479;
	}

	#levelOneNavigation a {
		margin:			0px;
	}
/*** Level Two Navigation Styles ***/

#levelTwoNavigation {
	width:			787px;
	padding:		3px 0px;
	float:			left;

	background:		#003479;
	color:			#fff;
	font-size:		0.7em;
	position:		relative;
	z-index:		100;
}
html>body #levelTwoNavigation { width:788px; }

	#levelTwoNavigation ul.levelTwo {
		list-style:		none;
	}

	#levelTwoNavigation ul.levelTwo li.levelTwo {
		display:		inline;
		padding:		0px 10px;
		margin-bottom:		10px;
	}

	#levelTwoNavigation ul.levelTwo li.levelTwo a {
		position:		relative;
		z-index:		500;
	}

	#levelTwoNavigation li.border {
		border-right:		solid 1px #fff;
	}

	#levelTwoNavigation a:hover {
		text-decoration:	underline;
	}

	#levelTwoNavigation #levelTwoHiTec {
		margin-left:		40px;
	}

/*** Level Three Navigation Styles ***/

	.levelThreeNavigation  {
		padding:		17px 0px 0px;
		margin:			0px;

		list-style:		none;

		position:		absolute;
		z-index:		300;

		display:		block;

		left:			0px;
		top:			0px;

		width:			130px;

		background:		url(/_p/null.gif);
	}

	.levelThreeNavigation ul {
		padding:		0px;
	}

	.levelThreeNavigation li {
		background:		#003479;
		padding:		0px;
		margin:			0px;
		background:		#003479;
		display:		block;

		border-top:		solid 1px #fff;
		border-left:		solid 0px #003479; /* ie6 fix */
		border-right:		solid 0px #003479; /* ie6 fix */
		border-bottom:		solid 1px #003479; /* ie6 fix */

		margin-bottom:		0px;
	}

	.levelThreeNavigation li a {
		display:		block;
		padding:		5px 5px 5px 10px;
		margin:			0px;

	}



/*** Content Styles ***/

#contentWrapper {
	width:			787px !important; 

	float:			left; 
	/* background:		#fff; */
	background:		#C4D4F6 url(/_p/hg-normal.jpg);

	position:		relative;
	z-index:		50;
	border:			solid 0px transparent;
}
html>body #contentWrapper { width: 788px !important; }

#contentWrapper.backgroundLogo {	
	background:		#C4D4F6 url(/_p/hg-normal.jpg);
}

#contentWrapper #backgroundWrapper {
	height:			100%;
	width:			100%;
	float:			left; 
	position:		relative;
	z-index:		50;
}

#contentWrapper.backgroundLogo #backgroundWrapper {
	background:		url(/_p/hg-logo.jpg) no-repeat;
	height:			100%;
	width:			100%;
	float:			left; 
	position:		relative;
	z-index:		50;
}


#contentWrapper.backgroundSign {	
	background:		#C4D4F6 url(/_p/hg-normal.jpg);
}

#contentWrapper.backgroundSign #backgroundWrapper {
	background:		url(/_p/hg-schild.jpg) bottom right no-repeat;
	height:			100%;
	width:			100%;
	float:			left; 
	position:		relative;
	z-index:		50;
}


#contentWrapper.backgroundClock {	
	background:		#C4D4F6 url(/_p/hg-normal.jpg);
}

#contentWrapper.backgroundClock #backgroundWrapper {
	background:		#C4D4F6 url(/_p/hg-uhr.jpg);
	width:			100%;
	float:			left; 
	position:		relative;
	z-index:		50;
}

#contentWrapper.backgroundLeo {	
	background:		#C4D4F6 url(/_p/hg-normal.jpg);
}

#contentWrapper.backgroundLeo #backgroundWrapper {
	background:		#C4D4F6 url(/_p/hg-leo.jpg);
	width:			100%;
	float:			left; 
	position:		relative;
	z-index:		50;
}

.blogseite #contentWrapper {	
	background:#000 url(/_p/hg-panther-blk.jpg) 0 0 no-repeat !important;
}


#content {
	margin:			2.0em 4em 2.0em 50px;
	font-size:		0.75em;
	line-height:	1.35;
	min-height:		40em;
	height: 		auto !important;
	height: 		40em;
	border:			solid 0px transparent;
	
}
	
	#content a {
         	color:			#003479;
		text-decoration:	none;
	}

	#content a:hover {
         	color:			#fff;
		background:		#003479;
	}

	#content h2 {
         	color:			#003479;
		font-size:		1.8em;
		margin:			5px 0px;
		text-align:		left;
	}
	.blogseite #content a,
	.blogseite #content h2 {
         	color:			#fff;
	}
	.blogseite #content a:hover {
         	color:			#7ea6cd;
         	background:		none;
	}
	
	#content hr {
		height:			1px;
		border:			transparent 0;
		background-color:	#003479;
		margin:			1em 0em 1em;
	}

	#content .column {
		width:			320px;
	}

	#content .smallColumn {
		width:			150px;
	}

	#content .bigColumn {
		width:			510px;
	}

	#content .oneColumn {
		text-align:		justify;
		margin-right:	4em;
		border:			solid 0px transparent;
		width:			628px;
	}

	#content p {
                margin:			10px 0px;
	}
	.blog,
	.blogseite #content li,
	.blogseite #content p {
		color:#fff;
	}

	#content .news {
		margin:			0px 0px 25px;
	}

	#content .news p {
		margin:			0;
	}

	#content p.text_zwi_ueb {
		font-weight:bold;
	}

	#content .imageBlock {
		background:		#003479;
		width:			180px;
		height:			254px;
		margin:			10px 50px 26px 0;
		float:			left;
		overflow:		hidden;
	}

	#content .imageBlock a.text {
		background:		#003479;
		display:		block;
		text-align:		center;
		padding:		5px 0px;
		font-weight:		bold;
		color:			#fff;
	}


	#content .imageBlock a.text:hover {
		text-decoration:	underline;
	}

/*** Content Specials ***/

	#content table {
		width:			100%;
		border-collapse:	collapse;
	}
	
	#content table th {
		padding:		7px;
		background:		#003479;
		color:			#fff;
		text-align:		left;
	}

	#content table th a {
		color:			#fff;
		text-decoration:	underline;
	}

	#content table td {
		padding:		7px;
		border-bottom:		solid 1px #7f8388;
	}

	#content table td.colored {
	/*	background:		#e5edf5;	*/
	}
	#content table .fokus {
		width:80px;
		text-align:right;
	}

	#content table .gehaltspalte {
		width:85px;
		text-align:right;
	}

	#content h3 {
		color:			#003479;
		font-size:		1.2em;
	}

	#content ul {
		padding-left:		20px;
	}
	.blogseite #content ul.paginierung {
		display:			table;
		margin:				0 auto;
		padding:			0;
		text-align:			center;
	}
	#content li {
		margin-bottom:		0.6em;
	}

/*** Content Boxes ***/

	#content h2.job {
		text-align:		center;
		margin-bottom:		0px;
	}

	#content h3.job {
		text-align:		center;
		margin-top:		0px;
	}

	#content .contactBox {
		margin-top:		20px;
		padding:		10px;
		background:		#7fa7cd;
		color:			#fff;
		
	}

	#content .contactBox h4 {
		color:			#003479;
	}

	#content .contactBox ul {
		padding:		0px;
	}

	#content .contactBox li {
		list-style:		none;
		margin-right:		30px;
	}

	#content .contactBox .prefix {
		width:			50px;
		display:		block;
		float:			left;
	}

	#content .boxed {		
		background:		#7fa7cd;
		color:			#fff;
	}

	#content .boxed h3 {
		padding:		5px;
		background:		#003479;
		color:			#fff;
	}

	#content .boxed ul {
		padding:		10px 0px 0px 10px;
	}

	#content .boxed li {
		padding:		5px 10px;
		list-style:		none;
		float:			none;
		clear:			both;
	}

	#content .boxed li input {
		margin-right:		5px;
		display:		block;
		float:			left;
	}

	#content .boxed li label {
		margin-right:		5px;
		display:		block;
		float:			left;
	}

	#content .boxed a.submit {
		background:		#003479;
		color:			#fff;
		padding:		2px 5px;
		font-weight:		bold;
	}

	#content .paginierung li {
		display: 		inline;
		list-style:		none;
	}
	.blogseite #content .paginierung li {
		color:			#666;
		padding:		0 0.5em;
		white-space:	nowrap;
	}


/*** Sidebar Styles ***/

#sidebar {
	width:			163px;

	float:			right; 
	background:		#7fa7cd;

	position:		relative;
	z-index:		40;
	
	overflow:hidden;
}
html>body #sidebar { width: 162px; }


	#searchBox {
		width:			150px;
		margin:			3px 5px 5px;
		color:			#fff;
		font-size:		0.85em;
	}

	#searchBox label {
		padding-bottom:		5px;
         	font-weight:		bold;
	}

	#searchBox a {
		color:			#fff;
		font-weight:		bold;
       	text-decoration:	none;
		font-size:		0.8em;
	}

	#searchTextField {
         	width:			100%;
		margin:			5px 0px;
		padding:		3px 0px;
		border:			0px;
	}

	#sidebar h2 {
		margin:			5px 0px;
		padding:		8px 5px 6px;
		color:			#fff;
		font-size:		0.9em;
		
		background:#003479 url(/_p/sidebar_arrow.gif) 140px 9px no-repeat;
	}

	#sidebar h2 a {
		padding-right:		20px;

		color:			#fff;
		text-decoration:	none;
		display:block;
	}

	#sidebar li {
		padding:		6px;


		border-bottom:		solid 1px #fff;

		list-style:		none;
		color:			#fff;
		font-size:		0.7em;
	}

	#sidebar li a {
		color:			#fff;
		text-decoration:	none;
	}

	#sidebar li a:hover {
		text-decoration:	underline;
	}

	#lang-selector {
		position:relative;
	}
	a#lang-de,
	a#lang-en,
	a#lang-fr {
		text-decoration:none;
		border:none;
		border-bottom:		solid 1px #fff;
		display:block;
		width:153px;
		height:16px;
		float:left;
		margin:5px 0;
		padding:0 5px 5px;
		overflow:hidden;
		
		color:			#fff;
		font-size:		0.7em;
	}
	html>body a#lang-de,
	html>body a#lang-en,
	html>body a#lang-fr {
		width:152px;
	}
	a#lang-de:hover,
	a#lang-en:hover,
	a#lang-fr:hover {
		text-decoration:underline;
	}
	
/*
	ul.lang-selector {
		list-style-type:none;
		height:20px;
		border:none;
	}
	#sidebar .lang-selector li {
		display:block;
		width:27px;
		height:16px;
		float:left;
		border:none;
	}
	#sidebar .lang-selector li a {
		display:block;
		width:27px;
		height:16px;
		float:left;
		margin:0 0 0 5px;
		text-indent:-9999px;
		background:transparent url(/_p/lang-de.gif) 0 -16px no-repeat;
	}
	#sidebar .lang-selector li.lang-de a {
		background-image:url(/_p/lang-de.gif);
	}
	#sidebar .lang-selector li.lang-en a {
		background-image:url(/_p/lang-en.gif);
	}
	#sidebar .lang-selector li.lang-fr a {
		background-image:url(/_p/lang-fr.gif);
	}
	#sidebar .lang-selector a.lang-aktiv {
		background-position:0 0;
	}
	#sidebar .lang-selector a:hover {
		background-position:top center;
	}
*/	

/*** Footer Styles ***/

#footer {
	width:			787px;

	float:			left;
	background:		#003479;
	color:			#fff;
	font-size:		0.7em;
	text-align:		center;
}
html>body #footer { width:788px; }

#footer p {
	margin:			2px;
}

#footer a {
	color:			#fff;
}


#mb-dia-flash-1,
#mb-dia-flash-2
	{
	width:680px;
	height:327px;
	margin:0;
	padding:0;
	}
#container
	{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	z-index:1000;
	width:600px;
	height:600px;
	}


#teampics {
	position:relative;
	margin-left:-26px;
}
#teampics img {
	position:absolute;
	top:0px;
	left:0px;
}

.team-wrapper {
	background: 	url(/_p/team-bg.png) bottom center no-repeat;
	width:			640px;
	float:left;
	}
.kategorie { margin: 20px 0 20px 0; float:left}	
.kategorie li 	{ float:left; list-style-type:none;}
#content .column.referenz 	{ padding:0 20px; width:280px;}
	
#content .kategorie li a{
	background: 	url(/_p/buttons.png) -128px 0  no-repeat;
	display:		block;
	width:			106px;
	height:			66px;
	padding:		30px 10px 30px 10px;
	margin:			0 27px 0 0;
	text-align:		center;
	color:			#fff;
	font-weight:	bold;
	}

#content .kategorie li .aktiv,
#content .kategorie li a:hover{
	background: 	url(/_p/buttons.png) 0 0  no-repeat;
	color:			#003479;
	}

#content .column.referenz .imageBlock {
	width:			130px;
	height:			130px;
	background-color:transparent;
	margin:			0 0 5px 0;
 	}

#content .column.referenz .imageBlock-wrapper {
	padding: 		0 10px 10px 0;
	float:			left;
	width:			130px;
	text-align:		center;
	font-weight:	bold;
	}


/*** Popup Styles ***/
#blogfeedbutton,
#musikplayerbutton {
	width:161px;
	height:21px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
#blogfeedbutton a,
#musikplayerbutton a {
	display:block;
	width:155px;
	height:17px;
	background:transparent url(/_p/icn-musik.gif) 140px 1px no-repeat;
	border-bottom:1px solid #fff;
	font-size:0.7em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding-left:5px;
	padding-top:3px;
}
#blogfeedbutton a:hover,
#musikplayerbutton a:hover {
	color:#003479;
	}


#blogfeedbutton a {
	background:transparent url(/_p/icn-rss.png) 140px 1px no-repeat;
}


body#popup
	{
	background-color:#7fa7cd;
	}
#musikplayer
	{
	height:100px;
	width:100px;
	text-align:center;
	background-color:#7fa7cd;
	}


#rankinghits {
}


.ansprechpartner {
	display:inline;
	padding:0;
	margin:0;
}
.haende {
}





.blogfuss {
	margin:						0 0 0 -50px;
}
#content p.blogmeta {
	font-size:					10px;
	margin-top:					0;
}


.blog {
	position:					relative;
	margin-bottom:				60px;
	width:						490px;
}
.blog .zurueck {
	margin:						30px 0 0;
}
#content p.kommentaranzeiger {
	position:					absolute;
	bottom:						0;
	right:						0;
	width:						auto;
	margin:						0;
	padding:					0 0 0 20px;
	background:					transparent url(/_p/icn-comment.png) 0 2px no-repeat;
}

/* Kommentare unter dem Blog */
form.kommentar-form {
	padding:					0 5px 10px 10px;
	margin:						0 0 20px;
}
.kommentar-form fieldset { border:none; }
.kommentar-form input.textfeld {
	width:						340px;
	border:						1px solid #003479;
	padding:					3px;
	margin:						5px 0;
}
.kommentar-form textarea {
	width:						340px;
	height:						120px;
	border:						1px solid #003479;
	padding:					3px;
	margin:						5px 0;
}

.kommentare {
	margin:						0;
	padding:					20px 0 0;
	border-top:					1px solid #cdcdcd;
}
#content .kommentare ol {
	padding:					0.5em 0 0;
	margin:						0 0 2em;
}
#content .kommentare li {
	margin:						0 0 1.5em 0;
	padding:					0 0 1em 0;
	border-bottom:				1px dotted #cdcdcd;
}
#content .meta {
	font-style:					italic;
}
.kommentare li a {  }
#content .kommentare a { 
	text-decoration:			underline !important;
}

.kommentare label { 
	display:					block;
	color:						#fff;
	margin-top:					10px;
}


.kommentare .feedback {
	margin:				0 0 20px 0;
	padding:			10px;
	border:				1px solid #eee000;
	background:			#eee;
	color:				#000;
	font-weight:		bold;
}
.kommentare .feedback.error {
	border-color:		#f00;
	background:			#f99;
	color:				#f00;
}