/* --------------------------------------------------------------------------
Style Sheet
 __  __           _____ _____ _______      ________            _____ _______ 
|  \/  |   /\    / ____/ ____|_   _\ \    / /  ____|     /\   |  __ \__   __|
| \  / |  /  \  | (___| (___   | |  \ \  / /| |__       /  \  | |__) | | |   
| |\/| | / /\ \  \___ \\___ \  | |   \ \/ / |  __|     / /\ \ |  _  /  | |   
| |  | |/ ____ \ ____) |___) |_| |_   \  /  | |____   / ____ \| | \ \  | |   
|_|  |_/_/    \_\_____/_____/|_____|   \/   |______| /_/    \_\_|  \_\ |_|   
                                                                             
Site:       inet-logistics GmbH
Author:     Cornelius Hansjakob <cha@massiveart.com>
Version:    1.0
-------------------------------------------------------------------------- */

/* ----------------
Reset
@import url(reset.css); 
*/

/* ----------------
Main */

html {
  min-height:100%;
  background-color:#fff;
  overflow-y:scroll;
}

body {
  background: #d2d3d5 url(/website/themes/inet/images/background.jpg) no-repeat 50% -15px; 
  height:100%;  
  color:#333;
  font-family: Arial, sans-serif;
  font-size:12px;
  line-height:20px;
  text-align:center;
  border:12px solid #fff;
}

input, textarea, select {
  font-family: Arial, sans-serif;  
}

p {
  padding-bottom:10px;
  font-size:12px;
  line-height:20px;
}

.clear {
  clear:both;
  line-height:0;
  font-size:0;
}

.wrapper {
  margin:0 auto 0 auto;
  width:970px;
  text-align:left;
}

.wrapper .push {
  height:60px;
  clear:both;
}

.mainNavContainer {
  height:80px;
  position:relative;
  padding:0 15px 0 15px;
  z-index:30; 
}

.headerContainer {
  position:relative; 
  width:970px; 
  height:415px;
  z-index: 20;
}

.templateContainer {
  padding:0 15px 0 15px;  
  margin:0 0 0 0;
  min-height:373px;
}

.footerContainer {
  padding:30px 15px 0 15px;
  height:30px;
}

/* ----------------
Buttons */

.bttnSmall {
  width:65px;
  height:24px; 
  background:url(/website/themes/inet/images/button_small.png) no-repeat 0 0;
  font-size:12px;
  font-weight:bold;
  line-height:20px;
  color: #00244d;
  text-align:center;
  padding:6px 0 0 0;
  cursor:pointer;
}

.bttnLarge {
  width:154px;
  height:24px;
  background:url(/website/themes/inet/images/button_large.png) no-repeat 0 0;
  font-size:12px;
  font-weight:bold;
  line-height:20px;
  color: #00244d;
  text-align:center;
  padding:6px 0 0 0;
  cursor:pointer;
} 

/* ----------------
Links general */

a {
  color:#003366;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  text-decoration:none;
}

a:hover {
  color:#009eeb;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  text-decoration:underline;
}

/*
p a {
  color:#009eeb;
  font-weight: normal;
  text-decoration: none;
}

p a:hover {
  color:#003366;
  font-weight: normal;
  text-decoration: underline;
}
*/

a.nostyle,
.colLeft .item a.nostyle {
  color:#333;
  font-size:12px;
  line-height:20px;
  font-weight:normal;
  text-decoration:none;
}

a.nostyle:hover,
.colLeft .item a.nostyle:hover {
  color:#333;
  font-size:12px;
  line-height:20px;
  font-weight:normal;
  text-decoration:underline;
}

/* ----------------
Headlines */

h1 {
  font-size:18px;
  line-height:20px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#009eeb;
}

h2 {
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#009eeb;
}

h3 {
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#009eeb;
}

h2 a,
h2 a:hover {
  color:#009eeb;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  text-decoration:none;
}

h2 a:hover {
  text-decoration:underline;
}

/* ----------------
Header */

.headerContainer .mask {
  position:absolute; 
  z-index:20; 
  width:970px; 
  height:415px; 
  background:url(/website/themes/inet/images/header.png) no-repeat 0 0; 
}

.headerContainer .image {
  position:absolute;
  overflow:hidden; 
  z-index:10; 
  top:15px; 
  left:15px;
  height:320px;
}

.headerContainer .bottom {
  position:absolute;
  z-index:30;
  bottom:0;
  left:15px;
  right:15px;
  color:#fff;
}

.headerContainer .bottom .nav {
  float:left;
  width:161px;
  margin:0 2px 0 0;
  min-height:71px;
  padding:45px 0 0 35px;
  cursor:pointer;
}

