/* formatting the goodies in the content area */

div.csc-header {
}

h1 {
	/*font-size: 20px;*/
	font-size: 12px;
	line-height: 16px;
	color: #4C5B7C;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 15px;
	/*padding: 0px;
	margin-bottom: 0px;
	margin-top: 40px;*/
	/*font-family: "Arial Narrow", "Arial Condensed", "Helvetica Condensed", Helvetica-Condensed, Helvetica-Narrow, "HelveticaNeue Condensed", Verdana, Tahoma, Arial, Helvetica, sans-serif;*/
}

h1 a {
	font-size: 10px;
}

p.csc-subheader {
	/*font-size: 20px;*/
	font-size: 12px;
	line-height: 16px;
	color: #4C5B7C;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
	/*padding: 0px;
	margin-top: 0px;
	margin-bottom: 15px;*/
	/*font-family: "Arial Narrow", "Arial Condensed", "Helvetica Condensed", Helvetica-Condensed, Helvetica-Narrow, "HelveticaNeue Condensed", Verdana, Tahoma, Arial, Helvetica, sans-serif;*/
}

p.bodytext {
	margin: 0px;
	padding: 0px; /* ... neu ... */
	/*padding-bottom: 15px;*/
	/*padding: 0px;
	margin-top: 0px;
	margin-bottom: 15px;*/
}

p.bodytext a, ul.csc-bulletlist a {
	font-weight: bold;
	/*color: #4C5B7C;*/
	color: #666666;
}

ul.csc-bulletlist {
	/*list-style-image: url(../images/arr.gif);*/
	margin-left: 17px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 15px;
	padding-top: 15px;
}

ul.csc-bulletlist li {
	margin-bottom: 7px;
}

#content p a, #content h1 a, #content a.arr, #content button, #content .arr {
	background-image: url(../images/arr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	padding-left: 17px;
	color: #666666;
	font-weight: bold;
	/*color: #FE0000;*/
	/*font-weight: normal;*/
}

#content p a:hover, #content h1 a:hover, #content a.arr:hover, #content button:hover, #content ul a:hover, #content .arr:hover {
	text-decoration: underline;
}

#content .arr {
	cursor: pointer;
}

#content {
	font-size: 10px;
	color: #666666;
	line-height: 13px;
}

select, input, button {
	background-color: #F5F4E2;
	border: 0px none;
	/*border: 2px solid #B8AE47;*/
	width: 200px;
	height: 24px;
	text-align: center;
	font-size: 12px;
	padding-top: 3px;
	margin-top: 5px;
}

#faqspan select, #faqspan input, #faqspan button {
	width: auto;
	height: auto;
}

#faqspan-b input, #faqspan-b select {
	border: 2px solid #B8AE47;
}

#faqspan-b button, #faqspan-b select, #faqspan-b input, #faqspan-b option {
	text-align: left;
}

#faqspan-c select, #faqspan-c input, #faqspan-c button {
	width: auto;
	height: auto;
	text-align: left;
}

#faqspan-c select, #faqspan-c input {
	border: 2px solid #B8AE47;
}

#faqspan-c a.topbutton {
	background-color: #F5F4E2;
	border: 0px none;
	/*border: 2px solid #B8AE47;*/
	width: 60px;
	height: 18px;
	text-align: left;
	font-size: 12px;
	padding-top: 3px;
	margin-top: 5px;
	background-image: url(../images/arr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	padding-left: 17px;
	color: #666666;
	font-weight: bold;
}

#faqspan-c table {
	width: auto;
}

#faqspan-c button.buttontolink {
	/*width: 600px;*/
	width: 90%;
	height: auto;
	text-align: left;
}

option {
	background-color: #F5F4E2;
	border: 0px none;
	width: 200px;
	height: 17px; /*24px;*/
	text-align: center;
	font-size: 12px;
	padding-top: 1px;/*3px;*/
}

/* formatting page special backgrounds etc. */
/* the _1 stands for page number 1 !!! */

/* #content.page_1 { */
body#body_home #content {
	background-image: url(../images/handy_content.gif);
	background-repeat: no-repeat;
	/* background-position: bottom right; */
	background-position: 370px bottom; /*350*/
}

/* #content.page_1 p, #content.page_1 div div, #content.page_1 ul { */
body#body_home #content p, body#body_home #content div div, body#body_home #content ul {
	/*width: 45%;*/
	width: 50%;
}

