/**
*
* @package grayMagnet
* @file: style.css
* @version: 2.0.0
* @copyright: (c) 2009 by grayMagnet
* @license: http://www.graymagnet.de/license.html GMWL
*
* Es ist strengstens verboten, dieses Programm an andere Personen, welche keine Lizenz von grayMagnet besitzen, weiterzugeben,
* egal ob in selber oder veränderter Form. Die Veränderung dieses Programmes ist gestattet, wenn man eine gültige Lizenz zur
* Laufzeit des Programmes besitzt, die Weitergabe nicht.
*
*/

body {
	background-color: #293036;
	font-family: "Arial";
	font-size: 12px;
	color: #4C4C4C;
	margin-top: 0px;
}

.info {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E6E3E6;
	cursor: pointer;
}

.r_data {
	border: 1px solid #CCCCCC;
	padding: 7px;
	list-style-type: none;
	padding-left: 10px;
	background-color: #FFFFFF;
	width: 511px;
}

.label_faq {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 3px;
}

.info_box {
	position: absolute;
	width: 300px; 
	height: 162px; 
	background-color: #FFFFFF; 
	display: none; 
	font-size: 11px;
	border: 1px solid #555555;
	margin-left: 400px;
}

.info_box dl {
	width: 360px; 
	text-align: left; 
	height: 6px;
}

.info_box dt {
	padding-top: 0px; 
	width: 100px; 
	font-weight: bold;
}

.info_box dd {
	width: 220px; 
}


.r_list {
	list-style-type: none;
	padding: 0px;
	height: 30px;
	margin: 0px;
}

.r_list li {
	float: left;
}

.footer {
	text-align: center; 
	height: 30px;
}

input[type="button"] {
	border: 1px solid #C9C9C9;
	background-image: url("../imageset/button_bg.png");
	padding: 4px;
	padding-left: 14px;
	padding-right: 14px;
	font-family: "Calibri";
	font-size: 13px;
	cursor: pointer;
	min-width: 120px;
}

textarea {
	border: 1px solid #D1D1D1;
	background-color: #F1F1F1;
	width: 300px;
	height: 150px;
	padding: 4px;
	font-family: "Arial";
	font-size: 12px;
}

input[type="submit"] {
	border: 1px solid #C9C9C9;
	background-image: url("../imageset/button_bg.png");
	padding: 4px;
	padding-left: 14px;
	padding-right: 14px;
	font-family: "Calibri";
	font-size: 13px;
	cursor: pointer;
	min-width: 120px;
}

input[type="text"], [type="password"] {
	border: 1px solid #D1D1D1;
	background-color: #F1F1F1;
	padding: 3px;
	width: 180px;
}

select {
	width: 180px;
	cursor: pointer;
	padding: 3px;
	border: 1px solid #D1D1D1;
	background-color: #F1F1F1;
}

.template_box {
	width: 100%; 
	height: 400px;
	font-family: "Courier New";
	font-size: 12px;
}

.hr1 {
	width: 530px;
	border: 0px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
}

.line {
	width: 800px;
	height: 15px;
	padding-left: 10px;
}

.paypalbutton {
	width: 138px;
	height: 47px;
}

.line_r {
	width: 500px;
	height: 8px;
	padding-left: 10px;
}

.label {
	float: left;
	width: 250px;
	padding-top: 4px;
}

.label_r {
	float: left;
	width: 150px;
}

.field {
	float: left;
}

.label_list {
	width: 200px;
	float: left;
	padding-top: 5px;
	border-right: 1px solid #CCCCCC;
	height: 21px;
}

.label_rechnung {
	width: 350px;
	float: left;
	padding-top: 5px;
	height: 21px;
}

.field_list {
	padding-top: 5px;
	float: left;
}

.line_list {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size: 13px;
	height: 26px;
	width: 520px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E6E3E6;
	cursor: pointer;
}

.line_blank {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size: 13px;
	height: 26px;
	width: 520px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E6E3E6;
}

.line_list:hover {
	background-color: #EBE9EB;
}

.angebot {
	border: 1px solid #C4C4C4;
	width: 145px;
	background-color: #D4D4D4;
	padding: 5px;
	padding-left: 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.server_left {
	float: left;
}

.server_right {
	width: 290px;
	float: right;
}

.logo {
	margin-bottom: 10px;
}

a {
	color: #999999;
	text-decoration: none;
}

a:hover {
	color: #555555;
	text-decoration: none;
	border-bottom: 1px dotted #555555;
}


.header {
	background-image: url("../imageset/logo.png");
	height: 200px;
}

.betrag {
	margin-left: 15px;
	width: 80px;
	text-align: right;
}

.option {
	width: 80px;
	border: 1px solid #999999;
	background-color: #D4D4D4;
	min-height: 50px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-size: 11px;
	margin-bottom: 20px;
}

.option a {
	color: #555555;
}

.mainbox {
	float: left;
	overflow: hidden;
}

.menu_top {
	background-image: url("../imageset/menu_top_bg.png");
	background-repeat: no-repeat;
	height: 36px;
}

#menu2_bg {
	background-image: url("../imageset/menu_bg.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 37px;
}

.menu_top_1 {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding-top: 0px;
}

.menu_top_1 a {
	width: 151px;
	font-family: "Calibri";
	font-size: 13px;
	color: #4B4B4B;
}

.menu_top_1 li {
	height: 26px;
	padding-top: 6px;
	border-right: 1px solid #C8C4C4;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.menu_top_1 img {
	vertical-align: middle;
}

.menu_top_2 {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.menu_top_2 a {
	width: 151px;
	margin-right: 10px;
	padding-top: 10px;
	height: 27px;
	background-image: url("../imageset/menu_normal.png");
	background-repeat: no-repeat;
	float: left;
	border-bottom: 0px;
	font-size: 16px;
	color: #F8F7F7;
	text-align: center;
	font-family: "Calibri";
}

.content_box {
	background-image: url("../imageset/bottom_round.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 20px;
	width: 950px;
	float: left;
	background-color: #EAE9EA;
	padding-bottom: 50px;
	min-height: 255px;
	border-top: 8px solid #A2B0B9;
}

.menu_left {
	padding: 20px;
	float: left;
	width: 100px;
	border-right: 1px solid #CCCCCC;
	background-color: #F0F0F0;
	padding-bottom: 20000px;
	margin-bottom: -20000px;
}

.menu_right {
	padding: 20px;
	float: right;
	width: 200px;
	border-left: 1px solid #CCCCCC;
	background-color: #F0F0F0;
	padding-bottom: 20000px;
	margin-bottom: -20000px;
}

h1 {
	margin-top: 3px;
	font-size: 24px;
	font-weight: normal;
	padding: 0px;
	border-bottom: 1px solid #DFDFDF;
	padding-bottom: 10px;
	font-family: "Calibri";
}

h2 {
	margin-top: 3px;
	font-size: 24px;
	font-weight: normal;
	color: #999999;
}

h3 {
	margin-top: 5px;
}

h4 {
	font-size: 14px;
	margin-bottom: 6px;
	margin-left: 5px;
}

p {
	line-height: 20px;
}

fieldset {
	border: 0px;
	padding-left: 0px;
}

.hover_list {
	border-bottom: 1px solid #D4D4D4;
	width: 100%;
	padding: 5px;
	height: 15px;
	cursor: pointer;
	background-color: #E6E3E6;
}

.hover_list_head {
	border-bottom: 1px solid #D4D4D4;
	width: 100%;
	padding: 5px;
	height: 15px;
	font-weight: bold;
}

.hover_list:hover {
	background-color: #EBE9EB;
}