/*--------------------------------------------------------
	(co) copyright 2003 - 2007 TN34.DE Tobias Niethammer
	$Revision: 1.26 $
	$Author: s.althof $
---------------------------------------------------------- */


/** Boxdefinition **/

.wrapper-box {
	Zborder:1px solid red;
	margin:5px 0;	/*iefix.css*/
}

.box {
	border:1px solid #cccccc;
	margin:10px 0px 0px 13px;
	background-color:#FFF;
}
	/* UPDATE 2.1 - RIGZHT COLUMN FIX */

	#maincontent .box {
		margin:5px 0 0 10px; /* IE Hack */
	}

	#wrapper-right .box {
		margin:10px 0 0 0;
	}

/* Container ohne Rahmen */
.box-dummy {
	border:1px solid #FFF;
	margin:10px 0px 0px 10px;
	background-color:#FFF;
}

.box-head{
	border-bottom:1px solid #cccccc;
}

.box-body{
}

.box-big,
.box-middle,
.box-news,
.box-small{
    height:100%;    width:100%;
	float:left;
}
/* Erzwingt die Ausrichtung einer Box nach rechts */
.box-right {
	float: right;
	margin-right: 9px !important; /* ie6fix*/
}
.box-blue,
.box-red {
	position:relative;
	margin:4px;
	padding:4px;
	font-size:14px;
	font-weight:bold;
	color:black;
	background-color:blue;
}

.box-head-content{
	margin:4px;
	padding:4px;
	font-size:14px;
	font-weight:bolder;
	color:black;
	background-color:blue;
}


.box-content-head {
	position:relative;
	height:130px;	width:100%;
	margin-bottom: 1em;
	font-weight:bold;

	Zborder:1px solid;
}

.box-content-head-left {
	position:absolute;
	width:50%;
	left:0px;	bottom:0px;
	text-align:left;

	Zborder:1px solid;
}

.box-content-head-right {
	position:absolute;
	width:50%;
	right:0px;	bottom:0px;
	text-align:right;

	Zborder:1px solid;
}

.box-content-head-right img,
.box-content-head-left img {
	display:block;
	margin-top:10px;
}

.box-content-head-right p{
	margin-left:1em;
	text-align:left;
}

.box-content-body {
	Zborder:1px solid red;
	padding-bottom: 10px;
}

.box-content-link {
	position:absolute;
	right:5px;  bottom:5px;
	bottom:14px;
	right:14px;
}



.box-link {
	text-align:right;
}

.link-space {
	padding-bottom: 10px; /*Damit der absolut positionierte Link genug Platz hat */
}

.wrapper-box-content{
	position:relative;
	height:100%;
	Zborder:1px solid yellow;
}


.box-margin {
	margin:10px !important;
}

.box-margin-small {
	margin:4px !important;
}


.box-body-wrapper-content img {
	/*overflow:hidden;*/
}

img.no-border {
	border:none;
}

/** Überschrift und Bild im BoxKopf **/

.box-content-head img {
	padding:4px;
	border:1px solid #cccccc;
}
.box-content-head p {
	margin-bottom:0px;
	font-size:14px;
	color:#356A9E;
}





/*******************************************\
|*       Farbvarianten für die Boxen       *|
\*******************************************/
#wrapper-left .box-blue {
	background-color:#c3d2e1;
	color:white;
}

.box-red {
	background-color: #FFC266;
	color:white;
}
#wrapper-right .box-blue {
	background-color:#ededed;
	color:#8d8d8d;
}
/*******************************************\
|*     Größenvarianten für die Boxen       *|
\*******************************************/


.box-full {
	width: 99%
}


.box-big {
	width:99%;
	Zwidth:889px;
}

.box-news {
	width:49.5%;
	Zwidth:49%;
}

.box-middle {
	width:66%;
}

.box-small {
	width:33%;
}

* html .box-small {
	width:33%;
}
.box-mini {
	width:180px;
}
	#wrapper-left .box-mini {
		width:203px;
	}
	#wrapper-right .box-mini {
		width:190px;
	}


/*******************************************\
|*      Große Box bei Product Details      *|
\*******************************************/


div.box-full .box {
	border: 0px;
}


/*******************************************\
|*      LinkPfeile im Kopfbereich          *|
\*******************************************/
a.box-arrow-text {
	position:absolute; right:0px; top:0px;
	display: block; height: 19px;
	padding:5px 35px 0 0;
	background:url(/images/content/arrow-headline.jpg) top right no-repeat;

	font-weight:bold;
	text-align:right;
	white-space:nowrap;
	Zborder:1px solid red;
}

img.box-arrow-image {
	position:absolute; top:0; right:0;
	border-width:0;
}
/*******************************************\
|*     Sortieren nach im Kopfbereich       *|
\*******************************************/
div.box-arrow-text {
	position:absolute; right:0px; top:0px;
	padding:3px 4px 1px;
	vertical-align:middle;
	color: #376a9b;
}
/*******************************************\
|*    Aus-Preise im Kopfbereich       *|
\*******************************************/
div.head-text {
	position:absolute; left:400px; top:0px;
	padding:4px 5px 1px; /* iefix.css*/
	vertical-align:middle;
}

/*******************************************\
|*                                         *|
\*******************************************/
div.box-full .box-head {border:1px solid #cccccc}

.box-full-content {margin-left:10px;margin-right:10px;}

.box-full-content-left {float:left;}
.box-full-content-right {float:right;}

.box-full-content-left img, .box-full-content-right img {
	margin:10px;
}

.box-full-content-left, .box-full-content-right {
	margin-top:10px;
	width:49%;
	border:1px solid #cccccc;
	position:relative;
	min-height:153px;
}



#service img,
#newsletter img {border:0px;}

/* VERISON 2.1 Update @dhe  */
#wrapper-left .box-content img {
	margin-bottom: 5px;
}


/*******************************************/
/*                LINK-LISTE               */
/*******************************************/

ul.linklist{/* ie6fix */
	margin:5px 15px 0 15px;;
	padding:0;
	Zborder: 1px solid red;
}

ul.linklist li{ /* ie6fix */
	list-style: none;
}

ul.linklist a {
	display: block;
	padding-left:25px;
	background:url(/images/main_navi_icon_6x9.jpg) no-repeat 0 3px;;
	margin:5px;
	Zborder: 1px solid red;
}
/*******************************************/
/*      LINK-LISTE in NEWSDETAILS          */
/*******************************************/
.newsdetails ul.linklist {
	width: 50%;
	margin-left: auto;
	margin-right: 10px;
}


/*******************************************/
/*                HEADLINES                */
/*******************************************/

.headline {
	padding:0;
	position:relative;
}

.headline-image {overflow:hidden;}
.headline-image img {border:0;}
.headline-text {
	position:absolute; top:5px; left:5px;
	width:350px; height:120px;
	Zborder:1px solid #cccccc;
	border-width:0;
	background-color:white;
	-moz-opacity:0.85;
	filter:alpha(opacity=85);
}
.headline-text h1 {margin:5px 15px;}
.headline-text p {margin:0 15px;}

/*******************************************/
/*                TECHDATA                 */
/*******************************************/
table.techdata {
  width: 70%;
  margin:20px;
}
table.techdata .col-1{
  text-align: left;
  width: 150px;
}
table.techdata .col-2,
table.techdata .col-3{
  text-align: right;
  width: 80px;
}
---------------------------------