.headerContainer .bottom .nav:hover,
.headerContainer .bottom #navUseSelected,
.headerContainer .bottom #navProductsSelected,
.headerContainer .bottom #navServicesSelected {
  color:#006699;
}

.headerContainer .bottom .functionContainer {
  float:left;
  width:305px;
  min-height:71px;
  padding:40px 0 0 15px;
  position:relative;
  z-index:30;
}

.headerContainer .bottom #navUse {
  
}

.headerContainer .bottom #navUse:hover,
.headerContainer .bottom #navUseSelected {
  background:url(/website/themes/inet/images/rollover1.png) no-repeat 0 0; 
}

.headerContainer .bottom #navProducts,
.headerContainer .bottom #navProductsSelected  {
  width:167px;
}

.headerContainer .bottom #navProducts:hover,
.headerContainer .bottom #navProductsSelected {
  background:url(/website/themes/inet/images/rollover2.png) no-repeat 0 0;
}

.headerContainer .bottom #navServices {
  
}

.headerContainer .bottom #navServices:hover,
.headerContainer .bottom #navServicesSelected {
  background:url(/website/themes/inet/images/rollover3.png) no-repeat 0 0;
}

.headerContainer .bottom .pre {
  font-size:12px;
  font-weight:bold; 
}

.headerContainer .bottom .main {
  font-size:18px;
  font-weight:bold;
  text-transform: uppercase;  
}

.headerContainer .bottom .sub {
  font-size:11px;
  font-weight:normal;
  padding:2px 0 0 0;  
}

/* ----------------
Header Functions */

.functionContainer .item {
  float:left;
  width:100px;
}

.functionContainer .item img {
  cursor:pointer;
}

.functionContainer #search {
  width:70px;
}
  
.functionContainer #knowledgeBook {
  text-align: center; 
}

.functionContainer #download {
  width:120px;
  text-align:center;
}

.functionContainer #callme {
  width:80px;
  text-align: center;
  padding: 0 0 0 5px; 
}

.functionContainer #newsletter {
  width:80px;
  text-align: center;
  padding: 0 0 0 5px;   
}


.functionContainer .item div {
  /*text-align:center;*/
  padding:2px 0 0 0;
}

.functionContainer #search div {
  text-align:center;
  width:50px;
}

.functionContainer #download div {
  text-align:center;
}

.functionContainer #callme div {
  /*text-align:center;*/
  width:80px;
}

.functionContainer .item div a,
.functionContainer .item div a:hover {
  font-size:12px;
  line-height:20px;
  color:#fff;
  font-weight:bold;
}

/* ----------------
Search Box */

#searchbox {
  float: right;
  padding: 60px 0 0 0;
}

#searchbox .box {
  padding:0 0 0 0;
  position: relative;
  z-index: 30;
}

#searchbox .pre {
	color:#009EEB;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	padding:36px 0 5px 0;
}

#searchbox .box .field {
  float:left;
  width:175px;
  padding:0 8px 0 0;
}

#searchbox .box .field input {
  height:16px;
  width:140px;
  padding:4px 10px 0 25px;
  font-size:12px;
  line-height:16px;
  font-weight:bold;
  color:#cccccc;
  border:2px solid #999999;
}

#searchbox .box .button {
  position: absolute;
  top: 5px;
  left: 5px;
  cursor: pointer;
}

#livesearch {
  position:relative; 
  background:#fff; 
  color:#333; 
  z-index:50; 
  width:178px !important; 
  border:1px solid #ccc;
  border-top:0;
  left: 0 !important;
  top: 24px !important;
}

#livesearch ul {
  padding: 0;
  width:178px !important;
  overflow: hidden;
}

#livesearch li {
  padding: 5px; 
  width: 168px;  
}

#search_list li.selected,
#search_list li:hover {
  background:#efefef;
}

#livesearch li a,
#livesearch li a:hover {
  color:#003366;	
	text-decoration:none;
	padding: 0;
}

#livesearch .detailSearch {
  font-size:12px;
  padding:5px 10px 5px 10px;
  cursor:pointer;
  background-color:#efefef;
  text-align:center;
  color:#003366;
  border-top:1px solid #ccc;  
}

#livesearch td.icon {
  padding-right:5px;
}

table .info {
  padding: 5px;
}

/* ----------------
Logo */

.mainNavContainer .logo {
  position:absolute;
  width:140px;
  height:50px;
  top:20px;
  left:40px;
}

/* ----------------
Language */

.mainNavContainer .language {
  position:absolute;
  width:17px;
  height:11px;
  top:34px;
  right:20px;
}

/* ----------------
Navigation */

