/*
*****************************************************
 url			: www.topjobgmbh.de
 erstellt 	: 01-12-2006 
 Aenderung	: 07-01-2007 
 CSS + 
 Webdesign	: www.delectat.de (D.P.) + www.nonnstop.de
*****************************************************
 (c) 2006 Top Job GmbH
*****************************************************

Farben:
Grau: #F2F2F2
Hellblau: #009EE0   4197E3
Rot: #E2000C
Beige: #cc6600;
 
Body
----------------------------------------------------*/
 * {
margin: 0;
padding: 0;
} 

body {
	margin: 0;
	padding: 0;
	color: #555555;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%; 
	line-height: 170%;
	text-align: center;
	background: #fff url(../elemente/layout/bg-body2.jpg) repeat-x 0px 117px;
	border-top: 5px solid #EEE;
}

img { border: none; }

a { text-decoration: none;}

.clear {clear: both; 
	font-size: 1px; 
	float: none;
	height:1px;
	margin-top:-1px;
	line-height: 1px;
}
	
.hide {display: none; }

/*  Interface 
-----------------------------------------------------------*/

#wrap  {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	max-width: 895px;
	width:expression(document.body.clientWidth > 895? "895px": "auto");/* IE 5.5 - 6*/
}


/*  template
----------------------------------------------------*/

#header 	{
	height: 145px;
	float: none;
}

#logo 	{
	float: left;
	height: 44px;
	width: 140px;
	margin: 20px 0 0 2px;
	padding: 0;
	display:inline;
}

#logo h2 {
	margin: 0;
	padding: 0;
	font: normal 8px/9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
	border: none;
	width: 175px;
}

#logo h2 {
	margin: 0;
	width: 154px;
	background: transparent url(../elemente/layout/logozusatz.jpg) 0 0;
	padding: 10px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:10px; /* for IE5/Win */
}

.logomargin {
	margin: 0 0 0 20px
}

#claim {
	float: right;
	margin: 19px 20px 0px 0;
	width: 385px;
	background: transparent url(../elemente/layout/miteinander.gif) 0 0;
	padding: 41px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:41px; /* for IE5/Win */
	}
	
#mainwrap	{
	padding: 0;
	border: 0;
	margin: 0;
	float:left;
	width:100%;
}

#content	{
	margin: 0 252px 0 170px;
	padding: 30px 20px 30px 30px;
	background-color: #fff;
	min-height: 400px;
	}

#contentbar	{
	float:left;
	width:212px;
	min-height: 500px;
	margin-left:-252px;
	padding: 30px 20px 0 20px;
	background:#f6f6f6 url(../elemente/layout/bg-contentbar.gif) no-repeat 0 0;	
	background:#fff url(../elemente/layout/bg-contentbar.gif) no-repeat 0 0;			
	}

#sidebar	{
	float:left;
	width:170px;
	min-height: 500px;
	margin-left:-100%;
	padding: 0;
	background: transparent url(../elemente/layout/bg-sidebar.gif) no-repeat 100% 45px;
	}

#statusnav	{
	height: 25px;
	width: 397px;
	padding: 0 0 0 3px;
	margin: 0;
}

#statusnav .status p {
	margin: 12px 5px 0 0;
}

#footer	{ 
	height: 50px;
	padding: 14px 2px 0 200px;
	margin: 20px 0 0 0;
	text-align: left;
	background: #fff url(../elemente/layout/bg-footer.jpg) no-repeat 50% 1px;
	border-top: 2px solid #eaeaea;
}

#topbar	{	
	display: inline; 
	margin: 0 10px 5px 0;
	float:right;
}

#topbar #oben {
	padding: 0 17px 0 2px;
	background: transparent url(../elemente/layout/uparrow2.gif) no-repeat 100% 1px;
}

a:link {
	color:#009EE0; 
	text-decoration: none;
}

a:visited {
	color:#009EE0;
	text-decoration: none;
}

a:hover {	
	color:#E2000C;
	text-decoration: none;
}

a:active {
	color:#009EE0;
	text-decoration: none;
}

/*  Unternavigation 
----------------------------------------------------*/

#sidebar .subnav {
	padding: 4px 0;
	margin: 28px 20px 0 20px;
}

