/* Basic HTML elements (links, headers). */
body {
    height:                 100%;
    margin:                 0px;
    padding:                0px;
    font-family:            Arial,Helvetica,sans-serif;
    font-size:              DYNAMIC_VALUE;
    background-color:       DYNAMIC_VALUE;
    color:                  DYNAMIC_VALUE;
}

table {
	font-size:				DYNAMIC_VALUE;
}

form {
	margin-bottom:			0px;
}

a {
	text-decoration:		none;
}
a:link {
	color:					DYNAMIC_VALUE;
}
a:visited {
	color:					#000066;
}
a:hover {
	color:					DYNAMIC_VALUE;
	text-decoration:		underline;
}
a:active {
	color:					DYNAMIC_VALUE;
}
a:focus {
	color:					DYNAMIC_VALUE;
}

h1 {
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
	margin-top:				2ex;
	margin-bottom:			2ex;
	border-top-style:		solid;
	border-top-width:		1px;	
	border-left-style:		solid;
	border-left-width:		28px;
	border-right-style:		solid;
	border-right-width:		1px;	
	border-bottom-style:	solid;
	border-bottom-width:	1px;
	border-color:			DYNAMIC_VALUE;
	padding-top:			2px;
	padding-left:			4px;	
	padding-bottom:			2px;
}
h2 {
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
	margin-top:				1ex;
	margin-bottom:			1ex;
	border-left-style:		solid;
	border-left-width:		17px;
	border-bottom-style:	solid;
	border-bottom-width:	1px;	
	border-color:			DYNAMIC_VALUE;
	padding-top:			2px;
	padding-left:			4px;	
	padding-bottom:			0px;
}
h3 {
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
	margin-top:				2ex;
	margin-bottom:			1ex;
	border-top-style:		solid;
	border-top-width:		1px;	
	border-left-style:		solid;
	border-left-width:		5px;
	border-color:			DYNAMIC_VALUE;
	padding-top:			2px;
	padding-left:			4px;	
	padding-bottom:			0px;
}
h4 {
	font-size:				DYNAMIC_VALUE; 
	font-weight:			bold;
	margin-top:				1ex;
	margin-bottom:			1ex;
}
h5 {
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
	margin-top:				0.5ex;
	margin-bottom:			0px;
}
h6 {
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
	margin-top:				0ex;
	margin-bottom:			0px;
}

hr {
	background-color:		DYNAMIC_VALUE;
	border:					0px;
	height:					1px;
}

img {
	ivertical-align:			top;
	ivertical-align:			middle;
	ivertical-align:			bottom;
	vertical-align:			baseline;
}

ul {
	margin-left:			0px;
	padding-left:			25px;
	list-style-type:		square;
}
li {
	margin-bottom:			5px;
}

/* Special unique areas within the page layout (e.g. header, footer). */
div#header {
	width:					100%;
	min-height:				107px;
	height:					107px;
	background-color:		DYNAMIC_VALUE;
	background-image:		DYNAMIC_VALUE;
	background-repeat:		repeat-x;
}
body>div#header { height: auto; }
div#headerdeco {
	position:				absolute;
	top:					0px;
	left:					0px;
	z-index:				1;
}
div#headerdeco img {
	vertical-align:			top;
}
div#icons {
	position:				absolute;
	top:					2px;
	right:					5px;
	vertical-align:			bottom;
	z-index:				1;
}
div#sitetitle {
	padding-top:			20px;
	padding-left:			236px;
	padding-bottom:			10px;
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
}
div#sitetitle .boss {
	color:					DYNAMIC_VALUE;
}
div#sitelogo {
	padding-top:            20px;
	padding-right:			1px;
	text-align:				right;
	float:					right;
}
div#others {
	margin-top:				2px;
	margin-right:			4px;
	text-align:				right;
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
	clear:					right;
}
div#hbar {
	width:					100%;
	min-height:				15px;
	height:					15px;
	padding-top:			1px;
	padding-bottom:			0px;
	background-color:		#000000;
	color:					#ffffff;
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
	/* font-variant:			small-caps; */
}
div#header>div#hbar { height: auto; }
div#hbar .navpath {
	background-color:		DYNAMIC_VALUE;
	padding-left:			3px;
	padding-right:			5px;
}
div#hbar .navpath a {
	color:					#ffffff;
}

