/* --- reset.css --- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: baseline;*/
}


body { background: #fff; margin:0 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }
/* --- End reset.css --- */

/* --- Eigene Printlayout-Anpassungen --- */
body {
  line-height: 1.5;
  font-family: "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;   
  color:#000;
  background: none;
  font-size: 10pt;
}
.container {
    background: none;
    width: 650px;
    margin: 170px 0 0 30px;
}

/* Aenderungen Rolf Engelmann 29.09.2008 für Print-Layout */
a {
    text-decoration:none;
    color:black;
}
h1 a{display:none;}

h1,h2,h3,h4,h5,h6 { 
    font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    font-weight: bold; 
    text-transform: uppercase;
}

h1 {display:none;}

#printLogo{
    display:block;
	position:absolute;
    top:43px;
    left:470px;
	width: 210px;
	height:76px;
}
/* CSS-Hack fuer FF2 */
#printLogo, x:-moz-any-link {
	position:absolute;
    top:43px;
    left:450px;
}
/* Korrektur fuer FF3 */
#hackme, x:-moz-any-link, x:default {
	position:absolute;
    top:43px;
    left:470px;
}

h2 { font-size: 1.556em; line-height:1.15em; margin-bottom: 0.15em;}
h3 { font-size: 1em;  line-height:1.5em; color: #8ba5b7; margin-bottom: 0.15em; font-weight: normal;}
h4 { font-size: 1em;  line-height:1.5em; color: #8ba5b7; margin-bottom: 0.15em; font-weight: bold;}
.inshop h3 { font-size: 1.556em; line-height:1.15em; margin-bottom: 0.15em; font-weight: normal;}

img{border:0;}

ul {list-style-type:none;}

.cblue{color: #8ba5b7;}

.ctop{margin-top: 0.95em;}

/* Navigatin ausblenden */
#mainnav,
#flashcontent,
#footerNav1,
#footerNav2,
.i210,
#naviSidebar,
.corner{display:none;}


.i650{
    clear:both;
    float:left;
    margin-top:20px;
}

.teaser{
    display:none;
}
/* Footer Elemente ausblenden*/
.langSwitch{
    display:none;
}

.span-3 {float:left; width:320px;} 
.last{float:right;}
.clear{clear:both;}
/* --- grid.css --- */
/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 10px;
}


/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 100px;}
.span-2  { width: 210px;}
.span-3  { width: 320px;}
.span-4  { width: 430px;}
.span-5  { width: 540px;}
.span-6  { width: 650px;}
.span-7  { width: 760px;}
.span-8  { width: 870px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 110px;}
.append-2  { padding-right: 220px;}
.append-3  { padding-right: 330px;}
.append-4  { padding-right: 440px;}
.append-5  { padding-right: 550px;}
.append-6  { padding-right: 660px;}
.append-7  { padding-right: 770px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 110px;}
.prepend-2  { padding-left: 220px;}
.prepend-3  { padding-left: 330px;}
.prepend-4  { padding-left: 440px;}
.prepend-5  { padding-left: 550px;}
.prepend-6  { padding-left: 660px;}
.prepend-7  { padding-left: 770px;}



/* Border on right hand side of a column. */
.border{
  padding-right:4px;
  margin-right:5px;
  border-right:1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right:96px;
  margin-right:95px;
  border-right:1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */
.pull-1 { margin-left: -110px;}
.pull-2 { margin-left: -220px;}
.pull-3 { margin-left: -330px;}
.pull-4 { margin-left: -440px;}


.push-0  { margin: 0 0 0 18px; float: right; } /* Right aligns the image. */
.push-1 { margin: 0 -110px 0 18px; float: right;}
.push-2 { margin: 0 -220px 0 18px; float: right;}
.push-3 { margin: 0 -330px 0 18px; float: right;}
.push-4 { margin: 0 -440px 0 18px; float: right;}

.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}
/* --- End grid.css --- */

/* --- round-2px.css --- */
.bordered-2px{
	position: relative;
	border: solid 2px;
	padding: 10px 10px 0 10px;
/*	min-height: 360px;*/
}
* html .bordered-2px {
/*	height: 360px;*/
}

.bordered-2px h2,
.bordered-2px h3{
	font-size: 1em;
	line-height: 1.4em;
}

.bordered-2px h2 a,
.bordered-2px h3 a{
	text-decoration: none;
}

.bordered-2px h2 a{
	font-weight: bold;
	color: #000;
}

.bordered-2px h3 a{
	font-weight: normal;
	color: #8ba5b7;
}

.bordered-2px p,
.bordered-2px td{
	font-size: 0.96em;
}

.bordered-2px .img{
	margin: 4px -12px;
	border-style: solid;
	border-width: 0 2px;
	overflow: hidden;
	text-align: center;
}

.column .img{
	display: none;
}

.span-1 .i100{
    display: block;
}
.span-2 .i210{
    display: block;
}

.span-3 .i320{
	display: block;
}

.span-4 .i430{
	display: block;
}

.span-6 .span-6 .i650{
	display: block;
}

* html .bordered-2px .img { overflow: visible; }

* html .bordered-2px .img {
	width: 100%;
}
.bordered-2px .img img {
	margin: 0 -2px;
}
.bordered-2px .corner {
	position: absolute;

	width: 9px;
	height: 9px;
	margin: -2px;
	background: no-repeat top left;
}
.bordered-2px .corner img {
	width: 9px;
	height: 9px;
	margin: 0;
	border: 0;
}
.bordered-2px .cUL {
	left: 0;
	top: 0;
}
.bordered-2px .cUR {
	right: 0;
	top: 0;
}
.bordered-2px .cLL {
	left: 0;
	bottom: 0;
}
.bordered-2px .cLR {
	right: 0;
	bottom: 0;
}
/** html .bordered-2px .cLL,
* html .bordered-2px .cLR { bottom: -1px; }

* html .bordered-2px .corner { margin: 0; }
* html .bordered-2px .cUL,
* html .bordered-2px .cLL { left: -12px; }
*/

div .column .span-3{
    page-break-inside:avoid;
 
}
div .img .i320 img{
    page-break-inside:avoid;
 
}
div .column .span-3 .last{
    page-break-inside:avoid;
 
}

ul.bordered-2px,
ul.bordered-2px li {
	padding-top: 10px;
	margin: 0;
	list-style: none;
}
ul.bordered-2px li {
	padding-bottom: 10px;
	clear: both;
	border-top: solid 1px ;
}
ul.bordered-2px li img {
	float: right;
	margin: 2px 0 12px 10px;
}
ul.bordered-2px li.first,
ul.bordered-2px li.last  { border: none; }
ul.bordered-2px li.first { padding-top: 0; }
ul.bordered-2px li.last  { padding: 0; }

.column{
    page-break-inside:avoid;
}

/* --- pager.css --- */
/****** Pager ******/
.pager {
    position: relative;
/*    width: 80%;*/
/*    border: 4px solid #f00;*/
    text-align: center;
    height: auto;
}

.pager a{
	text-decoration: none;
}

.pager em{
    font-weight: bold;
}

.pagePrev,
.pageNext {
    display: block;
	width: 100px;
	background: transparent url(/pic_alg/bgrey-r.png) no-repeat top right;
	color: #fff;
}

.pagePrev span,
.pageNext span{
    height: 17px;
	background: transparent url(/pic_alg/bgrey-l.png) no-repeat top left;
    display: block;
}

.pager span.pageulleft{
	display: block; 
	margin: 0 110px;
	background: transparent url(/pic_alg/li-right-grey.png) no-repeat top right;
} 

.pager ul,
.pager ul li {
    list-style: none;
    padding: 0;
    height: 17px;
	color: #000;
}

.pager ul { 
	display: block; 
	margin: 0 0;
	background: transparent url(/pic_alg/li-left-grey.png) no-repeat top left;
}

.pager ul li { display: inline; }

/* -   -- -- -- - -------------------------------------- */
.inshop .pagePrev,
.inshop .pageNext {
	background: transparent url(/pic_alg/bblue-r.png) no-repeat top right;
	color: #fff;
}

.inshop .pagePrev span,
.inshop .pageNext span{
	background: transparent url(/pic_alg/bblue-l.png) no-repeat top left;
}

.inshop .pager span.pageulleft{
	background: transparent url(/pic_alg/li-right.png) no-repeat top right;
} 

.inshop .pager ul,
.inshop .pager ul li {
	color: #8ba5b7;
}

.inshop .pager ul { 
	background: transparent url(/pic_alg/li-left.png) no-repeat top left;
}
/* -   -- -- -- - -------------------------------------- */


table.displaytable td{
	padding: 0.95em 10px 0.95em 0;
	border-bottom: solid 1px #acb0b3;
}

table.noborder{
	margin: 0;
}
tr.noborder table.noborder td,
table.noborder td{
	border: solid 0px #000;
	padding: 0 10px 0 0;
}

tr.noborder td{
	border: solid 0px #000;
	padding: 10px 10px 0 0;
}

/****** generic ******/
.pageleft  { float: left; }
.pageright { float: right; }
.clear { clear: both; }
.pagepad   { padding: 0px; }

/* --- page.css --- */
.hr{
	border-top: solid 0.2em #000;
	margin-bottom:12px;
}
.hr2{
	border-top: solid 1px #acb0b3;
}
 
.inshop .hr2{
	border-top: solid 1px #8ba5b7;
}

/* --- colours.css --- */
.grey{
	border-color: #acb0b3;
}
.grey .img{
	border-color: #acb0b3;
}
ul.grey li {
	border-color: #acb0b3;
}


.blue{
	border-color: #8aa5b7;
}

.fblue{
	color: #8aa5b7;
}

.blue .img{
	border-color: #8aa5b7;
}
ul.blue li {
	border-color: #8aa5b7;
}

/* --- End colours.css --- */

/* --- corners.css --- */
.cgrey-2px .cUL {
	left: 0;
	top: 0;
	background-image: url(/pic_alg/cgrey-2px_cul.png);
}
.cgrey-2px .cUR {
	right: 0;
	top: 0;
	background-image: url(/pic_alg/cgrey-2px_cur.png);
}
.cgrey-2px .cLL {
	left: 0;
	bottom: 0;
	background-image: url(/pic_alg/cgrey-2px_cll.png);
}
.cgrey-2px .cLR {
	right: 0;
	bottom: 0;
	background-image: url(/pic_alg/cgrey-2px_clr.png);
}

.cblue-2px .cUL {
	left: 0;
	top: 0;
	background-image: url(/pic_alg/cblue-2px_cul.gif);
}
.cblue-2px .cUR {
	right: 0;
	top: 0;
	background-image: url(/pic_alg/cblue-2px_cur.gif);
}
.cblue-2px .cLL {
	left: 0;
	bottom: 0;
	background-image: url(/pic_alg/cblue-2px_cll.gif);
}
.cblue-2px .cLR {
	right: 0;
	bottom: 0;
	background-image: url(/pic_alg/cblue-2px_clr.gif);
}


.cgrey-3px .cUL {
	left: 0;
	top: 0;
	background-image: url(/pic_alg/cgrey-3px_cul.png);
}
.cgrey-3px .cUR {
	right: 0;
	top: 0;
	background-image: url(/pic_alg/cgrey-3px_cur.png);
}
.cgrey-3px .cLL {
	left: 0;
	bottom: 0;
	background-image: url(/pic_alg/cgrey-3px_cll.png);
}
.cgrey-3px .cLR {
	right: 0;
	bottom: 0;
	background-image: url(/pic_alg/cgrey-3px_clr.png);
}


.cblue-3px .cUL {
	left: 0;
	top: 0;
	background-image: url(/pic_alg/cblue-3px_cul.png);
}
.cblue-3px .cUR {
	right: 0;
	top: 0;
	background-image: url(/pic_alg/cblue-3px_cur.png);
}
.cblue-3px .cLL {
	left: 0;
	bottom: 0;
	background-image: url(/pic_alg/cblue-3px_cll.png);
}
.cblue-3px .cLR {
	right: 0;
	bottom: 0;
	background-image: url(/pic_alg/cblue-3px_clr.png);
}
/* --- End corners.css --- */

/* --- Start Shop-Produkte --- */
.licolorbutton,
.lishop{display:none;}

.licolor{
    background-image:none;
}
/* --- End Shop-Produkte --- */