@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: none;
}
/*---------------------------------------------------------------------------------------
--------------------------------------LAYOUT---------------------------------------------
---------------------------------------------------------------------------------------*/

body {
	color: #282828;
	font-size: 12px;
	font-family: "Trebuchet MS", sans-serif, Arial, Verdana;
	list-style-type: none;
	text-decoration: none;
	background: url(../images/bg-kachel.jpg) repeat-x #e7e7e7;
	text-align: justify;
}
#container {
	width: 950px;
	margin: 0 auto;
	background-color: #e7e7e7;
}
p {
	margin: 10px 0 10px 0;
}
#header {
	background: url(../images/bg-head.jpg) 0 0 no-repeat;
	height:663px;
	width: 950px;
	position: relative;
}
h1#branding {
	height: 80px;
	width: 302px;
	text-indent: -9999px;
	top: 93px;
	left: 623px;
	position: absolute;
	display: block;
}
h1#branding a {
	width: 302px;
	height: 80px;
	display:block;
	outline: none;
}
.slide {
	position: absolute;
	top: 93px;
	left:25px;
}
h2 {
	text-indent: -2000px;
	width: 346px;
	height: 83px;
	background-repeat: no-repeat;
	margin-left: 19px;
}
.h2-HerzlichWillkommen {
	background-image: url(../images/index/h2.jpg);
}

.h2-Betrieb {
	background-image: url(../images/betrieb/h2.jpg);
}

.h2-Mitarbeiter {
	background-image: url(../images/mitarbeiter/h2.jpg);
}

.h2-Moebel {
	background-image: url(../images/moebel/h2.jpg);
}

.h2-Fenster {
	background-image: url(../images/fenster/h2.jpg);
}

.h2-Tueren {
	background-image: url(../images/tueren/h2.jpg);
}

.h2-Informationen {
	background-image: url(../images/informationen/h2.jpg);
}

.h2-Kontakt {
	background-image: url(../images/kontakt/h2.jpg);
}

.h2-Danke {
	background-image: url(../images/danke/h2.jpg);
}

.h2-Anfahrt {
	background-image: url(../images/anfahrt/h2.jpg);
}

.h2-Impressum {
	background-image: url(../images/impressum/h2.jpg);
}

.h2-Anfahrt {
	background-image: url(../images/anfahrt/h2.jpg);
}

.h2-Newsletter {
	background-image: url(../images/newsletter/h2.jpg);
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-ADDITIONAL------------------------------
---------------------------------------------------------------------------------------*/

#navigationAdditional {
	list-style: none;
	height: 23px;
	position:absolute;
	left: 624px;
	top: 53px;
	width:302px;
	background:url(../images/bg-navigationAdditional.jpg) no-repeat;
}
ul#navigationAdditional li {
	position:relative;
	list-style: none;
	float:left;
	overflow:visible;
}
ul#navigationAdditional li a {
	text-indent:-9999px;
	height: 23px;
	display: block;
	outline: none;
	float:left;
}
ul#navigationAdditional li a:link, ul#navigationAdditional li a:visited {
	height:23px;
	display:block;
	text-decoration:none;
}
ul#navigationAdditional li a.index {
	width:72px;
	background:url(../images/bg-navigationAdditional.jpg) no-repeat 0px 0px;
}
ul#navigationAdditional li a.index:hover {
	background:url(../images/bg-navigationAdditional.jpg) 0px 23px;
}
ul#navigationAdditional li.active a.index {
	background:url(../images/bg-navigationAdditional.jpg) 0px 23px;
}
ul#navigationAdditional li a.kontakt {
	width:79px;
	background:url(../images/bg-navigationAdditional.jpg) no-repeat -72px 0px;
}
ul#navigationAdditional li a.kontakt:hover {
	background:url(../images/bg-navigationAdditional.jpg) -72px 23px;
}
ul#navigationAdditional li.active a.kontakt {
	background:url(../images/bg-navigationAdditional.jpg) -72px 23px;
}
ul#navigationAdditional li a.anfahrt {
	width:74px;
	background:url(../images/bg-navigationAdditional.jpg) no-repeat -151px 0px;
}
ul#navigationAdditional li a.anfahrt:hover {
	background:url(../images/bg-navigationAdditional.jpg) -151px 23px;
}
ul#navigationAdditional li.active a.anfahrt {
	background:url(../images/bg-navigationAdditional.jpg) -151px 23px;
}
ul#navigationAdditional li a.impressum {
	width:77px;
	background:url(../images/bg-navigationAdditional.jpg) no-repeat -225px 0px;
}
ul#navigationAdditional li a.impressum:hover {
	background:url(../images/bg-navigationAdditional.jpg) -225px 23px;
}
ul#navigationAdditional li.active a.impressum {
	background:url(../images/bg-navigationAdditional.jpg) -225px 23px;
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-----------------------------------------
---------------------------------------------------------------------------------------*/

