/* GENERAL */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {margin:0; padding:0; border:0;}

/* HOME */
body#background { background: url('../images/backgrounds/bg.jpg') repeat-x center top; font: 11px Verdana, Helvetica, Arial; color:#707070;}

/* NAVIGATION */
#home #nav {background: url('../images/menus/menu-home.gif') no-repeat; width: 310px; height: 30px; position: relative;}
#home #nav li {list-style: none; position: absolute; top: 0; height: 30px; width:100px; display: block;}
#home #nav a {font: normal 1.0em Lucida Sans, Helvetica, Tahoma, Arial; text-decoration: none; color: #fff; margin-top:7px; height: 30px; display: block; border-bottom: none; margin-left:10px;}
#home #nav a:hover {color: #ccc;}
#home #nav #start {left: 15px;width: 70px;}
#home #nav #products {left: 68px;width: 70px;}
#home #nav #about {left: 148px;width: 120px;}
#home #nav #contact {left: 215px;width: 70px;}

#nav {background: url('../images/menus/menu-inside.gif') no-repeat; width: 317px; height: 30px; float: right; position: relative;}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0; height: 30px; display: block;}
#nav a {height: 30px; display: block; border-bottom: none;}
#nav #start {left: 0; width: 55px;}
#nav #products {left: 55px; width: 65px;}
#nav #about {left: 190px; width: 50px;}
#nav #contact {left: 240px; width: 70px;}
#nav #home a:hover {background: transparent url('../images/menus/menu-inside.gif') 0 -30px no-repeat;}
#nav #services a:hover, #svcContainer #nav #services {background: transparent url('../images/menus/menu-inside.gif') -55px -30px no-repeat;}
#nav #portfolio a:hover, #productcontainer #nav #portfolio {background: transparent url('../images/menus/menu-inside.gif') -120px -30px no-repeat;}
#nav #aboutUs a:hover, #aboutContainer #nav #aboutUs {background: transparent url('../images/menus/menu-inside.gif') -190px -30px no-repeat;}
#nav #contactUs a:hover, #cntContainer #nav #contactUs {background: transparent url('../images/menus/menu-inside.gif') -240px -30px no-repeat;}

/* LANGUAGE */
#language {position:relative; margin-top:0px; margin-left: 310px;margin-right:300px;}
#language img {padding-left:5px; padding-right:5px;}
#language img:hover {border-bottom: 2px solid #fff; margin-top:-2px;}
* html #language a:hover {border: 3px dotted #ccc; padding-bottom:3px; margin:-3px;}
#language a{color: #444; text-decoration: none; font: normal 0.8em Arial, Verdana, Helvetica;}

/* HEADER and TABS*/

#activeheader {height: 294px; width: 892px; background: url('../images/home/homeheader.jpg') no-repeat;}
* html #activeheader {margin: -32px 0 -6px 0;}

#header {width: 100%; height: 57px; margin-bottom:0px;}
#header h1#logo, #header a#logolink  {position: absolute; top:0; float:left; height:57px;}
#header a#logolink {text-indent: -8000px; overflow: hidden;}
* html #header h1#logo, 
* html #header a#logolink {position:relative; width:176px; height:89px;}
#header a#logolink {background: url('../images/logos/tempex.gif') no-repeat;width: 176px; height: 89px; display: block;}
#header {width: 100%; height: 57px;}
#header h1#logo, #header a#logolink {position: absolute; top: 0; float: left;}
#header a#logolink {text-indent: -8000px; overflow: hidden; background: url('../images/logos/tempex.gif') no-repeat; width: 176px; height: 89px; display: block;}