#content .subnav {
	padding: 4px 0;
	margin: 0 20px 0 20px;
}

.subnav ul {
	border-top: 0px solid #ccc;
	padding: 0;
	margin: 10px 0 0 0;
}

.subnav li {
	border-bottom: 1px dotted #ccc;
	list-style: none;
	margin: 0;
}

.subnav li a {
	display: block;
	text-decoration: none;
	padding: 3px 0 3px 20px;
	background: transparent url(../elemente/layout/arrow.gif) no-repeat 7px 10px;
	font-size: 1.0em;
	color: #555;
}

.subnav li a:hover {
	color:#009EE0;
	background: #ececec url(../elemente/layout/arrow.gif) no-repeat 11px 9px;
	padding: 2px 0 2px 20px;
	margin: 1px 0;
}

.subnav a.selected {
	color:#009EE0; color:#E2000C;
	background: #transparent url(../elemente/layout/arrow.gif) no-repeat 7px 10px;
	padding: 2px 0 2px 20px;
	margin: 1px 0;
	}
	
.subnav a.none {
	color: #3C618C;	
	background-image: none;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
	}

.subnav a.noneselected {
	color:#F66013;
	background-color: #ececec;
	background-image: none;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
	}

/*  Links
----------------------------------------------------*/

#content p a:link, #content p a:visited, #content p a:active,
#contentbar p a:link, #contentbar p a:visited, #contentbar p a:active, 
#content .leistungen a:link,#content .leistungen a:visited ,#content .leistungen a:active,
.linklist a:link, .linklist a:visited, .linklist a:active,
.jobitem a:link, .jobitem a:visited, .jobitem a:active,
#sidebar p a:link, #sidebar p a:visited, #sidebar p a:active {
	background: transparent url(../elemente/layout/dot-blue.gif) repeat-x 0 100%;
	padding: 0 0 0px 0;
}

#footer a:link, #footer a:visited, #footer a:active, 
#topbar a:link, #topbar a:visited, #topbar a:active {
	color: #009EE0;
	margin: 0;
	padding: 0 2px;
}

#statusnav a:link, #statusnav a:visited, #statusnav a:active {
	padding: 0 0 1px 11px;
	margin: 0 5px 0 0;
	background: transparent url(../elemente/layout/arrow-small.gif) no-repeat 0px 5px;	
}

#statusnav a:hover{
	padding: 0 0 1px 11px;
	margin: 0 5px 0 0;
	background: transparent url(../elemente/layout/arrow-small.gif) no-repeat 0px 5px; 
	color:#E2000C
}

#footer a:hover, #topbar a:hover {
	color:#E2000C;
}

.more {
	background: url(../elemente/layout/arrow2.gif) no-repeat 0 0;
	padding: 0 20px 0 0;
}

#email {
}

/*  Text, Headlines, Listen 
	font-variant: small-capss;	text-transform: uppercases;
-----------------------------------------------------------------------*/

h1 {color: #009EE0; 
	padding: 0;
	margin: 0 0 5px 0;
	font: normal 20px/33px Arial, Helvetica, sans-serif, Verdana, Geneva;
}

h2 {color: #009EE0;
	padding: 0;
	margin: 0 0 10px 0;	
	font: normal 17px/26px  "Trebuchet MS", "Times New Roman", Times, serif, Georgia, Arial;
	border-bottom: 1px dotted #ccc;
}

h3 {color: #2079AA;
	padding: 0 0 3px 0;
	font: normal 17px/26px  "Trebuchet MS", "Times New Roman", Times, serif, Georgia, Arial;
	margin: 0 0 10px 0;		
	border-bottom: 1px dotted #ccc;
}

#contentbar h2 {
	color: #009EE0;
	padding: 0 0 2px 17px;
	font: bold 14px/16px  "Trebuchet MS", "Times New Roman", Times, serif, Georgia, Arial;
	margin: 0 0 8px 0;		
	border-bottom: 1px dotted #ccc;
	background: transparent url(../elemente/layout/listdot-blue.gif) no-repeat 1px 0px;
}

#contentbar h3 {
	margin: 0px 0 2px 0px;
	padding: 0 0 2px 0px;
	font: bold 13px/16px  "Trebuchet MS", "Times New Roman", Times, serif, Georgia, Arial;
	background-image: none;
	border-bottom: 1px dotted #ccc;
	color:#555;
}

