/**
 * Screen
 *
 * @author Cornelius Hansjakob <cha@massiveart.com>
 * @version 1.0
 */


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

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

html {
  padding:12px; 
  background-color:#fff;
  min-height:100%;
}

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;
}

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;
}

.divModusContainer {
  display:none;
}

.wrapper {
  margin:0 auto;
  width:98%;
  text-align:left;
}

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

.headerContainer {
  position:relative; 
  width:970px; 
  height:415px;
  display:none;
}

.templateContainer {
  padding:00;
}

.wrapper {
  padding:0 15px 0 15px;
}

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

/* ----------------
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;
}

.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;
}

#bttnRecommendation {
  display:none;
}

/* ----------------
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;
}

/* ----------------
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; 
  z-index:10; 
  top:15px; 
  left:15px;
}

.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;
}

.headerContainer .bottom .nav:hover {
  color:#006699;
}

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

.headerContainer .bottom #navUse {
  
}

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

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

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

.headerContainer .bottom #navServices {
  
}

.headerContainer .bottom #navServices:hover {
  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 {
  
}

.functionContainer #search {
  width:50px;
}

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

.functionContainer #callme {
  width:50px;
}

.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:50px;
}

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

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

#searchbox {
  background-color:#fff;
  left:0;
  padding:0 45px 0 35px;
  position:absolute;
  top:136px;
  width:260px;
  z-index:30;
  height:230px;
  display:none;
}

#searchbox .box {
  padding:5px 0 0 0;
}

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

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

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

#searchbox .box .button {
  float:left;
}

/* ----------------
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:50px;
}

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

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

.mainNavContainer ul {
  float:right;
  padding:0 60px 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;  
}

.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 {
  display:block;
  left:0;
  bottom:85px;
}

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

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

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

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

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

.subnav li {
  
}

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

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

.subnav li ul {
  padding:0 0 0 10px;
  border-top:1px solid #009eeb;
  margin:7px 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 {
  color:#009eeb;
  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;
  display:none;
}

.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;
  display:none;
}

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

.templateContainer .print a {
  
}

.templateContainer .print a:hover {
  
}

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

.templateContainer .content {
  float:none;
  width:98%;
  padding:0;
  margin:0;
}

.templateContainer .content .leftSide {
  float:left; 
  width:49%;
  padding:0 5% 0 0;
}

.templateContainer .content .rightSide {
  background:url(/website/themes/inet/images/sidebar_gradient.png) no-repeat 0 0;
  width:44%; 
  float:right;  
}

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

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

.templateContainer .content ul {
  padding:0 0 10px 20px;
  list-style: disc;  
}

.templateContainer .content ul li {
  padding:0 0 0 10px;  
  line-height:20px;
  background:none;
}

.templateContainer .content ol {
  list-style:decimal;
  padding:0 0 10px 25px;
}

.templateContainer .content ol li {
    
}

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

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

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

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

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

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

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

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

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

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

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

.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;
  width:98%; 
}

.col3 .col {
  padding:0;  
}

.col3 .col .item {
  width:29%;
  padding:0 3% 0 0;
}

.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 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;
}

.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;
}

/* ----------------
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;
}

.colRight {
  width:340px;
  float:right;
  margin:20px 0 0 0;
  background-color:#fff;
  padding:0 0 60px 0;
}

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

.colLeft .item .pic {
  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;
}

/* ---------------
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 .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;
}

.formContainer .button {
  float:left;
}

.formContainer .button input {
  
}

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

.missinginput,
.formContainer input.missinginput,
.formContainer select.missinginput,
.formContainer textarea.missinginput {
  border-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;
}

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

.newsletter .button {
  margin:10px 0 10px 0;	
}

.newsletter a {
  font-weight:bold;
}

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

.rss {
  padding:40px 0 0 35px;
}

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

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

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

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

.imgLeft {
  float:left;
}

.imgRight {
  float:right;
}

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

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

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

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

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

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

.error {
  padding:40px 0 0 50px;
}

/* ----------------
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:5%;
}

/* ----------------
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;
}