.mainNavContainer .nav {
  position:absolute;
  width:710px;
  right:0;
  top:30px;
  text-align:right;
}

.mainNavContainer ul {
  float:right;
  padding:0 30px 0 0;  
}

.mainNavContainer li {
  float:left;
}

.mainNavContainer li a {
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  color:#003366;
  text-decoration:none;
  text-transform:uppercase;
  padding:0 25px 0 0;
}

.mainNavContainer li a:hover {
  color:#009eeb;
  text-decoration:none;
}

.mainNavContainer li.selected a {
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  color:#009eeb;
  text-decoration:none;
  text-transform:uppercase;
}

.mainNavContainer li.selected a:hover {
  text-decoration:none;
}

/* ----------------
Special Subnavigation */

.bottom .nav .subNav {
  /*background:url(/website/themes/inet/images/rollover0.gif) no-repeat 0 0;*/ 
  background-color:#71c9f1;
  position:absolute; 
  z-index:50; 
  width:166px;
  padding:10px 10px 20px 20px;
  /*text-align:center;*/
}

.bottom .nav .subNav ul {
  padding:0;
  background-color:#71C9F1;  
}

.bottom .nav .subNav ul li {
  /*display:inline;*/
  /*padding:0 20px 0 20px;*/
  padding:10px 0 0 15px;
  background:url(/website/themes/inet/images/subnav_pointer.png) no-repeat 0 0;
}

.bottom .nav .subNav li a,
.bottom .nav .subNav li a:hover {
  color:#003366;
  font-size:12px; 
}

.bottom .nav .subNav li a:hover {
  color:#003366;
  text-decoration:underline;
}

.bottom .nav #subNavUse {
  display:none;
}

.bottom .nav #subNavProducts {
  display:none;
}

.bottom .nav #subNavServices {
  display:none;
}

.headerContainer .bottom #navUse:hover #subNavUse,
.headerContainer .bottom #navUseSelected:hover #subNavUse {
  display:block;
  left:0;
  bottom:85px;
}

.headerContainer .bottom #navProducts:hover #subNavProducts,
.headerContainer .bottom #navProductsSelected:hover #subNavProducts {
  display:block;
  left:198px;
  bottom:85px;
  width:172px;
}

.headerContainer .bottom #navServices:hover #subNavServices,
.headerContainer .bottom #navServicesSelected:hover #subNavServices {
  display:block;
  left:402px;
  bottom:85px;
}

/* ----------------
SubNavigation */

.subnav {
  width:220px;
  float:left;
  padding:0 40px 0 0;
}

.subnav ul {
  padding:2px 0 0 25px;  
}

.subnav li {

}

.subnav li .subMain {
  padding:0 0 10px 10px;     
}

.subnav li a,
.subnav li a:hover {
  font-size:13px;
  font-weight:bold;
  color:#009eeb;   
}

.subnav li a:hover {
  color:#003366; 
  text-decoration:none;
}

.subnav li.selected .subMain a {
  color:#003366; 
  text-decoration:none;
}  

.subnav li ul {
  padding:0 0 0 10px;
  border-top:1px solid #009eeb;
  margin:0 0 20px 0;
}

.subnav li ul li {
  padding:10px 0 0 20px;
  background:url(/website/themes/inet/images/subnav_pointer.png) no-repeat 5px 0;
}

.subnav li ul li a,
.subnav li ul li a:hover {
  padding:0;
  color:#003366;
  font-size:12px;
  margin:0;
}

.subnav li ul li a:hover {
  text-decoration:underline;
}

.subnav li ul li.selected {
  padding:10px 0 0 20px;
  background:url(/website/themes/inet/images/subnav_pointer_active.png) no-repeat 5px 0;
}

.subnav li ul li.selected a,
.subnav li ul li.selected a:hover {
  padding:0;
  color:#009eeb;
  font-size:12px;
  margin:0;
}

.subnav li ul li.selected a:hover {
  color:#009eeb;
  text-decoration:underline;
}

/* ----------------
Breadcrumb */

.templateContainer .breadcrumb {
  padding:10px 0 20px 35px;
  font-size:11px;
  font-weight:normal;
  line-height:20px;
  color:#999;
  float:left;
  width:454px;
}

.templateContainer .breadcrumb a {
  font-size:11px;
  text-decoration:none;
  font-weight:normal;
  padding:0 10px 0 10px;
  color:#999;
}

.templateContainer .breadcrumb a:hover {
  color:#009eeb;
  font-weight:normal;
  text-decoration:underline;
}

.templateContainer .breadcrumb a.home {
  padding:0 10px 0 0;
}

.templateContainer .breadcrumb a.selected {
  color:#009eeb;
}

