@charset "utf-8";
/* general.css */

@media screen, handheld {

* {
margin:0;
padding:0;
}

html {
height:100%;
margin-bottom:1px;
}

#outer {
width:882px;
margin:0 auto;
padding:0 0 50px 0;
}

/** header **/
#header {
position:relative;
width:auto;
height:170px;
}

#logo {
position:absolute;
right:0px;
top:0px;
}

#logo a {
border:none;
display:block;
}

#logo h1 {
display:none;
}

#lang-select {
position:absolute;
right:93px;
width:100px;
top:105px;
}

#lang-select ul {
list-style:none;
}

#lang-select ul li {
list-style:none;
float:left;
display:inline;
margin:0 4px 0 0;
}

#lang-select ul li a,
#lang-select ul li a:visited,
#lang-select ul li a:active {
text-decoration:none;
color:#FFF;
background:#757d85;
font-size:9px;
line-height:18px;
width:18px;
text-align:center;
display:block;
}

#lang-select ul li a:hover,
#lang-select ul li a:focus,
#lang-select ul li a.current {
background:#0073bb;
}

/** nav-container **/
#nav-container {
padding:45px 0 0 20px;
width:630px;
position:relative;
}

/** main **/
#main {
width:auto;
padding:0 15px 0 20px;
position:relative;
}

#main-wide {
width:auto;
padding:0 15px 0 20px;
position:relative;
background:url(../images/bg_main-wide.gif) right repeat-y;
}

#sidebar {
float:right;
width:180px;
position:relative;
}

#content-text {
width:auto;
margin:0 180px 0 390px;
text-align:left;
padding:0px 20px 30px 20px;
}

#content-text-wide {
width:395px;
/*margin:0 180px 0 390px;*/
margin:0 0 0 390px;
text-align:left;
padding:0px 20px 30px 20px;
}

#content-left {
float:left;
width:380px;
}

#content-wide {
width:auto;
margin:0 210px 0 0;
padding:0px 0px 0 20px;
}

#content-spalte1 {
    float: left;
    width: 395px;
}

#content-spalte2 {
    float: right;
    width: 395px;
    padding: 28px 0 0 0;
}


a.myimage img {
border: none;
margin: 0 0 4px 0;
}

a.myimage {
    background-image:url(../images/lupe.gif);
    background-repeat: no-repeat;
    padding: 0 0 12px 0;
    background-position: right bottom;
    display: inline-block;
}


/** Menu 1 **/
ul.menu-1 {
list-style:none;
}

ul.menu-1 li {
list-style:none;
float:left;
display:inline;
}

ul.menu-1 li a,
ul.menu-1 li a:visited,
ul.menu-1 li a:active {
text-decoration:none;
float:left;
color:#757d85;
font-size:12px;
line-height:12px;
height:12px;
padding:1px 5px 0 5px;
vertical-align:baseline;
}

ul.menu-1 li a:hover,
ul.menu-1 li a:focus,
ul.menu-1 li a.current {
color:#0073bb;
}

/** Menu 2 **/
ul.menu-2 {
margin: 6px 0 0 0;
}

ul.menu-2 li {
list-style:none;
float:left;
display:inline;
}

ul.menu-2 li a,
ul.menu-2 li a:visited,
ul.menu-2 li a:active {
text-decoration:none;
color:#757d85;
font-size:11px;
line-height:11px;
height:11px;
padding:2px 5px 0 5px;
white-space:nowrap;
}

ul.menu-2 li a:hover,
ul.menu-2 li a:focus,
ul.menu-2 li a.current {
color:#0073bb;
}

.divider {
height:13px;
background:url(../images/nav-divider.gif) bottom no-repeat;
width:1px;
}

#subnav {
position:absolute;
top:57px;
left:20px;
padding:3px 0 0 0;
border-left:1px solid #919191;
}

/** Clearfix **/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
display:block;
}
/* End hide from IE Mac */

* html .clearfix {
height:1%;
}

.floatbox {
overflow:hidden;
}

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

#dio-lens{
    border:1px solid #919191;
    z-index: 10000;
}

#dio-sensor{
    z-index: 11000;
    cursor:crosshair;
}

#dio-loader{
    background:#fff url('../images/preloader.gif') no-repeat center 40px;   
    text-indent:-30000px;
}

}

@media all {

html {
font-size: 100.01%
}

body {
text-align:left;
color:#757d85;
font-family:Arial, Helvetica, sans-serif;
font-size:76%;      /* = 12px */
background:#FFF;
}

a:focus {
    outline: none;
}

/** links **/
#main a,
#main-wide a {
text-decoration:underline;
color:#757d85;
}

