/* --------------------------------------------------------------
Theme Name: haboe ISS
Description: Standard-Theme haboe ISS
Author: Simsalapix
Author-URI: http://www.simsalapix.de
Version: 1.0
-------------------------------------------------------------- */

@charset "UTF-8"

/*  GRUNDEINSTELLUNGEN, SCHRIFTEN-EINBETTUNG  */
html { margin:0px; padding:0px; min-width:950px; }
body { margin:0; padding:0; min-width:950px; min-height:625px; position:relative; overflow:hidden; }
@font-face { font-family: DaxlineWeb; src: url("../fonts/DaxlineWeb.eot"); }
@font-face { font-family: DaxlineWeb; src: url("../fonts/DaxlineWeb.woff") format("woff"); }
@font-face { font-family: DaxlineWeb-Bold; src: url("../fonts/DaxlineWeb-Bold.eot"); }
@font-face { font-family: DaxlineWeb-Bold; src: url("../fonts/DaxlineWeb-Bold.woff") format("woff"); }
@font-face { font-family: DaxlineWeb-BoldItalic; src: url("../fonts/DaxlineWeb-BoldItalic.eot"); }
@font-face { font-family: DaxlineWeb-BoldItalic; src: url("../fonts/DaxlineWeb-BoldItalic.woff") format("woff"); }
img { border: 0px none; }
a img { border: 0px none; }
a { color:#005ea4; text-decoration:none; }
a:hover { color:#005ea4; text-decoration:underline }
area { border:none; outline:none; }

/*	HOMESCREEN: WRAPPER, HEADER & FOOTER */
#wrapper { position:relative; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; top:0px; left:0px; overflow:visible; min-width:950px; min-height:712px; width:100%; height:100%; }
#header { position:fixed; top:0px; left:0px; z-index:2000; }
#header #logo { width:209px; height:113px; background:url(logo.png) no-repeat top left; }
#header #claim { position:absolute; z-index:1000; top:32px; left:222px; width:377px; height:22px; background:url(claim.png) no-repeat top left; }
#header #howTo { display:none; position:absolute; top:105px; width:209px; height:37px; background:url(howTo.png) no-repeat top right; }
#footer { position:fixed; bottom:0px; right:0px; }
#footer #additionalMenu { width:636px; height:97px; background:url(extras.png) no-repeat bottom right; }

/*  HOMESCREEN: CONTENT & GRID  */
#content { position:relative; left:-104px; overflow:visible; width:950px; height:550px; margin: 0px auto 0px auto; padding:0; } 
#content #grid { position:absolute; top:0px; left:0px; width:1265px; height:604px; background:url(grid.png) no-repeat 0 0; margin: 85px 0px 0px 0px; z-index:0; }
#content #grid #gridMap {  position:absolute; top:0px; left:0px; width:1265px; height:604px; overflow:visible; margin:0; padding:0; z-index:1000; }
#grid #claim2 { position:absolute; top:154px; left:406px; width:150px; height:141px; background:url(claim2.png) no-repeat top left; }

/*  HOMESCREEN: BUTTONS  */
#moebel { position:absolute; width:172px; height:105px; top:280px; left:319px; background: url(moebel.png) no-repeat left top; z-index:10; display:none; }
#moebelDown { display:none; position:absolute;width:172px; height:105px; top:280px; left:319px; background: url(moebelDown.png) no-repeat left top;  z-index:30; }
#moebelHover { display:none; position:absolute;width:172px; height:105px; top:280px; left:319px; background: url(moebelHover.png) no-repeat left top;  z-index:20; }
#moebelText { position:absolute; top:40px; left:-114px; overflow:visible; width:104px; height:21px; background:url(moebelText.png) no-repeat left top; }

#ueberblick { position:absolute; width:203px; height:124px; top:359px; left:176px; background: url(ueberblick.png) no-repeat left top; z-index:10; display:none; }
#ueberblickDown { display:none; position:absolute;width:203px; height:124px; top:359px; left:176px; background: url(ueberblickDown.png) no-repeat left top;  z-index:30; }
#ueberblickDown img { position:absolute; }
#ueberblickHover { display:none; position:absolute;width:203px; height:124px; top:359px; left:176px; background: url(ueberblickHover.png) no-repeat left top;  z-index:20; }
#ueberblickText { position:absolute; top:69px; left:197px; overflow:visible; width:99px; height:24px; background:url(ueberblickText.png) no-repeat left top; }

#ladenbau { position:absolute; width:151px; height:113px; top:380px; left:541px; background: url(ladenbau.png) no-repeat left top; z-index:10; display:none; }
#ladenbauDown { display:none; position:absolute;width:151px; height:113px; top:380px; left:541px; background: url(ladenbauDown.png) no-repeat left top;  z-index:30; }
#ladenbauHover { display:none; position:absolute;width:151px; height:113px; top:380px; left:541px; background: url(ladenbauHover.png) no-repeat left top;  z-index:20; }
#ladenbauText { position:absolute; top:42px; left:152px; overflow:visible; width:220px; height:26px; background:url(ladenbauText.png) no-repeat left top; }

#innenarchitektur { position:absolute; width:169px; height:94px; top:197px; left:273px; background: url(innenarchitektur.png) no-repeat left top; z-index:10; display:none; }
#innenarchitekturDown { display:none; position:absolute; width:169px; height:94px; top:197px; left:273px; background: url(innenarchitekturDown.png) no-repeat left top;  z-index:30; }
#innenarchitekturHover { display:none; position:absolute; width:169px; height:94px; top:197px; left:273px; background: url(innenarchitekturHover.png) no-repeat left top;  z-index:20; }
#innenarchitekturText { position:absolute; top:46px; left:166px; overflow:visible; width:179px; height:21px; background:url(innenarchitekturText.png) no-repeat left top; }

#varianten { position:absolute; width:191px; height:97px; top:179px; left:95px; background: url(varianten.png) no-repeat left top; z-index:10; display:none; }
#variantenDown { display:none; position:absolute; width:191px; height:97px; top:179px; left:95px; background: url(variantenDown.png) no-repeat left top;  z-index:30; }
#variantenHover { display:none; position:absolute; width:191px; height:97px; top:179px; left:95px; background: url(variantenHover.png) no-repeat left top;  z-index:20; }
#variantenText { position:absolute; top:100px; left:77px; overflow:visible; width:117px; height:42px; background:url(variantenText.png) no-repeat left top; }

#onlineshop { position:absolute; width:129px; height:72px; top:92px; left:490px; background: url(onlineshop.png) no-repeat left top; z-index:10; display:none; }
#onlineshopDown { display:none; position:absolute; width:129px; height:72px; top:92px; left:490px; background: url(onlineshopDown.png) no-repeat left top;  z-index:30; }
#onlineshopHover { display:none; position:absolute; width:129px; height:72px; top:92px; left:490px; background: url(onlineshopHover.png) no-repeat left top;  z-index:20; }
#onlineshopText { position:absolute; top:37px; left:127px; overflow:visible; width:115px; height:26px; background:url(onlineshopText.png) no-repeat left top; }

#galerie { position:absolute; width:117px; height:77px; top:175px; left:667px; background: url(galerie.png) no-repeat left top; z-index:10; display:none; }
#galerieDown { display:none; position:absolute; width:117px; height:77px; top:175px; left:667px; background: url(galerieDown.png) no-repeat left top;  z-index:30; }
#galerieHover { display:none; position:absolute; width:117px; height:77px; top:175px; left:667px; background: url(galerieHover.png) no-repeat left top;  z-index:20; }
#galerieText { position:absolute; top:75px; left:-151px; overflow:visible; width:182px; height:26px; background:url(galerieText.png) no-repeat left top; }

#maschinenbau { position:absolute; width:117px; height:85px; top:244px; left:719px; background: url(maschinenbau.png) no-repeat left top; z-index:10; display:none; }
#maschinenbauDown { display:none; position:absolute; width:117px; height:85px; top:244px; left:719px; background: url(maschinenbauDown.png) no-repeat left top;  z-index:30; }
#maschinenbauHover { display:none; position:absolute; width:117px; height:85px; top:244px; left:719px; background: url(maschinenbauHover.png) no-repeat left top;  z-index:20; }
#maschinenbauText { position:absolute; top:44px; left:124px; overflow:visible; width:151px; height:21px; background:url(maschinenbauText.png) no-repeat left top; }

/*  ZUSATZMENÜ  */
#commonLinks { position:absolute; bottom:0px; right:11px; border 1px dashed red; font-family: DaxlineWeb; font-size: 14px; color:#FFF; }
#commonLinks .bigger { font-size: 20px; font-family: DaxlineWeb-Bold; padding:0px 9px 6px 9px; }
#commonLinks ul { display:block; margin:0px 0px 0px 8px; padding:0px 0px 0px 0px; height:18px; }
#commonLinks li { vertical-align:bottom; display:block; float:left; list-style-type:none; list-style-position:outside; list-style-image:none; padding:5px 8px 0px 8px; }
#commonLinks .trennerLi {border-right: 1px #FFF solid; }
#commonLinks li a { color:#FFF; text-decoration:none; outline:none; padding:7px 0px 10px 0px; }
#commonLinks li a:hover { text-decoration:none; }

/*  GRUNDEINSTELLUNGEN INHALTSSEITEN, SCHRIFTEN & FORMTIERUNGEN  */
.page { background-color:#e5e5e5; }
.clear { float:none; clear:both; height:0px; }
h2 { font-family:DaxlineWeb-BoldItalic; font-size:20px; padding:0px 0px 14px 0px; margin:14px 0px 14px 0px; }
h3 { font-family:DaxlineWeb-Bold; font-size:18px; padding:0px 0px 0px 0px; margin:46px 0px 22px 0px; }
h4 { font-family:DaxlineWeb-Bold; font-size:14px; padding:0px 0px 0px 0px; margin:14px 0px 14px 0px; }
#contentPages { position:relative; width:800px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; font-family:DaxlineWeb; font-size:14px; line-height:1.56em; }
#zurueck { display:block; width:93px; height:50px; background: url(zurueck.png) no-repeat top left; margin: 0px auto 22px auto; }
#download { display:block; width:116px; height:74px; background: url(download.png) no-repeat top left; margin: 27px auto 12px auto; }
.spacerFirstBlock { height:91px; }
.contentBlockTeaser { position:relative; width:800px; height:0px; }
.contentTeaserRight { float:right; width:390px; overflow:visible; text-align:right; }
.contentTeaserLeft { float:left; width:410px; text-align:left; }
#mainContent .contentBlock .boldText { font-family:DaxlineWeb-Bold; }

/*  CONTENT DER INHALTS-SEITEN  */
#pageLeft { position:fixed; width:209px; top:132px; left:0px; text-align:center; }
#mainContent { margin:0px 0px 0px 155px; }
#mainContent p { padding: 0px 0px 20px 0px; margin:14px 0px 14px 0px; }
#mainContent .contentBlock { position:relative; width:800px; }
#mainContent .contentBlock a { color:#005ea4; text-decoration:none; }
#mainContent .contentBlock a:hover { color:#005ea4; text-decoration:underline }
#mainContent .contentBlock .contentLeft{ float:left; width:410px; text-align:left; }
.contentBlock .contentLeft ul { padding-left:0px; margin:14px 0px 14px 0px; }
.contentBlock .contentLeft li { font-family:DaxlineWeb-Bold; background:url(bullet.png) 0px 3px no-repeat; list-style:none; padding:0px 0px 12px 24px; }
#mainContent .contentBlock .contentRight { float:right; width:390px; overflow:visible; }
#mainContent .contentBlock .trenner { width:483px; height:12px; background: url(trenner.png) no-repeat top left; margin:32px 0px 0px 0px; padding:0; }
.spacerAbschluss { height:230px; }
.fadeTo { position:absolute; top:0px; left:0px; display:none; }

/*  GALERIE  */
.galerieHeader { position:relative; width:639px; height:48px; background:url(trennerGalerie.png) no-repeat bottom left; font-family:DaxlineWeb-Bold; font-size:20px; margin:0px 0px 10px 0px; }
.galerieTitel { position:absolute; left:18px; top:11px; }
.thumbs {}
.thumbs ul { display:block; margin:0px 0px 0px 8px; padding:0px 0px 0px 0px; width:639px; }
.thumbs li { width:100px; height:100px; display:block; float:left; list-style-type:none; list-style-position:outside; list-style-image:none; padding:0px 0px 0px 0px; margin:10px; }
.thumbs .thumb { position:absolute; width:100px; height:100px; }
.thumbs .maske { position:absolute; width:100px; height:100px; background:url(maske.png) no-repeat left top; }
.clearGalerie { clear:both; float:none; height:48px; }

/*  SONSTIGE SEITEN & FORMATIERUNGEN  */
.leftText { float:left; width:290px; }
.leftTextLogo { float:left; width:147px; }
.leftTextVK { float:left; width:390px; }
.leftTextBoehl { float:left; width:243px; left:-32px; position:relative; }
.leftTextBoehl2 { float:left; width:200px; }
.leftText2 { float:left; width:390px; }
.schmalerFliesstext { width:650px; }
.boehlgroup { position:relative; background: #F1F1F1; padding: 24px 0px 0px 62px; left:-32px; height:211px; width:494px; }

.icon { float:left; width:116px; height:74px; margin:0px 0px 21px 0px; }
.beschreibung { float:left; width:311px; height:74px; margin:0px 0px 21px 0px; padding: 24px 0px 0px 0px; }
.sitemapListe { padding-left:18px; margin:14px 0px 14px 0px; }
.sitemapListe li { background:url(bullet.png) 0px 3px no-repeat; list-style:none; padding:0px 0px 12px 24px; }