/* ----------------
Print / Back */

.templateContainer .print {
  padding:10px 35px 20px 0;
  font-weight:normal;
  line-height:20px;
  float:right;
}

.templateContainer .rightSide .print {
  padding:10px 0 20px 0;  
}

.templateContainer .print a {
  
}

.templateContainer .print a:hover {
  
}

.templateContainer .print a.back,
.templateContainer .print a.back:hover {
  padding:0 20px 0 15px;
  background:url(/website/themes/inet/images/arrow_left.png) no-repeat 0 center;
}

/* ----------------
Content */

.templateContainer .content {
  float:left;
  width:645px;
  padding:0 35px 0 0;
}

.templateContainer .contentSitemap {
  padding: 0;
  width: 100%;	
}

.templateContainer .content .leftSide {
  float:left; 
  width:320px;
  padding:0 20px 20px 0;
}

.templateContainer .content .rightSide {
  background:url(/website/themes/inet/images/sidebar_gradient.png) no-repeat 0 0;
  width:270px; 
  float:left; 
  padding:0 0 20px 35px;  
  margin-top:-50px;
}

.templateContainer .content .sidebar h3 {
  padding:2px 0 8px 0;
}

.templateContainer .content .description {
  padding:0 0 10px 0;
}

/*
.templateContainer .content p a{
   color: #009EEB;
   font-weight: normal;
}
*/

.templateContainer .content p a:hover {
  color: #003366;
  text-decoration: underline;
}
  

.templateContainer .content ul {
  padding:0 0 10px 0;
  overflow:auto;
}

.templateContainer .content ul li {
  padding:0 0 0 20px; 
  line-height:20px;
  background:url(/website/themes/inet/images/li_pointer.png) no-repeat 2px 0;
}

.templateContainer .content ol {
  list-style-type:decimal;
  padding:0 0 10px 0;
  overflow:auto;
  padding-left:20px;
}

.templateContainer .content ol li {
  padding:0 0 0 0px;    
}

.overview .imgLeft {
  padding:0 20px 10px 0;
}

.templateContainer .content .imgLeft {
  padding:0 20px 10px 0;
}

.templateContainer .block {
  padding:0 0 10px 0;
}

.templateContainer .references .block {
  float: left;
  width: 200px;
  height: 77px;
  padding: 0 22px 20px 0;
}

.templateContainer .references .last {
  padding: 0 0 20px 0;
}

.templateContainer .references .block .image {
  position: relative;
  z-index: 20;
}

.templateContainer .references .block .description {
  background-color: #ffffff;
  width:160px;
  cursor: pointer;
  padding: 10px 20px;
  position: relative;
  z-index: 40;
}

.templateContainer .references .block .description p {
  padding: 0;
}

.templateContainer .references .block .description ul {
  padding: 0;
}

.templateContainer .references .block .description ul li {
  background: none;
  padding: 0;
}

.templateContainer .references .block div img {
  padding: 0;
  width: 200px;
  height: 77px;
}

/*
.templateContainer .block a {
  color: #009EEB;
  font-weight:normal;
}
*/

.templateContainer .block a:hover {
  color: #003366;
} 

.templateContainer .block div img {
  padding:0 0 10px 0;
}

.templateContainer .downloadBlock {
  padding:0 0 10px 0;
}

.content .mailfriend  {
  margin:10px 0 20px 0;
  text-align:center;
  width:154px;
}

.content .mailfriend img {
  margin:0 5px 0 0;
  vertical-align:bottom;
}

/* ----------------
Table */

table {
  border: 0px solid #999999;
}

table td {
  border-top: 1px solid #009EEB;
  padding: 5px;
  vertical-align: top;
}

table tr:first-child td {
  border-top: 0px;
}

table td:first-child {
}

/* ----------------
Content Overview */

.overview img {
  /*border:3px solid #ccc;*/
}

.overview .item {
  padding-bottom:20px;
}

.overview .description {
  padding:0 0 5px 0;   
}

/*
.overview .description a {
  color: #009EEB;
  font-weight: normal;
}

.overview .description a:hover {
  color: #003366;
  text-decoration: underline;
}
*/

.overview .col2 {
 clear:both;
  width:100%;  
}

.overview .col2 .item {
  padding-bottom:20px;
  width:300px;
}

.overview .col2 .left {
  float:left;
}

.overview .list {
  padding:0 0 20px 0;  
}

.overview .list .itemImg {
  padding:0 0 10px 0; 
}

.overview .list .itemImg .left {
  float:left;
  padding:0 20px 0 0;  
}

.overview .list .itemImg .right {
  float:left;
  padding:10px 0 0 0;  
}

