/* ------------------- ALLGMEINES --------------- */

body {
	margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;
	padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;
	text-align:center;
	background-color:#3C4F7E;
}

#hno-hagen {
	width:970px;
	text-align:left;
	margin-top:22px;
	display:table;
	margin-left:auto;
	margin-right:auto;

}

/* ------------------- INHALT --------------- */

#bueromoebel {
	float:left;
	margin-top:20px;
	
}

#bueromoebel td.o {
	background-image:url(../pics/box_o.gif);
	background-repeat:repeat-x;
	width:auto;
	height:5px;
}
#bueromoebel td.ol {
	background-image:url(../pics/box_ecke_ol.gif);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
}
#bueromoebel td.or {
	background-image:url(../pics/box_ecke_or.gif);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
}

#bueromoebel td.u {
	background-image:url(../pics/box_u.gif);
	background-repeat:repeat-x;
	width:auto;
	height:5px;
}
#bueromoebel td.ul {
	background-image:url(../pics/box_ecke_ul.gif);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
}
#bueromoebel td.ur {
	background-image:url(../pics/box_ecke_ur.gif);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
}

#bueromoebel td.l {
	background-image:url(../pics/box_l.gif);
	background-repeat:repeat-y;
	width:5px;
}
#bueromoebel td.r {
	background-image:url(../pics/box_r.gif);
	background-repeat:repeat-y;
	width:5px;
}

/* ------------------- INHALT drinnen (inner) */



#bueromoebel td.bueromoebel-inner {
	width:960px;
	height:auto;
	display:table;
	background-color:#ffffff;
	background-image:url(../pics/verlauf_inhalt.jpg);
}

#bueromoebel td.bueromoebel-inner h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#F3F5FF;
	margin-bottom:5px;
	margin-top:0px;
	margin-left:35px;
	margin-right:0px;
}

#bueromoebel td.bueromoebel-inner h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#F3F5FF;
	margin-bottom:15px;
	margin-top:0px;
	margin-left:35px;
	margin-right:0px;
}

#bueromoebel td.bueromoebel-inner p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#F3F5FF;
	margin-bottom:15px;
	margin-top:0px;
	margin-left:35px;
	margin-right:0px;
}

#bueromoebel td.bueromoebel-inner td {
	vertical-align:top;
	text-align:left;
}

#bueromoebel td.bueromoebel-inner div.hno-breit {
/* Ohne Rand, z.B. für Bilder in voller breite als eingang des inhaltes*/
	width:960px;
	height:auto;
	display:table;
	margin-top:0px;
	padding-bottom:35px;

	margin-bottom:0px;
}




#bueromoebel td.bueromoebel-inner div.bueromoebel-gross {
/* Mit Rand, z.B. für Überschrift nach Bild über dem eigentlichen Inhalt */
	width:925px;
	height:auto;
	display:table;
	margin-top:0px;
	padding-bottom:35px;

}

#bueromoebel td.bueromoebel-inner td.hagen-mittel {
	width:595px;
	height:auto;
	/* background-color:#ffffff; */
	margin-top:0px;
	padding-bottom:35px;
}

#bueromoebel td.bueromoebel-inner td.hagen-mittel img {
	float:left;margin-left:0px;
}

table.tabelle {
	width:100%;
	height:auto;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:5px;
	
}

#bueromoebel td.bueromoebel-inner table.tabelle td h2 {
	margin-bottom:0px;
}

#bueromoebel td.bueromoebel-inner table.tabelle td p.preis {
	margin-bottom:0px;
	font-weight:bold;
}

table.tabelle td.links {
	width:100%;
}

table.tabelle td.rechts {
	padding-right:40px;
}

#bueromoebel td.bueromoebel-inner td.hagen-schmal {
	width:330px;
	height:auto;
	/* background-color:#ffffff; */
	margin-top:0px;
	padding-bottom:35px;

}


#bueromoebel td.bueromoebel-inner td.hagen-schmal img {
	float:left;
	
}

#bueromoebel td.bueromoebel-inner a.zurueck, #bueromoebel td.bueromoebel-inner a.zurueck:visited {
	text-decoration:underline;
	color:#F3F5FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	display:block;
	width:100%;
	float:left;
	line-height:38px;
	background-image:url(../pics/zurueck-bg.gif);
}

