/* ------------------------------------------------------ */
/* Allgemeine Formatierungen */
/* ------------------------------------------------------ */
/* Hellblau: #E6E6E6 -> 153 204 255 */
/* Mittelblau: #999999 -> 153 204 255 */
/* Dunkelblau: #FF0000 -> 0 102 204 */
/* Signalorange: #FF8000 -> 255  128 0 */
/* Signalgrün: #33CC00 -> 51  204 0 */

/* Hellblau: #D6D7DE -> 153 204 255 */
/* Mittelblau: #99CCFF -> 153 204 255 */
/* Dunkelblau: #0066CC ->  */
/* Signalorange: #FF8000 -> 255  128 0 */
/* Signalgrün: #33CC00 -> 51  204 0 */

/* alternative Hintergrundfarbe wenn Logo verbesser: #FDF8F2 */
body {
	margin: auto;
	padding: 0;
	width: 77.4em;
	background-color: #E6E6E6;
	color: white;
	font: small Arial, Helvetica, Verdana, sans-serif;
}
* html body {
	width: 75.1em;
/* IE6 */
}
*+ html body {
	width: 75.2em;
/* IE7 */
}
a {
	font: normal 12px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
}
a.link {
	font: normal 12px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	text-decoration: none;
}
img {
	border: 0px;
}
h1 {
	font-size:18px;
	font-weight: bold;
	line-height: 19px;
}
h2 {
	font-size:16px;
	font-weight: bold;
	line-height: 17px;
}
h3 {
	padding: 0px 0px 0px 0px;
	font-size:14px;
	font-weight: bold;
	line-height: 15px;
}
input {
	border: 0px solid #FFFFFF;
	font: normal 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	height: 14px;
	padding: 0px 0px 0px 0px;
	width: 100px;
	float: left;
}
input.content {
	width: 12em;
	padding: 0.2em;
	margin-left: 5px;
	border: 1px solid #999999;
}
select.content {
	font: normal 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	width: 12.6em;
	padding: 0.2em 0 0.2em 0;
	margin-left: 5px;
	border: 1px solid #999999;
}
input.textbutton {
	border: 1px solid #999999;
	margin: 2px 0px 0px 0px;
	height: 20px;
	width: 7em;
	cursor: pointer;
}
.button {
	font: 10px Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 2px;
	height: 14px;
	width: 30px;
	display: block;
	cursor: pointer;
}
.calendar {
	border: 0px;
	padding: 0px;
	background-color: #ffffff;
}
.tag {
	background-color: #999999;
	text-align: center;
}
.feiertag {
	background-color: #FF0000;
	color: #FFFFFF;
	text-align: center;
}
.festtag {
	text-decoration: none;
	background-color: #FF0000;
	color: #FFFFFF;
	text-align: center;
}
.teilfeiertag {
	background-color: #E6E6E6;
	text-align: center;
}
.ferien {
	background-color: #E6E6E6;
	text-align: center;
}
table.product {
	font: normal 1em/120% Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	width: 100%;
	border: 0;
}
td.product_left {
	text-align: left;
	vertical-align: top;
}
td.product_right {
	text-align: right;
	vertical-align: top;
}
table.content {
	font: normal 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
}
table.ferien {
	font: normal 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
}
th.content {
	text-align: center;
	padding: 0 0.5em 0 0.5em;
}
td.ferien {
	font: normal 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
td.content {
	font: normal 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
td.bezeichner {
	text-align: left;
}
tr.cell {
	background-color: #FFF;
}
tr.oddcell {
	background-color: #999999;
}
textarea {
	font: normal 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	scrollbar-base-color: #0098ff;
	scrollbar-arrow-color: #006898;
}
/* ------------------------------------------------------ */
/* Layout komplette Seite */
/* ------------------------------------------------------ */
#container {
/* margin: 0% 5% 0% 5%; */
	background-color: #FFFFFF;
	text-align:left;
	border: 2px solid #999999;
}
/* ------------------------------------------------------ */
/* Layout Kopfbereich */
/* ------------------------------------------------------ */
#headline {
	border-top: 1px solid #999999;
	border-bottom: 2px solid #999999;
	height: 18px;
}
#headline ul {
	margin: 0;
	padding: 0 30px 0 0;
	text-align: right;
}
#headline li {
	display: inline;
	color: #050845;
}
#headline li a {
	padding: 0em 2em 0em 2em;
	text-decoration: none;
	font-weight: bold;
	color: #999999;
	background-color: #FFFFFF;
}
#headline li a:hover {
	background-color: #FF0000;
	color: #FFFFFF;
}
#slogan {
	color: #000000;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	padding: 0 0 0 20px;
	float: left;
}
#company {
	color: #000000;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	padding: 0 20px 0 0px;
	float: right;
}
/* ------------------------------------------------------ */
/* Layout Hauptgerüst ausser Kopf und Fuß */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* Layout linker Seitenbereich mit Navigation */
/* ------------------------------------------------------ */
#leftnav {
	padding: 2px 2px 0px 1px;
	float: left;
	margin: 0;
}
#navi {
	margin: 0px 0px 0px 1px;
	padding:0;
	list-style: none;
}
#navi li a {
	display: block;
	padding: 0.2em 0.5em 0.1em 0.5em;
	background-color: #999999;
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	text-decoration: none;
	font-weight:	bold;
	width: 11.0em;
	height: 1.4em;
}
#navi li a:hover {
	background-color: #FF0000;
	color: #FFFFFF;
	margin: 0;
}
/* ------------------------------------------------------ */
/* Layout zentraler Bereich */
/* ------------------------------------------------------ */
#content {
	margin: 0em 0em 0em 11.4em;
	padding: 2px 2px 0px 2px;
	border-left: 1px solid #999999;
	background-color: #FFFFFF;
	color: #000000;
}
#message {
	font: normal 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0px 0px 5px;
	margin: 0px 3px 0 0px;
	background-color: #FF8000;
	border-bottom: 1px solid #FFFFFF;
	height: 1.5em;
	width: 38em;
}
* html #message {
	width: 35.6em;
