/**** DEFAULT ****/
* { margin: 0; padding: 0; }
body { text-align: center; font-size: 15px; font-family: Verdana,Arial,Helvetica,sans-serif; }
img { border: 0px; }
h1 { font-size: 1.3em; border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 5px; background-color: #577173; color: #fff; }
h2 { font-size: 1.1em; border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 3px; background-color: #577173; color: #fff; }
h1,h2,h3,h4 { text-align: center; }
fieldset { border: 0; text-align: center; }

/**** LINKS ****/
a { color: #0000ff;	text-decoration: underline; }
a:hover { color: #000; }
a:visited {	color: #0000ff; }

/**** CLASSES ****/
.bold {	font-weight: bold; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.smaller { font-size: 0.8em; }
.bigger { font-size: 1.1em; }
.big { font-size: 1.2em; }
.clear { clear: both; }
.m10 { margin: 10px; }

/**** LAYOUT ****/
div#wrapper { margin: auto;	width: 1002px; }
#heder, #content_wrapper, #footer { background-color: #ccd8d9; }
div#heder { height: 150px; border: 1px solid #000; border-top: 0; }
div#content_wrapper { border: 1px solid #000; margin: 1px 0px 1px 0px; }
div#content { clear: both; padding: 10px; text-align: left; }
div#footer { border: 1px solid #000; border-bottom: 3px solid #000;	padding: 5px; font-size: 80%; }

/**** MENU ****/
div#menu { text-align: left;margin-left: 5px; }
div#menu ul { list-style-type: none; }
div#menu ul li { float: left;margin-left: 1px; }
div#menu ul li a { display: block;padding: 4px;border: 1px solid #000;border-top: 0;text-decoration: none;background-color: #83929C;color: #fff; }
div#menu ul li a:hover { background-color: #A3B6C2;color: #000; }

/**** OTHERS ****/
div#errorMessage { color: #ff0000; padding: 8px; font-size: 110%; font-weight: bold; background-color: #E8E8E8;	border: 1px solid #83929C; }
div#content ul { margin: 10px; margin-left: 30px; }
div#content ul li { padding: 2px; }
div#content p { margin: 10px; }

div#kategorie { font-size: 0.9em; }
div#kategorie ul { list-style-type: none; }
div#kategorie ul li { float: left; }
div#kategorie ul li.active a { background-color: #A3B6C2;color: #000; }
div#kategorie ul li a { display: block; padding: 2px;border: 1px solid #000;text-decoration: none;background-color: #83929C;color: #fff; }
div#kategorie ul li a:hover { background-color: #A3B6C2;color: #000; }

div#kawaly { clear: both; padding-top: 20px; }
div#kawal { clear: both; margin: 20px;  }
div.kawal { border-bottom: 3px double #000; padding: 15px; }
div.more { text-align: right; font-size: 0.7em; }
div.more a {  }

div.warning { text-align: center;color: #ff0000;font-weight: bold;font-size: 1.2em;padding: 5px;margin: 10px;background-color: #eee;border: 1px solid #ff0000; }
div.info { text-align: center;color: #00cc00;font-weight: bold;font-size: 1.2em;padding: 5px;margin: 10px;background-color: #eee;border: 1px solid #00cc00; } }

form.add {  }
form.add table { margin: 30px; }
form.add table tr {  }
form.add table tr td { padding: 3px; }

.mar20 { margin: 20px; }