/* *************************** 
  Site - techport-web
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* { margin: 0; padding: 0; }
a { color:#52014e; text-decoration:none; }
a:hover { color:#52014e; text-decoration:underline; }
img { border:0; vertical-align:middle; }
fieldset { border:none; }
ul li { list-style:none; }
/* *************************** 
   $2 Website Structure Styles
   ***************************/
html { -webkit-text-size-adjust:none; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background:#414141; }
#container { width:980px; margin:0 auto; background:url(../images/mainbg.png) repeat-y; }
/* *************************** 
   $3 Header Styles
   ***************************/
#header { height:145px; width:980px; position:relative; background:#414141 url(../images/topbg.png) no-repeat center top; z-index:10; }
#header a, #header a:hover { color:#FFF; }
#logo { width:300px; height:60px; position:absolute; top:25px; left:30px; }
#logo-gosa { width:144px; height:60px; position:absolute; top:25px; left:186px; }
#header-search { position:absolute; float:right; top:65px; right:30px; }
#header-search .ipt { width:110px; padding:1px 5px; font:normal 10px/1 Arial; color:#666666; border:1px solid #ffffff; background:#cccccc; vertical-align:top; }
#header-search .btn { width:37px; height:20px; border:0 none; margin:0 0 0 4px; background:url(../images/btngo.png) no-repeat; cursor:pointer; vertical-align:top; *vertical-align:-6px;
}
.visit { float:right; padding:9px 13px 0 0; text-transform:uppercase; font-size:10px; }
.mainnav { width:958px; height:37px; position:absolute; top:101px; left:11px; background:url(../images/navbg.png) no-repeat; }
.innernav { width:958px; height:37px; }
.innernav a:hover { text-decoration:none; }
.innernav li { float:left; position:relative; z-index:2; text-align:center; padding:8px 0 0; }
.innernav li a { display:block; margin:0 1px 0 0; padding:0 0 7px; }
.innernav li a span { text-transform:uppercase; }
.innernav li#nav-home { width:68px; }
.innernav li#nav-about { width:70px; }
.innernav li#nav-user { width:170px; }
.innernav li#nav-sup { width:149px; }
.innernav li#nav-com { width:167px; }
.innernav li#nav-indu { width:182px; }
.innernav li#nav-media { width:69px; }
.innernav li#nav-contact { width:83px; }
.innernav li.current a { border-left:solid 1px; padding:0 0 2px; }
.innernav li.current a span { border-bottom:#FFF solid 2px; display:inline-block; padding:0 0 5px; cursor:pointer; }
.innernav li#nav-home.current a { background:#05427a; border-color:#0863b7; }
.innernav li#nav-about.current a { background:#165a89; border-color:#2187C4; }
.innernav li#nav-user.current a { background:#2A769A; border-color:#3FB1CD; }
.innernav li#nav-sup.current a { background:#4091B4; border-color:#5FC6D8; }
.innernav li#nav-com.current a { background:#6868A4; border-color:#9C9CD2; }
.innernav li#nav-indu.current a { background:#69418A; border-color:#9E62C5; }
.innernav li#nav-media.current a { background:#894799; border-color:#C46BCC; }
.innernav li#nav-contact.current a { background:#AE4DA9; border-color:#D774D4; }
.mainnav .navline { display:block; width:958px; height:5px; border-top:solid 1px; font-size:0; overflow:hidden; position:absolute; top:31px; left:0; z-index:0; }
body#home .navline { background:#05427a; border-color:#0863b7; }
body#about .navline { background:#165a89; border-color:#2187C4; }
body#user .navline { background:#2A769A; border-color:#3FB1CD; }
body#sup .navline { background:#4091B4; border-color:#5FC6D8; }
body#com .navline { background:#6868A4; border-color:#9C9CD2; }
body#indu .navline { background:#69418A; border-color:#9E62C5; }
body#media .navline { background:#894799; border-color:#C46BCC; }
body#contact .navline { background:#AE4DA9; border-color:#D774D4; }
.innernav li ul { position:absolute; left:0; top:-999em; width:200px; z-index:9; }
.innernav ul li { width:100%; float:none; z-index:99; clear:both; vertical-align:middle; padding:0; text-align:left; background:#4090b3; }
.innernav li.current li a, .innernav ul li a { display:block; padding:6px 10px; border:solid 1px; margin:0; border-color:#5FC6D8 #2D6E9C #2D6E9C #5FC6D8!important; }
.innernav ul li a:hover { background:#337AA4!important; border-color:#276595 #337AA4 #337AA4 #276595!important; font-weight:bold; }
.innernav li:hover { visibility:inherit;/* fixes IE7 'sticky bug' */ }
.innernav li:hover ul, .innernav li.sfHover ul { left:0; top:30px; z-index:99; }
.innernav li:hover li ul, .innernav li.sfHover li ul { top:-999em; }
.innernav li li:hover ul, .innernav li li.sfHover ul { left:200px; top:30px; }
.innernav li:hover li:hover ul, .innernav li.sfHover li.sfHover ul { left:200px; top:0; z-index:99; }
.innernav li#nav-home ul li { background:#05427a; }
.innernav li#nav-home.current li a, .innernav li#nav-home ul li a { border-color:#0762b6 #032e55 #032e55 #0762b6!important; }
.innernav li#nav-home ul li a:hover, .innernav li#nav-home li:hover a.sf-with-ul, .innernav li#nav-home li.sfHover a.sf-with-ul { background:#043562!important; border-color:#032544 #043562 #043562 #032544!important; }
.innernav li#nav-about ul li { background:#3d6593; }
.innernav li#nav-about.current li a, .innernav li#nav-about ul li a { border-color:#5b97c8 #2b4772 #2b4772 #5b97c8!important; }
.innernav li#nav-about ul li a:hover, .innernav li#nav-about li:hover a.sf-with-ul, .innernav li#nav-about li.sfHover a.sf-with-ul { background:#31517d!important; border-color:#223863 #31517d #31517d #223863!important; }
.innernav li#nav-user ul li { background:#2a7699; }
.innernav li#nav-user.current li a, .innernav li#nav-user ul li a { border-color:#3fb0cb #1d527a #1d527a #3fb0cb!important; }
.innernav li#nav-user ul li a:hover, .innernav li#nav-user li:hover a.sf-with-ul, .innernav li#nav-user li.sfHover a.sf-with-ul { background:#225e85!important; border-color:#17426c #225e85 #225e85 #17426c!important; }
.innernav li#nav-sup ul li { background:#4090b3; }
.innernav li#nav-sup.current li a, .innernav li#nav-sup ul li a { border-color:#5FC6D8 #2D6E9C #2D6E9C #5FC6D8!important; }
.innernav li#nav-sup ul li a:hover, .innernav li#nav-sup li:hover a.sf-with-ul, .innernav li#nav-sup li.sfHover a.sf-with-ul { background:#337AA4!important; border-color:#276595 #337AA4 #337AA4 #276595!important; }
.innernav li#nav-com ul li { background:#6868a3; }
.innernav li#nav-com.current li a, .innernav li#nav-com ul li a { border-color:#9b9bd0 #494987 #494987 #9b9bd0!important; }
.innernav li#nav-com ul li a:hover, .innernav li#nav-com li:hover a.sf-with-ul, .innernav li#nav-com li.sfHover a.sf-with-ul { background:#535391!important; border-color:#3a3a7a #535391 #535391 #3a3a7a!important; }
.innernav li#nav-indu ul li { background:#69418A; }
.innernav li#nav-indu.current li a, .innernav li#nav-indu ul li a { border-color:#9c61c3 #492d65 #492d65 #9c61c3!important; }
.innernav li#nav-indu ul li a:hover, .innernav li#nav-indu li:hover a.sf-with-ul, .innernav li#nav-indu li.sfHover a.sf-with-ul { background:#543471!important; border-color:#3a2455 #543471 #543471 #3a2455!important; }
.innernav li#nav-media ul li { background:#884798; }
.innernav li#nav-media.current li a, .innernav li#nav-media ul li a { border-color:#c26aca #643279 #643279 #c26aca!important; }
.innernav li#nav-media ul li a:hover, .innernav li#nav-media li:hover a.sf-with-ul, .innernav li#nav-media li.sfHover a.sf-with-ul { background:#703983!important; border-color:#3a2455 #703983 #703983 #53286a!important; }
.innernav li#nav-media:hover ul, .innernav li#nav-media.sfHover ul { left:-131px; }
.innernav li#nav-media li:hover ul, .innernav li#nav-media li.sfHover ul { left:-200px; }
.innernav li#nav-media:hover li:hover ul, .innernav li#nav-media.sfHover li.sfHover ul { left:-200px; }
.innernav li#nav-contact ul li { background:#ad4da8; }
.innernav li#nav-contact.current li a, .innernav li#nav-contact ul li a { border-color:#d573d3 #94368e #94368e #d573d3!important; }
.innernav li#nav-contact ul li a:hover, .innernav li#nav-contact li:hover a.sf-with-ul, .innernav li#nav-contact li.sfHover a.sf-with-ul { background:#9d3e97!important; border-color:#892b81 #9d3e97 #9d3e97 #892b81!important; }
.innernav li#nav-contact:hover ul, .innernav li#nav-contact.sfHover ul { left:-117px; }
.innernav li#nav-contact li:hover ul, .innernav li#nav-contact li.sfHover ul { left:-200px; }
.innernav li#nav-contact:hover li:hover ul, .innernav li#nav-contact.sfHover li.sfHover ul { left:-200px; }
.innernav li span.sf-sub-indicator, .innernav li.current span.sf-sub-indicator { display:none; }
/* *************************** 
   $4 Content Styles
   ***************************/
#content { width:940px; margin:0 auto; overflow:hidden; padding:15px 0 0; position:relative; z-index:9; }
#maincontent { width:630px; float:left; color:#492549; }
#maincontent h1, #maincontent h2, #maincontent h3 { color:#650460; font-size:22px; font-weight:normal; padding:0 0 10px; text-transform:uppercase; }
#maincontent h2 { font-size:18px; }
#maincontent h3 { font-size: 14px; padding-top: 10px; }
#maincontent .items-text h3 { padding-top:0; }
#maincontent p { line-height:18px; padding:0 0 10px; }
#maincontent ul, ol { margin: 0px 0 20px 10px; font-size: 12px; }
#maincontent ul li, #maincontent ol li { list-style-type: disc; margin-left: 15px; margin-top:5px; }
#maincontent ol li { list-style-type: decimal; }
#maincontent .image-gallery-list { padding: 0px 0px 25px 0px; margin: 0px 0px 5px 0px; width:100%; overflow:hidden; }
#maincontent .image-gallery-list li { float: left; width: 113px; height: 113px; margin: 0 38px 20px 0; list-style-type:none; }
#maincontent li img { border: 5px solid #ccc; }
#maincontent .image-gallery-list li.last-row-item { margin-right: 0; }
.banner { width:627px; padding:0 0 10px; overflow:hidden; position:relative; }
.banner .ibanner { width:335px; position:absolute; top:0; right:0; bottom:0; background:url(../images/banneroverview.png) repeat-y; }
.mainbox { width:567px; background:url(../images/mcbg.png) no-repeat; padding:20px 30px; }
.items { padding:15px 0; width:100%; overflow:hidden; }
.items .imgbox { float:left; padding:10px 10px 10px 0; }
.items .imgbox img { border: 5px solid #ccc; }
.items-text { padding:10px 0 0; }
.items-text .more, .lastnews .more { display:inline-block; font-weight:bold; background:url(../images/icon.png) no-repeat 0 3px; padding:3px 0 3px 20px; }
.mainbottom { width:920px; height:126px; clear:both; margin:-30px 0 0; padding:90px 30px 0; background:url(../images/mainbottom.png) no-repeat; font-size:11px; }
.mainbottom .print { padding:2px 25px; display:inline-block; }
.mainbottom .email { padding:2px 12px; display:inline-block; }
.mainbottom p { color:#7b7a7a; padding:33px 0 0; }
#multimedia { margin: 0 -2px 5px -2px; background: url('../images/multimedia_top.gif') 0 0 no-repeat; padding-top: 13px; position: relative; z-index:1; }
#multimedia-content { background: url('../images/multimedia_bottom.gif') bottom no-repeat; width: 603px; padding: 0 14px 10px 14px; }
#multimedia-content.flash { height: 331px; }
#multimedia .custom { margin: 3px 0 0 3px; }
.featured_photos { padding-bottom:4px; }
.home_img { width:603px; height:327px; border: 0px solid transparent; margin: 0pt; background: transparent none repeat scroll 0% 0%; visibility: visible; position: relative; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; z-index:1; }
.panel { background:transparent none repeat scroll 0% 0%; overflow: hidden; width:603px; height:327px; position: absolute; top: 0px; left: 0px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; display: block; }
#imgloading { background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 9999; vertical-align: middle; text-align: center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width:603px; height:327px; display: none; }
.main_form, .main_form fieldset { margin:0; width:100%; overflow:hidden; }
.main_form div.row { width:280px; float:left; margin-bottom: 18px; height:40px; }
.main_form div.textarea { width:560px; clear:both; display:block; height:130px; }
.main_form label { display: block; font-size: 11px; color: #666; margin-bottom: 5px; }
.main_form .input_text, .main_form select, .main_form textarea { width: 242px; border: 1px solid #999; background: #ccc; font-size: 11px; padding: 2px; }
.main_form select { width:248px; }
.main_form textarea { width:518px; height:100px; font: 11px Arial, Helvetica, sans-serif; }
.main_form .send { background: url('../images/button_send.gif') no-repeat; cursor: pointer; border: none; width: 59px; height: 19px; margin-bottom: 15px; }
.main_form div.clear { clear: both; }
#map_canvas { border:1px solid #999; }
/* *************************** 
   $5 Sidebar Styles
   ***************************/
#sidebar { float:right; width:310px; padding: 0 0 70px; }
#subnav { width:305px; min-height:200px; margin:0 0 8px; }
#subnav li { width:282px;/*height:25px;overflow:hidden;*/ vertical-align:middle; }
#subnav li a { display:block; line-height:25px; padding:0 10px; color:#FFF; background:url(../images/subnavli.png) no-repeat; }
#subnav li a:hover, #subnav li a.current { color:#FFF; font-weight:bold; text-decoration:none; }
#subnav li li a { }
#subnav li li a span { background:url(../images/icon-arrow.png) no-repeat 0 50%; padding:0 0 0 15px; cursor:pointer; }
body#home #subnav { background:#05427A url(../images/homesubnavcorner.png) no-repeat right top; }
body#home #subnav li a { background-position:0 0; }
body#home #subnav li a:hover, body#home #subnav li a.current { background-position:0 -25px; }
body#about #subnav { background:#165A88 url(../images/aboutsubnavcorner.png) no-repeat right top; }
body#about #subnav li a { background-position:0 -50px; }
body#about #subnav li a:hover, body#about #subnav li a.current { background-position:0 -75px; }
body#user #subnav { background:#2A7699 url(../images/usersubnavcorner.png) no-repeat right top; }
body#user #subnav li a { background-position:0 -100px; }
body#user #subnav li a:hover, body#user #subnav li a.current { background-position:0 -125px; }
body#sup #subnav { background:#4090B3 url(../images/supsubnavcorner.png) no-repeat right top; }
body#sup #subnav li a { background-position:0 -150px; }
body#sup #subnav li a:hover, body#sup #subnav li a.current { background-position:0 -175px; }
body#com #subnav { background:#6868A3 url(../images/comsubnavcorner.png) no-repeat right top; }
body#com #subnav li a { background-position:0 -200px; }
body#com #subnav li a:hover, body#com #subnav li a.current { background-position:0 -225px; }
body#indu #subnav { background:#694189 url(../images/indusubnavcorner.png) no-repeat right top; }
body#indu #subnav li a { background-position:0 -250px; }
body#indu #subnav li a:hover, body#indu #subnav li a.current { background-position:0 -275px; }
body#media #subnav { background:#884798 url(../images/subnavcorner.png) no-repeat right top; }
body#media #subnav li a { background-position:0 -300px; }
body#media #subnav li a:hover, body#media #subnav li a.current { background-position:0 -325px; }
body#contact #subnav { background:#AD4DA8 url(../images/contactsubnavcorner.png) no-repeat right top; }
body#contact #subnav li a { background-position:0 -350px; }
body#contact #subnav li a:hover, body#contact #subnav li a.current { background-position:0 -375px; }
#sidebar-list { margin-top: 3px; }
#sidebar-list li { width: 276px; height: 94px; background: url('../images/sidebar_list.gif') no-repeat; padding: 17px 21px 0 12px; font-size: 11px; margin-bottom: 6px; }
#sidebar-list li.custom { background: url('../images/sidebar_list_custom.gif') no-repeat; }
#sidebar-list h4 { font-weight: bold; color: #492549; margin-bottom: 8px; text-transform: uppercase; font-size: 12px; }
#sidebar-list p { color: #666; margin-bottom: 12px; line-height: 1.5; }
#sidebar-list img { float: right; margin-left: 15px; }
#sidebar-list a.click { background: url(../images/icon.png) no-repeat; display:block; padding: 1px 0 1px 20px; }
.lastnews { margin-top:11px; width:277px; background:url(../images/lastnewsbg.png) no-repeat; padding:10px 15px; }
.lastnews h4 { font-size:18px; font-weight:normal; padding:5px 0 10px; color:#492549; border-bottom:#CCCCCC solid 1px; margin:0 0 10px; }
.lastnews h5 { font-size:12px; padding:5px 0 10px; color:#492549; }
.lastnews p { line-height:18px; font-size:11px; padding:0 0 10px; }
.lastnews .more { font-size:11px; margin-bottom: 15px;}
#sidebar .secondlinks a, #sidebar .secondlinks { line-height: 22px; font-size: 12px; }
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer { width:920px; height:302px; margin:0 auto; padding:0 30px; font-size:11px; clear:both; background:url(../images/footerbg.png) no-repeat; position:relative; }
#footer h4 { font-size:18px; color:#FFFFFF; font-weight:normal; position:absolute; top:-30px; left:31px; }
#footer .sitemap { width:620px; float:left; overflow:hidden; padding:12px 0 0; }
.sitemap h5 { font-size:11px; padding:8px 0 2px; color:#FFF; }
.sitemap h5 a, .sitemap h5 a:hover { color:#FFF; }
.sitemap li a, .sitemap li a:hover { color:#999999; }
.sitemap .widget { width:140px; padding:0 15px 0 0; float:left; color:#999999; }
.sitemap .widget li { line-height:17px; }
.footer-right { width:290px; float:left; padding:12px 0 0 3px; }
.footer-right .footerlogo { width:131px; float:left; }
.footer-right .widget { width:139px; float:left; padding:0 0 0 10px; }
.sublogo { width:131px; padding:0 0 30px }
.footer-right .widget .sublogo { padding:6px 0 30px; }
.footer-right p { color:#FFFFFF; padding:0 0 10px; }
.validation_message { display:block; color:Red; }
.mainbox a { text-decoration:underline; }
.footer-right a { color: white; }