/*  
Theme Name: Beyers Aktiv-Park 2010
Theme URI: 
Description: 
Version: 1.0
Author: Sascha Heilmeier
Author URI: http://www.machen.de
*/
body { margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#58585a; }
body.grey, body.grey #footer { background:#2d2d2e; }
body.pink, body.pink #footer.pink { background:#c7006c; }
body.green, body.green #footer.green { background:#1b879d; }
h1,h2,h3,h4,h5,h6 { margin-top:0; text-transform:uppercase; }
.page_head h1 a { text-decoration:none; }
.page_head h1 a:hover { text-decoration:underline; }
h1 { font-size:16px; }
h2 { font-size:14px; margin-bottom:5px; }
h3 { font-size:12px; }
h4  {}
p { margin-top:0; }
a { color:#dc0077; }
a:hover { text-decoration:none; }
a img { border:none; }

/*body.grey a { color:#58585a; }
body.green a { color:#007991; } 
body.pink a { color:#dc0077; } */

.clear { clear:both; }

body.grey h1,body.grey h2,body.grey h3,body.grey h4,body.grey h5,body.grey h6 { color:#58585a; }
body.green h1,body.green h2,body.green h3,body.green h4,body.green h5,body.green h6 { color:#007991; }
body.pink h1,body.pink h2,body.pink h3,body.pink h4,body.pink h5,body.pink h6 { color:#dc0077; }

.page_head { border-bottom:1px solid #c6c7c8; margin-bottom:20px; }
.page_head h1 { float:left; width:auto; font-size:16px; margin-bottom:10px; }
.page_head .subline { float:right; width:auto; font-weight:bold; margin-bottom:10px; margin-top:5px; text-transform:uppercase; }
body.grey .page_head { color:#58585a; }
body.green .page_head { color:#007991; }
body.pink .page_head { color:#dc0077; }


#page { background:#FFFFFF; }
#page .inner { width:980px; margin:0 auto; }

#head { height:100px; position:relative; }
#navi-head {}
#navi-head ul { margin:0; padding:10px 0 0 0; list-style:none; }
#navi-head ul li { float:left; margin-right:20px; }
#navi-head ul li a { color:#58585a; text-transform:uppercase; text-decoration:none; font-size:16px; font-weight:bold; }
#navi-head ul li.current_page_item a, #navi-head ul li a:hover { text-decoration:underline; }
#beyers-info { position:absolute; z-index:50; top:0; right:20px; background:#FFFFFF; border-right:1px solid #e3e4e4; border-left:1px solid #e3e4e4; border-bottom:1px solid #e3e4e4; width:200px; overflow:hidden; }
#beyers-info .gesundheitsfoerdernd { margin-top:13px; text-align:center; font-weight:bold; text-transform:uppercase; }
#logo { margin:10px 15px 30px 15px; display:block; height:125px; }
#beyers-info .content { margin:0 15px; font-size:11px; padding:0 0 25px 0; }
#beyers-info strong { text-transform:uppercase; }
#beyers-info strong.pink { color:#dc0077; }
#beyers-info a.twitter { float:left; display:block; width:70px; height:55px; }
#beyers-info div.twitter-box { margin-top:25px; }

#info-toggle  { display:block; text-decoration:none; color:#919192; width:200px; height:16px; z-index:60; position:absolute; bottom:0; }
#info-toggle.k { background:url(images/ver_k_g.gif) no-repeat center top; }
#info-toggle.g { background:url(images/ver_k_g.gif) no-repeat 0 -16px; }

#navi-main { height:40px; background:url(images/navi-main-bg.gif); }
#navi-main span { color:#FFFFFF; font-weight:bold; display:block; }
#navi-main ul { margin:0; padding:0; list-style:none; text-transform:uppercase; }
#navi-main li { float:left; width:245px; height:39px; position:relative; z-index:55; }
#navi-main li.grey	{ background:url(images/grey-button.gif); }
#navi-main li.green	{ background:url(images/green-button.gif); }
#navi-main li.pink 	{ background:url(images/pink-button.gif); }
#navi-main li a { color:#FFFFFF; font-weight:bold; text-decoration:none; display:block; padding:5px 8px; }

#navi-main .sub_navi { margin:0; padding:0 10px 5px 10px; list-style:none; position:absolute; z-index:10; left:0; top:39px; display:none; }
#navi-main li.grey .sub_navi { background:url(images/grey-sub-navi.png); }
#navi-main li.green .sub_navi { background:url(images/green-sub-navi.png); }
#navi-main li.pink .sub_navi { background:url(images/pink-sub-navi.png); }
#navi-main .sub_navi li { height:auto; width:225px; }
#navi-main li.grey .sub_navi li { border-bottom:1px solid #cfd0d0; }
#navi-main li.green .sub_navi li { border-bottom:1px solid #9eccd0; }
#navi-main li.pink .sub_navi li { border-bottom:1px solid #eb94be; }
#navi-main .sub_navi li a { color:#FFFFFF; font-weight:normal; padding:5px 0; }
#navi-main .sub_navi li.current-menu-item a, #navi-main .sub_navi li a:hover { font-weight:bold; }


#slide { }

#main-content { padding:10px 0; }
#main-content .box { width:480px; border:1px solid #c6c7c8; }
#main-content .box .content { padding:10px; }
#main-content .left { float:left; }
#main-content .right { float:right; }


#main-content .content-left { float:left; width:720px; border:none; }
#main-content .content-right { float:right; width:250px; }


#main-content .sidebar h2, #main-content .sidebar h2 a { color:#dc0077; border-bottom:1px solid #c6c7c8; padding-bottom:10px; margin-bottom:20px; text-decoration:none; margin-top:4px; }
#main-content .sidebar h2 a:hover { text-decoration:underline; }
#main-content .sidebar .tel, #main-content .sidebar .info { background:none; width:auto; }
#main-content .sidebar .info { background:url(images/information.gif) left center no-repeat; padding-left: 35px; margin-bottom:10px; }
#main-content .sidebar .tel { background:url(images/tel.gif) left center no-repeat; padding-left: 35px;}

#main-content .sidebar ul.cats { margin:0; padding:0; list-style:none; }
#main-content .sidebar ul.cats li { margin-bottom:5px; }
#main-content .sidebar ul.cats li a { padding-left:20px; display:block; line-height:22px; height:22px; font-size:16px; text-transform:uppercase; text-decoration:none; font-weight:bold; }
#main-content .sidebar ul.cats li a:hover { text-decoration:underline; }

.sidebar-box { margin-bottom:15px; }


#main-content .content-box { background:url(images/box/box-r.gif) right repeat-y; }
#main-content .content-box .top { font-size:8px; height:10px; background:url(images/box/box-o.gif) repeat-x top; }
#main-content .content-box .bottom { font-size:8px; height:10px; background:url(images/box/box-u.gif) repeat-x bottom;  }
#main-content .content-box .lu { display:block; width:10px; height:10px; background:url(images/box/box-lu.gif); float:left;  }
#main-content .content-box .lo { display:block; width:6px; height:10px; background:url(images/box/box-lo.gif); float:left; }
#main-content .content-box .ro { display:block; width:10px; height:10px; background:url(images/box/box-ro.gif); float:right; }
#main-content .content-box .ru { display:block; width:10px; height:10px; background:url(images/box/box-ru.gif); float:right; }
#main-content .content-box .o { display:block; width:100%; height:2px; background:url(images/box/box-o.gif); position:absolute; top:0; }
#main-content .content-box .r { display:block; width:3px; height:100%; background:url(images/box/box-r.gif); position:absolute; right:0; }
#main-content .content-box .u { display:block; width:100%; height:3px; background:url(images/box/box-u.gif); position:absolute; bottom:0; }
#main-content .content-box .l { display:block; width:2px; height:100%; background:url(images/box/box-l.gif); position:absolute; left:0; }
#main-content .content-box .wrap { padding:15px; background:url(images/box/box-l.gif) left repeat-y; }


.pageteaser { float:left; border:1px solid #c8c9ca; width:215px; height:110px; margin: 0 19px 19px 0; position:relative; }
.pageteaser.last { margin-right:0}
.pageteaser a { display:block; text-decoration:none; }
.pageteaser a span.content { background:#707173; display:block; width:215px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:12px; position:absolute; left:0; bottom:0; }
.pageteaser a span.content span.content_wrap { margin:3px; display:block; }



.team { float:left; border:1px solid #c8c9ca; width:215px; height:163px; margin: 0 19px 19px 0; position:relative; }
.team.last { margin-right:0}
.team a { display:block; text-decoration:none; }
.team a span.content { background:#707173; display:block; width:215px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:12px; position:absolute; left:0; bottom:0; }
.team a span.content span.content_wrap { margin:3px; display:block; }
.team_content { position:absolute; left:-1px; background:#8F8F8F; color:#FFFFFF; width:215px; border:1px solid #c8c9ca; display:none; z-index:20; }
.team .team_content div.content_wrap { padding:5px; }


#footer { height:200px; }
#footer .inner { width:980px; margin:0 auto; }
#navi-footer {  }
#navi-footer ul { margin:0; padding:0; list-style:none; float:left; width:auto; }
#navi-footer li { line-height:20px;}
#navi-footer li a { color:#FFFFFF; text-decoration:none; text-transform:uppercase; }

#machen_de { float:right; width:auto; }
#machen_de a { float:right; display:block; color:#FFFFFF; background:url(images/machen_de.gif) no-repeat right top; padding-right:85px; line-height:25px; text-decoration:none; }

#footer .icons { height:26px; }
#footer .icons span { width:270px; height:26px; display:block; margin:0 auto; }

body.grey #footer .icons { background:url(images/footer-bg-grey.gif); }
body.grey #footer .icons span { background:url(images/footer-icons-grey.gif) no-repeat; }
body.green #footer .icons { background:url(images/footer-bg-green.gif); }
body.green #footer .icons span { background:url(images/footer-icons-green.gif) no-repeat; }
body.pink #footer .icons { background:url(images/footer-bg-pink.gif); }
body.pink #footer .icons span { background:url(images/footer-icons-pink.gif) no-repeat; }


.presse_post { margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #c6c7c8; }
.presse_post .image { width:120px; float:left; }
.presse_post .content { float:right; width:560px; }
.presse_post .content h2 { margin-bottom:0; }
.presse_post .content small { display:block; margin-bottom:10px; }


.blog-post { margin-bottom:15px;}
.blog-post .alignleft { float:left; margin:0 10px 10px 0; }
.blog-post p { margin-top:0;}
.blog-post .page_head { position:relative; margin-bottom:5px; }
.blog-post .page_head h1 { float:left;  width:550px; }
.blog-post .page_head h2 { float:left; width:550px; }
.blog-post .page_head h2 a { margin-bottom:3px; color:#dc0077; text-decoration:none; }
.blog-post .page_head .time { position:absolute; right:0; top:0;  font-size:11px; }

.blog-post.blog-post .footer { border-top:1px solid #c6c7c8; padding-top:5px; clear:both; }


div.menschen-bei-beyers p { margin-top:0; }
.statements { }
.statements .prev { height:105px; float:left; width:25px; }
.statements .next img, .statements .prev img { margin-top:30px; }
.statements .next { height:105px; float:right; width:25px; text-align:right; cursor:pointer; }
.statements_box { float:left; width:405px; height:105px; position:relative; overflow:hidden; }
.statements_content { position:absolute; }
.statement { position:absolute; width:405px; }


div.main_post { padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #c6c7c8; }
strong.minfo { color:#dc0077; }


div.day { float:left; width:126px; border-top:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; }
div.day.od { background:#f2f2f2; }
div.day .head { padding:3px; border-bottom:1px solid #999999; background:#1895a1; color:#FFFFFF; }
div.day .head h2 { margin:0; font-size:13px; float:left; color:#FFFFFF; }
div.day .head .day_date { float:right; font-size:10px; line-height:8px; }
div.day .head .day_date strong { font-size:11px; }
div.day .cal_inner { height:560px; position:relative; background:url(images/cal_bg.gif); }
div.date { position:absolute; left:1px; width:122px; background:#dc0077; color:#FFFFFF; font-weight:bold; border:1px solid #ff66ab; }
div.date .date_at_time { position:absolute; background:#FBEC88; border:1px solid #FAD42E; left:0; top:-22px; margin:3px; color:#000000; font-weight:normal; width:115px; z-index:10; display:none; }
div.date.sub_date_1 { width:60px; }
div.date.sub_date_2 { width:60px; left:62px; }
div.date .cal_wrap { margin:2px; overflow:hidden; }
div.day.time { width:50px; border-left:1px solid #999999; }
div.time_box { position:absolute; width:45px; font-size:11px; text-align:right; }
div.day.time div.cal_inner { width:50px; height:560px; background:url(images/cal_time_bg.gif); }

td.none { height:10px; font-size:1px; }
td.date { background-color:#CCCCCC; }


table.preisliste { width:690px; margin-bottom:10px; }
table.preisliste thead { font-size:12px; font-weight:bold; text-align:left; color:#dc0077;}
table.preisliste tbody td { background:#EDEDED; border-bottom:2px solid #FFFFFF; padding:2px; }
table.preisliste tfoot { font-size:11px; }
table.preisliste th { text-align:left; }


#social {}
#social a { float:left; display:block; width:32px; height:25px; text-decoration:none; }
#social a span { display:none; }
#social a.twitter { background:url(images/twitter.gif) -32px 0 no-repeat; }
#social a.twitter:hover { background:url(images/twitter.gif) 0 0 no-repeat; }
#social a.facebook { background:url(images/facebook.gif) -32px 0 no-repeat; }
#social a.facebook:hover { background:url(images/facebook.gif) 0 0 no-repeat; }


#kontakt_form {}
#kontakt_form th { text-align:left; }
#kontakt_form td, #kontakt_form th { padding-bottom:5px; }
#kontakt_form textarea { width: 290px; }


.galerie .fancybox { border:1px solid #C6C7C8; padding:5px; display:block; margin: 0 7px 7px 0; float:left; }
.galerie .fancybox:hover { background:#EFEFEF; }
.galerie .fancybox.last { margin-right:0; }
.galerie .fancybox img { display:block; }

