/* OGOLNE */
* {margin: 0; padding: 0}
body {background: #fff url(gfx/bg.jpg) repeat-X; text-align: center}
a {color: #444}
a:hover {text-decoration: none}
hr {background: #444; border: 1px solid #444; margin: 10px}

/* TOP */
#top {width: 800px; height: 100px; margin: 0 auto}
#top img {border: 0}

/* MENU */
#menu {width: 800px; height: 38px; margin: 0 auto; margin-bottom: 20px}
*html #menu {margin-bottom: 0}
#menu ul {margin: 0}
#menu ul li {float: left; margin: 0 1px; list-style: none}       
#menu ul li a {width: 187px; height: 38px; display: block; font: bold 16px/1.0 "Trebuchet MS"; color: #eee; background: url(gfx/button.gif) no-repeat; text-decoration: none; text-align: center; padding-top: 15px}
#menu ul li a:hover {background: url(gfx/button_h.gif) no-repeat}

#content {width: 760px; margin: 10px auto; text-align: left; background: #FAFAFA; padding: 20px; overflow: hidden}
#content ul, #content ol {margin: 10px 20px}
#content p, li {font: 12px/1.5 Verdana; margin: 5px; color: #444}
#content h1 {font: normal 20px Verdana; color: #fff; margin: 15px 0; background: #c00; padding: 4px 8px}
#content h2 {font: normal 18px Verdana; color: #9B7A62; margin: 20px 10px 20px 0; color: #c00}
#content h2 a {color: #c00}
#content h3 {font: normal 14px Verdana; color: #c00; margin: 10px 0 8px 0}
#content h3 a {color: #c00; display: block; padding: 3px 6px}
#content h3 a:hover {background: #c00; color: #fff}

#content .kat {padding: 10px; background: #eee; margin: 10px; border-left: 6px solid #444; width: 474px}
#content .kat ul {list-style-type: square}
#content .kat ul li {font: normal 12px/1.0 Verdana}
#content .kat ul li a {color: #444}
#content .kat ul li a:hover {color: #444}

#content #text {width: 520px; float: left; background: #fff; padding: 10px; margin-bottom: 15px} 
#content #text p.add_button {margin: 15px 0}
#content #text p.add_button a {font: bold 20px "Trebuchet MS"; color: #fff; background: #444; padding: 3px 8px; text-decoration: none}
#content #text p.add_button a:hover {background: #444}
#content .menu {width: 200px; padding-left: 20px; float: left; margin-bottom: 15px} 
#content .menu ul {margin: 0}
#content .menu ul li {display: block; text-align: right; margin-bottom: 8px; font: normal 12px/1.5 Verdana}
#content .menu ul li a {text-decoration: none; padding: 4px 6px; border-bottom: 1px solid #444; display: block; color: #444}
#content .menu ul li a:hover {background: #444; color: #fff}
#content .menu ul ul li {display: block; text-align: right; margin-bottom: 1px; font: normal 10px/1.5 Verdana}
#content .menu ul ul li a {text-decoration: none; padding: 3px 6px; border-bottom: 0; display: block; color: #444}
#content .menu ul ul li a:hover {background: #444; color: #fff}
#content .foot {clear: both}
#content .foot ul li {display: inline}

#foot {margin: 20px auto; width: 800px; text-align: center; padding-top: 5px; border-top: 1px solid #444; clear: both}
#foot p {font: 12px/1.5 Verdana}
#foot a {color: #444}

form {margin: 20px}
fieldset {border: 0; font: 12px/1.5 Verdana; margin-bottom: 8px}
input, textarea {width: 300px; padding: 3px 6px; font: 12px/1.5 Verdana; border: 2px solid #444; background: #eee; margin-top: 3px}
.submit {font: bold 14px Verdana, sans-serif; background: #444; color: #fff; padding: 3px 6px; width: 250px}

/* TABLE */
td {font: 10px Verdana; padding: 3px 6px; background: #F9F6F5; border: 1px solid #444}

#search {background: #eee; padding: 10px}
#searchform .inputtext {width: 400px; background: #fff}
#searchform .inputradio {width: 70px; display: inline; border: none}
#searchform .inputsubmit {font: bold 14px Verdana, sans-serif; background: #444; color: #fff; padding: 3px 6px; width: 600px}