/* IE6 */
}
*+ html #message {
	width: 35.7em;
/* IE7 */
}

#login {
	padding: 0px 0px 0px 0px;
	margin: 0px 3px 0 0px;
	background-color: #999999;
	height: 1.5em;
	width: 38em;
}
* html #login {
	width: 35.6em;
/* IE6 */
}
*+ html #login {
	width: 35.7em;
/* IE7 */
}
#MainBox {
	padding: 10px 0px 0px 0px;
	font: normal 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	min-height: 750px;
}
.ContentLink a {
	width: 11em;
	font: normal 0.99em/120% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #999999;
	float: left;
	text-decoration: none;
	font-weight: bold;
	height: 2.4em;
	margin: 0 0.5em 0.5em 0;
	text-align: center;
}

.ContentLink a:hover {
	color: #FFFFFF;
	background-color: #FF0000;
}

.inBoxContent0 {
	width: 71em;
	min-height: 130px;
	height: auto;
	font: normal 0.95em/120% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #999999;
	padding: 0 0 0.5em 0;
}
.inBoxContent1 {
	width: 61em;
	min-height: 130px;
	height: auto;
	font: normal 0.95em/120% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #999999;
}
.myImage {
	float: left;
	display: block;
	border: 0px;
	margin: 2px 4px 0px 0px;
}
.myImage1 {
	float: left;
	display: block;
	margin: 2px 4px 0px 0px;
}
#adsense {
	position: absolute;
	clear: both;
	top: 10px;
	right: 10px;
}
/* ------------------------------------------------------ */
/*
  Navcode neu
/* ------------------------------------------------------ */
#navcontainer {
	height: 1.05em;
	width: 440px;
}
#navlist {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#navlist li {
	float: left;
	margin: 0 1px 0 0;
	list-style-type: none;
}
#navlist li a {
	position: relative;
	width: 6.5em;
	display: block;
	margin: 0;
	padding: 0;
	background-color: #999999;
	color: #000;
	font: normal 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}
#navlist li a:hover {
	background-color: #E6E6E6;
	color: #000;
	text-decoration: none;
}
#navlist li #active a {
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
}
#navlist li #active a:hover {
	background-color: #E6E6E6;
	color: #000;
	text-decoration: none;
}
#navcontainer2 {
	height: 1.05em;
	width: 440px;
	border-bottom: 1px solid #FFF;
}
* html #navcontainer2 {
	border-bottom: 0px;
/* IE6-Hack */
}
*+ html #navcontainer2 {
	border-bottom: 0px;
/* IE7-Hack */
}
#navlist2 {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#navlist2 li {
	float: left;
	margin: 0 1px 0 0;
	list-style-type: none;
}
#navlist2 li a {
	position: relative;
	width: 6.5em;
	display: block;
	margin: 0;
	padding: 0;
	background-color: #999999;
	color: #000;
	font: normal 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}
#navlist2 li a:hover {
	background-color: #E6E6E6;
	color: #000;
	text-decoration: none;
}
#navlist2 li#active a {
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
}
#navlist2 li#active a:hover {
	background-color: #E6E6E6;
	color: #000;
	text-decoration: none;
}
* html > body #navlist, * html > body #navlist ul#subnavlist {
	width: 600px;
/* IE5/Mac fixed width fix */
}
/* ------------------------------------------------------ */
/* Layout rechter Seitenbereich mit Navigation */
/* ------------------------------------------------------ */
#navi {
	list-style: none;
}
#rightnav {
	float: right;
	padding: 0.2em 0.5em 0.1em 0.5em;
	background-color: #999999;
	margin: 0;
	width: 12.5em;
}
#search {
	width: 11em;
	padding: 0px 0px 0px 0px;
	background-color: #999999;
	color: #000;
	height: 3.0em;
}
#tooltipp {
	float: right;
	padding: 0 0.5em 0.1em 0.5em;
	background-color: #FFFFFF;
	border-right: 1px solid #b9d2e3;
	border-left: 1px solid #b9d2e3;
	margin: 0 2px;
	width: 12.4em;
	min-height: 750px;
}
.google {
}
/* ------------------------------------------------------ */
/* Layout Footer */
/* ------------------------------------------------------ */
#footer {
	width: 100%;
	height: 30px;
	border-top: 2px solid #999999;
	background-color: #FFFFFF;
	color: #333333;
	margin-top: 10px;
	clear: both;
}
#footer a {
	background-color: #FFFFFF;
	color: #333333;
}
#footer #copyright {
	padding-top: 6px;
	padding-left: 10px;
}
#footer #disclaimer {
	float: right;
	padding-top: 6px;
	padding-right: 10px;
}
/* Hellblau: #E6E6E6 -> 153 204 255 */
/* Mittelblau: #999999 -> 153 204 255 */
/* Dunkelblau: #FF0000 -> 0 102 204 */
/* ------------------------------------------------------ */
/* MyArea */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* Contentslider oben  */
/* ------------------------------------------------------ */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px;
border-bottom-width: 0px;
width: 480px; /*width of featured content slider*/
height: 110px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 480px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 480px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: white;
padding: 0px 0px;
}

.pagination a{
padding: 0 0px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}