/**** 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: 1px solid #000; padding: 5px; background-color: #7ee41e; color: #000; }
h2 { font-size: 1.1em; border: 1px solid #000; padding: 3px; background-color: #fff; color: #000; }
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: #fff1af; }
div#heder { height: 150px; border: 1px solid #000; border-top: 0; }
div#content_wrapper { border: 1px solid #000; margin: 1px 0px 1px 0px; float: left; }
div#content { clear: both; padding: 10px; text-align: left; }
div#footer { clear: both; border: 1px solid #000; border-bottom: 3px solid #000;	padding: 5px; font-size: 80%; }

div#left_bar { width: 150px; float: left; }
div#right_bar { width: 850px; float: left;}

/**** MENU ****/
div#menu { clear: both; text-align: left; border-right: 1px solid #000; }
div#menu ul { list-style-type: none; }
div#menu ul li { font-weight: bold; font-size: 0.8em; }
div#menu ul li a { display: block; text-align: center; padding: 4px; border-bottom: 1px solid #000; border-left: 5px solid #7BE31D; border-right: 5px solid #7BE31D; text-decoration: none; background-color: #7BE31D; color: #000; }
div#menu ul li a:hover { background-color: #c9fe30; color: #000; border-left: 5px solid #7BE31D; border-right: 5px solid #7BE31D; }
div#menu h4 { padding: 5px; background-color: #c9fe30; border-bottom: 1px solid #000; }

div#menu ul li.active a { background-color: #c9fe30; color: #000; border-left: 5px solid #7BE31D; border-right: 5px solid #7BE31D; }

/**** 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#breadcrumb { font-size: 0.8em; margin-bottom: 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#cytaty { clear: both; padding-top: 20px; }
div#cytat { clear: both; margin: 20px;  }
div.cytat { clear: both; border: 3px double #000; padding: 15px; margin-top: 10px; }
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; }

/**** PAGINATOR ****/
div.paginator {  }
div.paginator ul { list-style-type: none; }
div.paginator ul li { float: left; margin: 2px; }
div.paginator ul li a { display: block; text-align: center; width: 33px; border: 1px solid #000; text-decoration: none; background-color: #7EE41E; color: #000; font-weight: bold; }
div.paginator ul li a:hover { background-color: #C9FE30; }
div.paginator ul li a.active { background-color: #C9FE30; }

.mar20 { margin: 20px; }