#navigation {
	list-style: none;
	height: 68px;
	position:absolute;
	left: 0px;
	top: 595px;
	width:950px;
	background:url(../images/bg-navigation.jpg) no-repeat;
}
ul#navigation li {
	position:relative;
	list-style: none;
	float:left;
	overflow:visible;
}
ul#navigation li a {
	text-indent:-9999px;
	height: 68px;
	display: block;
	outline: none;
	float:left;
}
ul#navigation li a:link, ul#navigation li a:visited {
	height:68px;
	display:block;
	text-decoration:none;
}
ul#navigation li a.betrieb {
	width:242px;
	background:url(../images/bg-navigation.jpg) no-repeat 0px 0px;
}
ul#navigation li a.betrieb:hover {
	background:url(../images/bg-navigation.jpg) 0px 68px;
}
ul#navigation li.active a.betrieb {
	background:url(../images/bg-navigation.jpg) 0px 68px;
}
ul#navigation li a.mitarbeiter {
	width:220px;
	background:url(../images/bg-navigation.jpg) no-repeat -242px 0px;
}
ul#navigation li a.mitarbeiter:hover {
	background:url(../images/bg-navigation.jpg) -242px 68px;
}
ul#navigation li.active a.mitarbeiter {
	background:url(../images/bg-navigation.jpg) -242px 68px;
}
ul#navigation li a.galerie {
	width:219px;
	background:url(../images/bg-navigation.jpg) no-repeat -462px 0px;
}
ul#navigation li a.galerie:hover {
	background:url(../images/bg-navigation.jpg) -462px 68px;
}
ul#navigation li.active a.galerie {
	background:url(../images/bg-navigation.jpg) -462px 68px;
}
ul#navigation li a.informationen {
	width:269px;
	background:url(../images/bg-navigation.jpg) no-repeat -681px 0px;
}
ul#navigation li a.informationen:hover {
	background:url(../images/bg-navigation.jpg) -681px 68px;
}
ul#navigation li.active a.informationen {
	background:url(../images/bg-navigation.jpg) -681px 68px;
}
/***************************/

ul#navigation li#galerie ul {
	display: none;
	list-style: none;
    left: 0;
	margin: 24px 0 0 20px;
}

ul#navigation li#galerie ul li{
	background: none;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

ul#navigation li#galerie ul li a{
	display: block;
	color: #282828;
	text-decoration: none;
	height: 22px;
	padding: 5px 0 0 10px;
	margin: 0;
	width: 120px;
	font-size: 12px;
	border-bottom: 1px solid #6a6a6a;
	text-align: left;
	text-indent: 0px;
	background-color: #c3c3c3;
}

ul#navigation li#galerie ul a:hover{color: #e2001a; text-decoration: underline;}

ul#navigation li#galerie ul {
	position: absolute;
	border-top: 1px solid #6a6a6a;
	top: 44px;
}

ul#navigation li#galerie:hover ul{display: block;}

* html ul#navigation li#galerie ul li{
	float: none;
	position: relative;
	display: inline;
	clear: both;

}


/*---------------------------------------------------------------------------------------
--------------------------------------CONTENTSIDEBAR-------------------------------------
---------------------------------------------------------------------------------------*/

