@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:12px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#5f6165;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #efefef url(../images/bg.jpg) repeat-x top center;
	height:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

h1 {
	font: bold 25px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0 0 20px 0;
}
h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #8b8c8e;
	padding: 0 0 20px 0;
	line-height:22px;
}
h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	padding: 0 0 10px 0;
}
h4 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	padding: 0 0 10px 0;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

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

.float-right { float:right; }
.float-left { float:left; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:auto;
	width: 934px;
	position:relative;
	padding:31px 23px 20px 23px;
	margin-top:17px;
	background:#fff;
	border:1px solid #e2e2e2;
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container-header {
	width:934px;
	position:relative;
	height:199px;
}

#header {
	width: 590px;
	height:199px;
	background:url(../images/bg-header.jpg);
	right:0px;
	position:absolute;
}

h1#branding a {
	display:block; 
	width:322px; 
	height:176px; 
	text-indent:-5000px; 
	position:absolute;
	left:0px;
	background:url(../images/bg-logo.jpg)
}

/*---------------------------------------------------------------------------------------
--------------------------------------SIDEBAR--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar {
	width:230px;
	float:right;
	padding:100px 0 20px 0;
}

#content-sidebar h3 { color:#7d7d7d; padding-bottom:6px; }
#content-sidebar p { font-size:11px; color:#7d7d7d; line-height:17px; }
#content-sidebar a, #content-sidebar a:visited, .escape span { font-size:11px; line-height:17px; }

#content-sidebar h2 { width:230px; height:28px; text-indent:-6000px; padding-bottom:14px; }
#content-sidebar h2.siehabenfragen { background:url(../images/h2/bg-siehabenfragen.gif) no-repeat; }
#content-sidebar h2.kontaktdaten { background:url(../images/h2/bg-kontaktdaten.gif) no-repeat;padding-bottom:10px; }

#content-sidebar .firmenname { font-size:15px; }

#content-sidebar .btn-newsletter {
	background:url(../images/btn-newsletter.gif);
	margin:5px 0 15px 0;
}
#content-sidebar .btn-newsletter a {
	display:block;
	text-indent:-6000px;
	width:230px;
	height:138px
}
#content-sidebar .btn-newsletter a:hover {
	background:url(../images/btn-newsletter-hover.gif);
	display:block;
	text-indent:-6000px;
	width:230px;
	height:138px
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi {
	height:34px;
	background:url(../images/navi.gif);
	position:relative;
	width:934px;
}
#navi ul {
}
#navi ul li {
	float:left;
}

#navi ul li a {
	display:block;
	height:34px;
	float:left;
	text-indent:-6000px;
}
#navi ul li.n1 a { width:108px; }
#navi ul li.n2 a { width:103px; }
#navi ul li.n3 a { width:133px; }
#navi ul li.n4 a { width:105px; }
#navi ul li.n5 a { width:174px; }
#navi ul li.n6 a { width:116px; }
#navi ul li.n7 a { width:97px; }
#navi ul li.n8 a { width:98px; }


#navi ul li.n1 a:hover { background:url(../images/navi-hover.gif) 0 0; }
#navi ul li.n2 a:hover { background:url(../images/navi-hover.gif) -108px 0; }
#navi ul li.n3 a:hover { background:url(../images/navi-hover.gif) -211px 0; }
#navi ul li.n4 a:hover { background:url(../images/navi-hover.gif) -344px 0; }
#navi ul li.n5 a:hover { background:url(../images/navi-hover.gif) -449px 0; }
#navi ul li.n6 a:hover { background:url(../images/navi-hover.gif) -623px 0; }
#navi ul li.n7 a:hover { background:url(../images/navi-hover.gif) -739px 0; }
#navi ul li.n8 a:hover { background:url(../images/navi-hover.gif) -836px 0; }

/* Subnavi
============================================== */

#navi ul li ul {
	visibility:hidden;
	position:absolute;
	top:34px;
	float:left;
	left:0;
	height:0;
	overflow:hidden;
}
#navi ul li:hover ul, #navi ul li a:hover ul {
	visibility:visible;
	display:block;
	position:absolute;
	top:34px;
	left:91px;
	_left:343px;
	overflow:visible;
}
#navi ul li:hover a, #navi ul li a:hover {
	visibility:visible;
}
#navi li ul li a {
	height:24px;
	visibility:visible;
	border-left:1px solid #fff;
	
}
#navi li ul li.n1a a, #navi li ul li.n2a a, #navi li ul li.n3a a, #navi li ul li.n4a a, #navi li ul li.n5a a, #navi li ul li.n6a a, #navi li ul li.n7a a, #navi li ul li.n8a a {
	background:#EEAC00;
	text-indent:0px;
	color:#fff;
	font-weight:bold;
	padding:0 6px 0 6px;
	border-top:1px solid #fff;
	text-decoration:none;
}

#navi li ul li.n1a a { width:107px; }
#navi li ul li.n2a a { width:120px; }
#navi li ul li.n3a a { width:73px; }
#navi li ul li.n4a a { width:115px; }
#navi li ul li.n5a a { width:50px; }
#navi li ul li.n6a a { width:70px; }
#navi li ul li.n7a a { width:85px; }
#navi li ul li.n8a a { width:110px; }

