/*
Theme Name: Erlebnis Mittleres Jagsttal
Version: 0.1
Author: Tim Portner
Author URI: http://www.timportner.de
*/


@import "css/reset.css";
@import "css/tools.css";


/* base
------------------------------------------------------------------ */
html { text-align:center; }


/* container
------------------------------------------------------------------ */
#page { width:940px; text-align:left; margin:0 auto 0 auto; display: block;position: relative;}

#contentbox { background: url(images/bg_contentbox.png) repeat-y; padding: 255px 0 0 0; }
#contentbox .bottom { height: 10px; width: 940px; display: block; background: url(images/bg_contentbox_bottom.png) repeat-y;}


/* div#content
------------------------------------------------------------------ */
#content { margin-top:0px; padding: 25px 20px 25px 240px; width: 460px; float: left; border-top: 10px solid #5b666d }

#content .postentry { padding: 0 0 30px 0; }

#content ul,#content ol { padding-left:15px; margin: 10px 0 10px 15px;}
#content ol li,#content ul li { margin-bottom:5px; line-height: 1.3em; }
#content ul li { list-style: disc; font-style: italic; font-size: 15px; }

#content img, #sidebar-right img { border: 1px solid #eeeff0; padding: 1px; }
#content p { /*
clear: both;
*/ }

#content #map { width: 460px; height: 460px; }

#content #map form { font-size: 11px; margin: 15px 0 15px 5px; }
#content #map form input { float: right; }
#content #map form input#saddr { width: 245px; }

div#content #form { padding: 20px 0; }
div#content #form p { padding: 7px 0;}
div#content #form .req label { font-weight: 700; }
div#content #form label { display:block; }
div#content #form p.input input { border: 1px solid #d5d5d5; padding: 4px; width: 450px; }
div#content #form span select { width: 246px; }
div#content #form textarea { border: 1px solid #d5d5d5; padding: 2px; width: 450px }
div#content #form p.submit { text-align: right; }
div#content #form p.submit input { font-weight: 700; padding: 3px; }
.email { display: none; }
.error { border: 1px solid red!important; }

#content div.item { margin: 15px 0; font-size: 11px; border-bottom: 1px dotted #eeeff0; padding: 10px 5px 0 5px; }
#content div.item .floatleft { width: 85px; text-align: center }
#content div.item .floatright { width: 345px; }
#content div.odd { background: #eeeff0; }


#content .bg_calendar { border: 1px solid #e8ebec; padding: 1px; margin: 15px 0 0 0; }

#content .ajax_calendar { background: #f3f5f5; min-height:255px; }
#content .ajax_calendar .table { padding: 10px 0 0 0;border-top: 1px solid #fff;}
#content .ajax_calendar .table table { width: 100%; }
#content .ajax_calendar .table table td { padding:4px 7px; border-bottom: 1px solid #e8ebec; text-align: center; vertical-align: middle; }
#content .ajax_calendar .table table thead td { font-weight: 700;}
#content .ajax_calendar .table table td span { margin: 0 auto; border:1px solid #f3f5f5; display:block; line-height:20px; width:20px; }
#content .ajax_calendar .table table td.today span { border:1px solid #6f820e!important; }
#content .ajax_calendar .table table td.event span { background:#4e789c; border:1px solid #4e789c; color:#fff; }
#content .ajax_calendar .table table td.old_event span { background:#e8ebec; border:1px solid #c0c5c8; }
#content .ajax_calendar .table table td span a { color:#fff; text-decoration:none; }

#content .ajax_calendar table.month_nav { width: 100%; height:30px; border-bottom: 1px solid #c0c5c8; background: #e8ebec;line-height:30px; font-weight: 700; }
#content .ajax_calendar table.month_nav td { vertical-align: middle; }
#content .ajax_calendar table.month_nav .center { text-align: center; }
#content .ajax_calendar table.month_nav span a { height:30px; line-height:30px; }
#content .ajax_calendar table.month_nav span.prev a { float: left; margin: 0 0 0 20px; padding: 0 0 0 15px; background: url(images/bg_li_li_left.png) left center no-repeat;}
#content .ajax_calendar table.month_nav span.next a { float: right; margin: 0 20px 0 0; padding: 0 15px 0 0; background: url(images/bg_li_li.png) right center no-repeat;}

#content .ajax_calendar .itemlist { margin: 20px 0 0 0; padding: 0 20px 20px 20px; border-top: 3px solid #c0c5c8; background: #e8ebec; }

#content .ajax_calendar .itemlist span.initial { display: block; font-weight: 700; margin: 20px 0 0 0; border-bottom: 1px dashed #fff; }

#content .ajax_calendar .itemlist a { margin: 3px 0; display: inline-block;padding: 0 0 0 10px; background: url(images/bg_li_li.png) left center no-repeat; }

#content .ajax_calendar .ajaxcontent { display: none; margin: 20px 0 -20px 0; padding: 20px; border-top: 3px solid #c0c5c8; background: #fff; }

