/****
// @fname	inc.styles.css
// @project	TEXTILES Dieter Jacob
// @ftype	css
// @descr	Stylesheet
// @creator	brain-at-work GmbH - Bahnhofstra�e 5 - 88299 Leutkirch
// @author	Thomas Autenrieth - t.autenrieth@brain-at-work.de
// @date	04.05.05
// CHANGELOG
// @date    09.03.07
// @author   Roland Baier - r.baier@brain-at-work.de
*/

/* ********************************************
/*		Allgemeines
/* ********************************************/
	/* TEST: Rahmen einblenden von DIV und TABLE 
	div {
		border: 1px solid #00CC00;
	} 
	
	table {
		border: 1px solid #0000CC; 
	}*/	 
	body {
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:0px;
		font-family:WarpSans, Arial, Geneva, Helvetica, sans-serif;
		font-size:12px;
		color:#4C4C4C;
		text-align: center;
		background: #E8E6D5;
		background: #FFFEF2 url(images/w_content.gif);
	}
	.body-job_kl {
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:0px;
		font-family:WarpSans, Arial, Geneva, Helvetica, sans-serif;
		font-size:12px;
		color:#4C4C4C;
		text-align: center;
		background: #E8E6D5;
		background: #FFFEF2 url(images/w_content2.gif);
	}
		.body-job_g {
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:0px;
		font-family:WarpSans, Arial, Geneva, Helvetica, sans-serif;
		font-size:12px;
		color:#4C4C4C;
		text-align: center;
		background: #E8E6D5;
		background: #FFFEF2 url(images/w_content3.gif);
	}
	a {	/* Anker-Tag allgemein (insbesondere vom ActiveX-Editor erzeugte Links */
		color:#4C4C4C;
		text-decoration:underline;		
	}
	
	h1 {
		font-size: 13px; 
		font-weight: bold;
		letter-spacing: 5px;
		color: ##4C4C4C;
		margin-bottom: 15px;
		margin-top: 0px;
		padding: 0px;
	}
	h2 {
		margin-bottom: 15px;
	}
	h3 {
		margin-bottom: 10px;
	}

/* ********************************************
/*		Grundger_st Container Aufbau
/* ********************************************/		

	.mainbox {
		text-align: left;
		width: 960px;
		margin: auto;
		position: relative;
	}
	
	.kopfcontainer {
		height: 100px;
		text-align: right;
	}
	
	.navigationcontainer {
		height: 30px;
		text-align: center;
		padding-left: 0px;
	}
	
	.job_ueberschrift {
		height: 30px;
		text-align: center;
		padding-left: 0px;
	}
	
	.subnavcontainer {
		height: 30px;	
		text-align: left;
		padding-left: 70px;
	}
	
	.textcontainer {
		height: 175px;
		padding: 15px 180px 0px 185px;
		position: relative;
	}
	.textcontainer_job {
		height: 175px;
		padding: 0px 0px 0px 30px;
		position: relative;
	}
	
	.anfahrtcontainer {
		height: 330px;
		padding: 0px 200px 0px 200px;
		position: relative;
		margin-top: 40px;
	}
	
	.imgcontainer {
		height: 155px;
		padding: 3px 0px 3px 0px;
		background: #FEFEF2;
	}
	
	.imgcontainer_marken {
		height: 140px;
		padding: 3px 0px 3px 0px;
		background: #FEFEF2;
	}
	
	.spacer {
		font-size:11px;
		color: #D65753;
		padding: 5px 200px 0px 200px;
		height: 60px;	
	}
	.spacer_anfahrt {
		font-size:11px;
		color: #D65753;
		padding: 5px 200px 0px 200px;
		height: 20px;	
	}
	.spacer_kontakt {
		font-size:11px;
		color: #D65753;
		padding: 5px 200px 0px 200px;
		height: 50px;	
	}
	.spacer2 {
		font-size:11px;
		color: #D65753;
		padding: 5px 200px 0px 200px;
		height: 5x;	
	}
	.spacer_job {
		font-size:11px;
		color: #D65753;
		padding: 5px 200px 0px 200px;
		height: 300x;	
	}
	.footercontainer {
		position: absolute;
		left: 180px;
		margin: auto;
	}
	.footercontaineranfahrt {
		margin: 0px 10px 10px 0px;
		padding-left: 158px;
		position: relative;
	}
	.formularcontainer {
		height: 155px;
		padding: 10px 185px 3px 185px;
		margin-top: 3px;
		background: #EFECE0;
		position: relative;
	}
	.disclaimercontainer {
	    height: 209px;
		overflow: auto;
		padding: 0px 200px 0px 200px;
		position: relative;
		top: -50px;
	}

/* ********************************************
/*		Navigation
/* ********************************************/	

	a.menu1{ /* Menu Links Ebene 1*/
		font-size:11px;
		font-weight: bold;
		color:#99A59F;
		text-decoration:none;
		letter-spacing: 4px;
	}
	
	a.menu1:hover{ /* Menu Links Ebene 1 - Mouse Over */
		color:#E24F4A;
	}

	a.menuactiv1{ /* Menu Links Ebene 1 - Markierung der aktuellen Kategorie */
		font-size:12px;
		color:#000000;
		font-weight:bold;
		text-decoration:none;
	}
	
	.menuspacer { 
		font-size: 10px;
		color: #99A59F;
		padding: 0px 10px 0px 10px;
	}
			
	a.menu2{ /* Menu Links Ebene 2*/
		font-size:11px;
		font-weight: bold;
		color:#99A59F;
		text-decoration:none;
		letter-spacing: 3px;
	}
	
	a.menu2:hover{ /* Menu Links Ebene 2 - Mouse Over*/
		color:#E24F4A;
	}

	a.menuactiv2{ /* Menu Links Ebene 2: Markierung der aktuellen Kategorie */
		font-size:11px;
		font-weight: bold;
		color:#000000;
		text-decoration:none;
		letter-spacing: 3px;
	}