#bueromoebel td.bueromoebel-inner a.zurueck:hover {
	background-image:url(../pics/zurueck-bg-over.gif);
}

#bueromoebel td.bueromoebel-inner a.zurueck img {
	border:none;
}

#bueromoebel td.bueromoebel-inner a.zurueck:hover {
	background-image:url(../pics/zurueck-bg-over.gif);
}





/* ------------------- ENDE Seitenabschluss --------------- */

#ende {
	width:960px;
	display:table;
	border-top:1px solid #ffffff;
	margin-top:35px;
	margin-bottom:15px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F3F5FF;
	text-align:right;
	margin-right:5px;
	margin-left:5px;
}

#ende div.copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F3F5FF;
	margin-top:2px;
	line-height:17px;
	float:left;
}

#ende a, #ende a:visited {
	margin-top:2px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F3F5FF;
	margin-top:2px;
	line-height:17px;
}

/* ------------------- LOGObereich --------------- */

#logo {
	
	text-align:left;
	margin-top:12px;
	margin-bottom:22px;
	display:table;

}

/* ------------------- SUBMENÜ --------------- */

#bueromoebel-kategorie {
	width:970px;
	display:table;
	height:130px;
	margin-top:12px;
	background-image:url(../pics/kategorie-menu.jpg);
}

#bueromoebel-kategorie a, #bueromoebel-kategorie a:visited {
	background-image:url(../bueromoebel-kat-pics/_bg.jpg);
	width:123px;
	height:118px;
	display:block;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:ffffff;
	text-align:center;
	line-height:17px;
	margin-right:40px;
	float:left;
}

#bueromoebel-kategorie a:hover {
	background-image:url(../bueromoebel-kat-pics/_bg_over.jpg);
	color:000000;
}

#bueromoebel-kategorie a.anwahl, #bueromoebel-kategorie a.anwahl:visited {
	background-image:url(../bueromoebel-kat-pics/_bg_over.jpg);
	color:#000000;
}

#bueromoebel-kategorie a.erster, #bueromoebel-kategorie a.erster:visited {
	margin-left:44px;
}

#bueromoebel-kategorie a.erster_anwahl, #bueromoebel-kategorie a.erster_anwahl:visited {
	margin-left:44px;
	background-image:url(../bueromoebel-kat-pics/_bg_over.jpg);
	color:#000000;
}

#bueromoebel-kategorie a.letzter, #bueromoebel-kategorie a.letzter:visited {
	margin-right:50px;
}
#bueromoebel-kategorie a.letzter_anwahl, #bueromoebel-kategorie a.letzter_anwahl:visited {
	margin-right:50px;
	background-image:url(../bueromoebel-kat-pics/_bg_over.jpg);
	color:#000000;
}


#bueromoebel-kategorie td a img {
	width:123px;
	height:65px;
	margin-left:0px;
	margin-right:0px;
	padding:0 0 0 0;
	border:none;
	margin-bottom:0px;
	margin-top:0px;
}

#bueromoebel-kategorie td a i {
	font-style:normal;
	
	margin-right:8px;
	margin-left:8px;
	height:34px;
	cursor:pointer;
	display:block;
	margin-top:10px;

}







#t1 a, #t1 a:visited {
	background-image:url(../bueromoebel-kat-pics/_bg-groesser.jpg);
	width:123px;
	height:121px;
	display:block;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:ffffff;
	text-align:center;
	line-height:17px;
	margin-right:40px;
	float:left;
}

#t1 a:hover {
	background-image:url(../bueromoebel-kat-pics/_bg_over-groesser.jpg);
	color:000000;
}

#t1 a.anwahl, #t1 a.anwahl:visited {
	background-image:url(../bueromoebel-kat-pics/_bg_over-groesser.jpg);
	color:#000000;
}

#t1 a.erster, #t1 a.erster:visited {
	margin-left:44px;

}

#t1 a.erster_anwahl, #t1 a.erster_anwahl:visited {
	margin-left:44px;
	background-image:url(../bueromoebel-kat-pics/_bg_over-groesser.jpg);
	color:#000000;
}

