body {
	background-color : #cacdcd;
	background-image : url('./images/paper4.jpg');
	font-family: Verdana, sans-serif;
	font-size: 11pt;
}

h2 {
	color:#000000;
  margin-top: 44px;
  margin-bottom: 8px; 
}

h3 {
	color:#000000;
  margin-top: 6px;
  margin-bottom: 8px; 
}

li
{
 line-height: 20px;
 margin: 5px 5px 5px 5px;
} 

ul#Navigation {
    margin: 1; padding: 0.8em;
    text-align: center;
    font-size: 8pt;
    border: 0px solid black;
    background-color: #FFFFCC;
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.1em; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
    padding: 0.1em 0.5em;
    text-decoration: none; font-weight: bold;
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #FFFFCC;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: black; background-color: #d8d0b1;
  }

#artikel {
  width:770px;
}

#container {
	text-align : center;
}

#textblock {
	color:#000000;
}

.druck {
	display: none;
}

.tabelle {
	background-color: #fbfbd5;
}

.zelle {
	padding: 10px;
}

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

#carousel_container {
border: 0px solid #000000;
position: absolute;
left: 25%;
}

#carousel_inner {
float:left; /* important for inline positioning */
/* width:630px; /* important (this width = width of list item(including margin) * items shown */
width:300px;
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #D9D9CC;
}

#carousel_ul {
position:relative;
/*left:-210px; /* important (this should be negative number of list items width(including margin) */
left:-300px;
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow  */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:300px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:75px;
background: #D9D9CC;
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
height:75px;
width:300px;
}
#left_scroll, #right_scroll{
float:left;
height:50px;
width:15px;
background: #D9D9CC;
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
position:relative;
top:+25px;
cursor: pointer;
cursor: hand;

}