#contentSidebar {
	width: 302px;
	height:437px;
	float: left;
	color:#282828;
	margin: 154px 0 0 637px;
	_margin: 154px 0 0 319px;
}
#contentSidebar a:link, #contentSidebar a:visited {
	color: #282828;
	text-decoration:underline;
}
#contentSidebar a:hover, #contentSidebar a:active {
	color:#e2001a;
	text-decoration:none;
}
.anfahrtKontakt {
	margin-top: 88px;
}
a.skizze, a.skizze:link, a.skizze:visited {
	text-indent:-9999px;
	height: 85px;
	width:145px;
	margin: -12px 13px 0 0;
	_margin: -12px 7px 0 0;
	outline: none;
	text-decoration: none;
	display: block;
	float: right;
}
a.skizze:hover, a.skizze:active {
	background: url(../images/anfahrtHover.gif) no-repeat;
}

.sidebarAdress1{
	margin-left: 19px;
}

.sidebarAdress2{
	margin-left: 22px;
}

.sidebarAdress3{
	margin-left: 8px;
}

.sidebarAdress5{
	margin-left: 5px;
}

.sidebarAdress4{
	margin-left: 34px;
}

.sidebarAdress{
	margin-left: 10px;
}
/*---------------------------------------------------------------------------------------
--------------------------------------CONTENTMAIN1---------------------------------------
---------------------------------------------------------------------------------------*/

#contentMain {
	width: 901px;
	float: left;
	color:#282828;
	padding: 10px 0 40px 40px;
	_padding: 10px 0 150px 40px;
	background-color:#e7e7e7;
}
*+html #contentMain {
	padding: 10px 0 150px 40px;
}
#column1 {
	width: 428px;
	margin-right: 14px;
	float:left;
}
#column2 {
	width: 443px;
	float:left;
}

.clear{
	clear: both;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

#container #contentContainer #contentMain li{
   font-size: 13px;
   font-family:"trebuchet MS", verdana, arial, sans-serif;
   color: #000;
   background: url(../images/li-content.jpg) left 11px no-repeat;
   padding:6px 0 0 18px;
   text-decoration:none;
   list-style-type: none;
   float:none;
   margin:0 0 0 20px;
}

#container #contentContainer #contentMain ul {
   margin-bottom: 17px;
}

.border {
   border: solid 1px #565656;
   padding: 3px 3px 3px 3px;
   margin: 0px 20px 5px 0;
}

.border2 {
   border: solid 1px #565656;
   padding: 3px 3px 3px 3px;
   margin: 0px 0 5px 20px;
}

#contentMain a:link, #contentMain a:visited {
	color: #282828;
	text-decoration:underline;
}
#contentMain a:hover, #contentMain a:active {
	color:#e2001a;
	text-decoration:none;
}


/*==================================================
    => CSS Sticky Footer
==================================================*/

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#contentContainer {padding-bottom: 142px;}  /* must be same height as the footer */

#footerContainer {position: relative;
	margin-top: -134px; /* negative value of footer height */
	height: 142px;
	clear:both;
	background: #e7e7e7;
}

#footer {
	width: 950px;
	height: 142px;
	background: url(../images/bg-footer.jpg) no-repeat;
	margin: 0 auto;	
}


.adress p.head {
	display: block;
	width: 901px;
	height: 59px;
}


p.adressColumn1 {
	display: block;
	float: left;
	width: 240px;
	height: 53px;
	margin:19px 0px 0px 39px;
	_margin: 19px 0 0 20px;
}
p.adressColumn2 {
	display: block;
	width: 219px;
	float: left;
	height: 53px;
	margin: 19px 0px 0px 1px;
}

p.adressColumn3 {
	display: block;
	float: left;
	width: 219px;
	height: 75px;
	margin: 19px 0px 0px 0;
}
p.adressColumn4 {
	display: block;
	width: 219px;
	float: left;
	height: 75px;
	margin: 19px 0px 0px 0;
}

a#mail.escape:hover, a#mail.escape:hover span {
	color: #0e266e;
	background-position: 0px -17px;
}
a.escape img {
	border: none;
}


#footer a:link, #footer a:visited {
	color: #282828;
	text-decoration:underline;
}
#footer a:hover, #footer a:active {
	color:#e2001a;
	text-decoration:none;
}