body { font: 12px Arial, Verdana, sans-serif; color: #666; background: url(../tl_files/background/04.jpg) center top fixed no-repeat; }
body.bg01 { background: url(../tl_files/background/01.jpg) center top fixed no-repeat; }
body.bg02 { background: url(../tl_files/background/02.jpg) center top fixed no-repeat; }
body.bg03 { background: url(../tl_files/background/03.jpg) center top fixed no-repeat; }
body.bg06 { background: url(../tl_files/background/06.jpg) center top fixed no-repeat; }

strong { line-height: 1.4em; font-weight: bold; }

p, p a, p span { line-height: 1.4em; }

a:hover { text-decoration: none; }

#wrapper { width: 1000px; position: relative; z-index: 2; margin: 20px auto; }

p.choose-language { display: none; }
#wrapper .mod_changelanguage { position: absolute; top: 120px; right: 10px; text-transform: uppercase; font-size: 11px; z-index: 1000; }
#wrapper .mod_changelanguage ul li { float: left; line-height: 100%; }
#wrapper .mod_changelanguage ul li * {line-height: 100%; }
#wrapper .mod_changelanguage ul li a, #wrapper .mod_changelanguage ul li p.active { text-decoration: none; color: #666; }
#wrapper .mod_changelanguage ul li p.active { font-weight: bold; }
#wrapper .mod_changelanguage ul li.lang-de a, #wrapper .mod_changelanguage ul li.lang-de p.active { border-right: 1px solid #666; margin: 0 10px 0 0; padding: 0 10px 0 0; }
#wrapper .mod_changelanguage ul li a:hover { color: #87D126; }

h1 { width: 1000px; height: 118px; background: url(../images/edition-dralle_logo.png) no-repeat; z-index: 100; position: relative; margin-top:-20px;margin-bottom:13px;}
h1 a { display: block; width: 565px; height: 100px; text-indent: -9999px; }
#wrapper.en h1 { background: url(../images/edition-dralle_logo-en.png) no-repeat;  }

.mod_navigation ul.level_1 { padding: 0 45px; background: url(../images/trans.png); text-transform: uppercase; font-size: 14px; height: 50px; margin: 0 0 20px 0; font-weight: bold; width: 910px; margin: -18px 0 0; }
.mod_navigation ul.level_1 li { float: left; margin: 0 30px 0 0; position: relative; }
.mod_navigation ul.level_1 li * { line-height: 50px; }
.mod_navigation ul.level_1 li a { color: #ffa800; text-decoration: none; display: block; height: 50px; float: left; }
.mod_navigation ul.level_1 li a:hover, .mod_navigation ul.level_1 li.active a, .mod_navigation ul.level_1 li.trail a { color: #87d126; }
.mod_navigation ul.level_1 li a.active { color: #87d126; }

.mod_navigation ul.level_1 li.hover ul.level_2 { display: block; }

.mod_navigation ul.level_1 li ul.level_2 { position: absolute; top: 50px; left: 0; width: auto; display: none; background: url(../images/navi_sub-bg.png); z-index: 1000; }
.mod_navigation ul.level_1 li ul.level_2 li { float: none; margin: 0; line-height: 30px; height: 30px; border-bottom: 1px solid #d0eda9; }
.mod_navigation ul.level_1 li ul.level_2 li.last { border: 0; }
.mod_navigation ul.level_1 li ul.level_2 li * { line-height: 30px; }
.mod_navigation ul.level_1 li ul.level_2 li a { font-size: 12px; color: #fff; font-weight: normal; text-transform: none; display: block; padding: 0 0 0 15px; width: 150px; height: 30px; line-height: 30px; }
.mod_navigation ul.level_1 li ul.level_2 li a:hover, .mod_navigation ul.level_1 li ul.level_2 li.active a { background: #87D126; text-decoration: underline; color: #fff; }

#content { width: 100%; overflow: hidden; margin: 30px 0 0; }
#content a { color: #ffa800; font-weight: bold; line-height: 1.4em; }

#content #main { width: 510px; padding: 40px 45px; background: url(../images/trans.png); float: left; margin: 0 30px 0 0; }
#content #main h2 { font: 30px "Helvetica Neue Light", Arial, Verdana, sans-serif; color: #87d126; margin: 0 0 20px 0; }
#content #main h3 { font-weight: bold; font-size: 14px; margin: 0 0 15px 30px; color: #333; line-height: 1.2em; }
#content #main h4 { font-size: 12px; font-weight: bold; color: #87d126; padding: 0 0 10px 30px; }
#content #main .ce_text p { padding: 0 30px 15px; }
#content #main .ce_text { padding: 0 0 20px; }
#content #main .ce_text ul { padding: 0 0 15px 50px; list-style: disc; }
#content #main .ce_text ul li { line-height: 1.4em; }
#content #main .ce_text ol { margin: 0 0 15px 50px; list-style: decimal; }
#content #main .ce_text ol li { line-height: 1.4em; }
#content #main iframe { padding: 0 30px 15px; }
#content #main .ce_text p em { line-height: 1.4em; font-style: italic; }

#content #main .ce_text.repertoire { float: left; width: 150px; height: 180px; padding: 10px; background: #fff; overflow: hidden; }
#content #main .ce_text.repertoire.gruen { background: #e5f2d4; }
#content #main .ce_text.repertoire p { padding: 0 0 15px 0; }
#content #main .ce_text.repertoire ul { margin: 0; padding: 0; list-style: none; }
#content #main .ce_text.repertoire ul li { padding: 0 0 10px; }

#content #main #vorteile-musik-cd ul { list-style: none; padding: 0 0 15px 30px; }
#content #main #vorteile-musik-cd ul li { padding: 0 0 15px; font-style: italic; }
#content #main #vorteile-musik-cd ul ul { list-style: disc; padding: 0; margin: 10px 0 0 30px; }
#content #main #vorteile-musik-cd ul ul li { font-style: normal; padding: 0 0 10px; }

#content #main table { position: relative; left: 30px; }
#content #main table tr td { padding: 0 40px 20px 0; }

#content #main .ce_form { padding: 0 30px; }
#content #main .ce_form label { width: 100px; display: block; float: left; line-height: 22px; }
#content #main .ce_form input.text, #content #main .ce_form textarea, #content #main .ce_form input.captcha { width: 340px; border: 1px solid #ccc; padding: 3px; margin: 0 0 10px; font: 12px Arial, Verdana, sans-serif; color: #333; }
#content #main .ce_form select { width: 346px; border: 1px solid #ccc; padding: 3px; margin: 0 0 10px; font: 12px Arial, Verdana, sans-serif; color: #333; }
#content #main .ce_form input.text:focus, #content #main .ce_form textarea:focus, #content #main .ce_form input.captcha:focus { background: url(../images/input-bg.png); }
#content #main .ce_form textarea { height: 150px; }
#content #main .ce_form span.captcha_text { line-height: 22px; }
#content #main .ce_form input.captcha { position: relative; left: 100px; }
#content #main .ce_form .radio_container { overflow: hidden; position: relative; left: 100px; width: 200px; }
#content #main .ce_form .radio_container span input.radio { float: left; margin: 0 5px 0 0; position: relative; top: 4px; }
#content #main .ce_form .radio_container span label { width: 40px; }
#content #main .ce_form input.submit { background: none; color: #87D126; font-size: 14px; float: right; margin: 10px 0 0; }
#content #main .ce_form input.submit:hover { cursor: pointer; }
#content #main .ce_form p.error { line-height: 22px; font-style: italic; }
#content #main .ce_form input.text.error, #content #main .ce_form input.captcha.error { border: 1px solid #ffa900; position: relative; left: 100px; }
#content #main .ce_form #captcha-container p.error { position: relative; left: 100px; width: 250px; }

#content #main .ce_form .checkbox_container { overflow: hidden; }
#content #main .ce_form .checkbox_container input.checkbox { float: left; margin: 0 10px 0 0; }
#content #main .ce_form .checkbox_container span { display: block; overflow: hidden; }
#content #main .ce_form .checkbox_container span label { width: 400px; font-weight: bold; }
#content #main .ce_form h3 { margin: 0 0 15px 0; }
#content #main .ce_form input.text#ctrl_27 { position: relative; top: -34px; left: 145px; width: 120px; }
#content #main .ce_form input.text#ctrl_67 { position: relative; top: 0; left: 100px; width: 120px; }

#content #main #hoerbuecher .ce_image { float: left; width: 170px; height: 170px; }
#content #main #hoerbuecher .ce_image .caption { margin: 10px 0 0; line-height: 1.4em; }
#content #main #hoerbuecher .ce_headline { clear: both; }

#content #main .mod_sitemap { padding: 0 0 0 50px; }
#content #main .mod_sitemap ul li ul li { padding: 0 0 0 10px; }
#content #main .mod_sitemap ul li a { line-height: 1.6em; }

#content #main .ce_hyperlink.img { float: left; width: 255px; float: left; margin: 0 0 20px; }
#content #main .ce_hyperlink.img .image_container { overflow: hidden; }
#content #main .ce_hyperlink.img .image_container  a.hyperlink_img { float: left; margin: 0 10px 0 0; }
#content #main .ce_hyperlink.img .image_container .caption { float: left; width: 115px; }
#content #main .ce_hyperlink.img .image_container .caption a { line-height: 1.4em; }

#content #sub .ce_hyperlink.img { margin: 0 0 20px; }
#content #sub .ce_hyperlink.img .image_container { overflow: hidden; }
#content #sub .ce_hyperlink.img .image_container  a.hyperlink_img { float: left; margin: 0 10px 0 0; }
#content #sub .ce_hyperlink.img .image_container .caption { float: left; width: 200px; }
#content #sub .ce_hyperlink.img .image_container .caption a { line-height: 1.4em; }

#content #sub { width: 310px; padding: 40px 30px; background: url(../images/trans.png); float: left; }
#content #sub h3 { font: 30px "Helvetica Neue Light", Arial, Verdana, sans-serif; color: #ffa800; margin: 0 0 20px; }
#content #sub .ce_text { width: 310px; padding: 0 0 20px 0; overflow: hidden; }  
#content #sub .ce_text p { padding: 0 0 15px 0; }
#content #sub .image_container.cd { width: 174px; height: 145px; background: url(../images/cd-bg.png) no-repeat; }
#content #sub .ce_image.cd .image_container a { float: right; }
#content #sub .ce_image.cd .image_container .caption { float: left; }
#content #sub .ce_text .image_container img { position: relative; left: 10px; }
#content #sub a.mehr-produktbeispiele { color: #87d126; }

#footer { background: url(../images/footer-bg.png); color: #fff; position: relative; width: 1000px; margin: 30px 0 0 0; height: 120px; }
#footer a { color: #fff; font-weight: bold; }

#footer #copy { width: 640px; position: absolute; top: 12px; left: 45px; }

#footer .mod_customnav { position: absolute; top: 22px; right: 45px; }
#footer .mod_customnav ul li { float: left; border-right: 1px solid #fff; margin: 0 6px 0 0; padding: 0 6px 0 0; }
#footer .mod_customnav ul li.last { border: 0; margin: 0; padding: 0; }

#bg-container { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
#bg div#bg2{position:absolute; width:200%; height:200%; top:-50%; left:-50%; z-index:1;}
#bg td{vertical-align:middle; text-align:center;  background:url(img/loading.gif) no-repeat center center;}
#bg img{min-height:50%; min-width:50%; margin:0 auto; display:block;}
#bg, #bg table, #bg td, #bg2, #bg2 table, #bg2 td{width:100%; height:100%; overflow:hidden;}