#navi li ul li.n1a a, #navi li ul li.n2a a, #navi li ul li.n3a a, #navi li ul li.n4a a, #navi li ul li.n5a a, #navi li ul li.n6a a, #navi li ul li.n7a a , #navi li ul li.n8a a{
	_width:150px;
}

#navi ul li.n1a a:hover, #navi ul li.n2a a:hover, #navi ul li.n3a a:hover, #navi ul li.n4a a:hover, #navi ul li.n7a a:hover, #navi ul li.n8a a:hover, #navi ul li.n5a a:hover, #navi ul li.n6a a:hover, #navi li ul li a:hover {
	background:#EEAC00;
	visibility:visible;
	color:#333;
}
#navi table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:14px;}

/* make the second level visible when hover on first level link and position it */
#navi li a:hover ul {
	visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/

#navi-add {
	position:absolute;
	right:0px;
	top:5px;
}

#navi-add li{
	float: left;
	display:block;
	margin-right:20px;
}

#navi-add li a {
	color:#fff;
	text-decoration:none;
}

#navi-add li a:hover {
	text-decoration:underline;
}

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {
	width:680px;
	float:left;
	padding:36px 0 20px 0;
}

/*------------------ H1 ------------------*/

#content-main h1 { width:666px; height:46px; text-indent:-6000px; margin-bottom:5px; }
#content-main h1.index { background:url(../images/h1/bg-index.gif) no-repeat; }
#content-main h1.kontakt { background:url(../images/h1/bg-kontakt.gif) no-repeat; }
#content-main h1.danke { background:url(../images/h1/bg-danke.gif) no-repeat; }
#content-main h1.impressum { background:url(../images/h1/bg-impressum.gif) no-repeat; }
#content-main h1.anfahrt { background:url(../images/h1/bg-anfahrt.gif) no-repeat; }
#content-main h1.fehler { background:url(../images/h1/bg-fehler.gif) no-repeat; }
#content-main h1.aktuelles { background:url(../images/h1/bg-aktuelles.gif) no-repeat; }
#content-main h1.bueromoebel { background:url(../images/h1/bg-bueromoebel.gif) no-repeat; }
#content-main h1.badmoebel { background:url(../images/h1/bg-badmoebel.gif) no-repeat; }
#content-main h1.entscheidermoebel { background:url(../images/h1/bg-entscheidermoebel.gif) no-repeat; }
#content-main h1.kuechen { background:url(../images/h1/bg-kuechen.gif) no-repeat; }
#content-main h1.leistungsspektrum { background:url(../images/h1/bg-leistungsspektrum.gif) no-repeat; }
#content-main h1.newsletter { background:url(../images/h1/bg-newsletter.gif) no-repeat; }
#content-main h1.newsletteranmeldung { background:url(../images/h1/bg-newsletteranmeldung.gif) no-repeat; }
#content-main h1.platzsparmoebel { background:url(../images/h1/bg-platzsparmoebel.gif) no-repeat; }
#content-main h1.produkte { background:url(../images/h1/bg-produkte.gif) no-repeat; }
#content-main h1.unternehmen { background:url(../images/h1/bg-unternehmen.gif) no-repeat; }
#content-main h1.wohneinrichtung { background:url(../images/h1/bg-wohneinrichtung.gif) no-repeat; }
#content-main h1.dachschraege { background:url(../images/h1/bg-dachschraege.gif) no-repeat; }
#content-main h1.japan { background:url(../images/h1/bg-japanmoebel.gif) no-repeat; }
#content-main h1.bett { background:url(../images/h1/bg-bettimschrank.gif) no-repeat; }

/*------------------ Textformatierungen ------------------*/

.spalte1 { 
	width:322px;
	float:left;
	margin-right:22px;
}
.spalte2 { 
	width:322px;
	float:left;
}

/*------------------ Newsboxen CMS ------------------*/

.newsbox1 { 
	width:215px;
	float:left;
	margin-right:15px;
}

.newsbox2 { 
	width:215px;
	float:left;
	margin-right:15px;
}
.newsbox3 { 
	width:215px;
	float:left;
}


/*------------------ Textformatierungen ------------------*/

#content-main p { 
	margin: 0 0 15px 0px; 
}

#content-main p.highlight {
	background:#eeac00;
	color:#424242;
	font-weight:bold;
	padding:1px 0 1px 5px;
	margin-bottom:2px;
}
#content-main p.highlight2 {
	background:#DDDDDD;
	color:#424242;
	font-weight:bold;
	padding:1px 0 1px 5px;
	margin-bottom:2px;
}

#content-main ul {
	margin-bottom:15px;
}

#content-main li { 
	background:url(../images/li-liste.gif) 0 6px no-repeat; 
	padding:0 0 0 23px; 
	margin-left:5px;
	line-height:25px; 
}
/*------------------ Bilder ------------------*/

#content-main .image {
	border: 5px solid #D8D9D8;
	margin: 0px 10px 10px 0;
    outline: none;
}

#content-main .image:hover{
	border: 5px solid #D8D9D8;
}

#content-main .imagenohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

/*------------------ iFrame Anfahrt ------------------*/

#content-main iframe { 
	border:1px solid #666666; 
	padding:4px; 
	background:#fff;
}


/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	width:914px;
	height:29px;
	background:#545454;
	padding:5px 0 0 20px;
	position:relative;
}
#footer p {
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: underline;
	color: #eeac00;
	outline: none;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#eeac00;
}

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/icon-pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}