@charset "utf-8";
/* www.handke-design.de */

/* ----------------------------- | Body | ----------------------------- */

* {
   margin: 0;
   padding: 0;
}

body {
	background: #adb5b8;
   font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #000;
   line-height: 1.5em;
}

/* ----------------------------- | Tags | ----------------------------- */

p {
   margin: 0 0 15px 0;
}

hr {
   height: 1px;
   border: 0;
   color: #fff;
   background: #fff;
   margin: 20px auto;
   border-top: 1px solid #959c9f;
   width: 100% !important;
}

a {
   color: #000;
   text-decoration: underline;
   outline: none;
}

a:hover {
   text-decoration: none;
}

#euroweb {
	width: 300px !important;
}

#euroweb img {
	float: left;
   margin: 0 5px 0 0;
}

/* ----------------------------- | Classes | ----------------------------- */

ul.liste {
   list-style-type: none;
   margin-bottom: 15px;
}
					
ul.liste li {
   background: url(../images/li-generalList.gif) 0 5px no-repeat;
   padding-left: 20px;
}

.clear {
   float: none;
   clear: both;
}

.text-indent {
   text-indent: -5000px;
   font-size: 0.1em;
}

.highlight {
	color: #000;
}

.images {
	border: 1px solid #959c9f;
   padding: 2px;
   margin: 0 15px 15px 0;
   float: left;
}

img, div{
	behavior: url(iepngfix.htc);
}

/* ----------------------------- | Branding | ----------------------------- */

h1 {
   overflow: hidden;
   font-size: 0.1em;
   text-indent: -5000px;	
   width: 430px;
   height: 100px;
   margin: 0 0 0 250px;
   padding-top: 22px;
}

h1 a {
   display: block;
   width: 430px;
   height: 100px;
}


/* ----------------------------- | Headlines | ----------------------------- */

h3 {
	padding: 40px 0 0 50px;
}

h4 {
	font-size: 1.6em;
   font-weight: normal;
}

/* ----------------------------- | Container | ----------------------------- */

#container {
   background: url(../images/bg-container.gif) repeat-y;
   width: 955px;
   margin: 0 auto;
}

/* ----------------------------- | Header | ----------------------------- */

#header {
   background: url(../images/bg-header.jpg) no-repeat;
   width: 955px;
   height: 423px;
}

/* ----------------------------- | =navigationAdditional | ----------------------------- */

#navigationAdditional {
	background: #E09224;
	width: 878px;
   height: 32px;
   margin: 32px 0 0 40px;
}

#navigationAdditional ul {
   list-style: none;
}

#navigationAdditional li {
   float: left;
}

#navigationAdditional a {
   text-indent: -5000px;
   display: block;
   overflow: hidden;
   float: left;
}

#navigationAdditional a.firmenprofil {
	background: url(../images/bg-navigationAdditional.png) no-repeat;
   width: 105px;
   height: 32px;
}

#navigationAdditional a.firmenprofil:hover,
#navigationAdditional a.firmenprofilActive {
	background: url(../images/bg-navigationAdditional-hover.png) no-repeat;
   width: 105px;
   height: 32px;
}

#navigationAdditional a.leistungsspektrum {
	background: url(../images/bg-navigationAdditional.png) -582px 0 no-repeat;
   width: 134px;
   height: 32px;
   margin-left: 470px;
}

#navigationAdditional a.leistungsspektrum:hover,
#navigationAdditional a.leistungsspektrumActive {
	background: url(../images/bg-navigationAdditional-hover.png) -582px 0 no-repeat;
   width: 134px;
   height: 32px;
   margin-left: 470px;
}

#navigationAdditional a.aktuelles {
	background: url(../images/bg-navigationAdditional.png) -716px 0 no-repeat;
   width: 85px;
   height: 32px;
}

#navigationAdditional a.aktuelles:hover,
#navigationAdditional a.aktuellesActive {
	background: url(../images/bg-navigationAdditional-hover.png) -716px 0 no-repeat;
   width: 85px;
   height: 32px;
}

#navigationAdditional a.aktionen {
	background: url(../images/bg-navigationAdditional.png) -801px 0 no-repeat;
   width: 78px;
   height: 32px;
}

#navigationAdditional a.aktionen:hover,
#navigationAdditional a.aktionenActive {
	background: url(../images/bg-navigationAdditional-hover.png) -801px 0 no-repeat;
   width: 78px;
   height: 32px;
}

/* ----------------------------- | =navigationAdditional01 | ----------------------------- */

