/* general.css */

@media screen, handheld {

* {
border:0;
margin:0;
padding:0;
}

body {
background:#FFF url(../upload/corporate/bg_body.jpg) repeat-x;
overflow: -moz-scrollbars-vertical;
}

#page-outer {
width:926px;
margin:0 auto;
position:relative;
}

#page {
width:auto;
}


/** header **/
#header {
width:auto;
height:114px;
}

#logo {
}

#logo a {
border:none;
}

#logo h1 {
display:none;
}

#sitenav {
position:absolute;
right:15px;
bottom:10px;
font-size:11px;
color:#000;
text-align:right;
}

#sitenav a {
text-decoration:none;
color:#000;
}

#sitenav a:hover {
text-decoration:underline;
}

/** banner **/
#banner {
width:auto;
height: 164px;
overflow: hidden;
}

/** navigation **/
#nav-container {
width:auto;
height:26px;
border-top:1px solid #fff;
background:#8c8a8a;
}

ul#nav {
margin:0 0 0 0px;
padding:0;
list-style:none;
}

ul#nav li {
list-style:none;
border-left:1px solid #cdcdcd;
margin:0;
float:left;
display:inline;
padding:0;
}

ul#nav li a,
ul#nav li a:focus,
ul#nav li a:active {
display:block;
text-decoration:none;
color:#fff;
float:left;
display:inline;
font-size:12px;
line-height:26px;
height:26px;
margin:0;
padding:0 12px 0 13px;
}

ul#nav li a:hover,
ul#nav li a.current {
background:#d50008;
}

/** main **/

#main {
clear:both;
position:relative;
}

/** subnavbar **/
#subnavbar {
float:left;
width:208px;
padding:18px 0 190px 0;
}

/** subnav **/
ul#subnav {
margin:0;
padding:0;
list-style:none;
}

ul#subnav li {
list-style:none;
padding:0;
margin:1px 0 0 0;
}

/** LEVEL 1 **/  
ul#subnav li a,
ul#subnav li a:focus,
ul#subnav li a:visited,
ul#subnav li a:active {
display:block;
text-decoration:none;
font-size:12px;
line-height:16px;
font-weight:bold;
margin:0;
width:176px;
color:#000;
padding:5px 10px 6px 22px;
background:url(../upload/corporate/bg_punktlinie.gif) bottom repeat-x;
}

ul#subnav li a:hover,
ul#subnav li a.current {
color:#d50008;
}

ul#subnav li a.last {
background:none;
}

/** LEVEL 2 **/
ul#subnav ul {
padding:0 0 0 0;
}

ul#subnav li ul li a,
ul#subnav li ul li a:focus,
ul#subnav li ul li a:active {
display:block;
text-decoration:none;
color:#000;
font-size:12px;
font-weight:normal;
line-height:16px;
width:162px;
margin:0;
padding:5px 10px 6px 36px;
background:url(../upload/corporate/bg_punktlinie.gif) bottom repeat-x;
}

ul#subnav li ul li a:hover,
ul#subnav li ul li a.current {
color:#d50008;
}

#zertifikate {
position:absolute;
left:0;
bottom:1px;
}

/** content **/
#content {
width:auto;
margin:0 0 0 209px;
padding:18px 20px 20px 20px;
min-height: 400px;
}

.floatbox {
width:auto;
overflow:hidden;
border:1px solid #8c8a8a;
padding:15px 15px 0 15px;
background:#e1e1e1;
margin:0 0 15px 0;
}

.content-col-left {
float:left;
width:145px;
padding:0 0 15px 0;
}

.content-col-right {
width:auto;
margin-left:160px;
}

/** footer **/
#footer {
height:25px;
width:auto;
background:url(../upload/corporate/bg_punktlinie.gif) top repeat-x;
padding:0 0 20px 0;
clear:both;
}

#footer-inner {
width:auto;
height:50px;
line-height:50px;
text-align:center;
color:#000;
font-size:11px;
}

#footer-inner a {
color:#000;
text-decoration:none;
}

#footer-inner a:hover {
text-decoration:underline;
}

table.referenzen {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
margin: 0 0 15px 0;
}

table.referenzen td {
padding: 4px;
border-bottom: 1px solid #CCCCCC;
}

table.referenzen td.plz {
	width: 80px!important;
	font-weight: bold!important;
}

