/* Body */

body {
	background:#bbb;
	margin:25px auto;
	padding:0px;
	font:normal 8pt arial;
	color:#666;
}

#container {
	width:785px;
	margin:0px auto;
	padding:0px;
}

#framework {
	background:#fff;
	text-align:left;
	margin:0px;
	padding:0px;
}

#head-left {
	background:url(../img/tanase.gif) no-repeat left top;
	width:200px;
	height:90px;
	float:left;
}

#head-right {
	background:url(../img/uhrmacherkunst.gif) no-repeat right top;
	width:585px;
	height:90px;
	float:left;
}

#navigation-main {
	height:22px;
	list-style:none;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #fff;
	clear:both;
}

#navigation-main li {
	height:22px;
	float:left;
}

#navigation-sub {
	height:125px;
	list-style:none;
	padding:0px;
	margin:0px;
	clear:both;
}

#navigation-sub li {
	height:125px;
	border-right:1px solid #fff;
	float:left;
}

#navigation-sub li.none {
	height:125px;
	border:none;
	float:left;
}

#content-main {
	padding:30px 25px;
	margin:0px;
	clear:both;
	float:left;
}

#content-left {
	width:490px;
	padding:0px 45px 0px 0px;
	float:left;
}

#content-right {
	width:200px;
	float:left;
}

#foot {
	width:785px;
	height:17px;
	background:url(../img/pattern_lines.gif);
	list-style:none;
	padding:0px;
	margin:0px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	clear:both;
}

#foot li {
	height:17px;
	background:#fff;
	padding:0px 20px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	line-height:18px;
	float:left;
}

/* Sonstiges */

.center {
	text-align:center;
}

div.hersteller {
	width:175px;
	border:1px solid #eee;
	text-align:center;
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	padding:10px 0px;
	float:left;
}

/* Grafische Elemente */

img {
	border:none;
}

/* Listen */
ul {
	padding:5px 0px 10px 40px;
	margin:0px;
}

#content-right ul {
	list-style:none;
	padding:5px 0px 10px 0px;
	margin:0px;
}

li {
	font:normal 8pt arial;
	color:#666;
	line-height:13pt;
}

#content-right li {
	font:normal 8pt arial;
	color:#666;
	line-height:13pt;
}

#content-right li a {
	font:bold 10pt arial;
	background:url(../img/arrow.gif) left center no-repeat;
	text-decoration:none;
	padding:2px 0px 2px 15px;
	display:block;
}

#content-right li a:hover {
	text-decoration:underline;
}

/* Textelemente */

h1 {
	font:bold 14pt arial;
	color:#8B2547;
	line-height:24px;
}

h2 {
	font:bold 11pt arial;
	color:#666;
}

h3 {
	font:bold 10pt arial;
	color:#8B2547;
	clear:both;
}

h4 {
	font:bold 9pt arial;
	color:#666;	
}

p {
	font:normal 8pt arial;
	color:#666;
	line-height:13pt;
	margin:0px 0px 25px 0px;
	padding:0px;
}

br {
	clear:both;
}

span {
	font:normal 8pt arial;
	color:#666;
	line-height:13pt;
}

span.left {
	width:50px;
	float:left;
}

address {
	font:normal 8pt arial;
	color:#666;
	line-height:13pt;
}

a:link {
	font:normal 8pt arial;
	color:#8B2547;
	text-decoration:none;
}

a:active {
	font:normal 8pt arial;
	color:#8B2547;
	text-decoration:underline;
}

a:visited {
	font:normal 8pt arial;
	color:#616161;
	text-decoration:none;
}

a:hover {
	font:normal 8pt arial;
	color:#8B2547;
	text-decoration:underline;
}

/* Formulare */

form {
	padding:0px;
	margin:0px;
}

fieldset {
	border:1px solid #d4d4d4;
	padding:0px 15px 15px 15px;
}

legend {
	font:normal 8pt arial;
	color:#999;	
}

label {
	font:normal 8pt arial;
	color:#666;
}

label.left {
	width:125px;
	float:left;
}

textarea {
	width:250px;
	padding:2px;
	border-left:2px solid #808080;
	border-top:2px solid #808080;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	color:#666;
	font:normal 8pt arial;
}

select {
	color:#666;
	font:normal 8pt arial;
}

.field {
	width:250px;
	padding:2px;
	border-left:2px solid #808080;
	border-top:2px solid #808080;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	color:#666;
	font:normal 8pt arial;
}

.button {
	background:#D4D4D4;
	font:bold 8pt arial;
	color:#666;
	padding:2px 10px;
	border-left:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	border-right:2px solid #808080;
	border-bottom:2px solid #808080;
}