body { font: 12px Arial, Verdana, sans-serif; background: #fff url(../images/bg.gif) center top repeat-y; }

input { position: relative; }

#wrapper { position: relative; left: 68px; margin: 0 auto; width: 650px; }

#branding { height: 132px; width: 648px; background: url(../tl_files/images/branding_bg.gif) repeat-x; border: 1px solid #e7e7e7; margin: 60px 0 0 0; position: relative; }
#branding h1 { width: 185px; height: 95px; border-right: 1px solid #666; position: relative; top: 50%; margin: -50px 0 0 0; z-index: 1000; }
#branding h1 a { display: block; width: 79px; height: 46px; background: url(../tl_files/images/pendcon-logo.png) no-repeat; text-indent: -9999px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -40px; }

h2.ce_headline { line-height: 1.4em; font-size: 16px; z-index: 999; left: 235px; position: absolute; top: -110px; color: #333; font-weight: normal; width: 375px; font-weight: bold; }

#content em { font-style: italic; line-height: 1.4em; }

#content .ce_image, #content img.links { float: left; margin: 0 8px 10px 0; }
#content .ce_image.last { margin: 0 0 10px 0; }

body.home #content #main_content .ce_image { margin: 0; }
#content .mod_navigation { margin: 20px 0 0 0; }


.mod_navigation ul.level_1 { height: 38px; width: 650px; background: url(../tl_files/images/navimain_bg.gif) repeat-x; position: absolute; top: -50px; }
.mod_navigation ul.level_1 li { float: left; margin: 0 1px 0 0; }
.mod_navigation ul.level_1 li.home { position: absolute; top: 148px; left: -147px; }
ul li.contact_link { font-size: 12px; position: absolute; top: 123px; left: -147px; }
ul li.contact_link a { font-size: 12px; text-decoration: none; color: #333; font-weight: bold; }
ul li.contact_link a:hover, ul li.contact_link.active a { color: #666; }
.mod_navigation ul.level_1 li.home a, .mod_navigation ul.level_1 lia { color: #333; font-weight: bold; float: none; padding: 0; line-height: 100%; }
.mod_navigation ul.level_1 li.home a:hover, .mod_navigation ul.level_1 lia:hover { background: none; color: #666; }
.mod_navigation ul.level_1 li a, .mod_navigation ul.level_1 li p { color: #fff; float: left; line-height: 38px; text-decoration: none; padding: 0 10px; }
.mod_navigation ul.level_1 li a:hover, .mod_navigation ul.level_1 li p, .mod_navigation ul.level_1 li.trail a { background: #294fae; }
.mod_navigation ul.level_1 li.active a { color: #333; font-weight: bold; float: none; padding: 0; line-height: 100%; }
.mod_navigation ul.level_1 li.active a:hover { background: none; color: #666; }
.mod_navigation ul.level_1 li.active ul { margin: 15px 0 0 0; }
.mod_navigation ul.level_1 li.active ul li { float: none; }
.mod_navigation ul.level_1 li ul.level_2 { width: 115px; margin: 204px 0 0 -471px; position: absolute; left: 50%; padding: 15px 0 0 0; border-top: 1px dotted #999; font-size: 11px; }
.mod_navigation ul.level_1 li ul.level_2 li { margin: 0 0 15px 0; float: none; }
.mod_navigation ul.level_1 li ul.level_2 li.parent { border-bottom: 1px dotted #999; padding: 0 0 15px 0; margin: 0 0 15px 0; font-size: 12px; }
.mod_navigation ul.level_1 li ul.level_2 li.parent a { margin: 0; padding: 0; float: none; }
li.submenu.home li.parent { display: none; }
.mod_navigation ul.level_1 li ul.level_2 li.experiment { display: none; }
.mod_navigation ul.level_1 li ul.level_2 li a { line-height: 1.4em; display: block; margin: 0 0 15px 0; width: 115px; }
.mod_navigation ul.level_1 li ul.level_2 li p { float: none; }
.mod_navigation ul.level_1 li.trail ul.level_2 li a { background: none; color: #333; padding: 0; font-weight: bold; }
.mod_navigation ul.level_1 li.trail ul.level_2 li a:hover { color: #666; }
.mod_navigation ul.level_1 li.trail ul.level_2 li p { background: none; margin: 0; color: #666; font-weight: bold; line-height: 100%; float: none; padding: 0; line-height: 1.4em; }
.mod_navigation ul.level_1 li.contact.trail a { background: none; color: #666; }
.mod_navigation ul.level_1 li.trail ul.level_2 ul { display: none; }
.mod_navigation ul.level_1 li.submenu.home ul.level_2 { margin: 44px 0 0 0; } 
li.textbook a span { display: none; position: absolute; top: 145px; left: 52px; z-index: 9999; font-weight: normal; background: url(../tl_files/images/overlay_black_80p.png); border: 1px solid #000; padding: 10px; color: #fff; width: 200px; line-height: 1.4em; }
li.textbook a:hover span { display: block; }
li.newsevents a span { display: none; position: absolute; top: 180px; left: 80px; z-index: 9999; font-weight: normal; background: url(../tl_files/images/overlay_black_80p.png); border: 1px solid #000; padding: 10px; color: #fff; width: 200px; line-height: 1.4em; }
li.newsevents a:hover span { display: block; }

.mod_navigation table {position:absolute; top:0; left:0; border-collapse:collapse;;}


body.home .mod_navigation ul.level_1 li.active p, .mod_navigation ul.level_2 li.active p { background: none; color: #666; padding: 0; font-weight: bold; line-height: 100%; float: none; }
.mod_navigation ul.level_1 li.home.trail p, .mod_navigation ul.level_1 li.contact.trail p { background: none; color: #666; padding: 0; font-weight: bold; } */
.mod_navigation ul.level_1 li.home.trail a { background: none; color: #333; padding: 0; font-weight: bold; }
.mod_navigation ul.level_1 li.home ul.level_2 { position: static; margin: 20px 0 0 0; }

.mod_navigation ul li.submenu.home a { background: none; color: #333; }

#content { margin: 20px 0 0 0; color: #333; position: relative; }
#content h3 { font-size: 16px; margin: 0 0 20px 0; }
#content .ce_text { line-height: 1.4em; overflow: hidden; }

#content .ce_text ul li { list-style-type: square; list-style-position: inside; line-height: 1.4em; }
#content .ce_text ul li a { line-height: 1.4em; }

#content #boxes { overflow: hidden; height: 100px; margin: 20px 0 0 0; }
#content #boxes .box { height: 80px; width: 180px; padding: 10px; background: url(../tl_files/images/box_bg.gif) repeat-x; color: #fff; float: left; position: relative; margin: 0 25px 0 0; }
#content #boxes .box:hover { background: red none; }
#content #boxes .box.last { margin: 0; }
#content #boxes .box h2 { font-size: 14px; }
#content #boxes .box p { font-size: 10px; position: absolute; bottom: 10px; line-height: 1.4em; }
#content #boxes .box a { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; text-indent: -9999px; color: #fff; text-decoration: none; }

.ce_download { padding: 0 0 10px; }

#content .mod_article { overflow: hidden; }
body.the-experiment-on-a-glance-2 .ce_image { float: left; margin: 0 10px 0 0; width: 155px; overflow: hidden; }
body.the-experiment-on-a-glance-2 .ce_image.last { margin: 0; }

.image_container .caption { font-size: 11px; line-height: 1.4em; }

/* +search */
.mod_form form#f2 { position: absolute; right: 10px; top: -42px; z-index: 999; }
.mod_form form#f2 input.text { padding: 4px; font-size: 11px; width: 110px; margin: 0 5px 0 0; }
.mod_form form#f2 input.submit { background: #ccc; padding: 3px; font-size: 11px; }
.mod_form form#f2 input.submit:hover { background: #fff; }
.mod_search form input.submit { padding: 3px; background: #ccc; font-size: 11px; }
.mod_search form input.submit:hover { background: #999; }
.mod_search form input.text { padding: 3px; border: 1px solid #666; margin: 0 0 10px 0; width: 250px; font: 12px Arial, Verdana, sans-serif; }
.mod_search form input.text:hover, .mod_search form input.text:focus { border: 1px solid #000; }
#content .mod_search p.context { margin: 0 0 5px 0; }
#content .mod_search p.url { font-style: italic; }

#content a { color: blue; text-decoration: underline; }
#content a:hover { text-decoration: none; }

#content .mod_navigation ul.level_1 { position: static; background: none; overflow: hidden; line-height: 100%; height: auto; }
#content .mod_navigation ul.level_1 li { display: none; }
#content .mod_navigation ul.level_1 li.experiment { display: block; margin: 0 10px 10px 0; float: left; }
#content .mod_navigation ul.level_1 li a { display: block; background: url(../tl_files/images/box_bg.gif); height: 60px; width: 100px; padding: 5px; line-height: 1.4em; font-size: 11px; float: left; color: #fff; text-decoration: none; }
#content .mod_navigation ul.level_1 li a:hover, #content .mod_navigation ul.level_1 li.active p { background: red; height: 60px; width: 100px; padding: 5px; line-height: 1.4em; font-size: 11px; margin: 0; }
#content .mod_navigation ul.level_1 li.active p { font-weight: bold; }

#content .ce_text.rechts { float: left; }
#content .ce_text img.left { float: left; margin: 0 20px 0 0; }
#content .ce_text.links#news_text, #content .ce_text.rechts#events_text { width: 315px; }
#content .ce_image { position: relative; }
#content .ce_image.links, #content .ce_text.links { float: left; margin: 0 20px 0 0; }
#content img { border: 1px solid #999; padding: 2px; }
#content .ce_download img { padding: 0; border: 0; position: relative; top: 4px; }
body.home #content .ce_image .caption { background: url(../tl_files/images/overlay_black_80p.png); font-size: 16px; color: #fff; padding: 10px 15px; position: absolute; bottom: 0; left: 0; width: 620px; margin: 0; }
#content a img:hover, #content a:hover img { border: 1px solid #000; }
#content .no_border, #content .no_border img { padding: 0; border: 0; }
#content .no_border:hover, #content .no_border img:hover { border: 0; }

#content h4 { font-weight: bold; font-size: 12px; margin: 0 0 6px 0; }
#content p, #content ul  { line-height: 1.4em; margin: 0 0 15px 0; }

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

#textbook-description { width: 300px; }

/* +contact */
.ce_text.contact_information { position: absolute; right: 0; width: 250px; }
form#f1 label { display: block; margin: 0 0 4px 0; }
form#f1 input.text, form#f1 textarea { padding: 3px; border: 1px solid #666; margin: 0 0 10px 0; width: 350px; font: 12px  Arial, Verdana, sans-serif; }
form#f1 input.text:hover, form#f1 textarea:hover, form#f1 input.text:focus, form#f1 textarea:focus { border: 1px solid #000; }
form#f1 textarea { height: 150px }
form#f1 .radio_container { overflow: hidden; width: 350px; }
form#f1 .radio_container span { display: block; float: left; margin: 0 10px 0 0; }
form#f1 .radio_container label { display: inline; }
form#f1 input.submit { padding: 3px; background: #ccc; font-size: 11px; }
form#f1 input.submit:hover { background: red; color: #fff; cursor: pointer; }
form#f1 .error { color: red; margin: 4px 0; }
form#f1 input.captcha { padding: 3px; border: 1px solid #666; margin: 0 10px 10px 0; width: 100px; font: 12px  Arial, Verdana, sans-serif; }

#content .mod_sitemap li { margin: 0 0 10px 0; }
#content .mod_sitemap li li { float: none; margin: 0; }
#content .mod_sitemap li li.experiment { padding: 0 0 0 20px; }
#content .mod_sitemap li li li { padding: 0 0 0 20px; }
#content .mod_sitemap li a { color: #333; text-decoration: none; font-weight: bold; line-height: 1.6em; }
#content .mod_sitemap li a:hover { text-decoration: underline; }
#content .mod_sitemap li li a { font-weight: normal; padding: 0 0 0 15px; }

#footer { width: 100%; height: 40px; position: relative; top: 20px; background: url(../tl_files/images/footer_bg.gif) repeat-x; font-size: 11px; color: #fff; }
#footer #copy { position: absolute; left: 10px; line-height: 40px; }
#footer #copy a { color: #fff; }
#footer #navi_footer { position: absolute; right: 10px; }
#footer #navi_footer li { float: left; margin: 14px 0 0 10px; padding: 0 10px 0 0; border-right: 1px solid #999; height: 11px; }
#footer #navi_footer li.last { border: 0; padding: 0; }
#footer #navi_footer li a { color: #fff; text-decoration: none; }
#footer #navi_footer li a:hover { color: #ccc; }

.pagination ul li { float: left; margin: 0 6px 0 0; }