#navigationAdditional01 {
	width: 892px;
   height: 31px;
   margin: 5px 0 0 38px;
}

#navigationAdditional01 ul {
   list-style: none;
}

#navigationAdditional01 li {
   float: left;
}

#navigationAdditional01 a {
   text-indent: -5000px;
   display: block;
   overflow: hidden;
   float: left;
}

#navigationAdditional01 a.aktuelles {
	background: url(../images/bg-navigationAdditional01.jpg) no-repeat;
   width: 96px;
   height: 31px;
}

#navigationAdditional01 a.aktuelles:hover,
#navigationAdditional01 a.aktuellesActive {
	background: none;
   width: 96px;
   height: 31px;
}

#navigationAdditional01 a.startseite {
	background: url(../images/bg-navigationAdditional01.jpg) -583px 0 no-repeat;
   width: 74px;
   height: 31px;
   margin-left: 490px;
}

#navigationAdditional01 a.startseite:hover,
#navigationAdditional01 a.startseiteActive {
	background: none;
   width: 74px;
   height: 31px;
   margin-left: 490px;
}

#navigationAdditional01 a.kontakt {
	background: url(../images/bg-navigationAdditional01.jpg) -660px no-repeat;
   width: 72px;
   height: 31px;
}

#navigationAdditional01 a.kontakt:hover,
#navigationAdditional01 a.kontaktActive {
	background: none;
   width: 72px;
   height: 31px;
}

#navigationAdditional01 a.anfahrt {
	background: url(../images/bg-navigationAdditional01.jpg) -732px 0 no-repeat;
   width: 71px;
   height: 31px;
}

#navigationAdditional01 a.anfahrt:hover,
#navigationAdditional01 a.anfahrtActive {
	background: none;
   width: 71px;
   height: 31px;
}

#navigationAdditional01 a.gaestebuch {
	background: url(../images/bg-navigationAdditional01.jpg) -804px 0 no-repeat;
   width: 79px;
   height: 31px;
}

#navigationAdditional01 a.gaestebuch:hover,
#navigationAdditional01 a.gaestebuchActive {
	background: none;
   width: 79px;
   height: 31px;
}

/* ----------------------------- | =navigation | ----------------------------- */

#navigation {
	width: 884px;
   height: 149px;
   margin: 30px 0 0 38px;
}

#navigation ul {
   list-style: none;
}

#navigation li {
   float: left;
}

#navigation a {
   text-indent: -5000px;
   display: block;
   overflow: hidden;
   float: left;
}

#navigation a.planung {
	background: url(../images/bg-navigation.jpg) no-repeat;
   width: 125px;
   height: 149px;
}

#navigation a.planung:hover,
#navigation a.planungActive {
	background: none;
   width: 125px;
   height: 149px;
}

#navigation a.projekte {
	background: url(../images/bg-navigation.jpg) -125px 0 no-repeat;
   width: 127px;
   height: 149px;
}

#navigation a.projekte:hover,
#navigation a.projekteActive {
	background: none;
   width: 127px;
   height: 149px;
}

#navigation a.moebel {
	background: url(../images/bg-navigation.jpg) -252px 0 no-repeat;
   width: 126px;
   height: 149px;
}

#navigation a.moebel:hover,
#navigation a.moebelActive {
	background: none;
   width: 126px;
   height: 149px;
}

#navigation a.garten {
	background: url(../images/bg-navigation.jpg) -378px 0 no-repeat;
   width: 126px;
   height: 149px;
}

#navigation a.garten:hover,
#navigation a.gartenActive {
	background: none;
   width: 126px;
   height: 149px;
}

#navigation a.accessoires {
	background: url(../images/bg-navigation.jpg) -504px 0 no-repeat;
   width: 125px;
   height: 149px;
}

#navigation a.accessoires:hover,
#navigation a.accessoiresActive {
	background: none;
   width: 125px;
   height: 149px;
}

#navigation a.licht {
	background: url(../images/bg-navigation.jpg) -629px 0 no-repeat;
   width: 127px;
   height: 149px;
}

#navigation a.licht:hover,
#navigation a.lichtActive {
	background: none;
   width: 127px;
   height: 149px;
}

#navigation a.wohntextilien {
	background: url(../images/bg-navigation.jpg) -756px 0 no-repeat;
   width: 124px;
   height: 149px;
}

#navigation a.wohntextilien:hover,
#navigation a.wohntextilienActive {
	background: none;
   width: 124px;
   height: 149px;
}

/* ----------------------------- | Content | ----------------------------- */