/* ********************************************
/*		Fusszeile
/* ********************************************/

	.footercolumns {
		font-size:11px;
		color:#4C4C4C;
	/*	position: absolute;
		top: 0px;
		left: 160px; 
		letter-spacing: 1px;*/
		float:left;
		margin-left: 10px;
		width: 135px;
		white-space: nowrap;
	}
	
	.footercolumns a {
		color: #4C4C4C;
		text-decoration: none;
	}
	.footercolumns a:hover{
		color: #000000;
	}
		
	.backlink { /* zur_ck-Link auf allen Seiten */
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#4C4C4C;
		clear:both;
	}
	.backlink:hover {
		color: #000000;
	}
	
	.backptag {  /* Ausrichtung des zur_ck-Link */
	}
	
	.bawlink {
		font-family:WarpSans, Geneva, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#AAAAAA;
		text-align: right;
		text-decoration: none;
		visibility: hidden;
	}
	.bawlink:hover {
		color:#000000;
		text-decoration: underline;
	}
	


/* ********************************************
/*		Kategorie- und Artikelauflistungen
/* ********************************************/

/*	.textcolumn1 {
		font-size: 11px;
		color: #000000;
		line-height: 16px;
		letter-spacing: 1px;
		width: 280px;
		padding: 0px;
		position: relative;
	}
	
	.textcolumn2 {
		font-size: 11px;
		color: #000000;
		line-height: 16px;
		letter-spacing: 1px;
		width: 300px;
		padding: 0px;
		position: absolute;
		top: 0px;
		left: 300px;
	}
*/
	.textcolumn1 {
		font-size: 11px;
		color: #4C4C4C;
		line-height: 16px;
		letter-spacing: 1px;
		width: 285px;
		float: left;
		padding: 0px;

	}
	
	.marken {
 	    font-size: 11px;
		color: #4C4C4C;
		line-height: 16px;
		letter-spacing: 1px;
		text-align: center;
		vertical-align: middle;
	}
	
	.textcolumn2 {
		font-size: 11px;
		color: #4C4C4C;
		line-height: 16px;
		letter-spacing: 1px;
		width: 285px;
		margin-left: 10px;
		float: left;
		padding: 0px;

	}
		.textjob {
		font-size: 11px;
		color: #4C4C4C;
		line-height: 16px;
		letter-spacing: 1px;
		width: 584px;
		float: left;
		padding: 0px;

	}
	}
	
	.disclaimer {
		font-size: 11px;
		color: #4C4C4C;
		line-height: 16px;
		letter-spacing: 1px;
		float: left;
		padding: 0px;
		width: 484px;
		height: 209px;
		overflow: auto;
		position: relative;
		scrollbar-face-color: #DAD6B6;
		scrollbar-highlight-color: #DAD6B6;
		scrollbar-shadow-color: #F5F4ED;
		scrollbar-3dlight-color: #F5F4ED;
		scrollbar-arrow-color: #E8E6D5;
		scrollbar-track-color: #F5F4ED;
		scrollbar-darkshadow-color: #E8E6D5;
	}

/* ********************************************
/*		Formulare (Kontakt, Weiterempfehlen)
/* ********************************************/
	
	.formhint{	/* Hinweistext auf Pflichtfelder mit Stern */
		font-size:12px;
		font-style:italic;
		color:#D65753;
	}
	
	.formfieldtitle{	/* Formulare : Feldbezeichnung */
		font-size: 11px;
		color: #4C4C4C;
		line-height: 16px;
		letter-spacing: 1px;
		width: 70px;
		float: left;
	}
		
	.formfield{  /* Darstellung Eingabefeld */
		border: 1px solid #9EA499;
		font-size: 11px;
		width: 180px;
		margin: 0px 0px 5px 0px;
	}
	
	.checkbox {
		margin: 0px 0px 20px 0px;
		vertical-align: top;
	}
	
	.formrequired{	/* Formulare : Required Stern */
		font-size:12px;
		color:#D65753;
	}
	
	.formsend{	/* Textbeschriftung Button */
		border: none;
		background: #EFECE0;
		font-size:12px;
		font-weight:bold;
		color:#99A59F;
		margin-left: 70px;
		cursor: pointer;
	}
	.formsend:hover{
		color: #000000;
	}
	
	.formerror{	/* Fehlermeldung und Hinweise */
		font-size: 11px;
		color: #CC0000;
		line-height: 16px;
		letter-spacing: 1px;
		width: 70px;
		float: left;
	}
	
	.formokay {
		font-size: 11px;
		color: #4C4C4C;
		font-weight:bold;
		line-height: 16px;
		text-align: center;
	}

	.popuplink{	/* Link fuer Text-Popup (Hilfe, Datenschutz etc.) */
		font-size:11px;
		color:#008C95;
		text-decoration:underline;		
	}

/* ********************************************
/*		sonstiges
/* ********************************************/
	
	.nurgrafik {
		font-size:1px; 
		line-height:0px;
	}	
	
	.iframecontainer
	{
		position: absolute;
		top: 10px;
		left: 90px;
	}
	
	a.kontaktlink,
	a.backlink
	{
		display: block;
		width: 135px;
		padding: 3px 0;
		position: absolute;
		left: 780px;
		top: 126px;
		background-color: #E8E6D5;
		font-size: 12px;
		text-decoration: none;
		text-align: center;
	}
	a.backlink
	{
		top: 156px;
	}
	
	a.kontaktlink:hover,
	a.backlink:hover
	{
		color: #000000;
	}