/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	
	font-size: 100%;
}
body *{
	font-family: Verdana;
}
body.print {
	 font-size: 70%;
	 padding: 10px 20px;
}
body.print h4 {font-size: 130%;}
table {
	border-collapse: collapse;
	width: 100%;
	
}
.bottom {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.top {
	padding-top: 0px;
	margin-top: 0px;
}
.text-big {
	font-size: 100% !important;
	font-weight: bold;
}
.text {
	font-size: 80%;
}
.text-mini {
	font-size: 60%;
}
.text-orange {
	color: #f60;
}
.text-grey {
	color: #777576;
}
table td {
	padding: 0px;
}
table.top {
	border-collapse: separate;
}

table tr td.topMenu {
	height: 50px;
	vertical-align: bottom;
	border-left: 1px solid #878787;
	padding-left: 10px;
	color: #f0650a;
	font-weight: bold;
	font-size: 70%;
}
table tr td.topMenu a {
	text-decoration: none;
	color: #000;
}
tr.menuBg td {
	background: #c9c9c9;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}
table tr td.topMenu a:hover {
	color: #f0650a;
}

.content {
	font-size: 70%;
}
h1 {
	font-size: 90%;
}
h2 {
	font-size: 70%;
}
a {color: #4585a1;}
a:hover {color: #f60;}
a img {border: none;}

td.content-right {
	background: url(pix/content-right-border-grey.gif) top right repeat-y;
	padding: 0px;
	vertical-align: top;
}
td.content-right div.corner {
	background: url(pix/shadow1.gif) top right no-repeat;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 40px;
	padding-right: 10px;
}
td.content-right h3 {
	color: #ff6600;
	font-size: 110%;
	font-weight: normal;
	/*font-family: Verdana !important, Helvetica, sans-serif;*/
}
td.content-right h4 {
	font-size: 90%;
	margin-top: 10px;
}
td.content-right p {
	font-size: 75%;
	width: 90%;
}
table.otl {
	width: 90%;
	color: #999;
	margin-top: 30px;
	margin-bottom: 20px;
	
}

table.otl th {
	font-size: 160%;
	font-weight: normal;
	vertical-align: top;
	padding: 8px 11px 0px 7px;
}
table.otl th.title {
	/*font-family: Verdana, Helvetica, sans-serif;*/
	color: #ff6600;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	padding-left: 0px;
	padding-bottom: 5px;
}
table.otl td {
	font-size: 70%;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 10px;
}
form.form div {
	padding-bottom: 4px;
}
form.form div.titleform {
	background: url(pix/orange_bg.gif);
	color: #fff;
	font-weight: bold;
	margin-bottom: 8px;
	padding: 0px;
}
form.form div.titleform div {
	background: url(pix/orange_corner.gif) right bottom no-repeat;
	padding: 4px;
}

form.form div input, form.form div textarea {
	width: 100%;
	font-size: 90%;
}
 form.form div textarea {
	height: 120px; 
}

ul.list li {
	list-style-type: none;
	font-size: 80%;
}
td.content-right div.corner ul.spaced li img {
	float: left;
	margin-top: 5px;
}
ul.spaced li div {
	margin-left: 20px;
	
}
ul.spaced {
	line-height: 14pt;
	
}
ul.spaced li {
	margin-bottom: 10px;
	border: 1px solid #fff;
}
ul.spaced li ul {
	line-height: 10pt;
	list-style-position:outside;
}
ul.spaced li ul li {
	margin-bottom: 0px;
}
ul.list li a:hover {color: #f0650a;}

ul.list-in {
	list-style-image: url(pix/quads.gif);
	line-height: 14pt;
}

/*Prices*/
table.price {
	width: 90%;
}
table.price td,
table.price th {
	padding: 3px;
	font-size: 80%;
	font-weight: normal;
}
table.price th {
	text-align: left;
}
table.price td {
	text-align: center;
}
table.price th.top {
	text-align: center;
}
table.price th.title {
	font-weight: bold;
	text-align: center;
}
table.head th {
	padding-right: 20px;
	text-align: left;
	vertical-align: top;
}
table.head td {
	vertical-align: top;
}
table.head td a {
	font-size: 110%;
}
table.head td div {
	padding-top: 4px;
}
table.head td a.dots {
	font-size: 100%;
}
table.head td.line {
	padding: 0px;
	font-size: 0px;
	height: 20px;
}
ul.list-m {
	list-style-image: url(pix/a.gif);
	margin-bottom: 0px;
}
ul.list-m li {
	margin-bottom: 3px;
}
/*KOMPLEKT*/
table.komplekt {width: 560px;}
table.komplekt td {
	border: 1px solid #000;
	padding: 3px 5px;
}
/*KOMPLEKT2*/
table.komplekt2 {width: 600px;}
table.komplekt2 td {
	border: 0px solid #000;
	padding: 3px 5px;
}