table.referenzen td.stadt {
	width: 120px!important;
}

table.referenzen td.typ {
	width: 200px!important;
}

table.referenzen tr:hover {
background: #EEEEEE;
color: #d50008;
}


/** GLOBAL CLASSES **/
.clear {
clear:both;
height:0;
line-height:0;
font-size:0;
}

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


@media all {

html {
font-size: 100.01%
}

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

/** links **/
#content a, #content a:visited, #content a:active {
text-decoration:underline;
color:#000000;
}

#content a:hover {
text-decoration:underline;
color: #d50008;
}

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

/** COMMON  SETTINGS **/
h1 {
font-size:1.4em;
line-height:1.2em;
margin:0 0 0.5em 0;
color:#d50008;
}

h2 {
font-size:1.2em;
line-height:1.8em;
font-weight:bold;
margin:0 0 5px 0;
}

h2.title {
font-size:1.1em;
line-height:1.8em;
font-weight:bold;
margin:0 0 0px 0;
}

p {
font-size:1em;
line-height:1.6em;
margin:0 0 1.2em 0;
}

#content ul {
    margin: 0 0 15px 0;
}

#content ul li {
list-style-type: square;
list-style-position: outside;
margin: 0 0 0 15px;
line-height: 1.6em;
}

#content ol li {
list-style-position: outside;
margin: 0 0 0 15px;
line-height: 1.6em;
}

/** teaser **/
.content-teaser {
overflow:hidden;
}

.content-teaser-img {
float:left;
width:122px;
padding-bottom:12px;
}

.content-teaser-img img {
border: none;
}

.content-teaser-text {
width:auto;
margin-left:132px;
}

table.kontakt {
    background: #FFFFFF;
    padding: 8px;
    margin: 12px 0 12px 0;
    border: 1px solid #EEEEEE;
}

table.kontakt td {
padding: 8px;
font-size: 11px;
}

table.tabelle {
    background: #FFFFFF;
    padding: 8px;
    margin: 0 0 12px 0;
    border: 1px solid #CCCCCC;
}

table.tabelle img {
    margin: 0 12px 0 0;
}

table.tabelle-team {
    background: none;
    padding: 8px;
    margin: 0 0 12px 0;
    border: 1px solid #CCCCCC;
}

table.tabelle-team img {
    margin: 0 12px 0 0;
}

img.image-with-border {
    border: 1px solid #CCCCCC;
}

div.kasten {
    border: 1px solid #CCCCCC;
    padding: 8px;
}

div.form-kasten {
	width: 500px;
    border: 1px solid #CCCCCC;
    padding: 8px;
	margin: 0 0 10px 0;
}

/** KONTAKTFORMULAR **/

#form-kontakt  .contactRow {
    margin:4px 0;
	font-size: 0.92em;
}

#form-kontakt .mytype {
    margin: 0 0 20px 0;
}

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

#form-kontakt label.abstand-links {
	display:block;
    float:left;
    width:90px;
    padding: 4px 0 0 25px;
    font-size:1em;
    line-height:1.4em;  	
}

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

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

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

#form-kontakt .checkbox {
    width: 18px;
	border: 1px solid  #CCCCCC;
    padding: 0px 0 0 0;
    margin: 0px 0 0 0;
}

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

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

#form-kontakt .stk {
    width: 20px;
}

#form-kontakt .typ {
    width: 300px;
}

#form-kontakt .volumen {
    width: 80px;
}

#form-kontakt .programme, #form-kontakt .einsatzwagen, #form-kontakt .anmerkungen {
    width: 565px;
}

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

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

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

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

#form-kontakt .button:hover {
	background: #d50008;
}

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

#form-kontakt span.stern {
    color: #d60008; 
	font-weight: bold;
}

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

#form-kontakt .clearfix2:after {
    content:".";
    display:inline;
    height:0;
    clear:left;
    visibility:hidden;
}

#form-kontakt .clearfix2 {
    display: block;
}

}


/** PRINT **/

@media print {

body {
font-size:12pt;
}

#logo h1 {
display:none;
}

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

#banner,
#footer,
#sitenav,
#nav-container,
#subnavbar {
display:none;
}

.content-col-left {
float:left;
padding:0;
margin:0 15px 15px 0;
}

}