/* 
  Cascading Stylesheet fuer den Internetauftritt
  von Stefan Tremmel, Kfz-Meisterbetrieb
  Autor: Tobias Hindemitt, 2007
*/

/* 
-------------------------------------------------------
  Allgemeine Tag-Redefinitionen
-------------------------------------------------------
*/

html {
	margin: 0;
	padding: 0;
	}

body {
	background-color: #fff;
	font: 12px/19px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	}

h1, h2, h3, h4 {
	line-height: 1.5em;
	margin: 0 0 .5em 0;
	}
	
h1, h2 {
	font-size: 20px;
	font-weight: normal;
	color: #006ab2;
	}
	
h3 {
	font-size: 14px;
	color: #d30000;
	}
	
h4 {
	font-size: 12px;
	color: #d30000;
	font-weight: bold;
	}

p {
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	}

/* Bilder
---------------------------------------- */

img {
	border: 0;
	margin: 0;
	}

img.embedded {
	margin-bottom: 4px;
	}

img.left, img.right {
	margin-top: -4px;
	}

img.left {
	float: left;
	margin-left: -7px;
	}

img.right {
	float: right;
	}

/* Eigenschaften von Links
---------------------------------------- */

:link, :visited {  
	text-decoration: none;
	color: #054abe;
	}

:link:hover, :visited:hover, :link:active, :visited:active {
	text-decoration: underline;
	}

/* Formular
---------------------------------------- */
form input, form textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	color: #000;
	background-color: #fff;
	border: 1px solid #4d443b;
	}

form textarea {
	margin-top: 8px;
	margin-bottom: 8px;
	}

form input.button {
	margin: 0;
	background-color: #dae8ff;
	}

/* Listen
---------------------------------------- */

ul, ol {
	margin: 0;
	margin-bottom: 1em;
	}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}

ul li {
	padding-left: 10px;
	margin-bottom: 6px;
	background-image: url(../grafik/icon_liste.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	}

ol li {
	background-image: none;
	padding: 0;
	}


/* Tabellen
---------------------------------------- */

table {
	border-collapse: collapse;
	margin: 0 0 8px 0;
	padding: 0;
	}

th, td {
	margin: 0;
	padding: 3px 0 3px 4px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	border: 0;
	}

td.right {
	text-align: right;
	}

table.fullsize {
	width: 100%;
	}

tr.grey {
	background-color: #e5e5e5;
	}

/* 
-------------------------------------------------------
  Ebenen
-------------------------------------------------------
*/

/* Alles umfassend, positionierend
---------------------------------------- */
#container {
	position: relative;
	width: 764px;
	margin: 0 auto 0 auto;
	}

/* Kopf
---------------------------------------- */

#header h1 { 
	/* Bildgroesse */
	margin: 0;
	padding-top: 173px;
	width: 764px;
	
	/* Das Bild */
	background-image: url(../grafik/header.gif);
	background-repeat: no-repeat;
	
	/* Text verstecken */
	overflow: hidden;
	
	/* Tanteks IE5 Hack */
	height: 173px; 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0; 
	}
	
/* Lieb zu Opera 5 sein :-) */
html>body #header h1 {
	height: 0;
	}

/* Navigationsleiste
---------------------------------------- */

#navigation {
	position: absolute;
	top: 0;
	font-size: 11px;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	width: 664px;
	height: 34px;
	background: transparent url(../grafik/navigation.gif) no-repeat;
	}

#navigation ul {
	margin: 0;
	padding: 0;
	float: left;
	padding-left: 3px;
	white-space: nowrap;
	}

#navigation ul li {
	display: inline;
	list-style-type: none;
	background-image: none;
	padding: 0;
	margin: 0;
	}

#navigation ul li :link, #navigation ul li :visited {
	background: transparent url(../grafik/icon_nav.gif) 0 5px no-repeat;
	padding: 6px 12px 5px 20px;
	color: #000;
	text-decoration: none;
	float: left;
	}

#navigation ul li .left:link, #navigation ul li .left:visited {
	background-image: url(../grafik/icon_nav_l.gif);
	}

#navigation ul li :link:hover, #navigation ul li :visited:hover,
#navigation ul li :link:active, #navigation ul li :visited:active {
	background-position: 0 -74px;
	color: #006ab2;
	text-decoration: none;
	}

/* Service-Navigationsleiste
---------------------------------------- */

#servicenavigation {
	position: absolute;
	top: 146px;
	left: 395px;
	font-size: 10px;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	}

#servicenavigation ul {
	margin: 0;
	padding: 0;
	float: left;
	padding-left: 3px;
	white-space: nowrap;
	}

#servicenavigation ul li {
	display: inline;
	list-style-type: none;
	background-image: none;
	padding: 0;
	margin: 0;
	}

