/*
 *	Default CSS
 *	Carsten Falkenberg, Thamm IT 
 *	c.falkenberg@thamm-it.de
 *	Version: 1.0 - 03/2010
 */


/* 
 *	Globale  ___ Anfang 
 *	Globale CSS Id's und Klassen
 */
html, body {
	height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

body  { 
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0px;
	background: url('../images/hintergrund.png') repeat-x left 100px #d5d5d5;
}

h1 { }
h2 { }
h3 { }
h4 { }
h5 { }

ul { }
ul li { }

a { }
a:hover { }

p { }

img { border: none; }

table { }
th { }
tr { }
td { }

.clearer { clear: both; }

/* Global ___ Ende */

/* 
 *	Struktur ___ Anfang 
 *	Seitenstruktur, Formgebung, etc.
 */

#container  {	
/*	width: 1082px;*/
	width:auto;
	margin: 0 auto;
	background: url('../images/content-hintergrund.png') repeat-y;
	background-position:center;
	
}

	#header { 
		width: 990px;
		margin: 0 auto;
		background: url('../images/header-hintergrund.png') no-repeat left top;
		height: 270px;		
	}
	
	#header2{ 
		width: 990px;		
		background: url('../images/header-hintergrund2.png') no-repeat right top;
		height: 270px;		
	}

		#servicenavigation {
			height: 15px;
			padding-top: 5px;
		}
		#logo {
			width: 275px;
			float: left;
			height: 230px;
			padding-left: 60px;
			padding-top: 20px;
		}
		#header-bild {
			width: 655px;
			float: left;
		}
		

	#contentainer { 
		width: 990px;
		margin: 0 auto;
		background: #fff;
		min-height: 450px; 
		padding-bottom: 15px;
	}
	
		#hauptnavigation { 
			height: 40px;
			background: url('../images/navigation-hintergrund.png') repeat-x left top;
		}
		
		#content-links {
			float: left;
			width: 640px;
			padding-left: 10px;
			padding-right: 10px;
			margin-top: 10px;
		}			
			
		#content-rechts { 
			float: left; 
			width: 310px;
			padding-left: 10px;
			padding-right: 10px;
			margin-top: 10px;
		}
			
		
	#footer { 
		clear: both;
		height: 127px;
		width: 990px;
		margin: 0 auto;
		background: url('../images/footer-hintergrund.png') no-repeat left top;
	}
		#stichwortsuche {
			float: left;
			width: 440px;
			margin-top: 30px;
			padding-left: 80px;
			height: 140px;
			padding-right: 25px;
			background:url('../images/footer-trenner.png') no-repeat right 10px;
			display:none;
		}
		#stichwortsuche span a {
			text-decoration: none;
			color: #666;
		}
		
		#stichwortsuche span a:hover {
			text-decoration: none;
			color: #990000;
		}
		
		#stichwortsuche span.fs1 a {
			font-size: 14px;			
		}
		#stichwortsuche span.fs2 a {
			font-size: 15px;			
		}
		#stichwortsuche span.fs3 a {
			font-size: 16px;
		}
		#stichwortsuche span.fs4 a {
			font-size: 17px;
		}
		#stichwortsuche span.fs5 a {
			font-size: 18px;
		}
		#stichwortsuche span.fs6 a {
			font-size: 19px;
		}
		#stichwortsuche span.fs7 a {
			font-size: 20px;
		}
		#stichwortsuche span.fs8 a {
			font-size: 21px;
		}
		
		#standorte {
			float: left;			
			width:415px;
			width:auto;
			padding-left:30px;
			margin-top: 30px;
			
			margin-left:50px;
		}
		
	
		

/* Struktur ___ Ende */



/* 
 *	Inhalte ___ Anfang 
 *	Inhaltspezifische Formatierung
 */

#content-links h1 { 
	line-height: 42px;
	background: url('../images/h1-hintergrund.png') repeat-x left top;
	border: 1px solid #ccc;
	font-size: 18px;
	color: #990000;
	padding-left: 10px;
	margin: 0px;
}

/* anker in h1 */
#content-links h1 a:hover
{
	color:#990000;
	text-decoration:none;
}


#content-links h1 a:link,
#content-links h1 a:active,
#content-links h1 a:visited,
#content-links h1 a
{
	color:##990000;
	text-decoration:none;
}

#content-links h2 { 	
	line-height: 42px;
	font-size: 18px;
	color: #990000;
	padding-left: 10px;
	margin: 0px;
}