.slogan {float:right; color:#fff; font: normal 2.2em Lucida Sans, Verdana, Helvetica, Arial; margin-top:-130px; margin-right: 27px; margin-bottom:0px; width:500px; height:50px; text-align:right;}

.services {position:absolute; font: normal 1.7em Lucida Sans, Verdana, Helvetica, Arial; text-decoration: none; color: #d3021f; margin-left: 98px; width: 230px; height: 55px;}
.services:hover {position:absolute; background: url('../images/home/tab-websites.gif') no-repeat 0px -7px; width: 240px; height:55px;}

.about {position:absolute; font: normal 1.7em Lucida Sans, Verdana, Helvetica, Arial; text-decoration: none; color: #d3021f; margin-left: 333px; width: 230px; height: 55px;}
.about:hover {position:absolute; background: url('../images/home/tab-webapps.gif') no-repeat 0px -7px; width: 240px; height:55px;}

#tabs {margin-top:251px; padding-left:280px; width: 600px; height: 49px; float:left;}
#tab:hover {background: url('../images/home/tab-websites.gif') no-repeat left -1px;}

#service {background: none; width: 529px; height: 79px; margin-right: 54px;}
#service:hover {background: url('../images/home/tab-websites.gif') no-repeat left -1px;}

#gallery {background: url('../images/home/scroller.jpg') no-repeat; width: 890px; height: 121px; margin: -1px 11px 10px 1px;}

#gallerycontainer {overflow: hidden; padding-left: 30px; padding-top:25px; width: 850px; height: 57px;}
#gallerycontainer img { float: left; height: 45px; width:90px;}
#gallerycontainer a {border: 1px solid #eee; padding: 3px; display: block; height: 45px; margin: 0 3px;}
#gallerycontainer a:hover {padding: 0; border: 4px solid #ccc;}

#productcontainer, a#producttab {text-indent: -9000px; width: 208px; height: 30px; float: right; display: block; background: url('../images/home/producttab.gif') no-repeat;}
.prlink1 {margin-right:-1px;margin-left:-14px;}
.prlink2 {margin-left:-14px;}
.prlink3 {margin-left:-24px;}
.prlink4 {margin-left:-28px;}
* html .prlink4 {margin-left:-10px;}
.prlink5 {margin-left:-7px;}
.prlink6 {margin-left:10px;}
* html .prlink6 {margin-left:10px;}
.prlink7 {margin-left:30px;}
.prlink8 {margin-left:8px;}


#galleryList {width: 880px;}
#galleryList br {clear: both;}

#catname {align: left; position: relative; margin-top:-45px; margin-left:30px; height:13px;}
#catname a {padding-right:18px; padding-left:19px;  color:#444; text-decoration:none; font: normal 0.9em/100%  Verdana, Tahoma, Arial;}
#catname a:hover {color:#d3021f; text-decoration:none;}

.images {width:85px;}

a#producttab:hover {background: url('../images/home/producttabh.gif') no-repeat;}

#divboxset {width: 920px; height: 169px; margin-top:45px; margin-bottom:12px;}
* html #divboxset {width:890px;}

.boxsetset {width: 321px; height: 149px; float: left;}

#boxset {width: 340px; height: 149px; background: url('../images/home/tabels.gif') no-repeat; padding: 0 13px;}

#tabelsheader {display: block; width: 230px; height: 25px; margin: 6px 0px 5px 25px; color:#fff; font: normal 1.2em Lucida Sans, Verdana, Helvetica, Arial; text-decoration:none;}

.blogPost {margin-bottom: 20px;}

/* .tabelli {font: 16px bold Verdana, Helvetica; margin-left:10px; margin-top:5px; padding-left: 20px; color: #d3021f; text-decoration: none;} */
.tabelli {font: normal 150%/160% Lucida Sans, Verdana, Helvetica; margin-left:5px; margin-top:5px; padding-left: 20px; color: #d3021f; text-decoration: none;line-height:40px;}
.tabelli2 {font: normal 110%/100% Verdana, Helvetica; margin-left:5px; margin-top:5px; padding-left: 20px; color: #707070; text-decoration: none;line-height:16px;}
.tabeltitle {margin-left: 20px; display: block;}

#news {width: 291px; height: 145px; /* background: url('../images/home/feature.gif') no-repeat; */ margin-left: 10px;}

#feature:hover {width: 291px; height: 145px; background: url('../images/langpic/material_ho.gif') no-repeat z-index:99;}

#box2 {width: 291px; height: 145px;}
#box2 a {width: 291px; height: 145px;}
#box2:hover, #box2 a:hover{width: 291px; height: 145px; background: url('../images/langpic/material_ho.gif') no-repeat z-index:99;}

#box3 {width: 166px; height: 105px;  background: url('../images/home/box3.gif') no-repeat; margin-left: 15px; padding: 20px;}
* html #box3 {margin-left: 10px;}
#box3 p {padding-top:17px; text-align:right; line-height:15px;}
#box3 a {text-decoration:none; color:#d3021f;}
#box3 a:hover {text-decoration:none; color:#444;}
#box3 strong{font-size: 12px; color: #d3021f; font-weight: normal;}

#mainDiv {margin: 0 auto; width: 892px;}
* html #mainDiv{padding-left:10px;}

.quotingDiv {float: left; width: 360px; height: 130px; margin-top: 20px; margin-right: 5px; padding: 20px;}
* html .testimonial {margin-bottom: -15px;}

blockquote {width: 100%; margin: 0px; padding: 0px; font: 12px Verdana; line-height: 20px;}
blockquote.insideBlockQuote {color: #ccc;}
blockquote.overblockquote {color: #666;}

.inquote {text-align: left; margin-left: 10px; margin-top: 40px; padding-top: 10px: padding-right: 5px; padding-left: 35px; padding-bottom: 0px;}
.inquote em {line-height:40px;}

.insideQuote {text-align: left; margin-left: 30px; padding: 10px 15px 5px 0;}

blockquote.overblockquote em {color: #444; font-weight: bold;}
blockquote.insideBlockQuote em {color: #999; font-weight: bold;}
blockquote strong {font: bold 16px Lucida Sans, Verdana; color: #D3021F; letter-spacing: 1px;}

#glossyBar {background: url('../images/backgrounds/glossybar.gif') no-repeat; width: 892px; height: 29px;}

#content {}

#content h1 {font: 20px Verdana; margin-bottom: 7px;}


#kontakt {background: url('../images/contentin/kontakt.gif') no-repeat; width: 415px; height: 60px; margin-top: 15px; margin-left:50px; padding: 2px 0 0 200px;}

.redkontakt {color: #d3021f; padding-left:65px;}

#kontaktlink,#kontaktlink a {line-height:29px; width: 300px; padding-top:9px; padding-bottom:5px; padding-left:65px; padding-right:83px; margin-left:-8px; font: normal 16px Lucida Sans, Verdana, Helvetica, Arial; color: #444; text-decoration:none;}
#kontaktlink a:hover{line-height:29px; width: 300px; padding-top:6px; padding-bottom:5px; padding-left:65px; padding-right:83px; margin-left:-8px; font: normal 16px Lucida Sans, Verdana, Helvetica, Arial; color: #fff; text-decoration:none; background: #444;}

strong.blue {color: #d3021f;}
strong.bigblue {color: #d3021f; font-size: 14px;}

.red {color: #d3021f;}

.inline {display: inline;}

.mTop {margin-top: 20px;}

fieldset {padding: 30px 20px; border: 1px solid #999;}

legend {border: none; font-size: 30px;}


/* CLEAR FIX */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline;}

/* HIDE IE-MAC-FIREFOX */
* html .clear {height: 1%;}
.clear {display: block;}

/* PRODUCT OVERVIEW */
#bg_products {background: url('../images/backgrounds/bg-products.jpg') repeat-x center top; font: 11px Verdana, Helvetica, Arial; color: #707070;}
#insideContentContainer {margin-top: 89px;}
#primaryContent {float: left; width: 726px; height: 500px; background: #fff url('../images/contentin/primaryContent.gif') no-repeat top;}

#secondaryContent {float: right; width: 166px;}

#blogsTitle {background: url('../images/contentin/blogsTitle.gif') no-repeat;}

#subNavContainer {width: 166px; background: #fff url('../images/contentin/subNav.gif') no-repeat top; padding: 30px 0;}

#subNav {padding-left: 0; margin-left: 0; width: 145px; float: right;}
#subNav li {list-style: none; margin: 0; padding: 4px 4px 4px 0; border-bottom: 1px solid #eee;}
#subNav li#last {border-bottom: none;}
#subNav li a {font-weight: 500; color: #666; text-decoration: none;}
#subNav li a:hover, #subNav li a#active {color: #d3021f;}

#subSectionFeature {width: 126px; min-height: 160px; padding: 20px; color: #fff; background: #d3021f url('../images/contentin/subSectionFeature.gif') no-repeat top;}
#subSectionFeature h1 {font-size: 18px; color: #fff; margin-bottom: 5px;}
#subSectionFeature p {margin: 5px 0;}

#subSectionBottom {width: 166px; height: 19px; background: url('../images/contentin/subSectionBottom.gif') no-repeat;}

#insideContainer {padding: 40px 40px 30px 40px;}

#insideProduct strong.blue {font-size: 12px;}
#insideProduct {float: left; width: 411px; margin-right: 40px; font-size: 12px; line-height: 16px;}

#insideContent {float: left; width: 411px; margin-right: 40px; font-size: 12px; line-height: 16px;}
#insideContent strong.blue {font-size: 12px;}
#insideContent p{margin: 0 0 15px 0;}
#insideContent ul{list-style: none; margin-bottom: 20px;}
#insideContent li{background: url('../images/icons/arrow-right.gif') 7px 3px no-repeat; padding-left: 20px; margin: 8px 0;}
#insideContent a {color: #666;}
#insideContent a:hover {color: #009DDC;}

h1#blogArticles {background: url('../images/contentin/articles.gif') no-repeat; width: 106px; text-indent: -9000px}

.blogList {list-style: none; margin-left: 10px;}
.blogList li  {padding: 4px 0 4px 20px;}
.blogList li a {color: #999; font: 10px; text-decoration: none;}
.blogList li a:hover {color: #009DDC;}

#newsBlog li {background: url('../images/icons/blog-news.gif') no-repeat 0px 3px;}

#articlesBlog li {background: url('../images/icons/blog-article.gif') no-repeat 0px 3px;}

#abtCareers {background: url('../images/us/abtCareers.gif') no-repeat; width: 155px; height: 179px; color: #ccc; padding: 45px 20px 25px 20px;}
* hmtl #abtCareers {margin-right: 0; padding-right: 0;}

#bottomcontainer {width: 715px; height: 90px; padding-top:11px; padding-left:11px; padding-bottom:30px; /* padding: 11px  100px; */ background-color: #e1e1e1; margin-left:1px; margin-top:30px;}
#bottomcontainer_line {width: 100%; margin-left:1px; height: 2px;border-top: 2px solid #e1e1e1; background-color: #e1e1e1;}

blockquote.caseStudyQuote {background: url('../images/contentin/testimonial-left.gif') no-repeat top left; height: 151px;}
blockquote.caseStudyQuote .right {background: url('../images/contentin/testimonial-right.gif') no-repeat bottom right; height: 151px; float: right;}
blockquote.caseStudyQuote em {font: bold 14px Verdana; color: #666; margin: 20px 20px 5px 20px; display: block; font-style: italic;}
blockquote.caseStudyQuote p {font: 10px Verdana; margin: 0 20px !important;}

#infoContainer {width: 726px; height: 147px; background: url('../images/contentin/infoContainer.gif') no-repeat;}
#infoContainer .testimonial {margin: 0;height: 110px; padding: 24px 29px 0 24px; margin: 0; width: 360px;}
#siteInfoContainer {width: 706px; padding-left: 20px;}
#insideTitle {color: #fff; margin-left:8px;}

/* FOOTER */
#bottom {width: 100%; height: 80px; margin-top:5px;}
#bottomLogo {background: url('../images/logos/minitempex.gif') no-repeat; width: 80px; height: 43px;}
#bottomLogoprod {background: url('../images/logos/minitempexprod.gif') no-repeat; width: 80px; height: 43px; }
#bottomNav {background: url('../images/logos/logosbottom.gif') no-repeat; width:806px; height:100px; margin-left:90px; margin-top:-35px;}
#bottomNav li {font-size: 9px; display: inline; margin-right: 4px;}
#bottomNav li a {font-size: 9px; color: #d3021f; text-decoration: none;}
#bottomNav li a:hover {color: #444;}

#tip {color:#666; background-color:transparent; position:relative; top:-15px; left:760px; z-index:99; line-height:16px; width:150px;}
#tip a {color:#666; background-color:#fff; font-family:lucida sans, arial, sans-serif; font-size:90%; font-weight:bold; font-style:italic; text-decoration:none; display:block; padding:5px; position:absolute; border:2px solid #fff;}
#tip a:visited {color:#666; background-color:#fff;}
#tip a:hover {color:#fff; background-color:#d3021f; text-decoration:none; width:300px; margin:-40px 0 0 0; margin-left:-180px; border-top:1px solid #BF021F; border-right:2px solid #BF021F; border-bottom:2px solid #BF021F; border-left:1px solid #BF021F;}
#tip a:active {color:#666; background-color:#fff;}
#tip a .info {display:none;}
#tip a:hover .info {color:#444; background:#f8f8f8; border:1px solid #fff; font:14px courier,sans-serif; display:block; padding:5px; text-align:justify;}

#validlink {font-style:italic; width:892px;text-align:right;}
#validlink a {font-style:italic;}
#byindex {font-style:italic; color:#000; font: normal 0.9em Lucida Sans, Arial, Helvetica; text-decoration: none;}
#byindex:hover {color:#d3021f}