/* Basic Stylesheet for www.restaurierung-collins.de */
/* author: www.ideenwerft.com */

/* Farben:  überdschrift #e42a25 */

* {padding:0;margin:0;}
img {border:0;}
.hidden {
position: absolute;
left: -10000px;
}
html[xmlns^="http"] {
/* für inaktiven scrollbalken bei mozilla */
overflow-y: scroll;
}
body {
font-size: 70%; /* setzt Standardschriftgroesse auf 11px */
font-family:Verdana, Helvetica, sans-serif;
color:#333333;
}

/*+++ Allgemein +++*/

#wrapper, .wrapper-2 { 
position:relative;
width:900px; 
min-height:625px;
_height: 625px; /* ie hack */
margin-left:auto;
margin-right:auto; 
margin-top:30px;
text-align:left;
border:1px double #c00;
padding:25px 25px 0 25px ;
margin-bottom:30px;}
.wrapper-2 {padding-bottom:25px;min-height:300px;_height: 300px;text-align:center;}
#start #wrapper {background: url(img/start_image.jpg) center bottom no-repeat;}
#navi { width:900px; height:90px;}
#leder #navi { height:70px;}
#preise #navi { height:130px;}
#content {clear:both;width:900px;}
#leistung #content {margin-left:20px;width:880px;}
#content img.start {margin-left:25px;}
#kontakt {clear:both;width:900px;}
#cLeft {float:left; width:900px;}
#cBilder {margin-top:45px;}
#stoffe {text-align:left;margin-top:20px;}
#leder {text-align:left; margin-top:0px; }
#leder p {float:left;width:335px; padding-top:0px; padding-left:21px;}
#leder p img {margin-bottom:20px;}
#kBild { float:left; width:400px; margin-bottom:25px;}
#kText { float:right;width:470px;}
#kText p { margin-bottom:5px;}
#kText img { float:right; padding-top:15px;}
#anfahrt { width:235px;}

.cLeistung {float:left; width:260px; margin-right:40px;}
#content div.last {margin-right:0;}
.cWerkstatt { width:900px; margin-bottom:15px;}
.cWerkstatt img {margin-right:15px;}
.line { border-top:1px dotted #494949; padding-top:8px; margin-top:10px;}

/* stoffe */
div.stoffe {margin-bottom:20px;}
#stoffe img {margin-right:6px; margin-bottom:6px;}
#stoffe img.iStoffe {float:right;margin-right:0; }
#stoffe-2 img {margin-right:19px;}
#stoffe-2 img.last {float:right;margin-right:0px;}
#stoffe-3.stoffe {margin-bottom:0;}

/* referenzen */
.referenzen #wrapper {min-height:1260px;_height: 1260px;margin-bottom:90px;}
.referenzen h2 {position:absolute;top:410px;left:410px;font-size:20px;font-weight:normal;}
.referenzen #content p {position:absolute;top:440px;left:410px;font-size:1.2em;line-height:1.8em;}
img.referenz-1 {position:absolute;top:135px;left:100px;}
img.referenz-2 {position:absolute;top:120px;left:387px;}
img.referenz-3 {position:absolute;top:755px;left:100px;}

/*+++ Navi +++*/
#navi ul {list-style:none; list-style-position:inside; color:#494949;font-size:1.2em;}
#navi ul li { display:inline;margin-right:30px; margin-top:25px; float:left; white-space:nowrap;}
#navi a:link, a:visited {color:#494949;text-decoration:none;}
#navi a:hover, a:active {color:#db002b;text-decoration:none;}
#navi li.current a:link, #navi li.current a:visited {color:#db002b;}
#navi li.current a:hover, #navi li.current a:active {color:#494949;}
#navi p {
	margin-top:18px;
	font-size:1.0em;
	line-height:17px;
	margin-left:30px;
	position:absolute;
	bottom:231px;
	left: 229px;
}
#navi ul li.spacer {width:114px;}
#navi ul li.first { margin-left:15px;}
#navi ul li.last { margin-right:0px;}
img#logo {position:absolute;top:-24px;left:452px;}
/*+++ Überschriften +++*/
h1 { margin-top:18px; 
		font-weight:bold;
		font-size:1.4em; 
		line-height:17px;
		margin-left:30px; 
		position:absolute; 
		bottom:0;
		}