#content-links h3 { 		
	padding-left: 10px;	
}
#content-links p {
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 20px;
	padding-top: 10px;	
}

#content-links ul li,
#content-rechts ul li
{
	line-height:20px;
	margin-bottom:4px;
}

#content-links div.csc-textpic-imagewrap {
	padding-top: 10px;
	padding-right: 10px;
	padding-left:10px;
}

#content-links a {
	color: #990000;
	text-decoration: underline;
}

#content-links a:hover {
	color: #666;
	text-decoration: underline;
}

#content-links div.jobangebote {
	border: 1px solid #ccc;
}
#content-links div.jobangebote h1 {
	border: none;
}
#content-links div.jobangebote p {
	padding: 0px;
}

#content-links div.csc-textpic-imagewrap a {
	background: none;
	padding: 0px;
}

#content-rechts h1 { 
	line-height: 42px;
	background: url('../images/h1-hintergrund.png') repeat-x left top;
	border: 1px solid #ccc;
	font-size: 18px;
	color: #990000;
	padding-left: 10px;
	margin: 0px;
}

#content-rechts p {
	
	line-height: 20px;	
	margin: 0px;
	
}

#content-rechts a {	
	color: #990000;
	text-decoration: underline;
}
#content-rechts a:hover {	
	color: #666;
	text-decoration: underline;
}

#content-rechts #subnavigation ul {
	border:1px solid #ccc;
	list-style-type:none;
	margin:0;
	padding:0;
}

#content-rechts #subnavigation ul  li{
	border-bottom:1px solid #ccc;
	margin:0;
	padding:0;
	background-color: #990000;	
}
#content-rechts #subnavigation ul  li.last {
	border: none;
}

#content-rechts #subnavigation ul  li a {	
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px;
}
#content-rechts #subnavigation ul  li a:hover {		
	color: #333;
	text-decoration: none;
	background-color: #f8f8f8;	
}

#content-rechts #subnavigation ul  li a.active {	
	color: #333;
	text-decoration: none;
	background-color: #f8f8f8;
}

#content-rechts h2 { 
	font-size: 17px;
	color: #990000;
}

#content-rechts div.neuigkeiten {
	border: 1px solid #ccc;
}

#content-rechts div.neuigkeiten h1 {
	border: none;
}
#content-rechts div.neuigkeiten h3 {
	font-size: 12px;
	color: #990000;
	margin: 0px;
	padding-left: 10px;
	margin-top: 10px;
}

#content-rechts div.neuigkeiten p {
	padding: 10px;
}
#content-rechts div.neuigkeiten div.neuigkeiten-button p {
	padding: 0px;
}

#content-rechts div.standort-kontaktdaten {
	border: 1px solid #ccc;
}
#content-rechts div.standort-kontaktdaten h1 {
	line-height: 42px;
	background: url('../images/h1-hintergrund.png') repeat-x left top;	
	font-size: 18px;
	color: #990000;
	padding-left: 10px;
	margin: 0px;
	margin-bottom: 10px;
	border: none;
}
#content-rechts div.standort-kontaktdaten h2 {
	font-size: 17px;
	color: #990000;
	padding-left: 10px;
	margin: 0px;
}
#content-rechts div.standort-kontaktdaten p {
	padding: 10px;
	font-size: 17px;
	line-height: 20px;
}
#content-rechts div.standort-kontaktdaten a {
	color: #000;
	text-decoration: none;
	background: none;
	padding: 0px;
}

#content-rechts div.standort-kontaktdaten a:hover {
	color: #990000;
}

#content-mitte h3 { }
#content-mitte h4 { }
#content-mitte h5 { }

#content-mitte ul { }
	#content-mitte ul li { }

#content-mitte a { }
#content-mitte a:hover { }

#content-mitte p { }

#content-mitte img { }

#content-mitte table { }
	#content-mitte th { }
	#content-mitte tr { }
		#content-mitte td { }

#hauptnavigation ul { 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#hauptnavigation ul li {
	float: left;
/*	width: 165px;*/
	width:198px;
	line-height: 40px;
	text-align: center;
}

#hauptnavigation ul li.first { }
#hauptnavigation ul li.active {
	background: url('../images/navigation-aktiv.png') repeat-x;
}
#hauptnavigation ul li:hover {
	background: url('../images/navigation-aktiv.png') repeat-x;
}
#hauptnavigation ul li a { 
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	background: url('../images/navigation-trenner.png') no-repeat right top;
}
#hauptnavigation ul li a:hover { }