.overview .list .item {
  padding:0;    
}

.overview .list a {
  font-weight:bold;
  text-decoration:none;
}

.overview .list a:hover {
  text-decoration:underline;
}

.overview h2 a,
.overview h2 a:hover {
  color:#009eeb;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  text-decoration:none;
}

.overview h2 a:hover {
  text-decoration:underline;
}

/* ----------------
Content Overview col3 */

.col3 .content {
  padding:0 25px 0 35px;  
}

.col3 .col {
  width:840px;
  padding:0 10px 0 30px  
}

.col3 .col a {
  color: #009eeb;
  font-weight: normal;
}

.col3 .col a:hover {
  color: #003366;
  text-decoration: none;
  font-weight: normal;
}

.col3 .col .item {
  width:260px;
  padding:0 20px 20px 0;
}

.col3 .col .img {
  padding-bottom:10px;
}

.col3 .description {
  padding:0 0 5px 0;   
}

.col3 h2 a,
.col3 h2 a:hover {
  color:#009eeb;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  text-decoration:none;
}

.col3 h2 a:hover {
  text-decoration:underline;
}


/* -----------------------
    Content Internal Links */

.internalLinks {
  padding:0 0 40px 0;
}

.internalLinks .item {
}

.internalLinks .item .icon {
}

.internalLinks .item .text {
}

/* ----------------
Content Gallery */

.galleryContainer {
  padding:0 0 20px 0;
}

.gallery {

}

.gallery .item {
  float:left;
  width:130px;
  height:130px;
  overflow:hidden;
  padding:0 20px 20px 0;
}

.gallery .item img {
  /*border:3px solid #fff;*/
}

.gallery #showAll {
  float:left;
  padding-top:117px;
}

/* ----------------
Content Documents */

.documents {
  padding:0 0 10px 0;
}

.downloadBlock .documents {
  padding-top:10px;
}

.documents .item {
  padding:0 0 10px 0;
}

.documents .item .icon {
  float:left;
  width:32px;
  padding-right:10px;
}

.documents .item .text {
  
}

.documents .item .text span {
  font-size:11px;
}

/* -----------------------
    Movies Definition */

.movies {
  margin: 10px 0 20px 0;
}

.movies .item {
  margin: 0 0 20px 0;
}


/* ----------------
Content Contact */

.contactContainer {
  
}

.person { 
  padding:0 0 20px 0;
}

.person .name {

}
	
.person .function {
  font-size:12px;
  line-height:20px;
}

.person .detail {
  padding:5px 0 0 0;
}

.person .detail .img {
  float:left;
  width:40px;
  padding:0 10px 0 0;
}

.person .detail .infos {
  font-size:12px;
  line-height:20px;
  float:left;
}

/* ----------------
Content Startpage */

.colLeft {
  /*width:565px;
  float:left;*/
  padding:40px 0 0 35px;
  /* background:url(/website/themes/inet/images/sidebar_gradient.png) no-repeat 630px 35px; */
}

.colRight {
  width:340px;
  float:right;
  margin:0;
  padding:20px 0 40px 0;
}

.colLeft .item {
  float:left;
  width:260px;
  padding:0 50px 40px 0;
}

.colLeft .last {
  padding:0 0 40px 0;
}

.colLeft .item .img {
  padding:0 0 5px 0;
}

.colLeft .item .description {
  padding:0 0 5px 0;
}

.colLeft .item a {
  font-weight:bold;
}

/* ----------------
Call Me Page */

.callme .content {
  padding:38px 0 0 0;
}

.callme .intro {
  padding:68px 0 0 35px;
}

/* ---------------
Contact Form */

.formContainer {
  padding:0 0 20px 0;
}

#succesbox {
  color:#333;
  font-size:14px;
  line-height:20px;
  /*border:3px solid #8C7E6D;*/
  /*padding:10px;*/
  margin:10px 0 10px 0;
  width:514px;
  /*background:#fff;*/
  font-weight:bold;  
}

#noticebox {
  color:#cc0000;
  font-size:14px;
  line-height:20px;
  /*border:3px solid #cc0000;*/
  /*padding:10px;*/
  margin:0 0 20px 0;
  width:514px;  
}

.formContainer input,
.formContainer select {
  border:3px solid #ccc;
	color:#333;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	padding:2px;	
  background-color:#fff;
}

.formContainer textarea {
  border:3px solid #ccc;
  color:#333;
  font-size:14px;
  font-weight:normal;
  line-height:20px;
  padding:2px;  
  background-color:#fff;
}

.formContainer .itemLeft {
  float:left;
  padding:0 10px 10px 0;
  width:270px;
}

