/* CSS Document - IN/OUT Pro */

html, body {
	margin: 0;
	padding: 0; 
	height: 100%;
	background-color: #FF9900;
}
table.wrapper {
	width: 100%;
	height: 100%;
	border: none;
}
td.wrapper {
	vertical-align: middle;
	text-align: center;
}

/* General Alignment */
div.header {
	height: 90px;
	width: 1000px;
	margin: auto;
	position: static; 
}
div.navigation {
	width: 992px;
	height: 20px;
	margin: auto;
	position: static;
	padding-left: 8px;
	background-color: #CCCCCC;
	text-align: left;
}
div.subnavigation {
	margin: auto;
	width: 992px;
	height: 20px;
	position: static;
	padding-left: 8px;
	background-color: #F3F3F3;
	text-align: left;
}
#menu {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	text-decoration: none;
	margin: 0px;
	padding: 3px 10px 3px 10px;
	border: 0px;
	line-height: 20px;
}
#menudemo {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0066FF;
	text-decoration: none;
	margin: 0px;
	padding: 3px 10px 3px 10px;
	border: 0px;
	line-height: 20px;
	letter-spacing: 1px;
}
#menudemo:hover {
	color: #CCCCCC;
	background-color: #0066FF;
}
#menudemoactive {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #0066FF;
	text-decoration: none;
	margin: 0px;
	padding: 3px 10px 3px 10px;
	border: 0px;
	line-height: 20px;
	letter-spacing: 1px;
}
#menu:hover {
	color: #FFFFFF;
	background-color: #999999;
}
#menuactive {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 3px 10px 3px 10px;
	border: 0px;
	line-height: 20px;
}
#submenu {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	background-color: #F3F3F3;
	text-decoration: none;
	margin: 0px;
	padding: 3px 10px 3px 10px;
	border: 0px;
	line-height: 20px;
}
#submenu:hover {
	color: #000000;
	background-color: #F3F3F3;
}
#submenuactive {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #E1E1E1;
	text-decoration: none;
	margin: 0px;
	padding: 3px 10px 3px 10px;
	border: 0px;
	line-height: 20px;
}
div.container {
	width: 1000px;
	height: 435px;
	margin: auto;
	background-image: url(../images/bg_content.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	position: static;
	background-position: center top;
}
div.container_step {
	width: 1000px;
	height: 435px;
	margin: auto;
	background-image: url(../images/bg_content_step.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	position: static;
	background-position: center top;
}
div.container_detail {
	width: 1000px;
	height: 435px;
	margin: auto;
	background-image: url(../images/bg_content_detail.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	position: static;
	background-position: center top;
}
div.content {
	height: 420px;
	width: 370px;
	position: static;
	padding-top: 15px;
	padding-left: 270px;
	float: left;
}
div.content_scroller {
   position: static;
   position: static;
   padding-top: 15px;
   padding-left: 18px;
   float: left;
   height: 420px;
   width: 655px;
   text-align: left;
   overflow: auto;
   scrollbar-face-color: #ff6600; 
   scrollbar-highlight-color: #ff6600; 
   scrollbar-3dlight-color: #FFFFFF; 
   scrollbar-darkshadow-color: #FFFFFF; 
   scrollbar-shadow-color: #FFFFFF; 
   scrollbar-arrow-color: #FFFFFF; 
   scrollbar-track-color: #FFFFFF;
   scrollbar-base-color:#FFFFFF;
   }
div.content_scroller_detail {
   position: static;
   height: 420px;
   width: 625px;
   text-align: left;
   }
div.content_detail {
	height: 420px;
	width: 625px;
	position: static;
	padding-top: 15px;
	padding-left: 18px;
	float: left;
	text-align: left;
}
div.content_step {

	height: 420px;
	width: 320px;
	position: static;
	padding-top: 15px;
	padding-left: 30px;
	float: left;
	text-align: left;
}
div.footer {
	height: 25px;
	position: static;
	width: 1000px;
	margin: auto;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
}

/* Site Alignments */
div.fields {
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 370px;
	text-align: center;
	height: 150px;
}

/* Text */
.titelFF9900 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
}
.titel000000 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.text000000 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.text_pricelist_000000 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.titel999999 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
.text999999 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}
.titelgrossFF9900 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FF9900;
}
.titelgross999999 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #999999;
}
input.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 200px;
}
input.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 125px;
}
select.verkauf {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
textarea.mitteilung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	height: 135px;
	width: 200px;
}
input.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	height: 20px;
	width: 90px;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
}
div.stepcontainer {
	height: 395px;
	width: 290px;
	padding-top: 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
	text-align: left;
	line-height: 40px;
}
#stepdiv1{
	visibility: hidden;
	text-align: right;
}
#stepdiv2{
	visibility: hidden;
	text-align: right;
}
#stepdiv3{
	visibility: hidden;
	text-align: right;
}
#stepdiv4{
	visibility: hidden;
	text-align: right;
}
#stepdiv5{
	visibility: hidden;
	text-align: right;
}
#stepdiv6{
	visibility: hidden;
	text-align: right;
}
#fieldtext{
	position: static;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FF9900;
	text-align: center;
	visibility: visible;
}

input, textarea, select {
	font: 400 12px/13px Helvetica, Arial, sans-serif;
	line-height: 15px;
	padding: 1px 1px 1px 1px;
}

option {
	margin: 0px 0px 0px 0px;
}

textarea {
	width: 350px;
	height: 120px;
}
.s {
	width: 40px;
}
.sfalse {
	width: 40px;
	background-color: #FF9900;
	border: 1px solid #0066FF;
	padding: 2px 2px 2px 2px;
}

.i20 {
	width: 125px;
}
.i20false {
	width: 125px;
	background-color: #FF9900;
	border: 1px solid #0066FF;
	padding: 2px 2px 2px 2px;
}
.l {
	width: 171px;
}
.lfalse {
	width: 171px;
	background-color: #FF9900;
	border: 1px solid #0066FF;
	padding: 2px 2px 2px 2px;
}

.xl {
	width: 220px !important;
}
.xlfalse {
	width: 220px !important;
	background-color: #FF9900;
	border: 1px solid #0066FF;
	padding: 2px 2px 2px 2px;
}