div#lefter {
	width:					12.7em;
	background-color:		DYNAMIC_VALUE;
	border-right-style:		solid;
	border-bottom-style:	solid;
	border-width:			4px;
	border-color:			DYNAMIC_VALUE;
	float:					left;
}
div#navmenu {
	padding-top:			9px;
	padding-bottom:			1ex;
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
}

div#navmenu li {
	margin-bottom:			9px;
}
div#navmenu .level1 {
	margin-top:				0px;
	margin-left:			0px;
	padding-left:			20px;
	list-style-image:		DYNAMIC_VALUE;
}
div#navmenu .level1 .open {
	list-style-image:		DYNAMIC_VALUE;
}
div#navmenu .level2 {
	margin-top:				9px;
	margin-left:			0px;
	padding-left:			0px;
	list-style-image:		DYNAMIC_VALUE;
}
div#navmenu li.back {
	list-style-image:		DYNAMIC_VALUE;
}

div#adverts {
	padding-top:			2ex;
	padding-bottom:			1ex;
	border-top-style:		solid;
	border-width:			1px;
	border-color:			DYNAMIC_VALUE;
	font-size:				DYNAMIC_VALUE;
	font-weight:			normal;
}
div#adverts div.box {
	margin-top:				0px;
	margin-bottom:			2ex;
	margin-left:			5px;
	margin-right:			5px;
	padding:				3px;
	border-style:			solid;
	border-width:			1px;
	border-color:			DYNAMIC_VALUE;
}
div#adverts div.box h1 {
	margin-top:				-3px;
	margin-left:			-3px;
	margin-right:			-3px;
	margin-bottom:			3px;
	padding:				2px;
	border-style:			none;
	border-bottom-style:	solid;
	border-width:			1px;
	border-color:			DYNAMIC_VALUE;
	background-color:		#9ec39e;
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
	text-align:				center;
}
div#adverts div.hbox {
	margin-top:				0px;
	margin-bottom:			2ex;
	margin-left:			5px;
	margin-right:			5px;
	padding:				3px;
	border-style:			solid;
	border-width:			1px;
	border-color:			DYNAMIC_VALUE;
	background-color:		#9ec39e;
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
	text-align:				center;
}
div#adverts div ul {
	margin-top:				4px;
	margin-left:			0px;
	padding-left:			15px;
	line-height:			75%;
	margin-bottom:			4px;
	list-style-image:		DYNAMIC_VALUE;
}
div#adverts .link {
	margin-top:				0px;
	margin-left:			0px;
	padding-left:			20px;
	list-style-image:		DYNAMIC_VALUE;
	font-weight:			bold;
}

div#copyright {
	margin-left:			5px;
	margin-right:			5px;
	margin-bottom:			1ex;
	color:					DYNAMIC_VALUE;
	font-size:				DYNAMIC_VALUE;
	font-style:				normal;
}

div#main {
	padding-top:			4px;
	padding-left:			13.5em;
	padding-right:			5px;
	padding-bottom:			6ex;
	background-color:		DYNAMIC_VALUE;
	font-size:				DYNAMIC_VALUE;
	/* IE needs additional settings here. We do this with another style
	 * definition at the end of this file.
	float:					left;
	padding-left:			0.5em;
	*/
}

/* Design classes, that are for only one special content. */
.nav_inside {
	font-weight:			bold;
}
div.nav_inside {
	margin-left:			5px;
	margin-bottom:			1ex;
}

div.caption {
    margin-top:             4px;
    margin-bottom:          1ex;
	padding:				1px;
    border-style:           solid;
    border-color:           DYNAMIC_VALUE;
    border-width:           1px;
}
div.caption div.text {
	padding-top:			1px;
	padding-left:			5px;
	padding-bottom:			2px;
	border-left-style:		solid;
	border-left-width:		28px;
	border-color:			DYNAMIC_VALUE;
    font-size:              DYNAMIC_VALUE;
    font-weight:            bold;
}
div.caption div.deco {
	width:					230px;
	text-align:				right;
	float:					right;
}

.tricky_seperator {
	display:				none;
}