.formContainer .itemRight {
  float:left;
  padding:0 0 10px 0;
  width:270px;
}

.formContainer .itemRow {
  padding:0 10px 10px 0;
  position: relative;
  z-index: 10;
}

.formContainer .itemProfileDescriptions {
  margin-bottom: 20px;
}

.formContainer .itemProfileDescriptions input{
  width: 530px;
}

.formContainer .itemRow input {
  margin:0 5px 0 0;
}

.formContainer .itemRow .itemSub {
  width: 155px;
  float: left;
}

.formContainer .itemRow .itemSubSmall {
  width: 140px;	
}

.formContainer .itemRow .itemSubSmallest {
  width: 115px; 
}

.formContainer .itemRow .itemSubMedium {
  width: 160px; 
}

.formContainer .itemRow .itemSubWide {
	width: 200px;
}

.formContainer .itemRow .inputBig {
  width: 530px;
}

.formContainer .itemRow .fakeUpload {
  background:url(/website/themes/inet/images/button_small.png) no-repeat 0 0;  
  cursor: pointer;
  position: relative;
  z-index: 5;
  width: 422px;
}

.formContainer .itemRow .fakeUpload input {
  float: left;
  border:3px solid #ccc;
  color:#333;
  font-size:14px;
  font-weight:normal;
  line-height:20px;
  padding:2px;  
  background-color:#fff;
}

.formContainer .itemRow .fakeUpload .bttnText {
  width:65px;
  height:24px; 
  background:url(/website/themes/inet/images/button_small.png) no-repeat 0 0;
  font-size:12px;
  font-weight:bold;
  line-height:20px;
  color: #00244d;
  text-align:center;
  padding:6px 0 0 0;
  cursor:pointer;
}

.formContainer .itemRow #attachment_1,
.formContainer .itemRow #attachment_2,
.formContainer .itemRow #attachment_3 {
  position: absolute; 
  top: 20px;
  left: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 10;
  border: 0;
  height: 31px;
}

.formContainer .itemRow #upload_1,
.formContainer .itemRow #upload_2,
.formContainer .itemRow #upload_3 {
  width: 142px;
  height: 21px;
}


/*For IE7 Radio Buttons, TODO BugFix */
.formContainer input[type=radio] {
  border: none;
  background-color: transparent;
}

.formContainer .itemLeft input,
.formContainer .itemRight input {
  width:250px;
}

.formContainer .itemLeft select,
.formContainer .itemRight select {
  width:260px;
}

.formContainer .item {
  padding:0 0 10px 0;
}

.formContainer .item input {
  width:530px;
}

.formContainer .item textarea {
  width:530px;
  height:90px;
}

.formContainer .itemLeft input.chbx,
.formContainer .itemRight input.chbx,
.formContainer .item input.chbx  {
  width:20px;
  background:none;
  border:none;
}

.formContainer .button {
  float:left;
}

.formContainer input.button {
  border:none;
  background-color:transparent;
  color:#00244D;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:20px;
	padding:0;   
}

.formContainer .requiredInfo {
  float:left;
  padding:6px 0 0 20px;
}

.missinginput,
.formContainer input.missinginput,
.formContainer select.missinginput,
.formContainer textarea.missinginput {
  border-color:#cc0000;
}

.missing {
  color: #cc0000;
}

/* ----------------
Login Box */

.login {
  background-color:#fff;
  width:305px;
  height:180px;
  padding:20px 0 0 35px;  
}

.login span {
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#009eeb;
}

.login .fields {
  padding:20px 0 20px 0;
}

.login .fields .field {
  float:left;
  padding:0 15px 10px 0;
  width:200px;
}

.login .fields .field input {
  height:20px;
  width:174px;
  padding:4px 10px 0 10px;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  color:#ccc;
  border:3px solid #ccc;
}

.login .fields .button {
  float:left;
}

/* ----------------
Newsletter registration */

.newsletter {
  /*padding:15px 0 0 35px; */
  padding:15px 0 0 0;
  text-align:center;
}

.newsletter span {
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#009eeb;
}

.newsletter .button {
  margin:10px auto 0 auto;
  text-align:left;
  padding-left:10px; 
  width:144px;  	
}

.newsletter a {
  font-weight:bold;
}

.newsletter .button img {
  vertical-align:bottom;
  margin:0 5px 0 0;
}

/* ----------------
RSS Feed */

.rss {
  /*padding:20px 0 0 35px;*/
  padding:20px 0 0 0;
  text-align:center;
}

.rss span {
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#009eeb;
}

.rss .button {
  margin:10px auto 0 auto;
  text-align:left;
  padding-left:10px; 
  width:144px;
}

