body {
	background-color: #dadadc;
	color: #4c4c4c;
}

.orange { color: #ff5400; }

img, a {
	outline: none;
}

.wrapper {
	width: 966px; /* 1008 - padding */
	height: 706px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding-left: 21px;
	padding-right: 21px;
}

.header {
	/* margin-bottom: 24px; */
}

.header .mainNavigation {
	margin-bottom: 20px;
}

.header .mainNavigation ul {
	height: 35px;
	overflow: hidden;
}

.header .mainNavigation ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

.header .mainNavigation ul li a {
	width: 129px;
	height: 35px;
}

.header .subNavigation {
	border-bottom: 1px solid #4c4c4c;
	width: 774px;
	height: 29px;
}

.header .subNavigation ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

.header .subNavigation ul li a {
	width: 129px;
	height: 29px;
}

.header .subNavigation ul li:last-child a img {
	border-right: 1px solid #4c4c4c;
}

.header .spacer {
	height: 39px;
}

.content {
	width: 100%;
	height: 456px;
	padding-top: 24px;
	border-bottom: 1px solid black;
}

.leftcontent {
	width: 373px; /* mal 349px; */
	/*width: 404px; IE7 trouble*/
	
}

.leftcontent ul.gallerySmallImages {
	background-color: yellow;
	overflow: visible;
}

.leftcontent ul.gallerySmallImages li {
	list-style: none;
	float: left;
	width: 41px;
	height: 40px;
	margin-right: 14px;
	margin-bottom: 8px;
}

.rightcontent {
	width: 510px;
	float: right;
	line-height: 18px;
	padding-right: 55px;
}

.rightcontent .headline {
	height: 85px;
	margin-bottom: 10px;
	vertical-align: bottom;
	color: #4c4c4c;
}

.rightcontent b {
	color: #4c4c4c;
}

.rightcontent a {
	color: #ff5400;
	text-decoration: underline;
}

.rightcontent .headline h1 {
	font-size: 22px;
	line-height: 28px;
}

.rightcontent ul {
	margin: 0px 30px;
}

.footer {
	height: 100px;
}

.footer .footerTop {
	height: 67px;
	background: url(../images/footer.gif) no-repeat right center;
	border-bottom: 1px solid black;
}

.footer .footerBottom {
	padding-top: 8px;
	font-size: 10px;
}

.aLittleBitTransparent {
	opacity: .5;
	filter: alpha(opacity=50);
}

#flashContent {
	margin-top: 50px;
}

.mainnavactive {
	width: 128px;
	/*border-left: 1px solid #ff5400; IE7 trouble */
	position:relative;
	left: -1px;
}

td.requiredField { 
	background: url(../images/field_required.jpg) no-repeat right top;
}

/*---------------Styles für Kartonrechner---------------------*/

div.kartonrechner {
	/*width:754px;*/
}
div.kartonrechner .error {
	background:none;
	color:#4c4c4c;
	font-weight:bold;
	margin:0pt 0pt 1em;
	padding:1em 2em;
	width:auto;
}

div.kartonrechner td.cellsub {
	background:#b9b9b9;
}

div.kartonrechner td.celltrans,
div.kartonrechner td.cell {
	border-bottom:1px solid #4c4c4c;
}
.kartonrechner .right {
	text-align:right;
}

.kartonrechner .berechnen {
	margin:0px 13px 0px 0px;
	text-align:right;
}

/* !!Keine Ahnung ob das hier rein soll, in den php Dateien steht diese Klasse noch drinn, ist aber in den alten css Dateien nirgends zu finden!!
.kartonrechner .bold {
	font-weight:bold;
} */

div.kartonrechner table {
	width:930px;
	margin:10px 1px;
	border:1px solid #4c4c4c !important;
}	
div.kartonrechner td {
	padding:5px;
	font-size:11px !important;
	color:#4c4c4c !important;
}
.kartonrechner input, 
.kartonrechner select {
	border:1px solid #4c4c4c !important;
	font-size:11px !important;
	color:#4c4c4c !important;
}
.kartonrechner input.submit {
	border:0 !important;
	margin: 0px 3px 0px 0px;
}

.kartonrechner a:link {
	color: #4c4c4c;
}

.kartonrechner a:hover {
	color: #4c4c4c;
	text-decoration: none;
}

.kartonrechner a:visited {
	color: #4c4c4c;
}

input#garten,
input#balkon,
input#garage,
input#keller9,
input#keller11 {
	margin:2px 0;
}