#sidebar h2 {color: #666;
	padding: 0;
	font: bold 16px/24px  "Trebuchet MS", "Times New Roman", Times, serif, Georgia, Arial;
	margin: 12px 15px 10px 14px;		
	border-bottom: 1px dotted #ccc;
}

#sidebar h3 {
	color: #009EE0;
	padding: 0 0 2px 17px;
	font: bold 14px/16px  "Trebuchet MS", "Times New Roman", Times, serif, Georgia, Arial;
	margin: 11px 15px 2px 14px;		
	border-bottom: 1px dotted #ccc;
	background: transparent url(../elemente/layout/listdot-blue.gif) no-repeat 0px 0px;
}

#index #sidebar h4 {
	margin: 0;
	width: 170px;
	background: transparent url(../elemente/layout/home.gif) 0 0;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:45px; /* for IE5/Win */
}

#topjob #sidebar h4, #leistungen #sidebar h4, #geschaeftsstellen #sidebar h4, #verweise #sidebar h4, #sitemap #sidebar h4, #impressum #sidebar h4, #datenschutzhinweis #sidebar h4 {
	margin: 0;
	width: 170px;
	background: transparent url(../elemente/layout/topjob.gif) 0 0;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:45px; /* for IE5/Win */
}

#zeitarbeit #sidebar h4, #arbeitgeber #sidebar h4, #arbeitnehmer #sidebar h4 {
	margin: 0;
	width: 170px;
	background: transparent url(../elemente/layout/zeitarbeit.gif) 0 0;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:45px; /* for IE5/Win */
}

#personalvermittlung #sidebar h4 {
	margin: 0;
	width: 170px;
	background: transparent url(../elemente/layout/personalvermittlung.gif) 0 0;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:45px; /* for IE5/Win */
}

#stellenangebote #sidebar h4, #helfer #sidebar h4, #lagerarbeiter #sidebar h4, #staplerfahrer #sidebar h4, #buchhalter #sidebar h4, #sekretaerin #sidebar h4, #buerokraft #sidebar h4, #schlosser #sidebar h4, #elektriker #sidebar h4, #chemikant #sidebar h4, #maler #sidebar h4, #schweisser #sidebar h4, #lkwfahrer #sidebar h4 {
	margin: 0;
	width: 170px;
	background: transparent url(../elemente/layout/stellenangebote.gif) 0 0;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:45px; /* for IE5/Win */
}

#kontakt #sidebar h4 {
	margin: 0;
	width: 170px;
	background: transparent url(../elemente/layout/kontakt.gif) 0 0;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:45px; /* for IE5/Win */
}

.reddot {
	font: normal 9px/9px Arial, Helvetica, sans-serif;
	color: #E00102; 
	background: transparent url(../elemente/layout/reddot.gif) no-repeat 0 5px;
}

p {color: #555;
	font-size: 1.0em;	
	line-height: 1.4em;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
}

#content p{
	color: #555;
	font-size: 1.1em;	
	line-height: 1.5em;
	margin: 0 0 15px 0;
	padding: 0;
}

#sidebar p{
	color: #555;
	font-size: 1.0em;	
	line-height: 1.4em;
	margin: 0 12px 15px 12px;
	padding: 0;
}

#footer p{
	color: #666;
	padding:0;
	margin:0;
	line-height: 1.6em
}

.tall {
	font-size: 1.1em;	
	line-height: 1.6em;
}

#pdf {
	height: 50px;
	margin: 0;
	padding: 7px 3px 0 75px;	
	background: transparent url(../elemente/layout/pdf-download.jpg) no-repeat 8px 7px;	
}

.zitat {
	background: transparent url(../elemente/layout/zitat-first.gif) no-repeat 0 0;
	font: italic 20px/27px Georgia, "Times New Roman", Times, Arial, Trebuchet MS, sans-serif;
	padding: 0 25px 0px 40px;
	margin: 0;
	color: #3C618C; color: #3C618C;
}

.zitatlast {
	background: transparent url(../elemente/layout/zitat-last.gif) no-repeat 100% 100%;
	margin: 0 0px 20px 0px;
}

i {font-style: italic;
	color: #333;
}