.rss .button img {
  vertical-align:bottom;
  margin:0 5px 2px 0;
}

/* ----------------
Search Page */

.searchResultContainer {
  padding:0;
}

.searchResultContainer .header {
  padding:0 0 20px 0;;
}

.searchResultContainer .item {
  padding:0 0 20px 0;
}

.searchResultContainer .item img {
  float: left;
  padding: 0 20px 20px 0;
}

.searchResultContainer .item .title {
  font-size:16px;
}

.searchResultContainer .item .title a,
.searchResultContainer .item .title a:hover {
  font-size:16px;
}

.searchResultContainer .item .description {
  padding:0;
}

.searchResultContainer .item .url {
  font-size:11px;
  color:#666;
}

/* ----------------
Image Definitions */

.imgLeft {
  float:left;
}

.imgRight {
  float:right;
}

/* ----------------
Footer */

.footerContainer .left {
  float:left;
  font-size:10px;
  line-height:20px;
  color:#009eeb;
}

.footerContainer .right {
  float:right;
  font-size:10px;
  line-height:20px;
  color:#009eeb;
}

.footerContainer .left a {
  padding:0 0 0 20px;
  font-weight:bold;
  font-size:10px;
}

.footerContainer a img {
  vertical-align:bottom;
  margin:0 5px 2px 0;
}

.footerContainer .right a {
  padding:0 0 0 20px;
  font-weight:bold;
  font-size:10px;
}

.footerContainer a img {
  vertical-align:bottom;
  margin:0 5px 2px 0;
}

/* ---------------
Error Page */

.error {
  padding:40px 0 0 0;
  text-align:center;
  min-height:313px;
}

.error h1 {
  padding:20px 0 20px 0;
  font-size:40px;
  line-height: 48px;
}

.error p {
  text-align: left;
  width: 600px;
  padding-left: 185px;	
}


/* -----------------------
    Sitemap */

.sitemap .block {
  margin-top: 10px;
} 

.sitemap .block .levle1 a{
  display: block;
  margin:10px 0 5px 0;
  padding: 4px;
  text-transform:uppercase;
  font-size:14px;
  line-height: 16px;
  text-decoration:none;
  background-color: #BBBBBB;
}

.sitemap .block .item {
  margin-left: 40px;
  margin-bottom: 5px;
} 

.sitemap .block .item .levle2 a{
  font-size:14px;
  text-transform:uppercase;
}

.sitemap .block  .item .levle3 a {
  font-size:13px;
  font-weight:normal;
  text-transform:none;
}

.sitemap .block  .item .levle4 a {
  color: #666666;
  font-size:12px;
  font-weight:normal;
  text-transform:none;
}


/* ----------------
Font Weight */

.bold {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}

.lighter {
  font-weight:lighter;
}

.bolder {
  font-weight:bolder;
}

/* ----------------
Colors */

.black {
  color:#000;
}

.white {
  color:#fff;
}

.dark {
  color:#6c6c6c;
}

/* ----------------
Paddings */

.ptop10 {
  padding-top:10px;
}

.ptop20 {
  padding-top:20px;
}

.pbottom10 {
  padding-bottom:10px;
}

.pbottom20 {
  padding-bottom:20px;
}

.pleft10 {
  padding-left:10px;
}

.pleft20 {
  padding-left:20px;
}

.pright10 {
  padding-right:10px;
}

.pright20 {
  padding-right:20px;
}

.pright40 {
  padding-right:40px;
}

/* ----------------
Margins */

.mtop10 {
  margin-top:10px;
}

.mtop20 {
  margin-top:20px;
}

.mbottom10 {
  margin-bottom:10px;
}

.mbottom20 {
  margin-bottom:20px;
}

.mleft10 {
  margin-left:10px;
}

.mleft20 {
  margin-left:20px;
}

.mright10 {
  margin-right:10px;
}

.mright20 {
  margin-right:20px;
}

/* -----------------------
    Floats */

.left {
  float:left;
}

.right {
  float:right;
}

/* -----------------------
    Font Weight */

.bold {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}

.lighter {
  font-weight:lighter;
}

.bolder {
  font-weight:bolder;
}

/* -----------------------
    Colors */

.black {
  color:#000;
}

.white {
  color:#fff;
}

/* -----------------------
    Paddings */

.pTop10 {
  padding-top:10px;
}
.pTop20 {
  padding-top:20px;
}
.pBottom10 {
  padding-bottom:10px;
}
.pBottom20 {
  padding-bottom:20px;
}
.pBottom40 {
  padding-bottom:40px;
}
.pLeft10 {
  padding-left:10px;
}
.pLeft20 {
  padding-left:20px;
}
.pLeft40 {
  padding-left:40px;
}
.pRight10 {
  padding-right:10px;
}
.pRight20 {
  padding-right:20px;
}
.pRight40 {
  padding-right:40px;
}
.pRight60 {
  padding-right:60px;
}
.pRight80 {
  padding-right:80px;
}
.pRight100 {
  padding-right:100px;
}

