/* CSS STYLE Moebel Letz by maddesigns.de */

* {
	margin: 0;
	padding: 0;
}

.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 */

html {
	width: 100%;
}

body {
	margin: 0 auto;
	padding: 10px 0 0 0;
	min-height: 100%;
	font: 16px Verdana, Arial, Helvetica, sans-serif;	background: #F1E5D7 url(../img/bg.jpg) left top repeat-x;
}

img {
	border: none;
}

#page {
	margin: 0 auto 2em auto;
	width: 60em;
}
#oben {
	position: absolute;
	top: 0;
	width: 60em;
	
	
	
}



#flash { position: relative;}

#header {
	background:#a76f2b bottom left no-repeat url(../img/header.jpg); 
	padding: 0 ; height:200px
}

#logo {
	float: right;
	margin: 2em 3em 0 0;
	width: 301px;
	height: 54px;
	/*background:url(../img/logo-moebel-letz.gif) no-repeat;*/
	text-indent: -999em;
}


/* Top Navi */

* html #oben ul { top:195px }

#oben ul {
	list-style-type: none;
	background: url("../img/top-navi-bg.jpg") repeat-x bottom;
height: 41px;
	text-align: left;
	margin-bottom: 0.4em; top:200px; position:absolute; width:960px;
}

#oben ul li {
	display: inline;
	line-height: 3em;
	 
}
*+html #oben ul li {
	display: inline;
	line-height: 2.6em;
	 
}
#oben ul li a {
	color: #FFF;
	padding: 1em 2.5em;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;background:url(../img/top-navi-listpoint.gif) no-repeat left center;
}

*+html #oben ul li a {padding: 1em 2.5em 1em 2.5em;}

#oben ul li a#starts { background-image:none}


#oben ul li.active a,
#oben ul li a:hover {
	text-decoration: underline;
}

#container {
	clear: both;
	/*background: url("../img/container-bg.jpg") repeat-y 61.5% 0;*/
	min-height: 100px;
	margin-top: 230px;	background:url(../img/mitte.jpg) left top repeat-y; padding-top:40px
}


#left {
	float: left;
	width: 13em;
	padding: 0 0 1em 0; border-right: 1px solid silver
}

#content h1 {
	margin:0.5em 0 0 1em;
	padding-left: 1.5em;
	background: url(../img/header-point.gif) no-repeat left center;
	font-size: 0.8em;
	text-transform: uppercase;
}

#left span.boxhead {
	display: block;
	margin: 1em 0 1em 1em;
	padding-left: 1.5em;
	background: url(../img/header-point.gif) no-repeat left center;
	font-size: 0.8em;
	font-weight:bold;
	text-transform: uppercase;
}

#content h1 {
	font-size: 1em;
	margin: 0 0 1em 0;
}

#left ul {
	list-style-type: none;
	margin: 1em;
}


#left li {
	padding: 0 0 0 1em;
	font-size: 0.75em;
	background: url(../img/categories-listpoint.gif) no-repeat 0 center;
}

* html #left li {
	padding: 0 0 0 1em;
	font-size: 0.75em;
	background: url(../img/categories-listpoint.gif) no-repeat 0px 4px;
}


#left li a {
	display: block;
	padding: 0.3em;
	color: #a50000;
	text-decoration:none;
}

* html #left li a {
	display: block;
	padding:1px 1px 1px  1px ; line-height:6px;
	color: #a50000;
	text-decoration:none;
}

#left li.active a,
#left li a:hover {
	text-decoration:underline;
}
#left p {
	padding: 0 1em 1em 2em;
	font-size: 0.7em;
}
address {
	padding: 0 1em 1em 2em;
	font-size: 0.7em;
	font-style:normal;
}
#content a,
#content a:link,
#content a:visited {
	color: #a50000;
	text-decoration:none;
}
#content a:hover,
#content a:active {
	text-decoration:underline;
}
#content address {
	font-size: 1em;
	font-style:normal;
}
#content p {
	padding: 0 1em 1em 1em;
}

#content {
	float: right;
	width: 55.5em;
	padding: 1em;
	font-size: 0.8em;
	/*background: url(../img/mitte.jpg) center top repeat-y;*/
	
}

#content1 {background: url(../img/mitte.jpg) center top repeat-y;margin: -1em; }
#content1 p, #content1 h2{ margin-left:30px ; }
#content h2 {
	padding: 1em 0 1em 1em;
	color: #a50000;font-size:18px
}
#content ul {
	list-style-position:inside;
	list-style:none;
	margin: 0.5em 0 0.5em 0;
}
#content ul li {

	background: url(../img/bullet.gif) left center no-repeat;
	padding: 0 0 0 1em;
}
#content ul.check li {
	height: 25px;
	line-height: 25px;
	background: url(../img/bullet-check.gif) left center no-repeat;
	padding: 0 0 0 1.75em;
}
#content ul.arrow li {
	height: 25px;
	line-height: 25px;
	background: url(../img/bullet-arrow.gif) left center no-repeat;
	padding: 0 0 0 1.75em;
}
#content blockquote {
   background:url(../img/quote-l.gif) left top no-repeat;
   margin: 1em;
   padding: 15px 0 0 60px;
   color: #4b4b4b;
   font-style:italic;
}
#content blockquote p {
   background:url(../img/quote-r.gif) right bottom no-repeat;
   padding: 0 60px 15px 0 ;
}
/* Kontaktformular */

form#contactForm {
	display: block;
	width: 680px;
}
label { 
	display: block;
	width: 150px;
	float: left;
}
#content input {color: #000000;}
#content h1 {color: #000000;}


input#name,
input#email,
textarea#text {
	width: 400px; 
}
.my {color: #000000; }
.my input {border: 1px solid #7B9EBD; color: #000000;}
.my select {border: 1px solid #7B9EBD; color: #000000;}
.my textarea {border: 1px solid #7B9EBD; color: #000000;}

input#code {
	width: 150px;
}
select#department {
	width: 404px;
}
input#submit {
	margin: 0 0 0 150px;
	float: left;
}
input#reset {
	float: right;
	margin-right: 100px;
}
div.errors {
	padding: 10px;
	margin: 0 0 1em 165px;
	width: 380px;
	background-color: #f0f0f0;
	border-top: 2px solid #a50000;
	border-bottom: 2px solid #a50000;	
}

/* Footer */

#footer {
	clear: both;
	margin-top: 0;
	padding: 0.5em 0;
/*	border-top: 1px solid #a50000;*/
	font-size: 0.7em;
	text-align: right;	background: url(../img/footer.jpg) center top  no-repeat; height:220px
}

#footertext { margin-top:209px; margin-right:5px}

#footer a {
	color: #a50000;
	text-decoration: none;
}

/* Copyright */
.copyright {text-align: center;font-size: 8px;}
.copyright a {color: #000; text-decoration: none;}
.smallText {display: none;}

/* typenpläne */

#typenplan h2 {
	padding: 1em 0 1em 0;
	color: #a50000;
}
#typenplan table tbody tr td h3{
font-size: xx-large;
font-weight: bold;
}

#typenplan table tbody tr td h4{
	font-weight: bold;
	color: #a50000;
}

#produkte h2 {
	padding: 1em 0 1em 4em;
	color: #a50000;
	background:  url(../img/h2.jpg) left no-repeat;
}