#hauptnavigation ul li.active a { }
#hauptnavigation ul li.active a:hover { }

#hauptnavigation ul li.first a { }
#hauptnavigation ul li.first a:hover { }

#hauptnavigation ul li.last { }
#hauptnavigation ul li.last a { 
	background: none;
}
#hauptnavigation ul li.last a:hover { }

#hauptnavigation ul li.level2 { }
#hauptnavigation ul li.level2 a { }
#hauptnavigation ul li.level2 a:hover { }


#servicenavigation ul { 
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	/* padding-top: 10px; */
	list-style-type: none;
}

#servicenavigation ul li {
	display: inline;
	font-size: 11px;
	color: #666;
}
#servicenavigation ul li a {	
	font-size: 11px;
	color: #666;
	text-decoration: none;
}

#standorte h1, #stichwortsuche h1 {
	font-size: 12px;
	color: #666;
}

#standorte ul {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#standorte ul  li  {
	margin-right: 30px;
	margin-bottom: 10px;
	float:left;
}
#standorte ul  li a {
	color: #666;
	text-decoration: none;
}

#standorte ul  li a:hover {
	color: #990000;
	text-decoration: underline;
}

#standorte ul  li.active a {
	color: #990000;
	text-decoration: none;

}
#standorte ul  li.active a:hover {	
	text-decoration: underline;
}

#header-bild div.csc-textpic-single-image img {
		margin: 0px;
}

#content-rechts div.job-content {
	border: 1px solid #ccc;
}

#content-links div.jobangebote a, #content-rechts div.jobangebote a {
	display: block;
	font-size: 17px;
	color: #666;
	text-decoration: none;
	padding: 10px;	
	line-height: 20px;	
	background: url('../images/link-hintergrund.png') repeat-x left top;
}
#content-links div.jobangebote a:hover, #content-rechts div.jobangebote a:hover {
	color: #990000;
}

#content-links div.jobangebote a.more-jobs-link, #content-rechts div.jobangebote a.more-jobs-link {
	color: #fff;
	background: url('../images/weitere_angebote.jpg') no-repeat right top;
	line-height: 38px;
	margin-top: 1px;
	
}
#content-links div.jobangebote div.more-jobs, #content-rechts div.jobangebote div.more-jobs {
	background: url('../images/weitere_angebote_hintergrund.jpg') repeat-x;
}

#content-links div.jobangebote a.more-jobs-link:hover, #content-rechts div.jobangebote a.more-jobs-link:hover {
	color: #e8e8e8;
}

/* Inhalte ___ Ende */

/* 	
 *	Extensions ___ Anfang 
 *	Standard CSS ID's und Klassen von oft genutzten Extensions
 *	(z. B. Lightbox, o. �. )
 */

/* Anfang IndexedSearch */

div.tx-indexedsearch {
	
}

div.tx-indexedsearch fieldset {
	border:1px solid #990000;	
	padding:0.5em;
}

div.tx-indexedsearch fieldset legend {
	font-size:0.75em;
	color:#000000; 
}

div.tx-indexedsearch fieldset label {
	font-size:0.75em; 
	padding-top:0.3em;
}

div.tx-indexedsearch div.tx-indexedsearch-form {
	margin-bottom:1em;
}

div.tx-indexedsearch input.submit {
	color: #990000;
	font-weight: bold;
	font-size: 12px;
}


div.tx-indexedsearch div.tx-indexedsearch-whatis {
	font-size:11px;
	margin-left:10px;
}

div.tx-indexedsearch p {
	margin:0 0 1.5em 0;
}

div.tx-indexedsearch h3 {
	margin:0;
	font-size: 14px;
}


div.tx-indexedsearch h3 a {
	color:#9bac00;
	text-decoration:none;
}

div.tx-indexedsearch h3 a:hover {
	text-decoration:underline;
}


div.tx-indexedsearch strong.tx-indexedsearch-redMarkup {
	color:#9bac00 !important;
}

/* Ende IndexedSearch */

#tx-extension-css { }

div.tx-titmzinfoblock-pi1 div.bewerber-informationen {
	float: left;
	width: 315px;
}

