/*

	CSS-Datei der Internetseite

	http://bbt-automotive.de

	Autor:				Stefan Diezinger - http://surfan-gmbh.de
	Start:				15.07.08
	Letzte Aenderung:	13.09.10

*/

@media all {

	/*  Allgemein
	---------------------------------- */

	q {
		quotes: '„' '“' '‚' '‘';
	}

	img, frame, fieldset {
		border: 0;
	}

}


@media screen, projection {

	/*  Allgemein
	---------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		background-repeat: no-repeat;
		background-position: top left;
		outline: none;
	}

	html {
		font: 76%/1.8 Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	}

	html, body {
		height: 100%;
		min-height: 100%;
		direction: ltr;
		cursor: default;
		text-align: left;
		color: #444;
	}

	html, body {
		height: 100.01% !important;
		min-height: 100.01% !important;
	}

	q {
		quotes: '„' '“' '‚' '‘';
	}

	.versteckt,
	.druck {
		display: none;
	}

	.mittig {
		text-align: center;
	}

	.links {
		float: left;
		text-align: left;
	}

	.rechts {
		float: right;
		text-align: right;
	}
	
	.bild.rechts {
		padding: 10px;
		margin-right: 10px;
	}

	.kleiner {
		font-size: smaller;
	}

	.groesser {
		font-size: larger;
	}

	.clear {
		clear: both;
	}

	#linke-haelfte {
		float: left;
		width: 45%;
		padding-right: 3%;
	}

	#rechte-haelfte {
		float: right;
		width: 45%;
		padding-left: 3%;
	}

	/*  Elemente
	---------------------------------- */

	h1 { font-size: 2.5em; }

	h2, h3 { line-height: 1.2; }

	h2 { font-family: Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif; font-weight: normal; font-size: 1.7em; margin: .6em 0 .6em 0; }

	h3 { color: #7FA5C9; font-weight: normal; }

	h4, h5 { margin: .8em 0 0; }

	h3 { font-size: 1.5em; }

	h4 { font-size: 1.45em; }

	h5 { font-size: 1.3em; }

	h1, h2, h3, h4, h5, h6 { clear: both; }

	hr { height: 2px; width: 100%; background: #37A3C9; margin: 1em 0; }

	p, address, blockquote, ul, ol, dl, dt, pre { margin: 1.2em 0; }

	address, cite, var, abbr { font-style: normal; }

	blockquote { padding: 0 2.5em; }

	blockquote + blockquote { margin-top: 2em; }

	ul, ol, dd { margin-left: 2.5em; }

	#inhalt ul { list-style-image: url("auflistungszeichen.gif"); }

	ul ul, ol ol { margin: .1em 0 .15em 1.75em; }

	dd pre { margin: 0; }

	table { width: 100%; padding: 0; margin: 0; }

	th, form { padding: 5px 3px; vertical-align: baseline; }

	th { text-align: left; }

	label, a { cursor: pointer; }

	pre, code, var, kbd { font-family: Monaco, "Courier New", Tahoma; }

	abbr[title] { cursor: help; border-bottom: #000 dotted 1px; }

	h3 abbr[title] { border-bottom: #aaa dotted 1px; }

	dt { padding: 0 1em 0 0; margin: 0; font-size: 1em; font-weight: bold; }

	dt:after { content: ":"; }

	#inhalt li { margin: 0.3em; }

	blockquote {
		font-style: oblique;
		font-size: 1.1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		background: url("zitatzeichen.gif") no-repeat;
		padding-left: 30px;
		margin-bottom: 1.5em;
	}

	blockquote p {
		margin: 0;
		padding: 0;
	}

	blockquote cite {
		float: right;
		font-style: oblique;
		font-weight: bold;
	}

	/*  Layout
	---------------------------------- */

	html,
	body {
		background: #263751;
		color: #fff;
	}

	#rahmen-aussen {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -500px;
		margin-top: -300px;
		width: 1000px;
		height: 600px;
	}

	#rahmen-innen {
		border-right: 2px solid #7FA5C9;
		border-bottom: 2px solid #7FA5C9;
		border-left: 2px solid #7FA5C9;
		height: 588px;
	}

	#schmuckgrafik {
		position: absolute;
		top: 35px;
		left: 2px;
		background: url("seitengrafik.jpg") no-repeat;
		width: 250px;
		height: 553px;
	}

	#kopfzeile {
		position: absolute;
	}

	#sprachwahl {
		position: absolute;
		top: 5px;
		margin-left: 5px;
	}

	#fusszeile {
		text-align: center;
	}

	#inhalt {
		margin-top: 143px;
		margin-right: 10px;
		float: right;
		width: 565px;
		height: 435px;	
		overflow: auto;
	}

	h1 a {
		display: block;
		text-indent: -9999em;
		border: 0 !important;
		background: url("kopfzeile.jpg") no-repeat;
		width: 1000px;
		height: 132px;
	}

	h1 a:hover,
	h1 a:active,
	h1 a:link,
	h1 a:visited {
		border: 0;
	}

	.keinrahmen {
		margin: 0;
		padding: 0;
		border: 0;
	}

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

	a {
		color: #7FA5C9;
		text-decoration: none;
	}

	a:focus,
	a:hover {
		color: #fff;
		border-bottom: 1px solid #fff;
	}

	.sprachen a:focus,
	.sprachen a:hover {
		border: 0;
	}

	a.keinlink {
		cursor: default;
		border: 0 !important;
		color: #fff !important;
	}

	#navigation a:focus,
	#navigation a:hover,
	a.kein-unterstrich:focus,
	a.kein-unterstrich:hover {
		border-bottom: 0;
	}

	/*  Layout Details
	---------------------------------- */

	body#startseite #inhalt {
		width: 750px;
	}

	body#startseite #navigation {
		display: none;
	}

	body#startseite #inhalt p span.datum {
		float: right;
		text-align: right;
		color: #fff !important;
		font-size: 0.9em;
		font-weight: bold;
	}

	.org {
		font-weight: bold;
	}

	.adr {
		padding: 1em 0;
	}
	
	.stellenangebot {
		background: #273751;
	}
	
	.stellenangebotLinks a {
		background: url("rahmen.links.jpg") center left no-repeat;
		padding: 7px 5px;
		line-height: 2.4;
		color: #DEE7F7;
	}
	
	.stellenangebotLinks a strong {
		padding: 7px 12px 7px 7px;
		background: url("rahmen.rechts.jpg") center right no-repeat;
	}
	
	.stellenangebotLinks a.aktiv {
		cursor: default;
	}
	
	.stellenangebotLinks a.aktiv,
	.stellenangebotLinks a:hover,
	.stellenangebotLinks a:focus {
		color: #fff;
		/*text-decoration: underline;*/
		border-bottom: 0;
	}
	
	.stellenangebotLinks a.aktiv strong,
	.stellenangebotLinks a:hover strong,
	.stellenangebotLinks a:focus strong {
		text-decoration: underline;
	}

	/*  Navigation
	---------------------------------- */

	#navigation {
		margin-top: 159px;
		padding-left: 250px;
		float: left;
		width: 150px;
	}

	#navigation ul,
	#navigation ul li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#navigation ul li {
		font-weight: bold;
		text-align: right;
	}

	#navigation ul li.aktiv a {
		color: #fff;
	}

	#navigation ul li.aktiv ul li a {
		color: #7FA5C9;
	}

	#navigation ul li.aktiv ul li a:focus,
	#navigation ul li.aktiv ul li a:hover {
		color: #fff;
	}

	#navigation .subnav {
		display: none;
		position: absolute;
		left: 402px;
		top: 125px;
		z-index: 10;
		background: url("navigation.verbindung.gif") no-repeat;
	}

	#navigation .subnav ul {
		border: 1px solid #fff;
		background: #263751;
		margin-left: 20px;
	}

	#navigation .subnav li {
		text-align: left;
	}

	#navigation ul li:hover .subnav,
	#navigation ul li a:hover .subnav  {
		display: block;
	}

	#navigation #nav-unternehmen .subnav {
		top: 189px;
	}

	#navigation #nav-produkte .subnav {
		top: 220px;
	}

	#navigation #nav-service .subnav {
		top: 282px;
	}

	#navigation .subnav.kleiner {
		margin-top: -100px;
		background-position: 0px 100px !important;
	}

	/*  Sprachwahl
	---------------------------------- */

	div#sprachwahl ul,
	div#sprachwahl ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
	}

	div#sprachwahl ul li {
		padding-right: 5px;
	}

	/* Tabelle
	---------------------------------- */

	.tabelle {
		width: 96%;
	}

	.tabelle td,
	.tabelle th {
		vertical-align: top;
		margin: 0;
		padding: 7px;
	}

	.tabelle .ungerade {
		background: #3E4F6A;
	}

	p.ungerade {
		background: #3E4F6A;
	}

	/* Galerie
	---------------------------------- */

	ul.galerie,
	ul.galerie li {
		list-style: none;
	}

	ul.galerie li {
		float: left;
		padding-left: 30px;
		padding-bottom: 30px;
	}

	ul.galerie li a:focus,
	ul.galerie li a:hover {
		border: 0;
	}

	/* Formulare
	---------------------------------- */

	.keineliste {
		list-style: none !important;
		background: none !important;
	}

	#anfrageformular .cmxform {
		width: 95%;
		margin: 0 auto;
	}

	#anfrageformular li.feld {
		margin-top: 1em;
		background: none !important;
	}

	input,
	textarea,
	select {
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		padding: 0.3em;
		width: 17em;
		background: #263751;
		border: 1px solid #7FA5C9;
		display: inline;
		color: #fff;
	}

	input[type="radio"],
	input[type="checkbox"] {
		width: auto;
	}

	option {
		font-weight: normal !important;
		font-size: smaller;
	}

	select {
		/*width: 100%;*/
	}

	label {
		font-weight: bold;
		display: block;
	}

	input:hover,
	input:focus,
	textarea:hover,
	textarea:focus,
	select:hover,
	select:focus,
	.focused input,
	.focused textarea,
	.focused select {
		background: #3E4F6A;
		border: 1px solid #eee;
	}

	input[disabled] {
		color: #999;
	}

	input[disabled]:hover,
	input[disabled]:focus {
		border: 1px solid #ddd;
		background: #f9f9f9;
	}

	#submit {
		width: auto;
	}

	fieldset {
		margin: 0;
		padding: 0;
	}


	legend {
		padding: 0 2px;
		font-weight: bold;
		font-size: 1.1em;
		display: none;
	}

	#rechte-haelfte,
	#rechte-haelfte ol,
	#rechte-haelfte fieldset,
	#rechte-haelfte li {
		margin-left: 0;
		padding-left: 0;
	}


	/*  Clearfix
	---------------------------------- */

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */



}



@media print {

	/* Allgemein
	---------------------------------- */

	* { background: #fff; color: #000; }

	.versteckt,
	#navigation,
	#brotkrume,
	#sprachwahl,
	#fusszeile {
		display: none;
	}

	body {
		font:100%/150% Georgia, "Times New Roman", Times, serif;
	}

	h1 a, h2 a, h3 a {
		color:#000;
		text-decoration:none;
	}

	h1,
	h2,
	h3 { font-family:Arial,Helvetica,Verdana,Geneva,sans-serif; }


}