* {
margin: 0;
padding: 0;
list-style: none;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", arial, sans-serif;
font-weight: normal;
}

html, body {
min-height: 100%;
height: 100%
}

html {
font-size: 75%;
line-height: 1.7em;
}

body {
background-color: #F04C00;
}

body .hideme {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
text-indent: -9999em;
}

#body h1.hideme {
margin: 0;
padding: 0;
}

a:link,
a:visited {
color: #EFEBE7;
}

a:focus,
a:hover,
a:active {
text-decoration: none;
color: white;
}

form, fieldset {
border: 0;
}


/* ------------------------------ Header */

#header {
background-color: #EFEBE7;
height: 9.3em;
}

#header img {
position: absolute;
top: 1.9em;
left: 56px;
border: none;
}

#header object {
position: absolute;
top: 0.9em;
left: 44px;
}


/* ------------------------------ Navi */

ul#navi {
position: absolute;
left: 330px;
top: 7.4em;
}

#header ul li {
position: relative;
font-size: 9px;
float: left;
text-transform: uppercase;
letter-spacing: 1px;
margin-right: 1.7em;
cursor: default;
}

#header ul li a:link,
#header ul li a:visited {
color: black;
text-decoration: none;
}

#header ul li a:focus,
#header ul li a:hover,
#header ul li a:active,
#header ul li:hover span {
text-decoration: none;
color: #F04C00;
color: #A83602
}

#header ul span.active,
#header ul li.active {
color: #A83602
}

#header ul ul,
ul#sidenavi {
display: none;
position: absolute;
bottom: 2em;
left: 0;
padding-bottom: 9px;
width: 14.7em;
}

#header ul li:hover ul {
display: block;
}

#header ul ul li,
#sidenavi ul li {
line-height: 2em;
display: block;
background: url(../img/trenner-navi.gif) left bottom repeat-x;
width: 100%;
}

#header ul li li a,
#sidenavi li a {
display: block;
cursor: pointer;
}

div#sidenavi {
position: absolute;
top: 7.6em;
left: 68em;
}

div#sidenavi h2 {
text-indent: -1000em;
height: 15px;
width: 20px;
background: url(../img/pfeil-ro.gif) 0 0 no-repeat;
}

div#sidenavi ul {
display: none;
position: absolute;
width: 10em;
bottom: 0;
left: 0;
padding-bottom: 2.2em;
}

div#sidenavi:hover ul {
display: block;
}

/* ------------------------------ Pictureline */

#pictureline {
background-color: #182121;
height: 111px;
overflow: hidden; /* fuer Opera */
}

#pictureline img {
margin-left: 20px;
}

/* ------------------------------ Bodybereich */

#body {
position: relative;
margin: 4.5em 0 0 90px;
width: 62em;
border-bottom: 5em solid #F04C00;
background: url(../img/trenner_orange.gif) 67.3% 0 repeat-y;
z-index: 2;
}

.leistungen #body {
border-bottom: 5em solid #424A52;
}

#body * {
color: #EFEBE7;
}

#body p {
margin-bottom: 1.4em;
}

#body h1 {
font-size: 2em;
margin-bottom: 0.5em;
text-transform: uppercase;
}

#body h1.line1 { 
background-repeat: no-repeat;
height: 28px;
text-indent: -1000em;
}

#body h2 {
font-size: 1.4em;
margin-bottom: 1.2em;
text-transform: uppercase;
}

#body h2.line1 { 
background-repeat: no-repeat;
height: 20px;
text-indent: -1000em;
}

#body h2.line2 { 
background-repeat: no-repeat;
height: 40px;
text-indent: -1000em;
}

#body h3 {
font-size: 1em;
font-weight: bold;
margin-bottom: 0.3em;
}

#body ul {
margin-bottom: 1.5em;
}

#body ul li {
display: block;
padding-left: 1.2em;
line-height: 1.4em;
margin-bottom: 0.3em;
background: url(../img/bulletwhiteorange.gif) 0.2em 0.5em no-repeat;
}

.author {
font-style: italic;
}

#maincontent {
float: left;
width: 37.5em;
padding-right: 4em;
overflow: hidden;
}

h1#info {
color: #424A52;
position: static;
clear: both;
}

dl dt {
font-weight: bold;
}

dl dd {
margin-bottom: 1.7em;
}

#body h2.auszeichnung {
font-size: 1.2em;
text-transform: none;
margin: 0.5em 0;
font-weight: bold;
}

div.listcolumns ul {
width: 50%;
float: left;
}

.illurechts {
float: right;
margin-left: 2em;
}

p.left {
float: left;
width: 44%;
padding-right: 2em;
}

