/* General settings */
body {
    font-family: Verdana;
    line-height: 1.25;
}

* {
    font-family: verdana;
}

html, body {
height: 100%;
width: 100%;
}

body, html, div, object, p, ul, li, table, tr, td, dl, dt, a, input, select, img, form, dd, dd p {
margin: 0;
padding: 0;
}

body {
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
background-color: #edf3ef;
color: #414d58;
}

h1 {
font-family: "pill-gothic-300mg", "Arial Narrow", Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 32px;
margin: 20px 0 0 0;
color: #3B4147;
}

h2 {
font-family: pill-gothic-300mg, Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 20px;
margin: 4px 0 8px 0;
color: #3B4147;
}

p {
margin: 0 0 16px 0;
}

a, a:link, a:visited {
color: #ff6300;
text-decoration: none;
font-weight: normal
}

a:hover, a:active, a.active {
text-decoration: none;
font-weight: normal;
color: #ed6d05;
}

a img {
border: none;
}

ul, ol {
padding: 0;
margin: 10px 0 16px 16px;
}

ul>li {
margin-bottom: 10px;
}

ul li {
margin-bottom: 10px;
}

ol>li {
margin-bottom: 10px;
list-style: decimal outside;
}

ol li {
margin-bottom: 10px;
list-style: decimal outside;
}

/* Individual settings */

#maincontainer {
position: relative;
width: 963px;
margin: 0 auto; /*Center container on page*/
margin: 0 auto 0 0;
}

#header {
min-height: 290px;
position: relative;
background: url(../images/header_bg.jpg) 0 0 no-repeat;
}

#uid3 #header {
background: none;
}

#uid3 #headergrafik {
height: 480px;
width: 963px;
overflow: hidden;
border-bottom: 1px solid #edf3ef;
z-index: 0;
}

#uid3 #headergrafik div {
display: none;
position: absolute;
top: 0;
left: 0;
height: 480px;
z-index: 99;
}

#slidetabs {
position: absolute;
z-index: 100;
top: 440px;
left: 0;
height: 31px;
width: 534px;
background-color: #fff;
filter: alpha(opacity=85);
-moz-opacity: 0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
padding: 9px 0 0 429px;
}

#slidetabs a {
display: block;
z-index: 101;
width: 15px;
height: 21px;
float: left;
color: #414d58;
background-color: transparent;
filter: alpha(opacity=100);
-moz-opacity: 1.00;
-khtml-opacity: 1.00;
opacity: 1.00;
padding-left: 450px;
font-family: "Arial Narrow", Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 18px;
padding: 1px 0 0 7px;
}

#slidetabs a.current, .sliedetabs a:hover {
background-color: #ff6300;
color: #fff;
}

#logo {
position: absolute;
z-index: 102;
top: 38px;
left: 38px;
}

#navimain {
position: absolute;
z-index: 103;
top: 98px;
left: 0px;
list-style-type: none;
list-style-position: inside;
margin: 5px 0;
}

#navimain li {
display: block;
margin: 0 0 1px;
}

#navimain li a {
display: block;
color: #49606D;
font-size: 18px;
line-height: 20px;
padding: 6px 6px 6px 40px;
width: 200px;
font-family: pill-gothic-300mg;
}

#navimain li.act a,
#navimain li:hover a {
background-color: #49606D;
color: #fff;
}

#navimain ul {
margin: 0;
}

#navimain ul li a {
padding-left: 55px;
font-size: 14px;
line-height: 17px;
width: 185px;
}

#content, #contentstart {
position: relative;
}

#content-Downloadportal {
  position: relative;
  left: 150px;
  width: 200px;
  height: 120px;
  border: 3px solid green;
}

#teaser_halb{
width: 481px;
height: 240px;
float: left;
}

#news_latest {
width: 481px;
height: 240px;
float: left;
  display:none; /*besser wÃ¤re Teaserelement zu deaktivieren*/
}

#teaser_halb {
margin-right: 1px;
}

#news_latest {
background-color: #ff6300;
color: #fff;
}

#news_latest h2 {
color: #fff;
}

#news_latest a, #news_latest a:link, #news_latest a:visited, #news_latest a:hover, #news_latest a:active {
text-decoration: none;
color: #fff;
}

#footer {
margin: 24px 0 0 0;
height: 240px;
}