b, strong, .item {	
	font-weight: bold;
	color: #555;
}

.trenner {
	height: 0px;
	margin: 0;
	padding: 0;
}

.linie{
	background: transparent url(../elemente/layout/dotted-linie-senkrecht.gif) repeat-y 100% 0px;
}

.blockquote{
	font-size: 1.1em;
	color: #555;
	padding: 11px 0 1px 7px;
	margin: 4px 0 8px 7px;
	border-left: 3px double #e4e4e4;
}

.colored {
	background-color: #EBF1F7; 
	padding: 1px
}

.kontaktbg {
	background-color: #f2f2f2; 
	padding: 13px 9px 1px 11px;
	margin: 0 0 15px 0;
	background: #f2f2f2 url(../elemente/layout/grid.gif) repeat-x 0 -3px;
	border: 0px solid #ddd;
}

.infobox {
	background-color: #f2f2f2; 
	padding: 13px 10px 1px 13px;
	margin: 0 0 15px 0;
	background: #f2f2f2 url(../elemente/layout/grid.gif) repeat-x 0 -3px;
	border: 0px solid #ddd;
}

#featurebox {
	background: #fff url(../elemente/layout/callback.gif) repeat 0 0;
	width:150px;
	height: 66px;
	margin: 32px 0 0 8px;
	padding: 0;
}

.hinweis{	
	border-top: 1px solid #009EE0;
	border-bottom: 1px solid #009EE0;
	margin: 10px 0px;
	padding: 10px 15px;
	background: #f4f4f4 url(../elemente/layout/blitzstehend.giff) no-repeat 0 0;
}

.hinweis p {
	padding: 10px 15px;
	margin: 10px 10px;
}

.dotted, .dotted2 {
	border-bottom: 1px dotted #ccc;
	margin: 1px 0;
	padding: 4px 0px 4px 8px;
}

.dotted2 {
	background-color: #f4f4f4
}

.border {
	border: 1px solid #ccc;
	text-transform: uppercase;
	padding: 6px 22px;
	font: bold 15px/19px  "Trebuchet MS", "Times New Roman", Times, serif, Georgia, Arial;
	width: 89%;
	clear: both;
	margin-bottom: 10px;
	color: #009EE0;
	background-color: #f3f3f3;
}

.small{
	font-size: 21px;
	color: #CC6600;
}

.white {
	background-color: #FFF;
}

.grey {
	background-color: #CCC;
}

.linkus{
	width:522px; 
	height:65px;
	background-color:#f2f2f2;
	border: 1px solid #cc6600; 
	padding: 3px;
	margin: 0 0 20px 0;
}

.leistungen ul{
	border: 3px solid #ccc;
	margin: 0 10px 0px 15px;
	padding: 2px 10px;
}

.leistungen li {
	list-style: none;
	margin: 5px 0 5px 13px;
	padding: 0 15px 0px 22px;
	font-size: 1.1em;	
	background: url(../elemente/layout/plus.gif) no-repeat 0px 5px;					
	line-height: 1.4em;
}

#contentbar .leistungen ul{
	border: 3px solid #ccc;
	margin: 0 10px 0px 5px;
	padding: 2px 10px;
}

#contentbar .leistungen li {
	list-style: none;
	margin: 4px 0 4px 5px;
	padding: 0 15px 0 15px;
	background: url(../elemente/layout/bullet-blue-small.png) no-repeat 0px 5px;
	line-height: 1.4em;
}

#sitemap .linklist ul {
	margin: 0 10px 0px 25px;
	padding: 2px 0;
}

#sitemap .linklist li {
	list-style: none;
	margin: 4px 0 4px 0;
	padding: 0 15px 0 22px;
	background: url(../elemente/layout/arrow-small.gif) no-repeat 5px 6px;
	line-height: 1.4em;
}

.columnleft {
	float:left;
	width: 49%;
	border-right: 1px dotted #ccc;
}

.columnright {
	float:right;
	width: 48%;
}

#content .linkitem {
	line-height: 1.5em;
	margin:0 0px 0 10px;
	padding:0 0px 0 13px;
	background: transparent url(../elemente/layout/arrow-small.gif) no-repeat 0px 6px;	
}