.right {
margin-left: 53%;
}

.bottomspace {
margin-bottom: 1.5em;
}


/* ------------------------------ Startpage */

.startpage #body {
background: none;
overflow: hidden;
}

.startpage #maincontent {
width: 47em;
padding: 0;
}

.startpage #maincontent div {
width: 20.1em;
margin-right: 3em;
padding: 1.2em 0 0.35em 0;
float: left;
background: url(../img/trenner_orange_quer.gif) 0 0 repeat-x;
min-height: 197px;
}

.startpage #maincontent .clear {
clear: both;
float: none;
width: 100%;
margin: 0;
padding: 0;
background: none;
height: 0;
min-height: 0;
overflow: hidden;
}

.startpage #maincontent div p {
margin-bottom: 0.3em;
}

.startpage #maincontent div h2 {
text-transform: none;
font-size: 1.2em;
margin-bottom: 0.3em;
line-height: 1.3em;
}

.startpage #maincontent div h2 a {
font-weight: bold;
}


.startpage #maincontent div h2 a:link,
.startpage #maincontent div h2 a:visited {
text-decoration: none;
}

.startpage #maincontent div h2 a:focus,
.startpage #maincontent div h2 a:hover,
.startpage #maincontent div h2 a:active,
.startpage #maincontent div a:focus,
.startpage #maincontent div a:hover,
.startpage #maincontent div a:active {  
text-decoration: underline;
color: white;
}

.startpage #maincontent div img {
float: left;
margin: 0.1em 1em 0.2em 0;
}



/* ------------------------------ Newsliste */


.newslist #maincontent div {
padding: 1em 0 2.5em 0;
}

.newslist #maincontent div p {
margin: 0 0 0.3em 80px;
}

.newslist #maincontent div h2 {
text-transform: none;
font-size: 1.2em;
margin: 0 0 0.6em 0;
line-height: 1.3em;
}

.newslist #maincontent div h2 a {
font-weight: bold;
}

.newslist #maincontent div h2 a:link,
.newslist #maincontent div h2 a:visited {
text-decoration: none;
}

.newslist #maincontent div h2 a:focus,
.newslist #maincontent div h2 a:hover,
.newslist #maincontent div h2 a:active,
.newslist #maincontent div a:focus,
.newslist #maincontent div a:hover,
.newslist #maincontent div a:active {  
text-decoration: underline;
color: white;
}

.newslist #maincontent div img {
float: left;
margin: 0.1em 1em 0.2em 0;
}

.newsfromlist {
border-bottom: 1px solid #EFEBE7;
margin-bottom: 1.2em;
}

/* ------------------------------ Einzelnews */

.singlenews #maincontent h1 {
text-transform: none;
font-size: 1.6em;
}

.singlenews p.teaser {
font-weight: bold;
}

.singlenews #maincontent img {
float: left;
margin: 0.4em 1em 0.2em 0;
}

/* ------------------------------ Leistungen */

body.leistungen {
background-color: #424A52;
}

.leistungen #body {
  margin-top: 7.8em;
  background-image: url(../img/trenner_grau.gif);
}

p#channel {
  width: 300px;
  height: 50px;
  position: absolute;
  top: -67px;
  left: -50px;
  z-index: 0;
  text-indent: -1000em;
  background-repeat: no-repeat;
}

body.leistungen #body ul li {
  background-image: url(../img/bulletwhitegrau.gif);
}


/* ------------------------------ Anfahrtsskizze */

.anfahrt #maincontent {
width: 40.4em;
padding: 0;
}

#body #anfahrtsskizze {
float: right;
width: 226px;
padding-left: 1.5em;
margin-right: -2.9em;
background: url(../img/trenner_orange.gif) 0 0 repeat-y;
}

#body #anfahrtsskizze h2 {
position: static;
width: 226px;
margin: 0;
}

#body #anfahrtsskizze li {
margin-top: 0.6em;
background: url(../img/download.gif) 0 80% no-repeat;
padding-left: 1.8em;
}

/* ------------------------------ Kontaktformular */

input, select, label, textarea, button {
display: block;
border: 0;
}

input, select, textarea {
background: #EFEBE7;
}

label, button {
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: -0.3em;
}

select, input, textarea {
margin-bottom: 0.5em;
}

#body option {
color: #182121;
padding: 0 0 0 0.4em;
}

#body select {
color: #182121;
font-size: 0.9em;
padding: 0.1em 0 0 0;
width: 20.7em;
}

#body input {
font-size: 0.9em;
padding: 0.1em 0.4em;
width: 19.8em;
color: #182121;
}

