/****************************************
CSS-Umsetzung linieren.de
Letzte Aenderung: 27.11.2007
Alle Rechte vorbehalten. www.linieren.de
****************************************/

/****************************
	Allgemeine Formatierung 
****************************/

* {padding: 0; margin: 0;}
body {
	font: normal 0.75em/1.3 Arial, Helvetica, sans-serif;
	background: #FFF ;
	min-height: 101%;
	text-align: left;
	color: #999;
}
a, a:link, a:visited {
	background-color: transparent;
	color: #FF9900;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus, a:active {text-decoration: underline;}
a img, img {border: none;}
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/images/allg/icon_pdf.gif) no-repeat center right;
}
a.moving {opacity: 0.9;}
a.moving:hover {opacity: 1.0;}


/* Klassen */
.clear {clear: both;}
.right, .alignright {float: right; margin: 0 0 0 0.5em;}
.left, .alignleft {float: left;	margin: 0 0.5em 0 0;}
div.left {width: 44%; margin-right: 5%;}
img.left {margin-right: 15px;}
.ueber div.left {margin: 0 0 0 5%;}
#galerie p.left {clear: left !important; width: 460px;}
p.left {line-height: 130%;}
.hide {display: none;}
.skiplink a {
    position: absolute;
    top: -100px;
    left: 0;
    padding: 0 5px;
    background: white;
    font-size: 1.3em;
    z-index: 10;
}
.skiplink a:focus {top: 0px;}
.faq .skiptop {text-align: right; width: 580px;}
.akzent {color: #FF9900 !important;}
.warnung {color: #707070; font-weight: bold;}

/****************************
	Typographie 
****************************/
p, dl {margin: 0 0 1em 0;}
#galerie p {margin: 0;}
dl {}
ol {list-style: decimal outside; padding: 0 0 15px 25px;}
ul {list-style: disc url(/images/listimg.gif) outside;  padding-left: 20px; margin: 0 0 1em 0;}
.service ul {list-style: disc; padding-left: 15px;}
.service ul li {padding-left: 10px;}

h1,h2,h3,h4 {
	font-weight: normal;
	margin: 0 0 1em 0;
	color: #333; background-color: transparent;
	font-weight: normal;
}
h3 {color: #999; font-size: 1em; font-weight: bold; margin-bottom: 0.5em;}
.ueber h3 {color: #666;}
blockquote,form,fieldset {margin: 0 0 1em 0;}
blockquote {
	background: #fff url(/images/allg/blockquote.gif) no-repeat 5px 5px;
	padding: 0 0 0 35px;
}
blockquote[cite]:after {
	content: "Quelle: " attr(cite);
	border-top:1px dotted #999;
	padding-top:0.25em;
	display:block;
	color:#000;
}
q {quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}
	/* Hide from IE5-mac \*/
	* html q {font-style:italic;}
	/* End hiding from IE5-Mac */
abbr, acronym { border-bottom: 1px dotted #636363; cursor: help;}
code {
	width: 100%;
	background: #FFFFCC;
	color: #000;
}
pre, kbd {
	font-family: monospace;
	font-size: 1.1em;
	background: #FFFFCC;
	padding: 5px 10px;
	margin: 10px 0;
	color: #000;
	white-space:pre;
}
hr{
	background-color:#C8CBD0;
	color:#C8CBD0;
	border: #C8CBD0;
	height: 1px;
}
.line {
	display: block;
	border-top: 1px solid #DDDFE2;
	margin: 10px 0 5px;
	padding-top: 5px;
}



/****************************
	Layout 
****************************/
#wrapper {
	width: 990px;
	position: relative;
	margin: 0 auto;
	padding: 25px 0;
}
#sidebar {
	position: absolute;
	top: 25px; left: 0px;
	width: 245px; height: 700px;
	background: transparent url(/images/sidebar_bg.gif) no-repeat;
}
#sidebar p {margin: 0 0 0.5em;}
#sidebar a {color: #999;}
#sidebar h1 {padding: 0; margin: 0;}
#title {
	display: block; text-indent: -999em;
	width: 245px; height: 65px;
	background: transparent url(/images/sidebar_bg.gif) no-repeat;
	}
#sidebar .vcard {
	margin: 10px 20px 10px 55px;
	font-size: 0.95em;
	color: #999;
}
#sidebar .vcard .fn {color: #666;}
#sidebar .text {width: 50px; display: block; float: left;}
#sidebar .textw {width: 50px; display: block; float: left;}
#main {
	position: absolute;
	top: 25px; left: 265px;
	width: 728px;
}
#header {
	background: #fff url(/images/header/Home.jpg) no-repeat bottom left;
	height: 290px;
}
/* Wechselnde Headerbilder */
.linieren #header {background-image: url(/images/header/Beim-Linieren.jpg);}
.faq #header {background-image: url(/images/header/FAQ.jpg);}
.haftung #header {background-image: url(/images/header/Haftungsausschluss.jpg);}
.kontakt #header {background-image: url(/images/header/Kontakt.jpg);}
.lackieren #header {background-image: url(/images/header/lackieren.jpg);}
.liniert #header {background-image: url(/images/header/Linierte-Modelle.jpg);}
.links #header {background-image: url(/images/header/links.jpg);}
.service #header {background-image: url(/images/header/service.jpg);}
.termine #header {background-image: url(/images/header/Termine.jpg);}
.ueber #header {background-image: url(/images/header/ueber-uns.jpg);}
.vorher #header {background-image: url(/images/header/vorher-nachher.jpg);}