#footer div {
float: left;
background-color: #fff;
height: 240px;
padding: 20px 0 0 0;
}

#footerleft, #footerright {
width: 240px;
}

#footermiddle {
width: 481px;
}

#footerleft, #footermiddle {
margin-right: 1px;
}

#footerleft p, #footermiddle p, #footerright p {
margin: 0 0 0 20px;
}

#navimeta {
list-style-type: none;
list-style-position: inside;
margin: 0 0 0 20px;
}

#navimeta li {
margin-bottom: 0px;
}

/* Classes */

.clear {
display: block;
clear: both;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
line-height: 0px !important;
float: none !important;
}

.teaser_halb {
position: relative;
display: block;
width: 481px;
height: 240px;
overflow: hidden;
background: none;
}

.teaser_halb .wrapper {
position: absolute;
top: 15px;
left: 0;
background-color: #49606d;
width: 60%;
padding: 5px 0 0 7%;
}

.teaser_halb .heading2 {
font-family: pill-gothic-300mg;
font-size: 18px;
font-weight: 400;
line-height: 20px;
color: #fff;
}

.teaser_halb .link {
line-height: 23px;
}

.startcolumn {
float: left;
width: 481px;
height: 481px;
overflow: hidden;
position: relative;
}

.startcolumn img, .startcolumn h1, .startcolumn h2 {
position: absolute;
}

.startcolumn h1 {
left: 20px;
top: 0px;
margin: 16px 0 4px 0;
}

.startcolumn h2 {
left: 20px;
top: 45px;
}

.startcolumn a {
position: absolute;
left: 20px;
bottom: 20px;
display: block;
width: 431px;
height: 18px;
padding: 2px 0 0 10px;
background-color: #ff6300;
}

.startcolumn a, .startcolumn a:link, .startcolumn a:visited, .startcolumn a:hover, .startcolumn a:active {
color: #fff;
text-decoration: none;
font-weight: normal;
}

.startcolumn a:hover {
cursor: pointer;
}

.startfirst {
margin-right: 1px;
}

.box_ganz {
width: 963px;
overflow-x: hidden;
position: relative;
}

.box_ganz img, .headergrafik img {
display: block;
}

.box_ganz div.rechts {
position: absolute;
left: 504px;
top: 65px;
width: 420px;
}

.box_ganz div.links {
position: absolute;
left: 20px;
top: 65px;
width: 420px;
}

.box_ganz h1 {
font-size: 32px;
line-height: 35px;
margin: 0 0 0 -2px;
}

.box_ganz h2 {
font-size: 18px;
line-height: 21px;
margin: 18px 0 5px 0;
}

.referenz {
width: 963px;
overflow-x: hidden;
}

.referenz img, .referenz div.referenz_rechts {
float: left;
}

img.referenz_links {
margin-top: 46px;
width: 481px;
height: 240px;
overflow: hidden;
}

.referenz div.referenz_rechts {
padding-left: 23px;
width: 420px;
overflow-x: hidden;
}

.referenz_rechts h1 {
font-size: 32px;
line-height: 32px;
margin: 2px 0 40px 0;
}

.referenz_rechts h2, .referenz_rechts h3 {
font-size: 12px;
line-height: 16px;
font-weight: bold;
margin: 0;
}

.referenz_rechts h3 {
font-style: italic;
}

.referenz_rechts img {
margin: 0 20px 20px 0;
}

.floater {
position: absolute;
z-index: 9999;
}

.column {
float: left;
overflow-x: hidden;
padding: 20px 15px 20px 20px;
background-color: #e2edeb;
}

.column h2 {
margin-bottom: 0px;
}

.first, .second {
width: 285px;
margin-right: 1px;
}

.third {
width: 286px;
}

.containerbox_ganz {
width: 963px;
height: 240px;
border-top: 1px solid #3b4147;
border-bottom: 1px solid #3b4147;
background-color: #3b4147;
}

.containerbox_ganz a.eins, .containerbox_ganz a.zwei, .containerbox_ganz a.drei, .containerbox_ganz a.vier {
float: left;
width: 240px;
height: 240px;
}

.containerbox_ganz a.eins, .containerbox_ganz a.zwei, .containerbox_ganz a.drei {
margin-right: 1px;
}

.teaser_viertel {
display: block;
width: 200px;
height: 200px;
padding: 20px;
overflow: hidden;
background: #fff url(../images/mouseout_bg.jpg) center center no-repeat;
}

.teaser_viertel:hover {
background: #fff url(../images/mouseover_bg.jpg) center center no-repeat;
cursor: pointer;
}

body#uid17 a.eins .teaser_viertel { background: #fff url(../images/piktogramm_feature_uebersicht_1.png) center center no-repeat; }
body#uid17 a.eins .teaser_viertel:hover { background: #fff url(../images/piktogramm_feature_uebersicht_2.png) center center no-repeat; }
body#uid17 a.zwei .teaser_viertel { background: #fff url(../images/piktogramm_feature_messbar_1.png) center center no-repeat; }
body#uid17 a.zwei .teaser_viertel:hover { background: #fff url(../images/piktogramm_feature_messbar_2.png) center center no-repeat; }
body#uid17 a.drei .teaser_viertel { background: #fff url(../images/piktogramm_feature_freiformerkennung_2.png) center center no-repeat; }
body#uid17 a.drei .teaser_viertel:hover { background: #fff url(../images/piktogramm_feature_freiformerkennung_1.png) center center no-repeat; }
body#uid17 a.vier .teaser_viertel { background: #fff url(../images/piktogramm_feature_sdk_1.png) center center no-repeat; }
body#uid17 a.vier .teaser_viertel:hover { background: #fff url(../images/piktogramm_feature_sdk_2.png) center center no-repeat; }

body#uid18 a.eins .teaser_viertel { background: #fff url(../images/piktogramm_feature_einfache-bedienung_1.png) center center no-repeat; }
body#uid18 a.eins .teaser_viertel:hover { background: #fff url(../images/piktogramm_feature_einfache-bedienung_2.png) center center no-repeat; }
body#uid18 a.zwei .teaser_viertel { background: #fff url(../images/piktogramm_feature_barcodeerkennung_1.png) center center no-repeat; }
body#uid18 a.zwei .teaser_viertel:hover { background: #fff url(../images/piktogramm_feature_barcodeerkennung_2.png) center center no-repeat; }
body#uid18 a.drei .teaser_viertel { background: #fff url(../images/piktogramm_feature_zeitersparnis_1.png) center center no-repeat; }
body#uid18 a.drei .teaser_viertel:hover { background: #fff url(../images/piktogramm_feature_zeitersparnis_2.png) center center no-repeat; }
body#uid18 a.vier .teaser_viertel { background: #fff url(../images/piktogramm_feature_basicpro_1.png) center center no-repeat; }
body#uid18 a.vier .teaser_viertel:hover { background: #fff url(../images/piktogramm_feature_basicpro_2.png) center center no-repeat; }

.teaser_viertel .heading2 {
display: block;
font-family: pill-gothic-300mg;
font-size: 18px;
line-height: 20px;
color: #49606D;
margin-bottom: 10px;
}

/* tt_news */

.news-list-item-left {
float: left;
width: 481px;
}

.news-list-date {
font-size: 14px;
line-height: 16px;
font-weight: bold;
padding: 65px 0 0 40px;
float: none;
}

.news-list-item-right {
float: right;
margin: 33px 0 0 21px;
width: 460px;
}

.news-list-item-right h1 {
font-size: 32px;
line-height: 36px;
}

.news-latest-date {
font-size: 12px;
line-height: 16px;
font-weight: bold;
}

.news-latest-item {
padding-bottom: 0;
}

.news-latest-item h2 {
font-family: pill-gothic-300mg;
color: #fff;
font-size: 18px;
line-height: 20px;
margin: 5px 0 15px 0;
}

.news-latest-item h2 a {
font-weight: bold !important;
}

.news-latest-item p {
margin: 0;
}

.news-latest-more {
line-height: 20px;
}

.news-latest-gotoarchive {
background-color: transparent;
margin: 15px 0 0 0;
padding: 0 3px;
}

.news-latest-more a, .news_latest-more a:link, .news_latest-more a:visited, .news_latest-more a:hover, .news_latest-more a:active,
.news-latest-gotoarchive a, .news_latest-gotoarchive a:link, .news_latest-gotoarchive a:visited, .news_latest-gotoarchive a:hover, .news_latest-gotoarchive a:active {
color: #414d58 !important;
text-decoration: none !important;
font-weight: normal !important;
}

hr.clearer {
height: 0px !important;
border: none;
}