#body textarea {
font-size: 0.9em;
line-height: 1.5em;
font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
padding: 0.1em 0.4em;
width: 19.8em;
color: #182121;
height: 10em;
}

button {
background: #182121;
padding: 0.2em 2em;
margin-bottom: 2em;
}

/* ------------------------------ Sidebar */

#extracontent {
margin-left: 43em;
width: 18.5em;
}

.startpage #extracontent {
margin-left: 46.7em;
position: relative;
}

.quicklink {
padding-top: 0;
}

.quicklink a {
display: block;
text-indent: -100em;
margin-left: 3px;
width: 120px;
height: 16px;
overflow: hidden;
background: url(headlines/quicklink-showroom.gif) 0 -16px no-repeat;
}

#extracontent p.showroom a { background-image: url(headlines/quicklink-showroom.gif); margin-top: 2.5em;}
#extracontent li.newsarchiv a { background-image: url(headlines/quicklink-newsarchiv.gif); }
#extracontent li.newsarchive a { background-image: url(headlines/quicklink-newsarchive.gif); }
#extracontent li.projektportal a { background-image: url(headlines/quicklink-projektportal.gif); }
#extracontent li.projectportal a { background-image: url(headlines/quicklink-projectportal.gif); }
#extracontent p.demovideo a { background-image: url(headlines/quicklink-demovideo.gif); }

.quicklink a:focus,
.quicklink a:hover,
.quicklink a:active {
background-position: 0 0;
}

ul#nav-showroom,
ul#nav-extrastuff {
width: 15em;
padding: 1.2em 0 0 0;
overflow: hidden;
background: url(../img/trenner_orange_quer.gif) 0 0 repeat-x;
position: absolute;
top: 28px;
left: -15px;
margin: 1em;
}

ul#nav-extrastuff {
top: 243px;
}

ul#nav-showroom li,
ul#nav-extrastuff li {
background-image: none;
padding: 0.35em 0;
}

ul#nav-showroom li {
height: 40px;
overflow: hidden;
padding: 0.2em 0 0.2em 0;
}

ul#nav-showroom li li {
position: static;
}

ul#nav-showroom li span {
position: absolute;
top: 40px;
left: 200px;
text-indent: -999em;

}

ul#nav-showroom li a {
display: block;
width: 177px;
height: 40px;
background: url(headlines/pop-branding.png) 0 -45px no-repeat;
text-indent: -999em;
}

ul#nav-showroom li a:focus,
ul#nav-showroom li a:hover,
ul#nav-showroom li a:active {
background-position: 0 0;
}

ul#nav-showroom ul.hidemychildren li {
display: none;
margin-bottom: 0;
padding-bottom: 0;
}

ul#nav-showroom ul.hidemychildren {
margin: 0;
padding: 0;
}

ul#nav-showroom ul.hidemychildren li.first-child,
ul#nav-showroom ul.hidemychildren li:first-child {
display: block;
}

.sidebox {
position: relative;
background: #EFEBE7;
border: 2px solid #182222;
padding: 2.6em 0 0 0;
}

#body .sidebox h1,
#anfahrtsskizze h2 {
position: absolute;
left: -2px;
top: -2px;
width: 24.7em;
text-align: center;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
background: #182222 url(../img/orangeecke_lo.gif) 0 0 no-repeat;
}

#body .sidebox h1 span,
#anfahrtsskizze h2 span {
display: block;
margin-left: 10px;
padding-right: 10px;
background: #182222 url(../img/orangeecke_ro.gif) top right no-repeat;
}

#body .sidebox li {
background: none;
padding-left: 2.2em;
}

#body .sidebox li a:link,
#body .sidebox li a:visited {
text-decoration: underline;
color: #182222;
}

#body .sidebox li a:focus,
#body .sidebox li a:hover,
#body .sidebox li a:active,
#body .sidebox li.active {
color: #A83602;
text-decoration: none;
}


/* ------------------------------ Footer */

#footer {
font-size: 0.9em;
margin: 0 0 0 90px;
padding: 0.3em 0 2em 0;
clear: both;
border-top: 1px solid #EFEBE7;
text-align: center;
width: 68.4em;
color: #EFEBE7;
}

#TB_window #TB_title {
padding: 5px 13px 5px 15px;
margin: 0;
overflow: hidden;
}

#TB_window #TB_ajaxWindowTitle {
display: none;
}

#TB_closeWindowButton {
float: right;
background: url(../img/button_close.png) 0 0 no-repeat;
height: 17px;
width: 17px;
overflow: hidden;
text-indent: -1000px;
}

body #TB_ajaxContent #film {
position: relative;
z-index: 15;
}