body#body_home #content ul {
	background-image: url(../images/home-packshot.jpg);
	background-repeat: no-repeat;
	/*background-position: right top;*/
	background-position: right 15px;
	/*height: 170px;*/
	/*height: 185px;*/
	/*height: 230px;*/
	height: 260px;
}

body#body_home #content ul li {
	padding-right: 133px;
}

/* #menu_footer.page_1 { */
body#body_home #menu_footer {
	background-image: url(../images/handy_footer.gif);
	background-repeat: no-repeat;
	background-position: 383px bottom; /*363*/
	_background-position: 366px bottom; /*346*/ /* Umpf... Internet Exploder ... where does that kind of browser get this distance from??? */
}

body#body_home h1 {
	padding-top: 40px;
	font-size: 20px;
	line-height: 24px;
	font-family: "Arial Narrow", "Arial Condensed", "Helvetica Condensed", Helvetica-Condensed, Helvetica-Narrow, "HelveticaNeue Condensed", Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

body#body_home #content {
	font-size: 11px;
	line-height: 15px;
	/*font-family: "Arial Narrow", "Arial Condensed", "Helvetica Condensed", Helvetica-Condensed, Helvetica-Narrow, "HelveticaNeue Condensed", Verdana, Tahoma, Arial, Helvetica, sans-serif;*/
}

body#body_home #content ul.csc-bulletlist {
	list-style-image: url(../images/arr.gif);
}

/*
body#body_hand #content p, body#body_hand #content div div, body#body_hand #content ul {
	width: 55%;
}
*/

body#body_hand #content p, body#body_hand #content div div, body#body_hand #content ul {
	width: 60%;
}
body#body_hand #content p.bodytext.logolist {
	line-height: 42px;
}


/* some specialties for the language selection page: */

body#body_land #content table.contenttable,
body#body_error #content table.contenttable {
	width: 100%; /* 404px */
	padding: 0px;
	margin: 0px;
	border: 0px none;
}

body#body_land #content table.contenttable tr.tr-0 td,
body#body_error #content table.contenttable tr.tr-0 td {
	font-weight: normal;
	/*border-top: 1px solid #4C5B7C;*/
}

body#body_land #content table.contenttable tr.tr-last td,
body#body_error #content table.contenttable tr.tr-last td {
	font-weight: normal;
	/*border-top: 1px solid #4C5B7C;*/
	border-bottom: 0px none;
}

body#body_land #content table.contenttable tr td p,
body#body_error #content table.contenttable tr td p {
	padding: 0px;
	margin: 0px;
	border: 0px none;
	white-space: no-wrap;
	margin-left: 10px;
} 

body#body_land #content table.contenttable tr td,
body#body_error #content table.contenttable tr td {
	/*padding: 0px;*/
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	border: 0px none;
	white-space: no-wrap;
	border-bottom: 1px solid #4C5B7C;
	width: 50%;
	font-size: 13px;
}

body#body_land #content table.contenttable tr.tr-even,
body#body_error #content table.contenttable tr.tr-even {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	border: 0px none;
}

body#body_land #content table.contenttable tr.tr-odd,
body#body_error #content table.contenttable tr.tr-odd {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	border: 0px none;
}

/* end specialties language selection */

/* and - less specialized - a little bit standard behaviour for th content area */
#content p, #content div div, #content ul {
	/*width: 80%;*/
	width: 90%;
}

div#colNormal {
	margin:0px;
	padding:0px;
	width:100%; /*...*/
}

table, tr {
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 100%;
}

