body {margin:1px;padding:0px 0 0px 0; background: #fff; color: #4c4c4c; font-size:85%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1.3em}

#inner {background: transparent url(../images/bg-inner.png) top left repeat-x}


h1 {}
h2 {margin: 0; padding:5px 0 22px 1px;font-size: 250%;font-weight: normal;color: #cbdb2a}
h3 {margin: 0; padding: 0 0 1px;font-size:130%;}
p {margin: 0; padding: 0 0 18px 0;font-size:95%;color: #4c4c4c;}
object, embed {outline:0;}
a, a:link, a:visited {color: #89941e; text-decoration: underline;}
a:active, a:hover, a:focus {color: #4c4c4c; text-decoration: underline}

img {border: 0 none;}
.hideme {position: absolute; left: -9999px; top: -9999px;}

.clearleft {clear:left; margin:0;padding:0; font-size: 0; line-height: 0; width:0; height:0;}
.clearright {clear:right; margin:0;padding:0; font-size: 0; line-height: 0; width:0; height:0;}

.middle {width: 967px; margin: 0 auto;}

/* HEADER */
.logo {padding: 47px 30px 29px;}
.header {font-size:0; line-height:0;padding:0 0 43px;background: transparent url(../images/bg-header.png) bottom center no-repeat;height:327px}
.header img {border:1px solid #fff;margin:0 auto;display:block}
.header object, .header embed {margin:0 auto;display:block}

/* CONTENT */
#content {border: 1px solid #b8b8ba;-moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff;margin-bottom: 55px;}
.contentInner {padding: 24px 0 19px 31px;}
.about {width: /*510px*/ 630px;padding-right: 17px; float:left;}
.about p {margin: 0; padding: 0 0 18px 0;font-size:95%;color: #4c4c4c;}
#content .about p.einleitung {font-weight: bold;font-size:95%;}

/* Content - Newsletter */
.news {float:left;font-size:85%;width: /*320px*/200px;background: transparent url(../images/bg-notified.gif) top left no-repeat;padding: 43px 36px 107px 51px}
.news h3 {color: #fff;padding: 0 0 19px 0;font-size:155%;background: #cbdb2a;font-weight: normal;}
.news p {color: #000;line-height: 1.5em;padding: 0 0 23px}

/* form */
form {margin:0;padding:0;}
fieldset {border: none;margin:0;padding:0;}
legend {display: none;}
input {border:1px solid #fff; background: #fff; color:#999; font-size:170%; width:299px;padding: 3px 10px;margin:0 0 18px;}
input.button {border: none; background: transparent; width:auto; padding:0;text-align:right; float:right;}

/* Screencasts */
#screencasts {padding: 0 8px 19px 28px;margin-bottom: 36px; border-bottom: 6px solid #cbdb2a;}
#screencasts ul {list-style-image: none; list-style-type: none; list-style-position: outside; display: block;}
#screencasts li {float: left; display:inline; width:430px; margin: 0 24px 0 0; position: relative;}
#screencasts a.thumb {float: left; display:block; border: 1px solid #ddd;}
#screencasts a.thumb img {display:block;}
#screencasts a.thumb:hover span {display: block; position: absolute; top:1px; left:1px; width: 219px; height: 124px; background: transparent url(/images/playButton.png) no-repeat center center;}
#screencasts .description {margin: 0 0 0 234px; position: absolute; bottom: 0; left: 0; width: 196px;}
#screencasts h3 {margin: 0 0 2px 0; font-size: 0.9em; font-weight: bold;}
#screencasts p {margin: 2px 0 2px 0; padding:0; font-size: 0.8em}

/* Features */
#features {background: #fff url(../images/bg-features.png) left bottom repeat-x; padding: 22px 8px 19px 28px;margin-bottom: 36px;}
#features h2 {font-size:130%;padding: 0 0 13px 2px}
#features ul {margin:0; padding:0 10px 0 20px; list-style-image: url(../images/tri-arrow.gif); font-size: 95%;}
#features ul.featurecontent {width:425px;float:left;}
#features ul li {color: #000; line-height: 1.35em;padding: 2px 0 3px 1px;margin:0;}

/* Footer */
#footer {padding: 0 35px 31px;}
#footer p {padding: 0 0 19px;}
#footer .navigation {float:right;font-size: 95%;position:relative; /*top:-36px*/}
.navigation ul {list-style-type: none; margin:0;padding:0;}
.navigation ul li {display: inline;background: transparent url(../images/tri-trenner-metanav.gif) left 4px no-repeat;padding: 0 7px 0 9px}
.navigation ul li.first {background: transparent none}

/* Thickbox */
.overflow {overflow:auto; height:475px;margin-top:10px;padding-right:9px;}
.close {float:right;}
.layerContent {width: 182px;padding-right: 10px; float:left}
.layer h1 {color: #cbdb2a; padding-bottom: 17px;}
.layer h2 {color: #888; font-size: 95%;line-height: 1.35em;margin:0;padding:0; font-weight: bold;}
.layer p {font-size:95%;line-height: 1.35em;color: #4c4c4c; padding: 0 0 16px}
.address .leftContent {width:140px;display:block; float:left}