#content {
   background: url(../images/bg-content.jpg) no-repeat;
   width: 955px;
}

#content:after {
   clear: both;
   content: '.';
   display: block;
   height: 0;
   visibility: hidden;
}

#contentMain {
	width: 420px;
   float: left;
   margin: 20px 0 0 50px;
}

#contentMain01 {
	width: 420px;
   float: left;
   margin: 20px 0 0 28px;
}

#contentMain02 {
	width: 900px;
   float: right;
   margin: 20px 18px 0 0;
}

#contentMain03 {
	width: 600px;
   float: right;
   margin: 20px -114px 0 0;
}

#rotator {
	overflow: hidden;
	position: relative;
	width: 430px;
	height: 255px;
   margin-left: -3px;
}

#rotator img {
	width: 424px;
	height: 249px;
   background: #bfc5c7;
   border: 1px solid #949b9e;
   padding: 2px;
}

/* ----------------------------- | =h2 | ----------------------------- */

h2 {
	width: 338px;
   height: 39px;
   margin-left: 593px;
   font-size: 0.1em;
   text-indent: -5000px;
   top: 7px;
   position: relative;
}

h2.firmenprofil {
	background: url(../images/bg-h2.jpg) 0 0 no-repeat;
   width: 338px;
   height: 39px;
}

h2.leistungsspektrum {
	background: url(../images/bg-h2.jpg) 0 -39px no-repeat;
   width: 338px;
   height: 39px;
}

h2.aktuelles {
	background: url(../images/bg-h2.jpg) 0 -78px no-repeat;
   width: 338px;
   height: 39px;
}

h2.aktionen {
	background: url(../images/bg-h2.jpg) 0 -117px no-repeat;
   width: 338px;
   height: 39px;
}

h2.startseite {
	background: url(../images/bg-h2.jpg) 0 -156px no-repeat;
   width: 338px;
   height: 39px;
}

h2.kontakt {
	background: url(../images/bg-h2.jpg) 0 -195px no-repeat;
   width: 338px;
   height: 39px;
}

h2.anfahrt {
	background: url(../images/bg-h2.jpg) 0 -234px no-repeat;
   width: 338px;
   height: 39px;
}

h2.gaestebuch {
	background: url(../images/bg-h2.jpg) 0 -273px no-repeat;
   width: 338px;
   height: 39px;
}

h2.planung {
	background: url(../images/bg-h2.jpg) 0 -312px no-repeat;
   width: 338px;
   height: 39px;
}

h2.projekte {
	background: url(../images/bg-h2.jpg) 0 -351px no-repeat;
   width: 338px;
   height: 39px;
}

h2.moebel {
	background: url(../images/bg-h2.jpg) 0 -390px no-repeat;
   width: 338px;
   height: 39px;
}

h2.garten {
	background: url(../images/bg-h2.jpg) 0 -429px no-repeat;
   width: 338px;
   height: 39px;
}

h2.accessoires {
	background: url(../images/bg-h2.jpg) 0 -468px no-repeat;
   width: 338px;
   height: 39px;
}

h2.licht {
	background: url(../images/bg-h2.jpg) 0 -507px no-repeat;
   width: 338px;
   height: 39px;
}

h2.wohntextilien {
	background: url(../images/bg-h2.jpg) 0 -546px no-repeat;
   width: 338px;
   height: 39px;
}

h2.impressum {
	background: url(../images/bg-h2.jpg) 0 -585px no-repeat;
   width: 338px;
   height: 39px;
}

/* ----------------------------- | Footer | ----------------------------- */

#footer {
   background: url(../images/bg-footer.jpg) no-repeat;
   width: 955px;
   height: 188px;
   float: none;
   clear: both;
   margin: 0 auto;
}

#footer p {
	margin-left: 50px;
}

/* ----------------------------- | =navigationAdditional03 | ----------------------------- */

#navigationAdditional02 {
	width: 88px;
   height: 22px;
   margin: -2px 0 0 389px;
   padding: 0;
}

#navigationAdditional02 ul {
   list-style: none;
}

#navigationAdditional02 li {
   float: left;
}

#navigationAdditional02 a {
	background: url(../images/bg-navigationAdditional02.jpg) no-repeat;
   width: 88px;
   height: 22px;
   text-indent: -5000px;
   display: block;
   overflow: hidden;
   float: left;
}

#navigationAdditional02 a:hover,
#navigationAdditional02 a.active {
	background: none;
   width: 88px;
   height: 22px;
}