div.load { background: #fff url(images/loading.gif) center center no-repeat!important; }
div.load * { display: none }

div.loader { background: #e8ebec url(images/ajax-loader.gif) 340px 10px no-repeat!important; }


/* div#header
------------------------------------------------------------------ */
#header {width:940px; position:absolute; top:0px; left: 0; background: url(images/bg_header.png) top right no-repeat; height:255px; display: block; z-index:5000;}
#header a#logo { position: absolute; top:0; left:0; padding: 5px 0 0 20px; background: #fff; width: 200px; height: 105px; display: block; }

#header form#searchform { display: none; height: 47px; background:#979fa4 url(images/bg_search.png) 15px 10px no-repeat; width: 220px; display: block; position: absolute; top:218px; right:00px; }
#header form#searchform input { border: none; background: none; }
#header form#searchform input#s { padding: 6px; width: 151px; margin: 3px 0 0 15px; float: left}
#header form#searchform input.send { padding: 6px; width: 30px; float: right; margin: 0 10px 0 0; }

#header img.png { position: absolute; top: 110px; left: 0; z-index: 100; }

#header ul { position: absolute; top: 0; right: 0; }
#header ul li { float: left; }
#header ul li a { width: 120px; height: 145px; display: block; opacity: 0.9; text-decoration: none; }

#slideshow { height: 145px; width: 940px; display: block; overflow: hidden; position: absolute; top: 110px; left: 0px; }
#slideshow div { position: relative; }

#slideshow img { position: absolute; top: 0; left: 0 ;z-index: -1;width: 100%; }
#slideshow img.active { z-index: 3; }
#slideshow img.last-active { z-index: 2; }


/* div#sidebar-right
------------------------------------------------------------------ */
#sidebar-right { width: 220px; float: right; border-top: 10px solid #979fa4; padding: 17px 0; }

#sidebar-right div.box { background:url(images/bg_ul_li_a.png) left bottom no-repeat; padding: 10px 15px 12px 15px; }
#sidebar-right div.box img { border: 1px solid #c7cbcd; margin: 10px 0 3px 0; }
#sidebar-right div.box p a { display: block; font-weight: 700; margin: 7px 0 0 0; padding: 0 0 0 12px; background: url(images/bg_li_li.png) left center no-repeat; }


/* div#sidebar-left
------------------------------------------------------------------ */
#sidebar-left { width: 220px; position: absolute; top: 255px; left: 0; border-top: 10px solid #979fa4;padding: 20px 0; }

#sidebar-left ul li {background:url(images/bg_ul_li_a.png) left top no-repeat; line-height: 32px; }
#sidebar-left ul li.page-item-3 { background: none!important; }

#sidebar-left ul li a { font-size: 15px; height: 32px; display: block; width: 200px; text-decoration: none; padding: 0 15px; }

#sidebar-left ul ul { background: #f3f5f5; }
#sidebar-left ul li ul li a{ font-size: 12px; padding: 0 0 0 30px; line-height: 32px; height: 32px; background: url(images/bg_li_li.png) 18px center no-repeat; }
#sidebar-left ul li ul ul li a{ padding: 0 0 0 45px; background: none; line-height: 27px; height: 27px }


#sidebar-left ul li a:hover,#sidebar-left ul li.current_page_item > a { text-decoration: underline; }

#sidebar-left ul li ul { display: none; }
#sidebar-left ul li.current_page_item ul, #sidebar-left ul li.current_page_ancestor ul, #sidebar-left ul li.current_page_parent ul { display: block; }
#sidebar-left ul li.current_page_item ul ul, #sidebar-left ul li.current_page_ancestor ul ul, #sidebar-left ul li.current_page_parent ul ul { display: none; }
#sidebar-left ul ul li.current_page_item ul, #sidebar-left ul ul li.current_page_ancestor ul, #sidebar-left ul ul li.current_page_parent ul { display: block; }


/* div#footer
------------------------------------------------------------------ */
#footer { background: #f4f5f6; border-bottom: 1px solid #ced1d4; padding: 2px 20px 0 20px; width: 460px; margin: 0 0 15px 220px; position: relative; }
#footer p { color: #899196;line-height: 20px;}
#footer a { color: #989fa4; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer p.footernav { position: absolute; right: 15px; top: 2px;}


/* typography
------------------------------------------------------------------ */
body,input,select,th,td { font: 12px/1.65 Georgia, Arial, Helvetica, sans-serif; color:#5b666d; }

h1,h2,h3,h4,h5,h6 { font-family: Georgia, Arial, Helvetica, sans-serif; line-height:1.2em; font-weight: normal; }

h1 { font-size: 25px; font-style: italic; border-bottom: 1px solid #eeeff0; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 30px; color: #c16645; }
h3 { font-size: 17px; }
h4 { font-size: 15px; }

.small { font-size: 11px; }

p { padding: 7px 0; }


/* links
------------------------------------------------------------------ */
a:link,a:visited { color:#5b666d;; }
a:hover { text-decoration:none; }