.error_header {
	line-height:			140%;
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
	color:					DYNAMIC_VALUE;
	margin-bottom:			1ex;
}

/* biglist is a table, that looks like a long data listing.
 * used in printList...() */
.biglist {
	line-height:			120%;
}
.biglist a {
	text-decoration:		none;
}
.biglist th {
	vertical-align:			bottom;
	padding-bottom:			1px;
	border-bottom-width:	1px;
	border-bottom-color:	#000000;
	border-bottom-style:	solid;
}
.biglist td {
	background-image:		DYNAMIC_VALUE;
	border-top-width:		1px;
	border-top-color:		#e0e0e0;
	border-top-style:		solid;
	/* vertical-align:			top; */
}
.biglist td.space {
	background-image:		none;
}

.list_odd {
	background:				#e0e0e0;
}


.bigtable {
	margin-bottom:			2ex;
}	
.bigtable h3 {
	margin-bottom:			0px;
}

.leftopen th, .leftopen td {
	border-left-style:		none;
	border-right-style:		solid;
}

.rightopen th, .rightopen td {
	border-left-style:		solid;
	border-right-style:		none;
}

.bigtable th {
	border-left-width:		1px;
	border-left-color:		DYNAMIC_VALUE;
	border-right-width:		1px;
	border-right-color:		DYNAMIC_VALUE;
	border-bottom-width:	1px;
	border-bottom-color:	DYNAMIC_VALUE;
	border-bottom-style:	solid;
}

.bigtable #hr {
	background-image:		DYNAMIC_VALUE;
	border-left-width:		1px;
	border-left-color:		DYNAMIC_VALUE;
	border-right-width:		1px;
	border-right-color:		DYNAMIC_VALUE;
	border-bottom-width:	1px;
	border-bottom-color:	DYNAMIC_VALUE;
	border-bottom-style:	solid; 
	vertical-align:   		top;
} 

.bigtable td {
	background-image:		DYNAMIC_VALUE;
	border-left-width:		1px;
	border-left-color:		DYNAMIC_VALUE;
	border-right-width:		1px;
	border-right-color:		DYNAMIC_VALUE;
	border-bottom-width:	1px;
	border-bottom-color:	DYNAMIC_VALUE;
	border-bottom-style:	solid; 
	vertical-align:   		top;
} 

/* A field / table cell, that contains some data (e.g. result from db). */
.data {
	background-image:		DYNAMIC_VALUE; 
	vertical-align:			top;
}


/* Universal design classes. */

/* The description text of an error message. */
.error {
	font-size:				DYNAMIC_VALUE;
	color:					DYNAMIC_VALUE;
	margin-bottom:			2ex;
}

/* A (success) message to the user like "anything was done". */
.message {
	font-size:				DYNAMIC_VALUE;
	font-weight:			bold;
	color:					#008800;
}
/* A (helpfull) message to the user like "you must do anything". */
.advice {
	color:					DYNAMIC_VALUE;
}
/* For small hints like "click here to do anything". */	
.hint {
	font-size:				DYNAMIC_VALUE;
	color:					DYNAMIC_VALUE;
}
/* An informal but not realy necessary notice. */
.anota {
	color:					DYNAMIC_VALUE;
}

/* The next few classes are mostly useful for links: */
/* Look here! This is what you are looking for. */
.highlighted {
	color:					#990029;
}
/* Look here! You have to do this. */
.mandatory {
	color:					#E90029;
}
/* You can click here, but it makes no sense. */
.disabled {
	color:					DYNAMIC_VALUE;
}
/* A link to the current page. */
.selected {
	color:					#777777;
}

.hidden {
	visibility:				hidden;
}

/* The next few classes are mostly useful for divs and tables: */
.grouped {
	padding:				3px;
	border-style:			solid;
	border-width:			1px;
	border-color:			DYNAMIC_VALUE;
}
.grouped_highlighted {
	background-color:		#ccccff;
	padding:				3px;
	border-style:			solid;
	border-width:			1px;
	border-color:			DYNAMIC_VALUE;
}
.boxed {
	background-color:		DYNAMIC_VALUE;
	padding:				3px;
	border-width:			1px;
	border-color:			DYNAMIC_VALUE;
	border-style:			solid;
}
img.boxed {
	padding:				0px;
}