html, body {background: #fff url(bg.png) repeat-x 0 0; padding: 0; margin: 0; font-family: Arial, sans; font-size: 12px; color: #000; line-height: 1.6em; text-align: center; cursor: default;}
body {overflow-y: scroll;}
a {color: #73a431; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0;}
div {position: relative;}
form {display: block;}
p, h1, h2, h3, h4, h5, h6 {padding: 0; margin: .5em 0; line-height: 1.4em; vertical-align: middle;}
h1 {margin: 0;}

.txt, textarea, select {background: #fff; color: #000; padding: 0; margin: -1px 1px; border: 1px solid #888; vertical-align: middle; -moz-transition: all ease .5s 0s; -o-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s; transition: all ease .5s 0s; -moz-box-shadow: 0 0 5px rgba(0,0,0,0); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0); box-shadow: 0 0 5px rgba(0,0,0,0);}
.txt:focus, textarea:focus, select:focus {border-color: #000; -moz-box-shadow: 0 0 5px rgba(0,0,0,.75); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.75); box-shadow: 0 0 5px rgba(0,0,0,.75);}
.hint {color: #666;}

.btn {display: inline-block; background: #93c451; vertical-align: middle; cursor: pointer; padding: 3px 10px; color: #000; text-align: center; border: 1px solid #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: all ease .5s 0s; -o-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s; transition: all ease .5s 0s; -moz-box-shadow: 0 0 5px rgba(0,0,0,0); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0); box-shadow: 0 0 5px rgba(0,0,0,0); margin: -1px 1px;}
.btn:hover, .btn:focus {border-color: #000; text-decoration: none; -moz-box-shadow: 0 0 5px rgba(0,0,0,.75); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.75); box-shadow: 0 0 5px rgba(0,0,0,.75);}
.btn.big {font-size: 16px; padding: 6px 20px; font-weight: bold;}
.btn.small {padding: 1px 5px;}
.btn.grey {background: #eee; color: #888; border-color: #bbb;}
.btn.grey:hover, .btn.grey:focus {border-color: #888; -moz-box-shadow: 0 0 5px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25); box-shadow: 0 0 5px rgba(0,0,0,.25);}

.clr, .spc {clear: both;}
.spc {clear: both; height: 1em;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.tj {text-align: justify;}
.tt {vertical-align: top;}
.tm {vertical-align: middle;}
.tb {vertical-align: bottom;}
.col {-moz-column-count: 3; -moz-column-gap: 2em; -moz-column-rule: 1px solid #93c451; -webkit-column-count: 3; -webkit-column-gap: 2em; -webkit-column-rule: 1px solid #93c451; column-count: 3; column-gap: 2em; column-rule: 1px solid #93c451;}
.ib {display: inline-block;}

.form {width: 712px; margin: 0 auto;}
.form label {display: block;}
.form .label {display: block; line-height: 24px; position: relative; margin: 0 205px; padding: 3px 5px; border-left: 1px dotted #93c451; border-right: 1px dotted #93c451; width: 300px;}
.form .label span {display: block; line-height: 24px; padding: 3px 0; position: absolute; width: 200px; left: -206px; top: 0; font-weight: bold; text-align: right;}
.form .label b {font-weight: bold; font-size: 14px; color: #73a431; display: block; border-bottom: 1px dotted #93c451;}
.form .label .bb {border-bottom: 1px dotted #ccc;}
.form .label select, .form .label textarea {width: 298px;}
.form .label .txt {width: 296px;}
.form .label .error {display: block; line-height: 24px; padding: 3px 0; position: absolute; width: 200px; right: -205px; top: 0; color: #c00;}

.box {background: #ddd; border: 1px solid #888; padding: 4px 9px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.trailerbox {float: left; width: 290px; margin-right: 10px;}
.trailerbox h2 {font-size: 16px; margin: 10px 0 0; padding: 0;}
.trailerbox .item {border-top: 1px dotted #666; margin: 10px 0 0; height: 130px; padding: 5px 0 0 110px; line-height: 1.4em; overflow-x: hidden;}
.trailerbox .img {width: 90px; height: 120px; position: absolute; left: 0; top: 5px; padding: 4px; line-height: 118px; text-align: center; background: #fff; border: 1px solid #bbb;}
.trailerbox .img img {display: inline-block; margin: 0; padding: 0;}
.trailerbox .btn {width: 170px; position: absolute; right: 0; bottom: 1px;}

#search .item {display: inline-block; background: #eee; border: 1px dotted #666; margin: 5px; width: 290px; padding: 5px; line-height: 1.4em; height: 130px; vertical-align: top;}
#search .img {width: 90px; height: 120px; float: left; margin: 0 10px 0 0; padding: 4px; line-height: 118px; text-align: center; background: #fff; border: 1px solid #bbb;}
#search .img img {display: inline-block; margin: 0; padding: 0;}
#search .btn {width: 170px; position: absolute; right: 5px; bottom: 6px;}

#frame {width: 980px; margin: 0 auto; text-align: left;}
#head {height: 85px; font-family: Verdana, Arial, sans; color: #ddd; font-size: 10px; text-align: center; padding: 15px 0 0;}
#foot {padding: 20px 0 10px; text-align: center; color: #666; font-size: 10px; clear: both;}
#foot a {color: #333;}
#menu {height: 30px; line-height: 29px; margin: 0 0 20px; text-align: center;}
#menu img {vertical-align: middle;}
#menu a {color: #000;}
#embed {width: 640px; position: fixed; left: 50%; top: 50%; margin: -300px 0 0 -330px; background: rgba(255,255,255,.95); border: 1px solid #888; border-color: rgba(0,0,0,.95); padding: 9px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.75); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.75); box-shadow: 0 0 10px rgba(0,0,0,.75); display: none;}
#embed textarea {display: block; width: 630px; background: #feb; border: 1px solid #eda; padding: 4px; line-height: 1.4em; color: #000; font-family: Courier New, fixed; font-size: 10px; font-weight: bold; cursor: text; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; resize: none;}
#embed .preview {display: inline-block; cursor: pointer; vertical-align: top; width: 8em; height: 4.5em; margin: 0 5px; background: #eee; border: 1px solid #bbb;}
#embed .custom {display: inline-block; width: 100px; vertical-align: top;}
#embed .custom .txt {width: 50px; float: right; text-align: center;}
#embed .preview b, #embed .custom b {font-size: 11px; font-weight: normal; display: inline-block; margin: 3px;}
#loader {display: block; height: 50px; background: url(loader.gif) no-repeat center center; display: none;}

#right {position: absolute; right: 30px; top: 10px;}

.teaser {margin: 0 auto; width: 800px; height: 364px; background: url(tdb-einstieg.jpg) no-repeat -20px 0; text-align: left;}
.teaser .teaser-right {position: absolute; background: #fff; top: 0; right: 0; width: 240px; height: 344px; padding: 10px 20px; background: #fff url(teaser-bg.png) repeat-x 0 0; line-height: 17px;}
.teaser-buttons .btn {width: 170px;}