/*
Theme Name: Blattwerk
Version: 1.0
Theme URI: http://www.blattwerk.info
Description: Blattwerk - Kommunikation für Unternehmen.
Author: Angela Becker
Author URI: http://www.beangie.de
*/

body { background: #fff; color: #111; font-family:Georgia,"Times New Roman",Times,serif; margin: 0; padding:0; }

#wrapper { width:908px; margin:0px auto 40px auto; background:url(images/bg_main.jpg) repeat-y; padding:0 4px 0 4px; }

#header { float:left; background:url(images/header.gif) no-repeat; width:900px; padding: 0px 0 0 0; }

#topnav { width:900px; height:198px; border-bottom:1px solid #e1e1e1; list-style: none; margin: 0 0 0 0; padding:0px; }
#topnav li { font-Family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#111; text-transform:uppercase; letter-spacing:1px; line-height:46px; list-style: none; width:125px; height:46px; text-align:right; padding:0 25px 0 0; margin:152px 0 0 0; float:left; }
#topnav li a { text-decoration:none; color:#111; }
#topnav li:hover, #topnav li.page_item.current_page_item, #topnav li.page_item.current_page_ancestor { background:url(images/tab.png) no-repeat -3px 0; }

#subnav { width:900px; height:43px; background-color:#fff; border-bottom:1px solid #e1e1e1; margin:-1px 0 0 0; }
#subnav .toggle { display:none; height:43px; margin:0px; padding:0px; }
#subnav .toggle.plain { display:block; }
#subnav .toggle li { font-Family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; line-height:46px; list-style: none; height:43px; text-align:right; padding:0 40px 0 20px; float:left; }
#subnav li a { text-decoration:none; color:#828283; }
#subnav li a:hover, #subnav li.page_item.current_page_item a { color:#e75113; }

        
/* CONTENT STYLES */

#content { float: left; display: inline; margin:30px 30px 0 30px; width: 570px; background:#fff; }
.page-content, .copy p, .copywide p { font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:20px; }
.page-content h1, .ref h1 { font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal; font-size: 30px; margin:0 0 20px 0; font-style:italic; color: #990000; line-height:34px; }
.page-content h2, .ref h2 { font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; font-size:12px; color:#58585a; margin:0 0 20px 0; padding:0px; line-height:16px; }
.page-content img.alignleft { margin:5px 30px 20px 0; float:left; }
.page-content a { font-weight:bold; text-decoration:none; color:#e75113; }

#content.wide { margin:0px; padding:30px 30px 0 30px; width:840px; background:url(images/bg_wide.jpg) no-repeat top right; }
#content.list-triple { margin:0px; padding:30px 30px 0 246px; width:624px; height:331px; background:url(images/bg_triple-list.jpg) no-repeat top left; }
#content.list-triple h1 { margin:0 0 30px -216px; }
#content.list-triple ul { width:300px; margin:0px; padding:0px; float:left; }
#content.list-triple ul li { padding: 0 0 0 10px; list-style-type:none; background:url(images/bullet.gif) no-repeat 0 9px; font-size:12px; font-weight:bold; color:#58585a; font-family:Georgia,"Times New Roman",Times,serif; }
#content.ref { margin:0px; padding:30px 0 0 30px; }
#content.ref .copy { width:360px; height:300px; }
#content.ref .copywide { width:849px; height:300px; }
#content.quotes { margin:0px; padding:30px 0 30px 30px; width:870px; background:url(images/bg_wide.jpg) no-repeat top right; }
#content.quotes ul { margin:30px 0; padding:0px; }
#content.quotes ul li { width:180px; height:254px; margin:0 30px 0 0; padding:0 10px 15px 0; list-style-type:none; background:url(images/bg_quotes.gif) no-repeat; float:left; }
#content.quotes ul li .copy { width:180px; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; font-style:italic; vertical-align:bottom; line-height:18px; }
#content.quotes ul li .small { width:175px; padding:7px 5px 0 0; font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#58585a; text-transform:uppercase; text-align:right; line-height:14px; }
#content.quotes ul li.last { margin:0px; }
#content.terms { margin:0px; padding:30px 30px 30px 30px; width:840px; background:url(images/bg_wide.jpg) no-repeat top right; }
#content.terms ul { margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif; font-size:12px; }
#content.terms ul li { list-style-type:none; margin:0px; padding:0px; float:left; }
#content.terms ul li.short { width:350px; }
#content.terms ul li.wide { width:490px; }
#content.contact { margin:0px; padding:30px 30px 30px 30px; width:840px; background:url(images/bg_wide.jpg) no-repeat top right; }
#content.contact .l { width:450px; float:left; }
#content.contact .l #prcmsg { width:402px; margin:0 0 30px 0; border:1px solid #b7b7b7; -moz-border-radius:2px; -webkit-border-radius:2px; background:url(images/loading-circle.gif) no-repeat center center; height:85px; display:none; }
#content.contact .l #errmsg { width:402px; margin:0 0 30px 0; padding:15px; border:1px solid #ff0000; -moz-border-radius:2px; -webkit-border-radius:2px; color:#ff0000; font-family:Arial,Helvetica,sans-serif; height:55px; font-size:12px; display:none; line-height:16px; }
#content.contact .l #sccmsg { width:402px; margin:0 0 30px 0; padding:15px; border:1px solid #b7b7b7; -moz-border-radius:2px; -webkit-border-radius:2px; color:#111; font-family:Arial,Helvetica,sans-serif; font-size:12px; height:85px; display:none; line-height:16px; }
#content.contact .l input { width:379px; height:25px; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; font-weight:bold; padding:2px; border:0px; background:url(images/bg_input.jpg) no-repeat; margin:2px 0 10px 0; line-height:25px; clear:both; }
#content.contact .l textarea { width:379px; height:76px; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; font-weight:bold; padding:2px; border:0px; background:url(images/bg_textarea.jpg) no-repeat; margin:0 0 5px 0; float:left; }
#content.contact .l button.btn { width:45px; height:44px; margin:36px 0 0 10px; float:left; background:url(images/btn_send.jpg) no-repeat; border:0px; font-size:0px; }
#content.contact .r { width:370px; height:208px; padding:48px 0 0 14px; background:url(images/bg_vcard.jpg) no-repeat; float:left; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:16px; }
#content.contact .r a { color:#111; text-decoration:none; font-weight:normal; }
#content.contact .r { width:370px; height:208px; padding:48px 0 0 14px; background:url(images/bg_vcard.jpg) no-repeat; float:left; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:16px; }
#content.contact .r a { color:#111; text-decoration:none; font-weight:normal; }
#content.check { margin:0px; padding:30px 30px 30px 30px; width:840px; background:url(images/bg_wide.jpg) no-repeat top right; }
#content.check #prcmsg { width:840px; margin:0 0 30px 0; border:1px solid #b7b7b7; -moz-border-radius:2px; -webkit-border-radius:2px; background:url(images/loading-circle.gif) no-repeat center center; height:85px; display:none; }
#content.check #errmsg { width:810px; margin:0 0 30px 0; padding:15px; border:1px solid #ff0000; -moz-border-radius:2px; -webkit-border-radius:2px; color:#ff0000; font-family:Arial,Helvetica,sans-serif; font-size:12px; display:none; line-height:16px; }
#content.check #sccmsg { width:810px; margin:0 0 30px 0; padding:15px; border:1px solid #b7b7b7; -moz-border-radius:2px; -webkit-border-radius:2px; color:#111; font-family:Arial,Helvetica,sans-serif; font-size:12px; height:55px; display:none; line-height:16px; }
#content.check .l label { font-family:Arial,Helvetica,sans-serif; font-size:12px; clear:both; }
#content.check label { line-height:16px; }
#content.check .l, #content.check .m { width:257px; float:left; margin:10px 33px 0 0; }
#content.check .r { width:257px; float:left; margin:10px 0 0 0; }
#content.check .l label { font-weight:bold; }
#content.check .l textarea { width:253px; height:70px; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; font-weight:bold; padding:2px; border:0px; background:url(images/bg_textarea_s.jpg) no-repeat; margin:0 0 5px 0; float:left; }
#content.check .m input, #content.check .r input { height:25px; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; font-weight:bold; padding:5px 2px 0 2px; border:0px; background:url(images/bg_input.jpg) no-repeat; margin:2px 0 10px 0; line-height:25px; clear:both; }
#content.check .m input.s { width:30px; height:27px; margin:2px 0 0 0;  float:left; background:url(images/bg_input_s.jpg) no-repeat; }
#content.check .m .date { float:left; margin-right:10px; }
#content.check .m .divider { height:15px;; }
#content.check .m .date.label { width:90px; }
#content.check .m .date label.app { line-height:30px; }
#content.check .m label.date { float:left; }
#content.check .m input.rad { margin:2px 8px 50px 0; float:left; }
#content.check .m input.m, #content.check .r input.m { width:253px; height:27px; clear:both; background:url(images/bg_input_m.jpg) no-repeat; }
#content.check button.btn { width:45px; height:44px; margin:5px 0 0 208px; background:url(images/btn_send.jpg) no-repeat; border:0px; font-size:0px; }

#contentfooter { width:828px; height:47px; background:url(images/bg_contentfooter.jpg) no-repeat; padding:0 72px 0 0; text-align:right; }
#contentfooter a { color:#111; font-size:12px; font-family:Georgia,"Times New Roman",Times,serif; line-height:55px; font-style:italic; text-decoration:none; }
#contentfooter #contentbutton { position:relative; left:840px; top:-55px; width:44px; height:44px; cursor:pointer; }
#contentfooter #refinfo { position:absolute; margin:22px 0 0 30px; color:#e75113; font-weight:bold; font-size:11px; }

#termsfooter { width:900px; height:35px; border-top:1px solid #e1e1e1; margin:0px; font-size:12px; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; background:#fff; }
#termsfooter .w { width:350px; float:left; padding:0 0 0 30px; }
#termsfooter .l { width:240px; float:left; }
#termsfooter .r { width:250px; float:left; text-align:right; line-height:35px; }
#termsfooter a { color:#111; font-size:12px; font-family:Georgia,"Times New Roman",Times,serif; line-height:35px; font-style:italic; text-decoration:none; }


/* REFERENCE LIST STYLES */

ul#teaser { margin:0 0 -10px 0; padding:0px; width:849px; }
ul#teaser li { margin:0 15px 10px 0; padding:0px; float:left; width:88px; height:44px; font-size:0px; color:#fff; cursor:pointer; }


/* SIDEBAR STYLES  */

#sidebar { display: inline; float: left; width: 265px; margin:30px 0 0 5px; }
#sidebar .quote { width:225px; padding:10px 30px 0 15px; background:url(images/sidebar_quote.gif) no-repeat; font-size:12px; font-style:italic; line-height:17px; text-align:justify; }
#sidebar .quote .small { font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#58585a; height:20px; line-height:20px; width:225px; text-align:right; text-transform:uppercase; font-style:normal; }
#sidebar .quote .more { font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; width:225px; height:12px; line-height:12px; text-align:right; text-transform:lowercase; font-style:normal; }
#sidebar .quote .more a { text-decoration:none; color:#e75113; }
#sidebar .info { width:225px; padding:0px 30px 25px 15px; font-size:12px; font-style:italic; line-height:17px; }
#sidebar .info h2 { font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; font-size:12px; color:#58585a; margin:0 0 20px 0; padding:0px; line-height:16px; }
#sidebar .info h3 { font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; font-size:14px; margin:10px 0 10px 0; padding:0px; line-height:16px; }
#sidebar .check { width:265px; padding:25px 0 25px 0; text-align:center; }
#sidebar .divider { width:265px; height:3px; background:url(images/bg_divider_265.gif) no-repeat; }

/* FOOTER STYLES */

#footer { background:url(images/bg_footer.gif) no-repeat; width: 908px; height:85px; font-size:10px; float:left; margin:0 0 40px -4px; }
#footer .alignleft { width:460px; padding:12px 0 0 40px; float:left; }
#footer .alignright { width:360px; padding:12px 40px 0 0; float:right; text-align:right; }
#footer a { color:#111; text-decoration:none;}

.clearfix { clear:both; }