body {
	font: 11px/13px Courier, mono;
	color: #000;
}

strong {
	font-weight: bold;
}

h1 {
	display: block;
	text-indent: -3000px;
}

h1#logo {
	background: transparent url(../images/design_chemaitis_logo.gif) no-repeat scroll left top;
	height: 8px;
	margin-top: 46px;
	margin-left: 113px;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

hr {
	color: #000;
	border: #000;
	height: 1px;
	background: transparent url(../images/hr.gif) repeat-x scroll;
}

a {
	color: #000;
}

a.menu {
	font: 11px Courier, mono;
	text-decoration: none;
	color: #000;
	height: 19px;
	background-color: #FFF;
	display: table-cell;
	vertical-align: middle;
}

a.menu:hover {
	color: #c80000;
}

a.active {
	color: #c80000;
}

span.menu {
	font: 11px Courier, mono;
	height: 19px;
	display: table-cell;
	vertical-align: middle;
}

/* tables */

table.menu td {
	height: 19px;
	vertical-align: middle;
	border-bottom: 1px dotted #000;
}

#sub_menu table td {
	height: 19px;
	vertical-align: middle;
}

table.menu .spacer {
	border: none;
}

table.menu .border_top {
	border-top: 1px solid #000;
}

#content_menu td:hover {
	background: url(../images/bg_hover.gif) repeat-x 0 -1px;
}

#content_menu td.no_hover:hover {
	background: none;
}

/* divs */

#left_block {
	width: 20px;
	height: 100%;
	background-color: #FFF;
}

#main_menu {
	position: absolute;
	top: 78px;
	left: 20px;
	width: 147px;
	border-top: 1px solid #000;
}

#content_menu {
	position: absolute;
	left: 182px;
	top: 78px;
	width: 640px;
}

#sub_menu {
	position: absolute;
	top: 159px;
	left: 838px;
}

#trenner_top {
	height: 12px;
	left: 182px;
	position: absolute;
	top: 191px;
	background-image: url(../images/bg_pattern.gif);
	width: 842px;
}

#trenner_btm {
	position: absolute;
	top: 611px;
	left: 20px;
	background-image: url(../images/bg_pattern.gif);
	width: 842px;
}

#stoerer {
	position: absolute;
	top: 213px;
	left: 167px;
	width: 5px;
	height: 387px;
	display: block;
	background: url(../images/stoerer.gif) no-repeat;
}

.projekt_stoerer {
	float: left;
	width: 5px;
	height: 19px;
	margin-right: 20px;
	background: url(../images/projekt_stoerer.gif) no-repeat;
}

/* content */

#content_frame {
	position: absolute;
	left: 182px;
	top: 230px;
	width: 842px;
	height: 365px;
	overflow-y:hidden;
	overflow-x: auto;
}

#content_frame_inner {
	width:842px;
}

.content_element {
	float: left;
	display: block;
	margin-right: 20px;
}

.text_element {
	float: left;
	width: 228px;
	height: 349px;
	margin-right: 12px;
	border-top: 1px solid #000;
}

.text_element div {
	padding: 9px 3px 0 2px;
}

.image_container {
	height: 340px;
	margin-right: 10px;
	float: left;
}

.einleitung {
	
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
}

/* sizing */

.width_100percent {
	width: 100%;
}

.width_313px {
	width: 313px;
}

/* Formulare */

form label {
	padding: 2px 5px 2px 0;
}

input {
	margin: 0 2px 0 0;
	padding: 2px 0 2px 2px;
	border: 1px solid #000;
	font-size: 10px;
	font: 11px/13px Courier, mono;
}

textarea {
	vertical-align: top;
	margin: 2px 2px 1px 0;
	padding: 2px 0 2px 2px;
	border: 1px solid #000;
	font-size: 10px;
	font: 11px/13px Courier, mono;
}

.width-210px {
	width: 210px;
}

.width-220px {
	width: 220px;
}

.height-110px {
	height: 110px;
}

.error {
	color: red;
}