#main-wide a:hover,
#main a:hover {
color: #006ab3;
text-decoration:underline;
}

#main ul li {
list-style-position: outside;
list-style-image: url(../images/content_li.gif);
margin: 0 0 0 14px;
line-height:1.4em;
font-size:0.90em;
}

#main ul {
    margin: 0 0 20px 0;
}

/** common  **/
sub, sup {
  line-height: 0px;
  font-size: 70%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
    
h1 {
font-size:1.0em;
line-height:1.4em;
margin:0 0 1em 0;
text-align: left;
}

h2 {
font-size:0.95em;
font-weight:bold;
line-height:1.2em;
margin:0 0 1em 0;
}

p {
font-size:0.90em;
line-height:1.4em;
margin:0 0 1.4em 0;
}

#content-text ul {
    margin: -14px 0 0 0;
}

#content-text ul li {
font-size:0.90em;
text-align: left;
list-style-type:disc;
list-style-position:outside;
margin: 0 0 0 14px;
}


#home-images {
    height: 350px;
}

#home-small {
    margin: 35px 0 0 0;
    position: relative;
}

#home-small img {
    border: none;
}


p.details-link-back {
    text-align: right;
}

#sidebar-technologien h1 {
margin: 0 0 4px 0;
}

#sidebar-technologien ul li {
list-style-image:none;
list-style-type: none;
margin: 0 0 0.4em 0;
line-height: 1.2em;
}

#sidebar-technologien ul li a:hover {
text-decoration: underline;
} 


#form-kontakt .clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:left;
    visibility:hidden;
}
#form-kontakt .clearfix {display:inline-block;}
/* Hide from IE Mac \*/


#form-kontakt  .contactRow {
    margin:4px 0;
}

#form-kontakt label {
    display:block;
    float:left;
    width:120px;
    padding: 4px 0 0 0;
font-size:0.90em;
line-height:1.4em;  
}

#form-kontakt {
    padding: 0px;
    border: 0px solid #CCCCCC;
}

#form-kontakt input {
    width: 240px;   
    background: #FFFFFF;
    margin: 0;
    border: 1px solid #CCCCCC;
    height: 16px;
font-size:0.90em;
    padding: 0.2em 0.1em 0.1em 0.1em;
}

#form-kontakt textarea {
    width: 240px;   
    background: #FFFFFF;
    margin: 0;
    border: 1px solid #CCCCCC;
    height: 120px;
    font-size: 0.9em;
    padding: 0.1em;
    font-family: Arial, Helvetica, sans-serif;
}

#form-kontakt .checkbox {
    width: 20px;
    height: 20px;
    padding: 4px 0 0 0;
    margin: 0;
}

#form-kontakt .plz {
    width: 52px;
    margin-right: 5px;
}

#form-kontakt .ort {
    width: 175px;
}

#form-kontakt input:focus, #form-kontakt textarea:focus  {
    background: #eef3f9;    
}

#form-kontakt select {
    width: 290px;   
    background: #FFFFFF;
    margin: 0;
    border: 1px solid #CCCCCC;
    padding: 0.1em;
    font-size: 0.9em; 
}

#form-kontakt select:focus {
    background: #b6d0e1;    
    color: #000000;
}

#form-kontakt .button {
    background: #006ab3;
    color: #FFFFFF;
    border: 0;
    padding: 0px 2px 2px 2px;
    font-size: 1em;
    font-weight: normal;
    width: 100px;
    height: 20px;
}

#form-kontakt .button:focus {
    background: #006ab3;    
}

#form-kontakt span.stern {
    color: #006ab3; 
}

#form-kontakt #contactFormSubmit {
    padding: 0 0 0 0px;
}

table td {
    font-size: 0.9em;
}

table td p {
    font-size: 1.0em;
}

#huy-magnifier {
    width:300px;
    height:200px;
    border:1px solid #000;
}

img.magnify {
    width: 350px;
}

img.flagge {
    border: none;
    margin: 0 10px 10px 0;
}

p.pager {
    text-align: right;
}

span.bildunterschrift {
    padding: 5px 0 0 0;
}

}


@media print {

body {
font-size:11pt;
color:#000;
padding: 10px;
}


#logo h1 {
display:none;
}

#logo img {
margin-bottom:20pt;
}

h1, h2, h3, h4 { 
page-break-after:avoid; 
color:#000;
}

#main a,
#main-wide a {
color:#000;
}

#content-left { 
float:left;
margin: 0 15px 0 0;
}

#search,
#navbar,
#sidebar,
#sitenav,
#lang-select,
#nav-container {
display:none;
}
 

}