div.tx-titmzinfoblock-pi1 div.bewerber-informationen {
	float: left;
	width: 315px;
	margin-right: 10px;
}
div.tx-titmzinfoblock-pi1 div.unternehmen-informationen {
	float: left;
	width: 315px;
	
}
div.tx-titmzinfoblock-pi1 div.info-content {
	border: 1px solid #ccc;
	border-top: none;
}
div.tx-titmzinfoblock-pi1 div.bewerber-button, div.tx-titmzinfoblock-pi1 div.unternehmen-button {
	background: url('../images/hintergrund_informationen.jpg') no-repeat;
	height:37px;
	padding-right:5px;
	padding-top:20px;
	text-align:right;
	border-top: 1px solid #fff;
}



div.tx-powermail-pi1 fieldset {
	border: none;
	margin-top:30px;
	padding:0;
}
div.tx-powermail-pi1 legend {
	display: none;
}

div.tx-powermail-pi1 label {
	width: 150px;
	display: block;
	float: left;
}

div.tx-powermail-pi1 input.text {
	width: 300px;
}

div.tx-powermail-pi1 textarea.textarea {
	width: 300px;
}

div.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html {
	margin-bottom: 15px;
}


div.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_15 {
	width: 450px;
	text-align: right;
}

div.tx-powermail-pi1 .powermail_mandatory_js {
	font-size: 10px;
	color: #a10f36;
	margin-left: 150px;
}
div.tx-powermail-pi1 span.powermail_mandatory {
	color: #a10f36;
}

div.tx-powermail-pi1 .date2cal_img_help {
	display: none;	
}

div.tx-powermail-pi1 span#uid13_msg {
	display: none;
}


#content-rechts div.tx-pitgooglemaps-pi1 div.gmap a {
	font-size: 11px;
	background: none;
	display: inline;
}

div.tx-pitgooglemaps-pi1 div.gmap {
	border: 1px solid #ccc;
}

/* Extensions ___ Ende */



/* 
 *	Besonderheiten ___ Anfang 
 *	Projektspezifische CSS Id's und Klassen 
 */

#meine-css-id { }

/* Besonderheiten ___ Ende */

/* MATTHIAS KontaktFormular ANFANG */
.form_kontakt
{
	margin-left:10px;
}

div.tx-powermail-pi1 .form_kontakt .tx_powermail_pi1_fieldwrap_html {
	margin-bottom:10px;
}


.form_kontakt input, 
.form_kontakt textarea{
	width:200px;
}

.form_kontakt input.button_send
{
	width:auto;
	margin-left:150px;
}

/* MATTHIAS Kontaktformular ENDE */



#content-links div.tx-merkurjobangebote-pi1 { 
	margin-top:20px;
}

#content-links div.tx-merkurjobangebote-pi1 div.liste, #content-rechts div.tx-merkurjobangebote-pi1 div.liste {
	border: 1px solid #ccc;
	margin-bottom:20px;
}

#content-links div.tx-merkurjobangebote-pi1 div.jobitem, #content-rechts div.tx-merkurjobangebote-pi1 div.jobitem {
	color:#666666;
	padding:10px;
	font-size:17px;
}

#content-links #content-links div.tx-merkurjobangebote-pi1 p, #content-rechts #content-links div.tx-merkurjobangebote-pi1 p {
	padding: 0px;
}


#m_sitemap
{
	position:relative;
}

#info_cp,
#info_fh,
#info_rw,
#info_cf,
#info_os,
#info_hf,
#info_rh,
#info_li,
#info_dh
{
	position:absolute;
	top:74px;
	right:20px;
	background-color:white;
	display:none;
	width:142px;
	padding:5px;
	z-index:2;
}
#info_os
{
	display:block;
	z-index:1;
}

#info_cp p,
#info_fh p,
#info_rw p,
#info_cf p,
#info_os p,
#info_hf p,
#info_rh p,
#info_li p,
#info_dh p
{
	line-height:15px;
	font-size:11px;
	margin-bottom:5px;
	padding:0px;
}	

.info_rot
{
	color:#990000;
font-size:12px;
}

.bold
{
	font-weight:bold;
}

.klein
{
	font-size:10px;
}

#content-links div.tx-merkurjobangebote-pi1 div.liste div.trenner, #content-rechts div.tx-merkurjobangebote-pi1 div.liste div.trenner {
   border-top:1px dashed #cccccc;
   margin:0 10px 0 10px;
} 

.linkOrt
{
	text-align:right;
}

.jobitem a
{
	font-size:12px;
}