/*
Theme Name: Der Hirschgarten
Version: 0.1
Author: Tim Portner
Author URI: http://www.timportner.de
*/


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


/* base
------------------------------------------------------------------ */
html { background:url(images/bg_contentbox.png) center repeat-y; text-align:center; }
body {background:url(images/bg_html.png) repeat-x; text-align:center; }
html, body { height:100%; }


/* container
------------------------------------------------------------------ */
#page { width:960px; text-align:left; margin:0 auto -30px auto; display: block; min-height:100%; position: relative;  }
#contentbox { padding: 360px 0 0 0;  }


/* div#content
------------------------------------------------------------------ */
#content { padding: 30px 15px; width: 480px; float: left; overflow-x: hidden; }

#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: square; }

#content a.more { font-size: 10px; padding: 0  20px 0 5px; text-decoration: none; color: #fff; background: url(images/bg_button.png) top right no-repeat; line-height: 21px; height: 21px; display:inline-block;}
#content a.more span { background: url(images/bg_button.png) top left no-repeat; line-height: 21px; height: 21px; display:block; margin: 0  0 0 -5px; padding: 0  0 0 7px; }
#content a.more:hover { text-decoration: underline; }

#content div.img img { background: url(images/bg_images.png) bottom left repeat-x; padding: 0 0 18px 0; margin: 5px 0 0 0; display: block; }


/* googlemaps
------------------------------------------------------------------ */
#content #map { width: 480px; height: 425px; font-size: 11px; }
#content #map form { font-size: 11px; padding: 15px 0 0 5px; }
#content #map form input { float: right;  }
#content #map form input#saddr { width: 245px; }


/* forms
------------------------------------------------------------------ */
#content form label { width: 125px; padding: 4px 0 0 5px; float: left; display: block; }
#content input { padding: 2px 6px 2px 6px; }
#content span input { padding: 4px 6px 2px 6px!important; border: none; width: 335px; height: 18px; font-size: 0.9em; border: 1px solid #d9d9cc; border-bottom: 2px solid #f3f1ea;  }
#content span input:focus,#content form textarea:focus { border-bottom: 2px solid #caccbe; }
#content form { padding: 10px 0;}
#content form p { clear: both; padding: 6px 0 6px 0!important; }
#content form .req { font-weight: 700;}
#content form textarea { clear: both; width: 464px;  padding: 3px; margin: 0 0 0 5px; border: 1px solid #d9d9cc; border-bottom: 2px solid #f3f1ea; background: #fff; }
#content form .clear br { clear: both; }
#content span span { clear: both; color: red; display: block; }


/* div#header
------------------------------------------------------------------ */
#header {position:absolute; top:0px; background: url(images/bg_header_zum_hirsch.png)  0 108px repeat-x;width:960px; height: 323px; overflow: hidden;   }
#header a#logo_zum_hirsch {position:absolute; top: 10px; left: 0px; }
#header a#logo_hirschgarten {position:absolute;top: 5px; right: 0px;  }

#header img.teaser {position:absolute; top:118px; left: 0px; }


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top:323px; background: url(images/bg_nav_div_zum_hirsch.png)  0 0 no-repeat;width:910px; padding: 6px 0 0 58px; height: 37px; }

#nav ul li { float: left;  padding: 0  2px 0 0; margin: 0 4px 0 0; background:url(images/bg_nav_zum_hirsch.png) bottom right no-repeat}
#nav ul li a { text-decoration: none; color:#f4f4f4!important; width: 118px;height: 28px;line-height: 28px; margin: 0  0 0 -2px;  display: block; text-align: center; background:url(images/bg_nav_zum_hirsch.png) bottom left no-repeat }

#nav ul li:hover,#nav ul li.current_page_item,#nav ul li.current_page_parent  {background-position: top right}
#nav ul li a:hover,#nav ul li.current_page_item a,#nav ul li.current_page_parent a {background-position: top left}
#nav ul li.current_page_item a,#nav ul li.current_page_parent a {  }


/* div#sidebar
------------------------------------------------------------------ */
#sidebar_left { width: 225px; float: left; text-align: right; }
#sidebar_left ul { padding: 60px 0 0 45px; }
#sidebar_left ul li { padding: 0  2px 0 0; margin: 0 4px 0 0;width: 160px; }
#sidebar_left ul li a {text-decoration: none; padding: 0  5px 0 0; height: 24px;line-height: 24px; margin: 0  0 0 -2px; display: block; color: #827e72; font-size: 12px;}
#sidebar_left ul li:hover,#sidebar_left ul li.current_page_item {background:url(images/bg_sidebar_a.png) bottom right no-repeat}
#sidebar_left ul li.current_page_item a,#sidebar_left ul li a:hover { color:#4b4a47!important;   background: url(images/bg_sidebar_a.png) bottom left no-repeat  }


/* div#sidebar
------------------------------------------------------------------ */
#sidebar_right { width: 202px; float: left; padding: 60px 20px 0 3px; text-align: center; }

#sidebar_right div.schatten {background:url(images/bg_schatten.jpg) top right no-repeat; width: 206px; height: 303px; padding: 40px 0 0 0; margin: 0 0 0 7px; display: block; overflow: hidden; }
#sidebar_right div.gallerie {background:url(images/bg_gallerie.jpg) top right no-repeat; width: 221px; height: 150px; padding: 15px 0 0 0; margin: 5px 0 15px 0; display: block; overflow: hidden; }

#sidebar_right a.gallerie { color:#827e72!important; font-size: 11px; text-decoration: none; background: url(images/icon_forward.png) 0 2px no-repeat; padding: 0 0 0 18px; margin: 0 0 0 17px; display: block;  }
#sidebar_right a.gallerie:hover { text-decoration: underline; }


/* div#footer
------------------------------------------------------------------ */
#clearfooter { height:30px; clear: both; }

#footer { height: 30px; line-height: 30px; position: relative;  }
#footer a,#footer  { color:#827e72; font-size: 11px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/* typography
------------------------------------------------------------------ */
body,input,select,th,td { font: 13px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif; color:#4d4b44; }

h1,h2,h3, #nav ul li a { font-family: Georgia, Times, Helvetica, Arial, Helvetica, sans-serif; color: #3a350a; font-weight: normal; }

h1 { font-size: 30px; background: url(images/bg_h1.png) left bottom repeat-x; padding: 0 0 3px 1px; margin: 0 0 14px 0}
h2 { font-size: 24px; }
h3 { font-size: 18px; }

small { font-size: 11px; }

p { padding: 7px 0; }


/* links
------------------------------------------------------------------ */
a { color: #6e2014; }
a:hover { text-decoration:none; }