#servicenavigation ul li :link, #servicenavigation ul li :visited {
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0 7px 0 24px;
	color: #666;
	text-decoration: none;
	float: left;
	}

#servicenavigation ul li .start:link, #servicenavigation ul li .start:visited {
	background-image: url(../grafik/icon_start.gif);
	}

#servicenavigation ul li .anfahrt:link, #servicenavigation ul li .anfahrt:visited {
	background-image: url(../grafik/icon_anfahrt.gif);
	}

#servicenavigation ul li .kontakt:link, #servicenavigation ul li .kontakt:visited {
	background-image: url(../grafik/icon_kontakt.gif);
	}

#servicenavigation ul li .impressum:link, #servicenavigation ul li .impressum:visited {
	background-image: url(../grafik/icon_impressum.gif);
	}

#servicenavigation ul li :link:hover, #servicenavigation ul li :visited:hover,
#servicenavigation ul li :link:active, #servicenavigation ul li :visited:active {
	background-position: 0 -84px;
	color: #000;
	text-decoration: none;
	}

/* Inhalt
---------------------------------------- */
#content {
	padding: 14px 14px 0 14px;
	}

/* Spalten
---------------------------------------- */

#maincontent { 
	float: left;
  	width: 530px;
	margin: 0;
	}

#addcontent {
	margin: 0 0 0 570px;
	}

#addcontent h2 {
	font-size: 12px;
	font-weight: bold;
	color: #d30000;
	margin-top: 9px;
	margin-bottom: 16px;
	}

#addcontent h3 {
	font-size: 11px;
	font-weight: bold;
	color: #006ab2;
	line-height: 14px;
	}


#addcontent p {
	font-size: 11px;
	line-height: 15px;
	}

#emp {
	border: 1px solid #c7cbce;
	background-color: #f5f8fa;
	padding: 10px;
	margin-top: 14px;
	margin-bottom: 14px;
	}

#emp p {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	}

#emp h3 {
	font-size: 12px;
	text-align: center;
	}

/* Fusszeile
---------------------------------------- */
#footer {
	margin: 0 14px 0 14px;
	width: 530px;
	padding: 13px 0 5px 0;
	background: transparent url(../grafik/bgr_footer.gif) repeat-x;
	}

#footer p {
	font-size: 11px;
	color: #666;
	}

#footer :link, #footer :visited {  
	color: #666;
	}

/* 
-------------------------------------------------------
  Weitere Klassen
-------------------------------------------------------
*/

div.left {
	float: left;
	margin: 3px 15px 5px 0;
	}

div.left p {
	text-align: center;
	font-weight: bold;
	margin-bottom: 4px;
	font-size: 11px;
	color: #666;
	}

div.column {
	width: 260px;
	margin: 0 30px 0 0;
	}

div.column2 {
	position: absolute;
	top: 255px;
	left: 310px;
	width: 260px;
	margin: 0 30px 0 0;
	}

div.images {
	padding-top: 36px;
	}

div.images img {
	margin: 6px 0 6px 0;
	}

.service {
	font-size: 11px;
	color: #666;
	}

/* Icons fuer Navigationselemente
   ausserhalb der Navigationsleiste
---------------------------------------- */
.print {
	padding-left: 17px;
	padding-right: 15px;
	background: transparent url(../grafik/icon_drucken.gif) no-repeat 0 1px;
	}

.top {
	padding-left: 15px;
	padding-right: 15px;
	background: transparent url(../grafik/icon_top.gif) no-repeat 0 1px;
	}

.zoom {
	padding-left: 17px;
	background: transparent url(../grafik/icon_zoom.gif) no-repeat 2px 2px;
}

.mail {
	padding-left: 17px;
	background: transparent url(../grafik/icon_mail.gif) no-repeat 2px 3px;
}

.external {
	padding-left: 16px;
	background: transparent url(../grafik/icon_external.gif) no-repeat 0 3px;
}

.hr {
	margin-top: 14px;
	padding: 12px 0 5px 0;
	background: transparent url(../grafik/bgr_footer.gif) repeat-x;
	}

/* Floatingbereiche beenden
---------------------------------------- */
.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0;
	padding:0;
	border:none;
	visibility: hidden;
	}

/*
-------------------------------------------------------
  Layout der Lightbox
-------------------------------------------------------
*/

kbd {
	color: #1a1714;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #999;
	}

#lightbox{
	background-color:#fff;
	padding: 8px;
	}

#lightboxDetails{
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	color: #666;
	}

#lightboxCaption{
	float: left;
	padding-left: 5px;
	}

#keyboardMsg{
	float: right;
	}
#closeButton{
	top: 7px; right: 7px;
	}

#lightbox img{
	border: none; clear: both;
	} 

#overlay img{
	border: none;
	}

#overlay{
	background-image: url(../grafik/overlay.png);
	}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../grafik/overlay.png", sizingMethod="scale");
	}