h3 {display:none;}
h2 { color:#db002b; font-size:1.2em; margin-bottom:5px; }
h4 { color:#494949; font-size:1.1em; font-weight:normal; margin-bottom:10px;}
#content a:link, #content a:visited {color:#db002b;text-decoration:none;}
#content a:hover, #content a:focus {color:#db002b;text-decoration:underline;}


.cLeistung img { margin-top:10px; margin-bottom:10px; }
.cLeistung ul { list-style-position:outside; margin-left:17px;line-height:1.4em;}
.cLeistung li { list-style-image:url(img/dot.gif);font-size:1.1em;}
#content p { line-height:1.6em; font-size:1.4em;}
#content div.preise p {margin-left:40px;margin-right:40px;font-size:1.3em;line-height:1.8em;}
#kontakt p { line-height:1.4em;}
#content p.leistung { width:522px; margin-left:189px; margin-bottom:30px; line-height:1.4em; font-size:1.1em;}

#werkstatt1 { background: url(img/1werkstatt.jpg) 45px 0 no-repeat; height:450px;}
#werkstatt1 .p1 { font-size:1.2em; margin-top:20px; margin-left:46px;width:320px; float:left; line-height:1.1em;display:inline;}
#werkstatt1 .p2 { font-size:1.2em; margin-top:20px; width:251px; float:right; line-height:1.1em;}
#werkstatt2 { background: url(img/2werkstatt.jpg) 45px 0 no-repeat; height:270px;}
#werkstatt2 .p3 { font-size:1.2em;margin-left:48px; margin-top:15px; line-height:1.1em;}
#werkstatt3 { background: url(img/3werkstatt.jpg) 45px 0 no-repeat; height:310px;}
#werkstatt3 .p4 { font-size:1.2em; margin-top:5px; margin-left:50px; line-height:1.1em; position:absolute; text-align:right;display:inline;}
#werkstatt3 .p5 { font-size:1.2em; margin-top:15px;margin-left:46px; line-height:1.1em; float:left; width:300px;display:inline;}
#werkstatt3 .p6 { font-size:1.2em; margin-top:25px; line-height:1.1em; float:right;width:300px;margin-right:185px;padd ing:0;display:inline;}
#werkstatt3 img { margin-left:220px;}
#werkstatt4 { background: url(img/4werkstatt.jpg) 45px 0 no-repeat; height:415px;}
#werkstatt4 .p7 { font-size:1.2em; line-height:1.1em; position:absolute; width:280px; margin-left:274px; margin-top:160px;}

/*+++ Kontakt Formular +++*/

#anschrift { width:220px; float:left}
#formular { width:200px; float:right}
#kontakt p.rFormular, p.lFormular { float:right; width:240px;}
#kontakt p.italic {clear:both; font-size:0.9em; color:#999999; margin-top:-5px;margin-left:9px;}
.kontakt { width:250px; float:right;}
#kontakt span.error { height:120px; width:243px; color:#db002b; margin-bottom:25px;}

form label {}
form input {border:1px solid #666; height:18px; width:160px; color:#333333; padding:3px 0 0 6px; font-family:Verdana, Helvetica, sans-serif; font-size:1em; margin-right:7px;}
form textarea {border:1px solid #666; height:94px; width:232px;color:#333333; padding:3px 0 0 6px; font-family:Verdana, Helvetica, sans-serif; font-size:1em;}
form input.submit {color:#FFFFFF; background-color:#990000;font-family:Verdana, Helvetica, sans-serif; font-size:1em; height:21px; margin-top:5px;margin-bottom:5px; border:0; width:130px; margin-right:0;}
input:focus, input:hover, input:active {border:1px solid #333;}
textarea:focus, textarea:hover, textarea:active {border:1px solid #333;}