#content .jobitem {
	line-height: 1.7em;
	margin:0 0px 0 16px;
	padding:0 0px 0 15px;
	background: transparent url(../elemente/layout/arrow-small.gif) no-repeat 0px 6px;	
}

#sidebar .jobitem {
	line-height: 1.7em;
	margin:0 0px 0 18px;
	padding:0 0px 0 14px;
	background: transparent url(../elemente/layout/arrow-small.gif) no-repeat 2px 6px;	
}
 
 /*  Fotos
-----------------------------------------------------------------------*/ 

.img-shadow img {
	border: 1px solid #ccc;
	padding: 2px;
	display: block;
  	background-color: #fff;
}

.img-border img{
	border: 3px solid #EAEAEA; 
	padding: 1px;
	display: block;
  	background-color: #fff;
	margin: 0 0 15px 0;
}

.img-border a:hover img{
	border: 3px solid #009EE0; 
	padding: 1px;
	display: block;
  	background-color: #fff;
	margin: 0 0 15px 0;
}

.rightalign {
	float: right;
	margin: 0 2px 0 6px;
}

.leftalign {
	float: left;
	margin: 0 11px 20px 0;
	padding: 0;
}

#contentbar .leftalign {
	float: left;
	margin: 0 11px 15px 0;
	padding: 0;
}

#home .leftalign {
	float: left;
	margin: 0 7px 2px 0;
}

 /*  Formulare
-----------------------------------------------------------------------*/ 
 
fieldset {
	margin: 0 0px 0 0;
	padding: 3px;
	 border: 2px solid #D3ECFF;border: 2px solid #ddd;
}  
  
#kontakt .formkontakt {
	width: 100%; 
	height: auto;
	 background-color: #EBF6FF;background-color: #f5f5f5;
}

.reihe {
  	clear: both;
  	margin: 0;
  	padding: 0;
}  

.feld {
  	float: left;
  	width: 270px;
  	text-align: left;
  	padding: 4px 0 0 0;
  	line-height: 17px
} 

.label {
	height: 15px;
	width: 100px;
	margin: 0 0 0 18px;
	padding: 5px 0 0 5px;
	text-align: left;
	float: left;
}

#kontakt #knopf {
  	padding: 10px 0 25px 125px; 
	margin: 0px 0 0 0;
}

.defbreite {
  	width: 250px;
}

.defbreiteplz {
  	width: 42px;
}
.defbreiteort {
  	width: 201px;
}
.pflicht {
	color: #F66013; color: #E2000C
}

/* Navigation
----------------------------------------------------*/
#navigation {
	height: 55px;
	margin: 8px 0px 0 202px; /* IE 5.5 - 6*/
	float: left;
	display:inline;
}

html>body #navigation {
	margin: 20px 0px 0 202px;
}

#navigation ul {
	margin: 0;
	padding: 0;	
	list-style: none;
	float:left;
	display:inline;
}
	
#navigation ul li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	font: normal 1.1em/12px Tahoma, Arial, Helvetica, sans-serif;	
	color:#666;
}

#navigation ul li a {
	float: left;
	margin: 0 1px 0 0;
	padding: 7px 13px;
	color: #333;
	border-top: 0px solid #ddd;
	background: #f3f3f3;
	text-decoration: none;
}

#navigation ul li a:hover {
		background: #009EE0;
	background: #6AB2FA;
	background: #ebebeb;
	color: #222;	color: #009EE0;	
	border-right: 0px solid #ddd;
		border-top: 0px solid #ddd;
			border-left: 0px solid #ddd;
}
	
#navigation ul li.active a {
	font-weight: bold;
	color: #369;
	background: #e5e5e5 url(../elemente/layout/tab-on-bg.gif) repeat-x top left;
}

@media print {
/* ... Formatdefinitionen zum Drucken ... */
body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%; 
	line-height: 170%;
	text-align: center;
	background-color: #fff;
	border-top: 0px;
}

#header 	{
	height: 100px;
}
#content	{
	margin: 0 252px 0 0px;
	padding: 0px;
	background-color: #fff;
	min-height: 400px;
	}
	
#contentbar	{
	float:left;
	width:212px;
	min-height: 500px;
	margin-left:-252px;
	padding: 30px 0px 0 20px;
	}

#navigation, #sidebar, #footer{ display: none; }
}