/*
Theme Name: ZA Mueller-Leissring
Theme URI: http://www.imania.de/
Description: The Theme for www.zpml.de.
Version: 1.6
Author: Ingo Spreu
Author URI: http://www.imania.de/
Tags: za

*/




html, body, ul, li, h1, h2, h3, h4, h5, p, form, hr {margin: 0; padding: 0;}
body {font-family: georgia; background: #fff url('images/bg.body.png') repeat-y scroll center top; color: #000;}
h1, h2, h3, h4, h5 {font-weight: normal;}
img {border: none;}
.clear {clear: both; height: 1px; overflow: hidden;}
#page {width: 1000px; margin: 0 auto; font-size: 16px;}
#page #lft {float: left; width: 615px;}
#page #rgt {float: right; width: 380px;  background: transparent url('images/bg.rgt.png') repeat-y scroll center top; }

#page #header {background: transparent url('images/logo.png') no-repeat 0px 26px;}
#page #header h1 {font-size: 1.7em;}
#page #header h1 a {padding: 40px 0 0 130px; display: block; text-decoration: none; color: #120c09;}
#page #header h2 { font-size: 1em;}
#page #header h2 a {padding: 0 0 30px 130px; display: block; text-decoration: none; color: #a0cf45;}

#page #headerimg {height: 320px; background: transparent url('images/header/headerimg.allgemein.00.jpg') no-repeat right top;}

#page #menu {margin: 0 0 0 120px; font-family: Tahoma; clear: left; width: 470px;}
#page #menu h2 {display: none;}
#page #menu ul {list-style: none; width: 100%;}
#page #menu ul ul {display: inline;} /* IE Hack */
#page #menu ul ul li {clear: left; }
#page #menu ul ul li a {width: 200px; margin: 0 0 2px 0; color: #555; text-decoration: none; padding: 2px 10px 2px 10px; display: block; }

#page #menu ul ul li.current_page_item ul ,
#page #menu ul ul li.current_page_parent ul {display: block; border-top: solid 1px #cfe7a2;}
#page #menu ul ul li.current_page_item a,
#page #menu ul ul li.current_page_parent a {background-color: #a0cf45; color: #fff;}

#page #menu ul ul ul {display: none;}
#page #menu ul ul ul {padding: 0 0 0 20px;}
#page #menu ul ul ul li {clear: none; float: left;}
#page #menu ul ul ul li a,
#page #menu ul ul li.current_page_item ul li a,
#page #menu ul ul li.current_page_parent ul li a {width: auto; background: transparent url('images/bg.sec.menu.a.png') no-repeat left center; font-size: 0.9em; margin: 2px 5px 2px 0; background-color: #fff; color: #555; text-decoration: none; padding: 2px 10px 2px 15px; display: block; white-space:nowrap; }

#page #menu ul ul li a:hover,
#page #menu ul ul ul li a:hover, 
#page #menu ul ul li.current_page_item ul li a:hover,
#page #menu ul ul li.current_page_parent ul li a:hover {text-decoration: underline;}
#page #menu ul ul li.current_page_parent ul li.current_page_item a {background-image: none; background-color: #a0cf45; color: #fff;}


#page .news {margin: 30px 0 0 0; background: transparent url('images/bg.news.png') repeat-y left center; padding: 0 0 15px 0;}
#page .news .date {float: left; width: 110px; background: transparent url('images/bg.news.date.png') no-repeat center bottom;}
#page .news .date p {font-size: 0.8em; color: #f1eccb; font-family: Tahoma; padding: 12px 0 25px 0; text-align: center;}
#page .news .message {float: right; width: 480px; }
#page .news .message h1 {color: #fff; padding: 15px 20px 10px 0; font-size: 1.3em; }
#page .news .message p {font-size: 0.9em; padding: 0 60px 10px 0;  font-family: Tahoma;}
#page .news .message a {color: #000;}

#page #content {margin: 30px 0 0 120px;}
#page #content h1 {font-size: 1.3em; padding: 0 0 10px 0;}
#page #content h2 {font-size: 1.1em; padding: 20px 0 10px 0;}
#page #content h3 {font-size: 1em; padding: 10px 0 10px 0;}
#page #content p {font-size: 0.9em; padding: 0 0 10px 0;  font-family: Tahoma;}
#page #content a {color: #555;}
#page #content ul,
#page #content ol  {padding: 0 0 10px 20px;}
#page #content ul li,
#page #content ol li {font-family: Tahoma; font-size: 0.9em; margin: 0 0 5px 10px;}
#page #content img {border: solid 1px #8f8f8f;}
#page #content img.alignleft {float: left; margin: 0 20px 10px 0;}
#page #content img.alignright {float: right; margin: 0 0 10px 10px; }

#page #marginal {margin: 0 33px 0 56px; padding: 0 0 30px 0;}
#page #marginal h1 {color: #a0cf45; border-top: solid 2px #fff; font-size: 1.3em; padding: 15px 20px 5px 20px; margin: 10px 0 0 0;}
#page #marginal h2 {font-size: 1.4em; padding: 0 20px 5px 20px; }
#page #marginal p  {font-size: 0.8em; padding: 0 20px 5px 20px;}
#page #marginal p span {width: 140px; display: inline-block;}
#page #marginal p span  {display:-moz-inline-box; } /* FF 2.0 Hack */
#page #marginal p a {color: #555;}

#page #footer {margin: 30px 0 100px 120px; border-top: solid 1px #dcdcdc; clear: both;}
#page #footer #name {float: left; width: 300px;}
#page #footer #name h1 {font-size: 1.2em; padding: 10px 0 0 0;}
#page #footer #name h2 {font-size: 0.6em;}
#page #footer a {color: #8a8a8a; text-decoration: none;}
#page #footer #shortcut {float: right; width: 180px;}
#page #footer #shortcut p {text-align: right; padding: 16px 0 0 0; font-size: 0.8em;}
#page #footer #shortcut p a {text-decoration: underline; display: inline-block; margin: 0 0 0 10px;}

/*--[Tiny Contact Form]--------------------------------------------------------*/
#page #content .contactform label {display: block; font-size: 0.8em; font-style: italic;}
#page #content .contactform input,
#page #content .contactform textarea {width: 90%; margin: 0 0 10px 0; font-size: 1.2em; font-family: tahoma; padding: 2px; background-color: #f7f4e1; color: #000;}
#page #content .contactform input {border: none; border-bottom: dashed 1px #d5cc94;}
#page #content .contactform textarea {border: dashed 1px #d5cc94; height: 100px;}
#page #content .contactform #contactsubmit {border: solid 1px #555555; margin: 20px 0 10px 0; background-color: #999999; cursor: pointer; color: #fff; font-family: Georiga; }
#page #content .contactform_response {border: dashed 1px #6d883a; color: #6d883a; background-color: #d4f09e; width: 90%; text-align: center; padding: 10px 0 10px 0; margin: 0 0 20px 0; }
#page #content .contactform_error {border: dashed 1px #cf4545; color: #cf4545; background-color: #f4caca; width: 90%; text-align: center; padding: 10px 0 10px 0; margin: 0 0 20px 0; }

/*--[Easy Map]----------------------------------------------------------------*/

#map {border: solid 1px #8f8f8f; margin-bottom: 30px;}
#map #markercontent {background: transparent url('images/map/logo.png') no-repeat left top;  position: absolute; left: -15px; top: 10px;}
#map #markercontent table td {vertical-align: top;}
#map #markercontent table td p {padding-left: 100px; font-family: georgia;}