/* ---------------------------------- */
/* --------------RESET-------------- */
/* ---------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 11px;
	font-family:Helvetica, Tahoma, Arial, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color:#666666;
	background: white;
	line-height:1.2em;
}


table, tr,td {
	font-size:11px;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a, a:active, a:hover, a:visited {
	color:#333333;
	text-decoration:none;
}

textarea {
	font-family:Helvetica, Tahoma, Arial, sans-serif;
	font-size:12px;
}

.black {
	color:#000000;
}

.red {
	color:#E3001B;
}

.grey {
	color:#AAAAAA;
}

.greyDark {
	color:#444444;
}

/* ---------------------------------- */
/* --------------LAYOUT-------------- */
/* ---------------------------------- */

/*
div#all
	div#lutterschmiedLogo
	div#kundenmeinungen
	
	div#meta
		
	div#container
		div#content
			div#mainNav
			div#subNav
			div#contentHeader / div#contentHeader_startsite
				div#contentHeaderText
				div#contentHeaderFlash
			div#contentBody / div#contentBody_startsite 
				div#contentBodyLeft /div.contentBodyBlock /div.contentBodyReferenzen
				div#contentBodyRight
		div#footer
	div#rubikon
*/

body {
	background-color:#FCFCFC;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
	font-family:Helvetica, Tahoma, Arial, sans-serif;
	font-size:11px;
}

div#all {
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-490px;
	height:575px;
	width:980px;
	background-image:url(img/all.png);
	background-position:top;
}

div#lutterschmiedLogo {
	margin-top:25px;
	margin-left:48px;
	float:left;
}


div#kundenmeinungen {
	margin-top:62px;
	margin-left:770px;
}


div#meta {
	margin-top:16px;
	margin-left:15px;
	clear:both;
	float:left;
}


div#container {
	float:left;
	width:845px;
	height:auto;
	background-image:url(img/contentShadow.png);
}


div#contentTop {
	background-image:url(img/shadowTop.png);
	background-repeat:repeat-x;
}


div#content {
	background-color:#FFFFFF;
	border:1px solid #EEEEEE;
	float:left;
	margin:10px 10px 2px 10px;
}


div#mainNav {
	background-image:url(img/navBg.gif);
	background-repeat:repeat-x;
	height:23px;
	width:818px;
}


div#subNav {
	background-image:url(img/contentHeaderBg.gif);
	background-repeat:repeat-x;
	background-color:#FFDD00;
	height:22px;
	width:818px;
}

div.jqueryMarker {
	background-image:url(img/subNavigationBg.gif);
	background-repeat:repeat-x;
	height:22px;
	width:810px;
	padding-left:8px;
}

div#contentHeader {
	background-color:#FFDD00;
	height:190px;
	width:818px;
}


div#contentHeader_startsite {
	background-color:#FFDD00;
	height:220px;
	width:818px;
}



div#contentHeaderText {
	margin-left:25px;
	padding-top:2px;
	height:200px;
	width:390px;
	float:left;
}


div#contentHeaderFlash {
	padding-top:2px;
	background-color:#FFDD00;
}

div#contentBody_startsite {
	clear:both;
}

div#contentBodyLeft {
	clear:both;
	float:left;
	width:500px;
	padding:40px 15px;
}


div#contentBodyRight {
	float:left;
	width:240px;
	padding:40px 15px;
	color:#000000;
}


div.contentBodyBlock {
	float:left;
	height:224px;
	width:203px;
	margin:2px 2px 0px 0px;
	background-color:#FFDD00;
}

div.contentBodyBlock:last-child {
	float:left;
	height:224px;
	width:203px;
	margin:2px 0px 0px 0px;
	background-color:#FFDD00;
}

div.contentBodyBlockList {
	background-color:#ffdd00;
	padding:4px 0px;
}

div#contentBodyReferenzen {
	clear:both;
	float:left;
	padding-bottom:25px;
}

div.contentBodyReferenzen {
	float:left;
	padding:10px;
	width:360px;
	height:116px;
	background-color:#EEEEEE;
	margin:15px 15px;
}

div#contentBodyReferenzenGalerie {
	clear:both;
	float:left;
	margin:20px 30px;
	padding:20px 39px;
	width:680px;
	background-color:#EEEEEE;
}


div#footer {
	clear:both;
	height:20px;
	background-image:url(img/contentShadowBottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:11px;
}


div#contentRight {
	width:4px;
	height:auto;
	background-image:url(img/contentShadowR.png);
}

div#rubikon {
	clear:both;
	margin-left:720px;
	padding-top:4px;
	font-size:11px;
}


/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/*

a.formularBtn

img.mainNavSeperate

div.referenzenBild
img.contentBodyReferenzen
img.contentBodyReferenzenGalerie

div.contentBodyKMeinungen
div.blockRight
*/

a.formularBtn {
	display:block;
	background-image:url(img/formularBtn.gif);
	height:14px;
	width:132px;
	color:#666666;
	text-decoration:none;
	text-align:center;
	padding:6px 0px;
	margin:10px 0px;
}

img.mainNavSeperate {
	float:left;
	margin:0px 8px 0px;
	padding-top:5px;
}

div.referenzenBild {
	float:left;
	margin-right:10px;
	height:113px;
	width:169px;
}

img.contentBodyReferenzen {

}

img.contentBodyReferenzenGalerie {
	float:left;
	margin-top:40px;
	margin-right:40px;
}

div.contentBodyKMeinungen {
	float:left;
	width:360px;
	height:120px;
	padding:10px;
	margin:15px 15px;
	background-color:#EEEEEE;
}

img.contentBodyKMeinungen {
	float:left;
	margin-right:15px;
}


div.contentBodyNews {
	float:left;
	width:360px;
	height:100px;
	padding:10px;
	margin:15px 15px;
	background-color:#EEEEEE;
}

div.blockRight {
	margin-bottom:20px;
}

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/*

KONTAKTFORMULAR

*/

p#contactError {
	padding:6px;
	width:310px;
	background-color:#EEEEEE;
	color:#555555;
	font-weight:bold;
	margin:4px 0px 8px;
}

label.contactFormDesc {
	padding-right:15px;
	width:130px;
	display:block;
	float:left;
	clear:both;
	margin:0.5em 0em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

select.contactFormField, input.contactFormField {
	background-color:#F9F9F9;
	border:1px solid #BBBBBB;
	width:220px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:1.5px;
}

textarea.contactFormField {
	background-color:#F9F9F9;
	border:1px solid #BBBBBB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:220px;
	height:80px;
	float:left;
	padding:1.5px;
}