/* -----------------------
    Margins */

.mTop10 {
  margin-top:10px;
}
.mTop20 {
  margin-top:20px;
}
.mTop40 {
  margin-top: 40px;
}
.mTop60 {
  margin-top: 60px;
}
.mBottom10 {
  margin-bottom: 10px;
}
.mBottom20 {
  margin-bottom: 20px;
}
.mBottom40 {
  margin-bottom: 40px;
}
.mBottom60 {
  margin-bottom: 60px;
}
.mLeft10 {
  margin-left:10px;
}
.mLeft20 {
  margin-left:20px;
}
.mRight10 {
  margin-right:10px;
}
.mRight20 {
  margin-right:20px;
}
.mRight60 {
  margin-right: 60px;
}

/* ----------------
Busy */

#searchIndicator {
  background: transparent url(/website/themes/inet/images/loader_small.gif) no-repeat center right;
  position: relative; 
  top: -22px; 
  left: 155px;
  width:20px;
  height:20px;
}

.busy,
.formContainer .busy,
.formContainer .button .busy {
  background: transparent url(/website/themes/inet/images/loader.gif) no-repeat center center;
  border:0;
  font-size:0;
}

/* --------
Overlay */

.overlay {
  width: 100%;
  position: fixed;
  background-color: #00244d;
  z-index: 100;
  bottom: 0;
  left: 0;
  text-align: left;
  color: #fff;
  margin: 0 2px;
}

.overlay p {
  padding: 10px;
  text-align: center;
}

.overlay a {
  font-weight: bold;
  color: #039ceb;
}

.overlay a:hover {
  color: #039ceb;
  text-decoration: underline;
}

.overlay .text {
  padding: 0 100px 0 40px;
  width: auto;
  vertical-align: center;
}

.overlay .closeOverlay {
  position: absolute;
  top: 10px;
  right: 40px;
  width: 20px;
  height: 20px;
  z-index: 110;
}

.closeOverlay a {
  /*background: url('/website/themes/inet/images/close.png') no-repeat right center;*/
  padding: 0 10px 0 0;
  font-weight: normal;
  color: #fff;
}

.closeOverlay a:hover {
  /*background: url('/website/themes/inet/images/close_blue.png') no-repeat right center;*/
  padding: 0 10px 0 0;  
  text-decoration: none;
}

/* ----------------
Mailchimp Newsletter */

#mc-embedded-subscribe-form legend {
  padding-bottom: 10px;
}

#mc-embedded-subscribe-form .indicate-required {
  padding-bottom: 10px;
  float: none;
}

.mc-field-group {
  float: left;
  width: 270px;
  padding: 0 10px 10px 0;
}

.mc-field-group label {
  display: block;
}

#mc-embedded-subscribe  {
  width: auto;
  float: left;
}

.mc-field-group input {
  border:3px solid #ccc;
  color:#333;
  font-size:14px;
  font-weight:normal;
  line-height:20px;
  padding:2px;  
  background-color:#fff;
  width: 250px;
  margin-bottom: 10px;
}

.mc-field-group select {
  width: 260px;
  border:3px solid #ccc;
  color:#333;
  font-size:14px;
  font-weight:normal;
  line-height:20px;
  padding:2px;  
  background-color:#fff;
  margin-bottom: 10px;
}

.input-group {
  float: left;
  width: 280px;
}

.input-group ul {
  padding: 0 !important;
}

.input-group ul li {
  float: left;
  padding: 0 !important;
  background: none !important;
  margin-right: 10px;
}

.input-group label {
  padding-left: 5px;
}

.input-group input,
.input-group label {
  float: left;
}

.input-group input {
  width: auto;
  padding: 0;
  margin-left: 0; 
}

.input-group-label {
  padding-top: 6px;
  padding-bottom: 5px;
}

.buttonSubscribe {
  float: left;
  width: 270px;
  padding: 0 10px 10px 0;
}

#mc-embedded-subscribe {
  width:154px;
  height:30px;
  background:url(/website/themes/inet/images/button_large.png) no-repeat 0 0;
  font-size:12px;
  font-weight:bold;
  line-height:20px;
  color: #00244d;
  text-align:center;
  cursor:pointer;
  padding: 0;
  border: none;
}

.large {
  width: 530px;
}

.large input {
  width: 530px;
}
