/*CSS Document*/
/*----------------------------------------------------------------------------------*/
/*------------------------------------MAIN------------------------------------------*/
/*----------------------------------------------------------------------------------*/

html, body{
   height: 100%;
   margin: 0 auto;
   }

body {
	text-align: center;
	font-family: 'Times New Roman', Helvetica, sans-serif;
	background-image: url(img/bg-mitte.gif);
	background-repeat: repeat;
	background-position: center top;
	font-size: 12px;
	line-height: 14px;
}

p,td,div{
	font-family: 'Times New Roman', Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}

* { 
	margin: 0px; 
	padding: 0px; 
}

img{
	border: none;
}
.image{
	padding: 3px;	
	border: 1px solid #000000;
	margin: 12px 15px 0px 0px;
}

a:link { color:#000000; text-decoration:underline; font-weight:normal; }
a:visited { color:#000000; text-decoration:underline; font-weight:normal; }
a:hover { color:#000000; text-decoration:none; font-weight:normal; }
a:active { color:#000000; text-decoration:underline; font-weight:normal; }
a:focus { color:#000000; text-decoration:underline; font-weight:normal; }

br.clear{
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 0px;
	height: 0px; 
}

hr {
	width: 496px;
	height: 1px;
	background-color: #000000;
	border: none;
	margin: 20px 25px 20px 25px;
}

div#container{
	width: 948px;
	margin: auto;
	text-align: left;
}
div#maincontent{
  float: left;
  width: 548px;
	margin: 0px 20px 0px 20px; /*Setzt den abstand der mitte zum rest!*/
}

div#pagebody{
	width: 948px;
}
/*---------------------------------------------------------------------*/
div.headline{
	height: 40px;
}
h1{
	font-weight: bold;
	padding: 0px 0px 10px 28px;
	font-size: 25px;
	line-height: 25px;
}
h2{
	font-weight: bold;
	padding: 0px 0px 20px 26px;
	font-size: 16px;
	line-height: 13px;
}

/*----------------------------------------------------*/
div.left-block{
	clear: both;
	width: 548px;
}

div.left-block-left{
	float: left;
	width: 372px;
}

div.left-block-right{
	float: left;
	width: 180px;
	height: 360px;
	margin: 0px 0px 0px 12px;
}


div.two-columns{
	clear: both;
	width: 372px;
	margin: 0px 0px 5px 0px;
}

div.two-columns-left{
	float: left;
	width: 180px;
	height: 100px;
}

div.two-columns-right{
	float: left;
	width: 180px;
	margin: 0px 0px 0px 12px;
}

div.tabelle{
	margin: 17px 0px 0px 0px;
	width: 548px;
	border-top: 1px solid #cccccc;	
	text-align: center;
	font-size: 11px;
}


tr.tr-0 td{
	font-weight: bold;
	height: 30px;
	border-bottom: 1px solid #cccccc;
}

td.td-0{
	text-align: left;
	padding: 0px 0px 0px 10px;
	height: 20px;
}


tr.td-1{

	height: 20px;
	background-color: #eee9e6;
}

td.td-last{
	text-align: right;
	padding: 0px 10px 0px 0px;
}
/*----------------------------------------------------------------------------------*/
/*---------------------------------Produktliste-------------------------------------*/
/*----------------------------------------------------------------------------------*/

div.borderline{
	width: 548px;
	height: 21px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: right;
	padding: 2px 0px 0px 0px;
}


table.browsernavigation{
	width: 548px;
}
a.resultpage:link, a.resultpage:active, a.resultpage:visited, a.resultpage:hover{
	color: #000000;
}
div.tx-ttnews-browsebox-next{
	text-align: left;
}

/*-----------------------------------------------------------------------*/
div.cat-frame{
	
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	
	clear: both;
}

div.offer-frame{
	width: 536px;
	height: 115px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	margin: 15px 0px 27px 0px;
	clear: both;
}
div.offer-frame-formular{
	width: 563px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 14px 0px 27px 0px;
	margin: 14px 0px 27px 0px;
	clear: both;
}

/*div.offer-content{
	width: 545px;
	vertical-align: middle;
	padding: 14px 0px 0px 18px;
	background-color: #ff0000;
}
*/



div.offer-left{
	margin: 6px 0px 0px 18px;
	clear: both;	
}
div.offer-left-left{
	padding: 3px;
	float: left;
	border: 1px solid #000000;
	margin: 8px 0px 0px 0px;
}
div.offer-left-right{
	width: 260px;
	height: 96px;
	float: left;
	margin: 8px 8px 0px 12px;
	
}
div.offer-right{
	padding: 0px 0px 0px 0px;
	text-align: center;
	float: left;
	width: 90px;	
	
}

a.offer-left-right-title:link, a.offer-left-right-title:active, a.offer-left-right-title:visited, a.offer-left-right-title:hover{
	font-weight: bold;
	color: #000000;
	font-size: 14px;
}
a.offer-left-right-more:link, a.offer-left-right-more:active, a.offer-left-right-more:visited, a.offer-left-right-more:hover{

	color: #000000;
}

div.offer-left-right p{
	

}

div.offer-right-top{
	width: 102px;
	float: left;
	text-align: center;
	height: 30px;
	
}
div.offer-right-middle{
	width: 102px;
	height: 45px;
	float: left;
}


div.vorkomma{
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
	float: left;
	padding: 2px 0px 0px 0px;
}

div.big{
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	}

div.nachkomma{
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	float: left;}

div.eurozeichen{
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
	float: left;
	padding: 2px 0px 0px 0px;
}
/*-----------------------------------------------------------------------*/
div.fr-body-left{
	float: left;
}
div.fr-body-right{
	float: left;
}
div.fr-body-left-points{
	padding: 10px 0px 5px 0px;
	width: 161px;
	text-align: right;
}
div.fr-body-right-points{
	padding: 10px 0px 5px 0px;
	width: 261px;
	text-align: left;
}
span.form-bt-right{
	width: 220px;
	padding: 30px 0px 0px 10px;
}

/* ---------- Center ----------*/
.csc-mailform-field label{
	text-align: right;
	width: 180px;
	display: block;
	text-decoration: none;
	float: left;
	padding: 0px 12px 0px 0px;
	margin: 0px 0px 7px 0px;
	line-height: 20px;
}
div#mailformCheckbox{
	width: 160px;
	height: 20px;
	margin: 7px 0px 0px 0px;
}
div.two-columns-sz{
	float: left;	
	width: 245px;
	background-color: none;
	padding: 5px 0px 0px 0px;
}

.csc-mailform-send{
	background-image: url(img/bt-send.gif);
	background-color: none;
	width: 93px;
	float: left;
	cursor: pointer;
	border: 0px solid #000000;
	height: 26px;
}
div#abstandshalter{	/*Bischen geschummelt um den Abstand hinzubekommen*/
	width: 9px;
	float: left; 
}
.csc-mailform-put_back{
	background-image: url(img/bt-zuruecksetzen.gif);
	width: 143px;
	float: left;
	background-color: none;
	cursor: pointer;
	border: none;
	height: 26px;
	border: 0px solid #000000;
}
div.center-kontext-top{
	padding: 0px 0px 0px 0px;
}

table.tabelle{
	background-color: #0000ff;
}


a.resultbuttons-back:link, a.resultbuttons-back:active, a.resultbuttons-back:visited,a.resultbuttons-back:hover{
	background-image: url(img/bt-zurueck.gif) ;
	background-position: top left;
	height: 13px;
	width: 13px;
	display: block;
	text-decoration: none;
}
a.resultbuttons-back:hover{
	background-image: url(img/bt-zurueck-active.gif) ;
}
a.resultbuttons-vor:link, a.resultbuttons-vor:active, a.resultbuttons-vor:visited,a.resultbuttons-vor:hover{
	background-image: url(img/bt-vor.gif) ;
	background-position: top left;
	height: 13px;
	width: 13px;
	display: block;
	text-decoration: none;
}
a.resultbuttons-vor:hover{
	background-image: url(img/bt-vor-active.gif) ;
}

div.button-maincontent-result{
	padding: 2px 0px 0px 0px;
}
div.shipping{
	padding: 10px 0px 0px 10px;
}

div.error {
	width: 534px;
	padding: 5px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}