#content {
	padding: 30px 0 10px;
	background: transparent url(/images/content_bg.gif) no-repeat bottom;
	min-height: 350px;
	overflow: auto;
	line-height: 1.4em;
}
.index #content {padding: 50px 0 10px;}
.less #content {padding: 10px 0 10px;}
.linieren #content, .liniert #content , .lackieren #content {padding: 10px 0 10px;}

#galerie {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 10px 0 10px;
	position: relative;
	height: 115px;
}
#galerie a img {border: 1px solid #999; padding: 2px; margin-right: 1px;}
#galerie img:last-child {margin-right: 0;}
#galerie .page {display:block; position: absolute; right: 0; bottom: 7px;  text-align: right; margin: 0 2px 0 0;}
#galerie .page a {color: #999; padding: 0 2px;}
#galerie .page a.active {color: #F90; text-decoration: underline;}

.pagetitle {
	font-family: "Times New Roman", Times, Courier, serif;
	font-size: 2em;
	clear: left;
}
/* FAQ */
dl {padding-left: 10px; width: 590px; margin-bottom: 1em;}
dt {margin-top: 5px; font-weight: bold;}
.service dt, .faq dt {}
dd {padding-left: 30px; background: transparent url(/images/dl_bg.gif) no-repeat 10px top;}
h3 + dl {margin: -0.5em 0 1em 0;}
h3 + h3 {margin: 0 0 .75em 0;}

/* Kontakt */
.kontakt div.left {margin: 10px 0 0 20px; width: 40%;}
.kontakt .name {padding: 0 75px;}
.kontakt .name strong {color: #666;}
.kontakt #content .vcard {}
.kontakt #content .text {width: 55px; display: block; float: left;}
.kontakt #content .textw {width: 55px; display: block; float: left;}

/* Navigation */
#topnav {
	height: 1em;
	padding: 0; margin: 1.5em 0 0; 
}
#topnav li {
	display: inline;
	font-size: 1.1em;
	list-style-type: none;
	padding: 0 10px;
	text-transform: uppercase;
	border-left: 1px solid #999;
}
#topnav li:first-child {border-left: 0px; padding-left: 0;}
#topnav a, #subnav a {
	color: #999;
}
#topnav a.active {color: #F90;}

#subnav {
	height: 1em;
	padding: 0; margin: 0.5em 0; 
}
#subnav li {
	display: inline;
	font-size: 1.1em;
	list-style-type: none;
	padding: 0 20px 0 0;
}
#subnav a.active {color: #F90;}
#footer {padding-bottom: 1.5em;}

/* neueste Termine */
#neues {
	position: absolute;
	left: 515px; top: 310px;
	width: 190px; height: 290px;
	padding: 55px 24px 55px 24px;
	background: transparent url(../images/postit-news.gif) no-repeat;
	color: #65615E;
}
#neues p {line-height: 1.2em; margin-bottom: 0.75em;}