/* CSS HITEC RELAUNCH 2008*/ body { background-color: #ffffff; padding:0px; margin:0px; background-repeat: repeat-y; background-position: top center; } #container { width: 950px; padding:0px; margin: 0px; margin-left: auto; margin-right: auto; } #banner { width: 951px; text-align: center; background-color: #ffffff; height: 241px; padding: 0px; margin: 0px; padding-bottom: 32px; } #outer{ border-left: solid 160px #EEF1C6; /* linke Menue Spalten Farbe */ border-right: solid 172px #EEF1C6; /* rechte Menue Spalten Farbe */ background-color: #ffffff; /* Farbe fuer Inhalt Spalten */ } #inner{ background-color: #ffffff; margin: 0px; width:100%; } #left { width:155px; float:left; position:relative; margin-left:-160px; margin-right:1px; padding-left:5px; background-color: #EEF1C6; } #right { width:165px; float:right; position:relative; margin-right:-170px; margin-left:1px; padding-left:3px; background-color: #EEF1C6; } #main{ position: relative; margin-top: 0px; margin-bottom: 0px; background-color: #FFFFFF; display: inline; } #footer { background-color: #FFFFFF; text-align: center; margin: 0px auto 1px auto; clear: both; } #Layer1 { position:absolute; left:10px; top:30px; width:580px; z-index:1; } /* CSS HITEC ALT MOD 27112007*/ .doppel { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .teaser { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .teaserarchiv { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .firma { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #003C61; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .topheader { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #003C61; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: 1px; } .headermedium { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #003C61; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; } .headermediumtv { FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #009EE0; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; } .headertogo { FONT-WEIGHT: bold; FONT-SIZE: 19px; COLOR: #003C61; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; } .header { FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #003C61; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .headerklein { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #003C61; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .leftheader { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #003C61; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} a.leftheader:hover { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #003C61; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .calendar { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .einleitung { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .klein { FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .kleinorange { FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #E67E26; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} a:link{ FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} a:visit{ FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; } a:hover{ FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .textbold {FONT-WEIGHT: normal; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .bottom {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 10px; color: #999999; text-decoration: none;} a.bottom:link {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: normal; FONT-SIZE: 10px; color: #999999; text-decoration:none;} a.bottom:visited {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: normal; FONT-SIZE: 10px; color: #999999; text-decoration:none;} a.bottom:hover {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: normal; FONT-SIZE: 10px; color: #999999; text-decoration:none;} a.bottom:active {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: normal; FONT-SIZE: 10px; color: #999999; text-decoration:none;} .linkblau { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #62C5E8; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} a.linkblau:link {FONT-WEIGHT: normal; FONT-SIZE: 10px; color:#62C5E8; text-decoration:none;} a.linkblau:hover {FONT-WEIGHT: normal; FONT-SIZE: 10px; color:#62C5E8; text-decoration:none;} a.linkblau:visited {FONT-WEIGHT: normal; FONT-SIZE: 10px; color:#62C5E8; text-decoration:none;} a.linkblau:active {FONT-WEIGHT: normal; FONT-SIZE: 10px; color:#62C5E8; text-decoration:none;} .callink{ FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #EA1F00; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} a.callink:link {FONT-WEIGHT: bold; FONT-SIZE: 14px; color:#EA1F00; text-decoration:none;} a.callink:hover {FONT-WEIGHT: bold; FONT-SIZE: 14px; color:#EA1F00; text-decoration:none;} a.callink:visited {FONT-WEIGHT: bold; FONT-SIZE: 14px; color:#EA1F00; text-decoration:none;} a.callink:active {FONT-WEIGHT: bold; FONT-SIZE: 14px; color:#EA1F00; text-decoration:none;} .linkblau11{ FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; float: right; FONT-SIZE: 11px; COLOR: #62C5E8; text-decoration: none; } a.linkblau11:link {FONT-WEIGHT: normal; text-align: right; FONT-SIZE: 11px; color:#62C5E8; text-decoration:none;} a.linkblau11:hover {FONT-WEIGHT: normal; text-align: right; FONT-SIZE: 11px; color:#62C5E8; text-decoration:none;} a.linkblau11:visited {FONT-WEIGHT: normal; text-align: right; FONT-SIZE: 11px; color:#62C5E8; text-decoration:none;} a.linkblau11:active {FONT-WEIGHT: normal; text-align: right; FONT-SIZE: 11px; color:#62C5E8; text-decoration:none;} .linkblaugross { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #62C5E8; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} a.linkblaugross:link {FONT-WEIGHT: normal; FONT-SIZE: 12px; color:#62C5E8; text-decoration:none;} a.linkblaugross:hover {FONT-WEIGHT: normal; FONT-SIZE: 12px; color:#62C5E8; text-decoration:none;} a.linkblaugross:visited {FONT-WEIGHT: normal; FONT-SIZE: 12px; color:#62C5E8; text-decoration:none;} a.linkblaugross:active {FONT-WEIGHT: normal; FONT-SIZE: 12px; color:#62C5E8; text-decoration:none;} a.more:link {FONT-SIZE: 9px; color:#E67E26; text-decoration:none;} a.more:hover {FONT-SIZE: 9px; color:#E67E26; text-decoration:none;} a.more:visited {FONT-SIZE: 9px; color:#E67E26; text-decoration:none;} a.more:active {FONT-SIZE: 9px; color:#E67E26; text-decoration:none;} .service {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; text-decoration: none;} a.service:link {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-SIZE: 11px; color:#000000; text-decoration:none;} a.service:hover {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-SIZE: 11px; color:#E67E26; text-decoration:none;} a.service:visited {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-SIZE: 11px; color:#000000; text-decoration:none;} a.service:active {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-WEIGHT: bold; FONT-SIZE: 11px; color:#E67E26; text-decoration:none;} .service12 {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; text-decoration: none;} a.service12:link {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-SIZE: 12px; color:#000000; text-decoration:none;} a.service12:hover {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-SIZE: 12px; color:#E67E26; text-decoration:none;} a.service12:visited {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-SIZE: 12px; color:#000000; text-decoration:none;} a.service12:active {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-SIZE: 12px; color:#E67E26; text-decoration:none;} .serviceon {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #E67E26; text-decoration: none;} a.serviceon:link {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-SIZE: 11px; color:#E67E26; text-decoration:none;} a.serviceon:hover {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-SIZE: 11px; color:#000000; text-decoration:none;} a.serviceon:visited {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-SIZE: 11px; color:#E67E26; text-decoration:none;} a.serviceon:active {FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; FONT-WEIGHT: bold; FONT-SIZE: 11px; color:#E67E26; text-decoration:none;} .more { FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #E67E26; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; font-style: italic;} .klein10 { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .klein10b { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .kleinseite { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .drucken { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .text { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: 0px; line-height:17px;} .hinweis { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;} .textweiss { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: 0px; line-height:17px;} .textweiss11 { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: 0px; line-height:14px;} #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 400px; height: 600px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(http://www.hitec-handel.de/imageslb/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://www.hitec-handel.de/imageslb/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 11px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1 em; overflow: auto; width: 100% ; } #imageData{padding:0 10px; color: #666; } #imageData #imageDetails{ width: 90%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 0.7em; } #imageData #bottomNavClose{ width: 108px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 512px; background-color: #BABBB2; }