/* TAURUS DESIGN, Kenji Miyamoto Kalkofen 6 58638 Iserlohn www.taurus-design.de*/ /* Allgemeine Einstellungen ---------------------------------------------------------------------------------- */ body { color: #58585a; font: 12px Tahoma, Arial, Verdana, sans-serif; line-height: 150%; margin:0; padding:0;} h1, .head { color: #053974; font: 16px Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing:0.1em; word-spacing:0.1em; line-height: 150%;} a, a:hover, a:visited, area:hover { color: #053974; text-decoration: none; cursor:crosshair;} img { padding: 0px; margin: 0px;} input, select { font-size: 9pt; color: #505050; border: solid 1px #dbe1e4; padding: 5px; background: #ffffff;} input:hover, input:focus { background: #e6e6e6; color: #053974;} ul { margin-left: 15px; margin-top: 5px;} hr { border: 0px; /* Für Firefox und Opera */ border-top: solid 1px #dbe1e4; border-bottom: transparent; } /* Layout ---------------------------------------------------------------------------------- */ body { min-height:100%; background-image: url(../images/layout/hg_schatten.gif); backround-repeat: repeat-y; background-position:center; } * html body { height:100%; } div.center { margin:0 auto; padding:0; width:936px; height:100%; } .schatten_links { width:16px; background-image: url(../images/layout/links.gif); backround-repeat: repeat-y; height:100%; } .schatten_rechts { width:16px; background-image: url(../images/layout/rechts.gif); backround-repeat: repeat-y; height:100%; } #wrapper { width:936px; margin:0px auto; padding:0px; } #wrapper2 { float: left;} #mitte {margin-bottom: 12px;} /* Saeule Links ---------------------------------------------------------------------------------- */ #column { float: left; height: 100%; font: 12px Helvetica, Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase;} #column a { color: #58585a; text-decoration: none;} #column a:hover { color: #ffffff; background: #053974;} #column ul {margin: 0; padding: 0;} #column li {list-style: none;} #logo { width: 178px; height: 178px; background-image: url(../images/layout/arens_logo.gif); background-position: center center; background-repeat: no-repeat; border: solid 1px #dbe1e4; margin: 14px 2px 2px 14px;} a#logo,a#logo:hover,a#logo:visited { display:block; width: 178px; height: 178px; background-image: url(../images/layout/arens_logo.gif); background-position: center center; background-repeat: no-repeat; border: solid 1px #dbe1e4; margin: 14px 2px 2px 14px;} /* Menue Felder ---------------------------------------------------------------------------------- */ .menu_innen { margin-left: 10px; margin-top: 4px;} #menu_standard { height: 22px; width: 178px; border: solid 1px #dbe1e4; margin: 2px 2px 2px 14px; } #menu_standard:hover { background: #053974; color: #ffffff; border: solid 1px #053974; text-decoration: none; cursor: crosshair;} #menu_aktiv { width: 178px; height: 22px; background: #053974; color: #ffffff; border: solid 1px #053974; margin: 2px 2px 2px 14px; cursor: crosshair;} #menu_sub_standard { font: 11px Helvetica, Tahoma, Arial, Verdana, sans-serif; height: 22px; width: 178px; border: solid 1px #dbe1e4; margin: 2px 2px 2px 14px; background: #f0f4f7;} #menu_sub_standard:hover { background: #053974; color: #ffffff; border: solid 1px #053974; text-decoration: none; cursor: crosshair;} #menu_sub_aktiv { font: 11px Helvetica, Tahoma, Arial, Verdana, sans-serif; width: 178px; height: 22px; background: #053974; color: #ffffff; border: solid 1px #053974; margin: 2px 2px 2px 14px; cursor: crosshair;} /* W3C*/ #column .menu_standard { display:block; height: 18px; width: 168px; border: solid 1px #dbe1e4; margin: 2px 2px 2px 14px; padding-left:10px; padding-top:4px;} #column .menu_standard:hover { display:block; background: #053974; color: #ffffff; border: solid 1px #053974; text-decoration: none; cursor: crosshair;} #column .menu_aktiv { display:block; width: 168px; height: 18px; background: #053974; color: #ffffff; border: solid 1px #053974; margin: 2px 2px 2px 14px; cursor: crosshair; padding-left:10px; padding-top:4px;} #column .menu_sub_standard { display:block; font: 11px Helvetica, Tahoma, Arial, Verdana, sans-serif; height: 18px; width: 168px; border: solid 1px #dbe1e4; margin: 2px 2px 2px 14px; background: #f0f4f7; padding-left:10px; padding-top:4px;} #column .menu_sub_standard:hover { display:block; background: #053974; color: #ffffff; border: solid 1px #053974; text-decoration: none; cursor: crosshair; padding-left:10px; padding-top:4px;} #column .menu_sub_aktiv { display:block; font: 11px Helvetica, Tahoma, Arial, Verdana, sans-serif; width: 168px; height: 18px; background: #053974; color: #ffffff; border: solid 1px #053974; margin: 2px 2px 2px 14px; cursor: crosshair; padding-left:10px; padding-top:4px;} /* Sprachwahl ---------------------------------------------------------------------------------- */ #sprachwahl{ width: 180px; margin: 2px 2px 2px 14px; padding: 0;} #spacer_menu { width: 180px; height: 50px; margin: 2px 2px 2px 14px;} #spacer_menu2 { width: 180px; margin: 2px 2px 2px 14px;} #spacer_2px { width: 726px; margin: 2px 0 0 0;} #spacer_12px { width: 726px; margin: 12px 0 0 0;} /* Menábild und Adresse ---------------------------------------------------------------------------------- */ #menu_bild_arens { width: 180px; height: 180px; background-image: url(../images/nav/menu_bild_arens.jpg); margin: 2px 2px 2px 14px;} #menu_bild_rohrverbinder { width: 180px; height: 180px; background-image: url(../images/nav/menu_bild_rohrverbinder.jpg); margin: 2px 2px 2px 14px;} #menu_bild_produktion { width: 180px; height: 180px; background-image: url(../images/nav/menu_bild_produktion.jpg); margin: 2px 2px 2px 14px;} #menu_bild_entwicklung { width: 180px; height: 180px; background-image: url(../images/nav/menu_bild_entwicklung.jpg); margin: 2px 2px 2px 14px;} #menu_bild_ansprechpartner { width: 180px; height: 180px; background-image: url(../images/nav/menu_bild_partner.jpg); margin: 2px 2px 2px 14px;} #adresse { width: 180px; height: 180px; font: 11px Helvetica, Tahoma, Arial, Verdana, sans-serif; line-height: 16px; text-transform: none; color: #ffffff; background: #053974; margin: 2px 2px 2px 14px;} .adresse { display:block; width: 180px; height: 180px; font: 11px Helvetica, Tahoma, Arial, Verdana, sans-serif; line-height: 16px; text-transform: none; color: #ffffff; background: #053974; margin: 2px 2px 2px 14px;} .adresse_innen { margin-left: 12px;} #topbar{ position:absolute; width: 180px; height: 180px; visibility: hidden; z-index: 100;} /* Banner ---------------------------------------------------------------------------------- */ #topbanner_start { height: 180px; width: 726px;} #topbanner_arens { height: 180px; width: 726px; background-image: url(../images/nav/topbanner_arens.jpg); background-repeat: no-repeat; } #topbanner_rohrverbinder { height: 180px; width: 726px; background-image: url(../images/nav/topbanner_bild_rohrverb4.jpg); background-repeat: no-repeat;} #topbanner_rohrverbinder_man { height: 180px; width: 726px; background-image: url(../images/nav/topbanner_man.jpg); background-repeat: no-repeat;} #topbanner_rohrverbinder_industrie { height: 180px; width: 726px; background-image: url(../images/nav/topbanner_industrie.jpg); background-repeat: no-repeat;} #topbanner_rohrverbinder_industrie2 { height: 180px; width: 726px; background-image: url(../images/nav/topbanner_industrie2.jpg); background-repeat: no-repeat;} #topbanner_rohrverbinder_rohre { float: left; height: 180px; width: 726px; background-image: url(../images/nav/topbanner_rohre.jpg); background-repeat: no-repeat;} #topbanner_rohrverbinder_laden { height: 180px; width: 726px; background-image: url(../images/nav/topbanner_laden.jpg); background-repeat: no-repeat;} #topbanner_arensxt { height: 180px; width: 726px; background-image: url(../images/nav/topbanner_arensxt.jpg); background-repeat: no-repeat;} #topbanner_produktion { height: 180px; width: 726px; background-image: url(../images/nav/topbanner_produktion.jpg); background-repeat: no-repeat;} #topbanner_entwicklung { height: 180px; width: 726px; background-image: url(../images/nav/topbanner_entwicklung.jpg); background-repeat: no-repeat;} #topbanner_ansprechpartner { height: 180px; width: 726px; background-image: url(../images/nav/topbanner_ansprechpartner.jpg); background-repeat: no-repeat;} /* Inhalt ---------------------------------------------------------------------------------- */ #mitte { float: left; width: 740px; margin-top: 14px;} #text_arens { height: 310px; margin-left: 30px; margin-right: 30px; margin-top: 30px;} #text_arens2 {height:334px; margin: 30px 30px 0 30px;} #text_rohrverbinder_2x { float: left; width: 332px; height: 150px; margin: 2px 2px 0 0; padding: 15px;} #text_rohrverbinder_4x { float: left; width: 334px; height: 332px; margin: 2px 2px 0 0; padding: 15px;} #text_rohre_oben { float: left; width: 486px; height: 152px; padding: 30px 30px 0 30px;} #text_rohre { float: left; width: 486px; height: 332px; padding: 30px 30px 0 30px;} #text { margin-left: 30px; margin-right: 30px; margin-top: 30px;} #text_anfahrt { height: 180px; margin: 30px 30px 0 30px;} #text_gelaender2 { height: 154px; margin: 30px 30px 0 30px;} #text_gelaender { height: 154px; margin: 30px 30px 0 30px;} #text_ansprechpartner { float: left; width: 150px; height: 148px; margin: 2px 2px 0 0; padding: 15px;} #text_entwicklung { height: 178px; margin-left: 30px; margin-right: 30px; margin-top: 30px;} #text_180 { float: left; width: 148px; height: 148px; margin: 2px 2px 0 0; padding: 15px; border: solid 1px #dbe1e4;} #text_180 .head { color: #053974; font: 12px Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing:0.05em; word-spacing:0.05em;} #text_362 { float: left; width: 330px; height: 148px; margin: 2px 2px 0 0; padding: 15px; border: solid 1px #dbe1e4;} #text_362 .head { color: #053974; font: 12px Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing:0.05em; word-spacing:0.05em;} #text_7zeilen { height: 152px; margin-left: 30px; margin-right: 30px; margin-top: 30px;} #text_9zeilen { height: 204px; margin-left: 30px; margin-right: 30px; margin-top: 30px;} #text_544_oR { float: left; width: 482px; height: 152px; margin-left: 30px; margin-right: 30px; margin-top: 30px;} #text_362_oR { float: left; width: 304px; height: 152px; padding-left: 30px; padding-right: 30px; padding-top: 30px;} /* W3C */ .text_180 { float: left; width: 148px; height: 148px; margin: 2px 2px 0 0; padding: 15px; border: solid 1px #dbe1e4;} .text_180 .head { color: #053974; font: 12px Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing:0.05em; word-spacing:0.05em;} .text_362 { float: left; width: 330px; height: 148px; margin: 2px 2px 0 0; padding: 15px; border: solid 1px #dbe1e4;} .text_362 .head { color: #053974; font: 12px Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing:0.05em; word-spacing:0.05em;} .text_rohrverbinder_4x { float: left; width: 334px; height: 332px; margin: 2px 2px 0 0; padding: 15px;} .text_rohrverbinder_2x { float: left; width: 332px; height: 150px; margin: 2px 2px 0 0; padding: 15px;} /* Boxen ---------------------------------------------------------------------------------- */ #boxen {} .box_innen { margin: 18px 18px 18px 18px;} #box { float: left; margin-right: 2px;} #box_text { font: 11px Tahoma, Arial, Verdana, sans-serif; line-height: 18px; width: 178px; height: 178px; border: solid 1px #dbe1e4; padding: 0px;} #box_text a { color: #053974; text-decoration: none;} #box_bild1 { margin-top: 2px; width: 180px; height: 180px; background-image: url(../images/nav/menu_bild_rohrverbinder.jpg); background-repeat: no-repeat;} #box_bild2 { margin-top: 2px; width: 180px; height: 180px; background-image: url(../images/layout/entwicklung_cad1.jpg); background-repeat: no-repeat;} #box_bild3 { margin-top: 2px; width: 180px; height: 180px; background-image: url(../images/nav/menu_bild_produktion.jpg); background-repeat: no-repeat;} #box_bild4 { margin-top: 2px; width: 180px; height: 180px; background-image: url(../images/nav/menu_bild_partner.jpg); background-repeat: no-repeat;} /* W3C*/ .box { float: left; margin-right: 2px;} .box_text { font: 11px Tahoma, Arial, Verdana, sans-serif; line-height: 18px; width: 178px; height: 178px; border: solid 1px #dbe1e4; padding: 0px;} .box_text a { color: #053974; text-decoration: none;} .box_bild1 { margin-top: 2px; width: 180px; height: 180px; background-image: url(../images/nav/menu_bild_rohrverbinder.jpg); background-repeat: no-repeat;} .box_bild2 { margin-top: 2px; width: 180px; height: 180px; background-image: url(../images/layout/entwicklung_cad1.jpg); background-repeat: no-repeat;} .box_bild3 { margin-top: 2px; width: 180px; height: 180px; background-image: url(../images/nav/menu_bild_produktion.jpg); background-repeat: no-repeat;} .box_bild4 { margin-top: 2px; width: 180px; height: 180px; background-image: url(../images/nav/menu_bild_partner.jpg); background-repeat: no-repeat;} /* Rohrverbinder BSP ---------------------------------------------------------------------------------- */ #rohrverbinder {} #rohrverbinder_gelaender { margin: 2px 0 0 0; padding: 0;} #rohrverbinder_gelaender_bild { position: absolute; width: 180px; height: 180px; margin: -180px 0 0 546px; cursor: crosshair;} #rohrverbinder_gelaender_text{ position: absolute; width: 180px; height: 180px; color: #ffffff; font: 12px Tahoma, Arial, Verdana, sans-serif; line-height: 125%; text-transform: none; background: #053974; margin: -180px 0 0 364px;} #rohrverbinder_neben_qaudrat { float: left; width: 180px; height: 360px;} #rohrverbinder_bilder_neben_qaudrat { width: 180px; height: 180px; cursor: crosshair; margin: 2px 2px 0 0;} #rohrverbinder_bilder { float: left; width: 180px; height: 180px; margin: 2px 2px 0 0; cursor: crosshair;} #rohrverbinder_bilderx2 { float: left; width: 362px; height: 180px; margin: 2px 2px 0 0; cursor: crosshair;} #rohrverbinder_bilder_unten { float: left; width: 180px; height: 180px; margin: 2px 2px 12px 0; cursor: crosshair;} #rohre_bilder { float: left; width: 180px; height: 180px; margin: 2px 0 0 0; cursor: crosshair;} #rohre_bilder_unten { float: left; width: 180px; height: 180px; margin: 2px 0 12px 0; cursor: crosshair;} #bild_2r { float: left; width: 544px; height: 180px; margin: 2px 2px 0 0;} #bild_180 { float: left; width: 180px; height: 180px; margin: 2px 2px 0 0;} #bild_362 { float: left; width: 362px; height: 180px; margin: 2px 2px 0 0;} #bild_362_unten { float: left; width: 362px; height: 180px; margin: 2px 2px 12px 0;} /* W3C*/ .bild_180 { float: left; width: 180px; height: 180px; margin: 2px 2px 0 0;} .bild_362 { float: left; width: 362px; height: 180px; margin: 2px 2px 0 0;} .rohrverbinder_bilder { float: left; width: 180px; height: 180px; margin: 2px 2px 0 0; cursor: crosshair;} .rohrverbinder_neben_qaudrat { float: left; width: 180px; height: 360px;} .rohrverbinder_gelaender_bild { position: absolute; width: 180px; height: 180px; margin: -180px 0 0 546px; cursor: crosshair;} .rohrverbinder_gelaender_text{ position: absolute; width: 180px; height: 180px; color: #ffffff; font: 12px Tahoma, Arial, Verdana, sans-serif; line-height: 125%; text-transform: none; background: #053974; margin: -180px 0 0 364px;} .rohrverbinder_gelaender_text_innen { margin: 12px;} .bild_2r { float: left; width: 544px; height: 180px; margin: 2px 2px 0 0;} .rohre_bilder { float: left; width: 180px; height: 180px; margin: 2px 0 0 0; cursor: crosshair;} /* ARENS XT Pfosten ---------------------------------------------------------------------------------- */ #arensxt_bilder { float: left; width: 180px; height: 544px; margin: 2px 2px 0 0; cursor: crosshair;} #arensxt_bilder2 { float: left; width: 362px; height: 544px; margin: 2px 2px 0 0; cursor: crosshair;} #text_arensxt { float: left; width: 332px; height: 514px; margin: 2px 2px 0 0; padding: 15px;} .headxt { color: #444444; font: 16px Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing:0.1em; word-spacing:0.1em; line-height: 150%;} #map { width: 726px; height: 362px; margin: 2px 12px 12px 0;} #dhtmltooltip { position: absolute; width: 150px; border: 0px solid white; padding: 0px; background-color: white; filter: alpha(opacity=90); opacity: 0.9; visibility: hidden; z-index: 100; color: #ffffff; font: 12px Tahoma, Arial, Verdana, sans-serif; line-height: 125%; padding: 8px;} #dhtmltooltip b { text-transform: uppercase;} #dhtmltooltip i { font: 10px Tahoma, Arial, Verdana, sans-serif; line-height: 140%;} /*W3C*/ .arensxt_bilder { float: left; width: 180px; height: 544px; margin: 2px 2px 0 0; cursor: crosshair;} .text_arensxt { float: left; width: 332px; height: 514px; margin: 2px 2px 0 0; padding: 15px;} .arensxt_bilder2 { float: left; width: 362px; height: 544px; margin: 2px 2px 0 0; cursor: crosshair;} .sitedescription { float: left; width: 500px; color: #888888; font: 11px Tahoma, Arial, Verdana, sans-serif; line-height: 140%; } .sitemenu ul { margin: 0; padding: 0; } .sitemenu li { list-style: none; } .sitemenu a { color: #888888; text-decoration: none; cursor:crosshair; } .sitemenu a:hover { color: #053974; text-decoration: none; cursor:crosshair; } .sitemenu { text-transform: uppercase; font: 11px Tahoma, Arial, Verdana, sans-serif; line-height: 140%; float: left; width: 180px; } td a#youtube { display:block; width:80px; height:35px; /*background:url('../images/layout/youtube-logo-grau.jpg');*/ background-color:#123321; } td a#youtube:hover { display:block; width:80px; height:35px; background:url('../images/layout/youtube-logo-farbe.jpg'); } /* Social Bookmarks ---------------------------------------------------------------------------------- */ #social_bookmark { padding:5px 10px; } #social_bookmark img { border:none; margin:4px 2px 0 2px; } .pre { position:absolute; display:none; background:#FFF; border:1px solid #444; padding:5px 10px; color:#444; } .pre img { margin:5px 0 0 0!important; } #preBookmark p { text-align:center; line-height:18px; font-size:14px; margin:0; padding:0; }