#t1 a.letzter, #t1 a.letzter:visited {
	margin-right:50px;
}
#t1 a.letzter_anwahl, #t1 a.letzter_anwahl:visited {
	margin-right:50px;
	background-image:url(../bueromoebel-kat-pics/_bg_over-groesser.jpg);
	color:#000000;
}

#t1 td a img {
	width:123px;
	height:65px;
	margin-left:0px;
	margin-right:0px;
	padding:0 0 0 0;
	border:none;

	margin-bottom:0px;
	margin-top:0px;
}


#t1 td a i {
	font-style:normal;	
	margin-right:8px;
	margin-left:8px;
	height:37px;
	cursor:pointer;
display:block;
	margin-top:10px;
	
}




/* ------------------- MENÜ --------------- */

#arzt-hagen-menu {
	width:970px;
	display:table;
	height:61px;
	background-image:url(../pics/arzt-hagen-menu.gif);
}


#arzt-hagen-menu a, #arzt-hagen-menu a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#F3F5FF;
	text-decoration:none;
	width:160px;
	height:54px;
	line-height:54px;
	margin-top:4px;
	background-image:url(../pics/menu_linie.gif);
	background-repeat:no-repeat;
	float:left;
	text-align:center;
}

#arzt-hagen-menu a:hover {
	background-image:url(../pics/arzt-hagen-menu-over.gif);
}

#arzt-hagen-menu a.erste, #arzt-hagen-menu a.erste:visited {
	background-image:none;
	margin-left:5px;
}

#arzt-hagen-menu img {
	border:none;
	margin-top:5px;
	margin-left:5px;
	float:left;
}

#arzt-hagen-menu a.erste:hover {
	background-image:url(../pics/arzt-hagen-menu-over-erste.jpg);
}

#arzt-hagen-menu a.kontakt, #arzt-hagen-menu a.kontakt:visited {
	
}

#arzt-hagen-menu a.anwahl, #arzt-hagen-menu a.anwahl:visited {
	background-image:url(../pics/arzt-hagen-menu-over.gif);
}





/* ------------------- EINE PRODUKTBOX --------------- */

.arzt-hagen-box {
	background-image:url(../pics/bg_310_unten.gif);
	background-position:bottom;
	padding-bottom:5px;
	background-repeat:no-repeat;
	width:310px;
	display:table;
	margin-left:0px;
	float:left;
	margin-top:30px;
	margin-right:20px;

}


.mitte {
	background-image:url(../pics/bg_310.gif);
	background-repeat:no-repeat;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
}

.mitte a img  {
	border:none;	
}

.mitte a, .mitte a:visited {
	border:none;
	background-image:url(../pics/bg_box.gif);
	background-position:bottom;
	display:table;
	width:100%;
	text-decoration:none;


}

.mitte a:hover  {
	background-image:url(../pics/bg_box_over.gif);
}


.mitte a.kein_link, .mitte a.kein_link:visited {
	border:none;
	background-image:none;
	background-position:bottom;
	background-color:#ffffff;
	display:table;
	width:100%;
	text-decoration:none;
}

.mitte a.kein_link:hover  {
	background-image:none;
}

.mitte a b {
		color:#F3F5FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:28px;
	margin-left:5px;
	margin-right:5px;
	padding-left:0px;
	padding-right:0px;
	font-weight:normal;
	display:compact;float:left;
	width:auto;
}

.mitte a i {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:28px;
	float:right;
	font-style:normal;
	display:compact;
	margin-left:5px;
	margin-right:5px;width:auto;
	
	
}










/* ------------------- SCROLL-NAVI --------------- */

/* hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
	margin-top:12px;
    width:970px; height:160px; 
    overflow:hidden;
	background-image:url(../pics/kategorie-menu-groesser.jpg);
	}
div#scrollbar { 
    position:relative; 
    width:970px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:49px; top:-25px;
    width:870px; height:11px; 
    
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:20px; height:9px; 
    background-color:#ffffff;
  }  
div#left { position:absolute; left:0; top:-160; height:160px;width:50px; }  
div#right { position:absolute; right:0; top:-160; height:160px;width:50px;}

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }