/* 
Title:		Master styles for screen media
Author: 	manfred@werkzeugH.at
*/

body {
background: #eee url('/mysite/images/hg_unterseite.gif') repeat-x;
margin: 0;
padding: 0;
}

body.Popup  {
  background:#000;
  background-image:none;
}

#wrapper {
background: #F6F6F6;
width: 964px;
position:relative;
}

#topnav {
padding: 8px 5px 0px 115px;
font-family: 'Droid Sans',helvetica,arial;  
color: #6C9BBC;
font-size:13px;
height:18px;
}

#content a[href$='.pdf'] {
display:inline-block;
padding-left:15px;
background:transparent url(/mysite/images/icon-pdf.gif) center left no-repeat;
}

.ProductPage #topnav {
  background:#F6F6F6;
  border-bottom:1px solid #fff;
  height:25px;
}

.ProductPage #floatinglogo {
  position:absolute;
  left:900px;
  top:70px;
}

.ProductPage #socialnav,
.ProductPage #langnav  {
  display:none;
}

#topnav a {
text-transform: uppercase;
color: #6C9BBC;
text-decoration: none;
padding: 0px 5px;
}


#langnav {
position:absolute;
background:#fff;
width:68px;
height:37px;
right:0px;
top:0px;
padding-left:5px;
}

#socialnav {
  position:absolute;
  right:70px;
  top:0px;
  height:37px;
  width:120px; 
  background:#fff; 
  text-align:right;
  padding-right:30px;
}

#topnav a.section,
#topnav a.current,
#topnav a:hover {
text-decoration:underline;
}

#header {
margin-top: 8px;
background: #8CC6F3;
position:relative;
}

.ProductPage #wrapper {
  background:none;
  margin-top:200px;
  width:1050px;
}

.ProductPage .typography h2 {
  color:#5091BF;
  font-size:17px;
  font-family: 'Droid Sans',helvetica,arial;  
  border-bottom: 1px dotted #444;
  padding-bottom:10px;
  padding-top:15px;
}

.ProductPage .typography h3 {
  font-size:12px;
  font-weight:bold;
}


.ProductPage #breadcrumb
{
  display:none;
}

.StartPage #header {
  height:232px;
}

#header h2 {
  position:absolute;
  width:640px;
  top:87px;
  left:360px;
  font-family: 'Droid Sans',helvetica,arial;  
  font-size:18px;
  font-weight:normal;
  color:white;
  text-transform:uppercase;
}

#header #topteaser {
  position:absolute;
  right:0px;
  top:0px;
  width:649px;
  height:232px;
}

#content {
font-family: verdana,arial,geneva;
color: #707273;
font-size: 9px;
}

#content .cols3 {
position: relative;
}


#footer {
font-size: 11px;
text-align: center;
color: #777;
padding: 10px;
margin-top:30px;
font-family:Verdana,Arial,sans-serif
}

#footer a:visited,
#footer a:link {
  color:#777;
  text-transform:uppercase;
}


#content #leftcol a {
font-weight: bold;
text-decoration: none;
color: #A8AAAE;
}

#content #leftcol a:hover {
font-weight: bold;
text-decoration: none;
color: #999;
}

#content #leftcol h3 {
  font-family: 'Droid Sans',helvetica,arial;  
  font-size:12px;
  font-weight:normal;
  color:#999;
  text-transform:uppercase;
}


#content_inner {
padding: 0px 10px 10px 10px;
}

#content #leftcol {
margin-left: 109px;
float: left;
width: 189px;
}


#content #leftcol .imgtext {
margin: 12px 0px;
font-size: 9px;
}

#content  #rightcol {
width: 250px;
top: 0px;
right: 0px;
position: absolute;
}

.ProductPage .CElement.UmaPicture img {
  border:none;
}

.ProductPage .CElement.UmaVideo img {
  border:none;
}

.NoProductPage #rightcol.typography p {
  margin: 7px 0px;
}

#content {
  margin-top:25px;
}

#content #maincol {
margin-left: 350px;
width: 300px;
}

.ProductPage #content #maincol {
margin-left: 50px;
width: 470px;
}


.ProductPage #content #rightcol {
margin-left: 10px;
width: 470px;
}

#breadcrumb {
margin: 10px 0 10px 350px;
}
#breadcrumb a {
   color:#4C86B1;
  text-decoration:none;
}

#content #leftcol #leftnav {
 margin: 10px 0px;
}

#content #leftcol #leftnav a {
color: #666;
text-decoration: none;
display: block;
margin: 15px 0px 5px 0px;
font-weight: bold;
}

#content #leftcol #leftnav a.current,
#content #leftcol #leftnav a.section,
#content #leftcol #leftnav a:hover
 {
color: #7EAAD4;
}

#content #leftcol #leftnav .submenuwrapper {
}

#content #leftcol #leftnav .submenu2wrapper {
  margin-left:10px;
}
#content #leftcol #leftnav .submenuwrapper .submenu2wrapper a {
  background: none;
}



#content #leftcol #leftnav .submenuwrapper a {
  font-weight:normal;
  text-decoration:underline;
  display:block;
  padding-left:15px;
  margin:5px 0px;
  background: url('../images/leftnav_marker.png') no-repeat 1px 2px;
}

#content #leftcol #leftnav .submenuwrapper a.current,
#content #leftcol #leftnav .submenuwrapper a.section,
#content #leftcol #leftnav .submenuwrapper a:hover
 {
 color: #7EAAD4;
 text-decoration:none;
 font-weight:bold;
}

#slideshowlinks a {
display: none;
}
#slideshowlinks a.pos1 {
display: block;
}

#content h1 {
  font-family: 'Droid Sans',helvetica,arial;  
  font-size:17px;
  font-weight:normal;
  text-transform:uppercase;
  color:#739DCD;
}

#content .NoProductPage #rightcol h3 {
  font-family: 'Droid Sans',helvetica,arial;  
  font-size:12px;
  font-weight:normal;
  color:#999;
  text-transform:uppercase;
}

#content .NoProductPage #rightcol h2 {
  font-size:12px;
  color:#999;
  margin:10px 0px;
}


/*startpage ----------------------------------- */

#startpagemain {
  width:734px;
  margin:10px auto;
  position:relative;
  overflow:hidden;
}

#startpagemain .column {
  float:left;
  width: 197px;
  margin-left:59px;
}


#startpagemain .column .PreTitle {
  font-family: 'Droid Sans',helvetica,arial;  
  font-size:12px;
  color:#999;  
  margin-top:10px;
  margin-bottom:20px;
}

#startpagemain .column .PreTitle .icon
{
  position:relative;
  top:5px;
}

#startpagemain .column .imgdiv {
  margin:10px 0px;
}


#startpagemain .column.first {
  margin-left:0px;
}


#startpagemain .bottomteasers {
  border-top:1px solid #B3B4B4;
  margin-top:10px;
  padding-top:10px;
}

#startpagemain .column table tr td {
  border-bottom:1px solid #B3B4B4;
  padding:5px 2px;
}

#startpagemain .column table tr:last-child td {
  border-bottom:none;
}


/*substartpage ----------------------------------- */


.SubStartPage #content #maincol {
  width:600px;
  margin-top:30px;
}

.SubStartPage .column {
  float:left;
  width: 280px;
  margin-left:35px;
}

.SubStartPage .column h2.main {
  color:#6195C5;
  margin:12px 0px 15px 0px;
  font-family: 'Droid Sans',helvetica,arial;  
  font-size:18px;
  font-weight:normal;
  text-transform:uppercase;
}


.SubStartPage .column.first {
  margin-left:0px;
}


.CElement.UmaPicture  {
 text-align:center;
}

.CElement.UmaPicture  .imagetext {
  font-weight:bold;
  color:#A8AAAE;
}

.CElement.UmaPicture img {

border:1px solid #444;
  
}

.CElement.UmaVideo img {

border:1px solid #444;
  
}


/* misc. --------------------------------------------- */

.alphafix {
 behavior: url('/mysite/thirdparty/transparency/iepngfix.htc')
}

hr, .hide {
 display: none;
}
a img {
 border: none;
}

/* self-clear floats */

.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}