/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#444;background:#FFF;overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#444;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin-bottom:1em;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #444;padding:.5em; vertical-align:top;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* Copyright (c) 2010 mmh kommunikationsagentur GmbH */
a,a:active,a:visited{color:#607890;}a:hover{color:#036;}.clear{clear:both;zoom:1;}.clear.hidden{visibility:hidden;width:1;height:1;overflow:hidden;} @media print{html,legend{color:#000;}pre,blockquote,tr,img{page-break-inside:avoid;}thead{display:table-header-group;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}th,td{border-color:#000;}}

/* Page styles, copyright (c) 2011 mmh kommunikationsagentur GmbH */
html {
    height:100%;
    background-color:#1f2022;
    background-image:url(img/bg1.png);
    background-repeat:repeat-x;
    background-position:50% 425px;;
}
body {
    min-height:100%;
    background-image:url(img/bg2.jpg);
    background-repeat:no-repeat;
    background-position:50% 425px;
    text-align:center;
    font-size:70%;
    font-family:Tahoma,Arial,sans-serif;
    font-weight:100;
    line-height:180%;
}
h1 {
    color:#87888a;
    font-size:120%;
}
h2 {
    font-size:120%;
    margin-bottom:0.5em;
}
a, a:active, a:visited { color:white; }
a:hover { color:#c90825; }
#pagetop {
    background-color:white;
    height:425px;
    text-align:center;
}
#header {
    width:713px;
    margin:0 auto 10px auto;
    padding:10px 0;
    border-bottom:1px solid #bfbfbf;
    position:relative;
    text-align:left;
}
#nav {
    margin:0;
    display:block;
    position:absolute;
    bottom:5px;
    right:0;
    text-align:right;
    font-size:110%;
    list-style-type:none;
    width:530px;
    height:2em;
}
#nav li {
    display:inline;
    list-style-type:none;
}
#nav li {
    display:inline-block;
    text-align:right;
    width:6em;
    list-style-type:none;
}
#nav li a {
    text-decoration:none;
    color:black;
    text-transform:uppercase;
}
#nav li a:hover, #nav li.active a { font-weight:bold; }
#nav li.company { width:9em; }
#nav li.production { width:7em; }
#nav li.products { width:6.5em; }
#nav li.contact { width:6em; }
#nav li.current { width:5.5em; }

#pagetitle {
    width:713px;
    margin:0 auto 30px auto;
    position:relative;
    z-index:1;
    text-align:left;
}
#pagetitle img {
    width:713px;
    position:relaive;
    top:0;
    left:0;
    z-index:2;
}
#subnav {
    position:absolute;
    width:155px;
    height:145px;
    right:0;
    top:80px;
    z-index:3;
    background-color:white;
    text-align:left;
    padding:20px 10px 10px 10px;
}
#subnav ul {
    display:block;
    position:absolute;
    z-index:5;
    bottom:10px;
    left:10px;
    margin:0;
}
#subnav ul li { display:block; }
#subnav ul a {
    text-decoration:none;
    font-weight:bold;
    color:#87888a;
}
#subnav ul a:hover, #subnav ul li.active a { color:black; }
#subnav h1 { font-size: 110%; line-heigh: 11px; margin: 0; padding: 0; }
#subnav img { width:155px; margin-top:10px; }
#subnav a.more { position:absolute; bottom:5px; right:10px; color:black; }
#content {
    width:713px;
    margin:-70px auto 0 auto;
    text-align:left;
    padding-bottom:10px;
    color:white;
    min-height:100px;
}
#content img { border:1px solid white; }
#footer {
    width:713px;
    margin:0 auto;
    clear:both;
    height:40px;
    position:relative;
    border-top:1px solid white;
    text-align:left;
}
#permalinks {
    display:block;
    width:550px;
    position:absolute;
    bottom:10px;
    left:0;
    color:white;
    margin:0;
}
#permalinks li { display:inline; }
#permalinks a {
    color:white;
    text-decoration:none;
}
#permalinks a:hover { text-decoration:underline; }
#langselect {
    display:none;
    width:150px;
    position:absolute;
    bottom:10px;
    right:0;
    text-align:right;
    margin:0;
}
#langselect li { display:inline; }

.column { float:left; margin:0 15px; }
.column.first { margin-left:0; }
.column.last { margin-right:0; }
.column.double { width:341px; }
.column.double.first { margin-right:16px; }
.column.tripple { width:217px; }
.column.tripple.first { margin-right:16px; }

.more {
    display:block;
    float:right;
    color:white;
    text-decoration:none;
    font-weight:bold;
}
.more:hover { text-decoration:underline; color:white; }

.spacer { height:80px; overflow:hidden; visibility:hidden; }
.spacer.small { height:30px; }

.headline {
    position:relative;
    height:3.7em;
    overflow:hidden;
    margin-bottom:10px;
}
.headline h1 { margin:0; position:absolute; bottom:0; left:0; }

#timeline {
    margin-top:24px;
    position:relative;
    z-index:49;
}
#timeline img {
    position:relative;
    top:0;
    left:0;
    z-index:50;
    border:none;
}
#timeline a {
    display:block;
    position:absolute;
    background-color:#c90825;
    width:9px;
    height:9px;
    overflow:hidden;
}
#timeline a:hover, #timeline a.active { background-color:black; }
#timeline a span { display:none; }

.clear { clear:both; }

table.noborder td, table.noborder th { border:none; }

#content img.noborder { border:none; }

.field { clear:left; }
.field label {
    display:block;
    width:13em;
    float:left;
    margin-bottom:5px;
    font-weight:bold;
}
.field input.text, .field textarea {
    background:none;
    border:1px solid white;
    padding:2px 5px;
    float:left;
    margin-bottom:5px;
    color:white;
}
.field input.text { width:25em; }
.field textarea { width:38em; height:10em; }
.field input.submit {
    color:white;
    background:none;
    border:none;
    font-weight:bold;
    margin:1em 0 0 29em;
    cursor:pointer;
}

ul.error {
    border:1px solid red;
    background-color:white;
    padding:10px;
    margin:0 0 10px 0;
    display:block;
    width:38em;
}
ul.error li { display:block; color:red; }

.floatright { float:right; }
.floatleft { float:left; margin: 0 20px 10px 0}

.right { text-align:right; }
.left { text-align:left; }

#recommendtokenfield { display:none; }

/* IE Fixes */
body.ie .column.first { margin-right:14px; }
body.ie .column.last { margin-left:14px; }

body.ie6 #nav li, body.ie7 #nav li { display:inline; }
body.ie6 #nav li a, body.ie7 #nav li a { display:inline-block; }
body.ie6 #nav li a.company, body.ie7 #nav li a.company { width:9em; }
body.ie6 #nav li a.production, body.ie7 #nav li a.production { width:7em; }
body.ie6 #nav li a.products, body.ie7 #nav li a.products { width:6.5em; }
body.ie6 #nav li a.contact, body.ie7 #nav li a.contact { width:6em; }
body.ie6 #nav li a.current, body.ie7 #nav li a.current { width:5.5em; }

body.ie6 #subnav { right:-1px; }