td {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

td.spalte-schmal {
	width: 100px; /*76px*/
	margin-right: 20px;
	vertical-align: top;
}

td.spalte-rest {
	margin-right: 20px;
	vertical-align: top;
}

td.zweispalter {
	width: 50%;
	margin-right: 20px;
	vertical-align: top;
}

td.dreispalter {
	width: 33%;
	margin-right: 20px;
	vertical-align: top;
}

table.list, table.display, table.displayin {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

table.list tr, table.display tr, table.displayin tr {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

table.list td {
	width: 20%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
}

table.display td {
	padding-top: 10px;
	padding-bottom: 10px;
	/*padding-right: 10px;*/
	padding-left: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
}

table.display table.displayin td {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
}

table.switch, table.switch tr {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
/*
table.switch td {
	padding: 6px;
	border: 3px solid #FFFFFF;
	background-color: #B8AE47;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
*/
table.switch td {
	padding: 6px;
	margin: 3px;
	background-image: url(../images/switch.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	height: 30px;
}

table.switch td a {
	color: #FE0000;
	font-size: 12px;
	font-weight: bold;
}

table.switch td a.act {
	color: #FFFFFF;
}

table.kost tr.loline td {
	border-top: 2px solid #CCCCCC;
	padding-top: 20px;
}

table.kost tr.hiline td {
	padding-bottom: 20px;
}

table.contenttable {
	width: 90%; /*don't know why doesn't inherit width of parent ... */
	padding: 0px;
	margin: 0px;
	border: 0px none;
}

table.contenttable tr.tr-0 td {
	font-weight: bold;
}

table.contenttable tr td p {
	padding: 0px;
	margin: 0px;
	border: 0px none;
	white-space: no-wrap;
} 

table.contenttable tr td {
	padding: 2px;
	margin: 0px;
	border: 0px none;
	white-space: no-wrap;
}

table.contenttable tr.tr-even {
	background-color: #CECECE;
}

table.contenttable tr.tr-odd {
	background-color: #E5E5E5;
}

.special-headline-big {
	color: #4C5B7C;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	font-family: "Arial Narrow", "Arial Condensed", "Helvetica Condensed", Helvetica-Condensed, Helvetica-Narrow, "HelveticaNeue Condensed", Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.special-headline-small {
	color: #4C5B7C;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	/*font-family: "Arial Narrow", "Arial Condensed", "Helvetica Condensed", Helvetica-Condensed, Helvetica-Narrow, "HelveticaNeue Condensed", Verdana, Tahoma, Arial, Helvetica, sans-serif;*/
}

.special-headline-preis {
	color: #FE0000;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.box-fonded {
	background-color: #B8AE47; /*#CDC66D;*/
	display: block;
	margin-right: 20px;
	border: 5px solid #B8AE47; /* nun ja ... */
}

.white {
	color: #FFFFFF;
}

.black {
	color: #000000;
}

.indent {
	padding-left: 17px;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.big {
	font-size: 12px;
}

.bigbig {
	font-size: 20px;
	line-height: 24px;
	font-family: "Arial Narrow", "Arial Condensed", "Helvetica Condensed", Helvetica-Condensed, Helvetica-Narrow, "HelveticaNeue Condensed", Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.small {
	font-size: 9px;
	line-height: 10px;
}

/* directives for the blob tables */
.blobs {
	width: 610px; /*orig: 540*/
}

.blobs h1 {
	margin-top: 5px;
	_margin-bottom: 10px; /* another ugly hack for the dumb MSIE */
	
	padding-top: 0px; /* ... */
}

.blobs td {
	/*cursor: pointer;*/
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 15px;
	color: #000000; /* orig: #FFFFFF */
}

.blobs .blob01 {
	width: 280px; /*makes up: 305 - orig: 245 / makes up 270*/
	height: 103px;
	background-image: url(../images/ap-blob01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}

.blobs .blob01.grey {
	background-image: url(../images/ap-blob01g.gif);
}

.blobs .blob02 {
	width: 280px; /*makes up 305 - orig: 245 /  makes up 270*/
	height: 119px;
	background-image: url(../images/ap-blob02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}

.blobs .blob03 {
	width: 585px; /*makes up 610 - orig: 515 / makes up 540*/
	height: 103px;
	background-image: url(../images/ap-blob03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}

.blobs .blob04 {
	width: 305px; /*makes up 330*/
	height: 103px;
	background-image: url(../images/ap-blob04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
	
	padding-left: 10px ! important;
	padding-right: 15px ! important;
	padding-top: 5px ! important;
}

.blobs .blob06 {
	width: 305px; /*makes up 330*/
	height: 43px;
	background-image: url(../images/ap-blob06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}

.blobs .blob05-1 {
	width: 280px; /*makes up: 305 - orig: 245 / makes up 270*/
	height: 48px; /*orig: 63*/
	background-image: url(../images/ap-blob05-1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px ! important;
	padding-right: 15px ! important;
	cursor: pointer;
}

.blobs .blob05-2 {
	width: 125px; /*makes up: 150 - orig: 105 / makes up 130*/
	height: 48px; /*orig: 63*/
	background-image: url(../images/ap-blob05-2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px ! important;
	padding-right: 15px ! important;
	cursor: pointer;
}

.blobs .blob07 {
	width: 305px; /*makes up 330*/
	height: 163px;
	background-image: url(../images/ap-blob07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
	
	padding-left: 10px ! important;
	padding-right: 15px ! important;
	padding-top: 5px ! important;
}

#content .blobs a {
	/* background-image: url(../images/ap-pfeil-weiss.gif); */
	background-image: url(../images/arr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	padding-left: 10px;
	/*color: #000000; orig: #FFFFFF */
	
	color: #666666;
	font-weight: bold;
}

.price {
	color: #FE0000; /* orig: #FFFFFF */
	font-size: 19px;
}
.pricemin {
	color: #000000; /* orig: #FFFFFF */
	
	font-size: 10px;
	font-weight: normal;
}

.red {
	color: #FE0000;
}

/*
table, tr, td {
	border: 1px solid black ! important;
}
*/

/*disclaimer-hilite*/
.disclaimer-hilite {
	position: absolute;
	/*top: -60px; /* works for FF */
	/*_top: 30px; /* MSIE6 misalignment hack */
	top: 30px; /* all browsers are correct here, but MSIE and Safari have wrong default value for vertical-align in the surrounding tag */
	left: -10px;
	width: 80px;
	color: #000000;
	background-color: #FFFFFF;
	/*border: 2px solid #FE0000;*/
	text-align: center;
	padding: 2px;
	font-size: 9px;
	line-height: 10px;
	cursor: pointer;
}

#content span.downloadtables table.contenttable td.td-0, #content span.downloadtables table.contenttable td.td-1 {
	width: 42px;
}
#content span.downloadtables table.contenttable tr.tr-0 td { /*discard table headline rules*/
	font-weight: normal;
}
#content span.downloadtables table.contenttable td { 
	height: 32px;
}


/* banners */

/*#content div.textbanner*/
div#part_body div#content div.textbanner {
	border: 2px solid #B8AE47;
	position: absolute;
	/* top: 238px; */
	/*bottom: 230px;*/
	/*top: 178px;*/
	/*top: 166px;
	left: 805px;*/
	top: 276px;
	left: 393px;
	width: 140px;
	height: 52px;
	background-color: #FFFFFF;
	z-index:4;
	padding: 2px;
	font-size: 10px;
	line-height: 13px;
}

div#part_body div#content div.stoerer {
	border: 2px solid #FE0000;
	position: absolute;
	/* top: 238px; */
	/*bottom: 230px;*/
	/*top: 178px;*/
	/*top: 166px;
	left: 805px;*/
	top: 276px;
	left: 393px;
	width: 140px;
	height: 52px;
	background-color: #FE0000;
	color: #FFFFFF;
	z-index:4;
	padding: 2px;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	text-align: center;
	padding: 6px;
}

div#part_body div#content div.stoerer2 {
	border: 2px solid #FE0000;
	position: absolute;
	/* top: 238px; */
	/*bottom: 230px;*/
	/*top: 178px;*/
	/*top: 166px;
	left: 805px;*/
	top: 334px;
	left: 393px;
	width: 140px;
	height: 28px;
	background-color: #FFFFFF;
	color: #FFFFFF;
	z-index:4;
	padding: 2px;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	text-align: center;
	padding: 6px;
}

div#part_body div#content div.stoerer3 {
	border: 2px solid #FE0000;
	position: absolute;
	/* top: 238px; */
	/*bottom: 230px;*/
	/*top: 178px;*/
	/*top: 166px;
	left: 805px;*/
	top: 386px;
	left: 393px;
	width: 140px;
	height: 62px; /*52px;*/
	background-color: #FE0000;
	color: #FFFFFF;
	z-index:4;
	padding: 2px;
	font-size: 16px;
	line-height: 13px;
	font-weight: bold;
	text-align: center;
	padding: 6px;
}
div#part_body div#content div.stoerer3 a.arr {
	background-image: url(../images/stoerer3arr.gif);
	color: #FFFFFF;
	line-height: 110%;
}

div#part_body div#content div.gifbanner {
	border: 0px none;
	position: absolute;
	top: 231px;
	left: 800px;
	width: 160px;
	height: 390px;
	background-color: transparent;
	z-index:5;
	padding: 0px;
	margin: 0px;
}