/* common part */
body			{ color: #6f6f6f; background-color: #fff; font-family: Verdana Regular, Verdana, Helvetica, sans-serif; font-size: 0.71em }
h1, h3			{ font-size: 130%; margin:0 0 0.66em 0; font-weight:normal; }
h2				{ font-size: 100%; margin:0 0 0.66em 0; }
p				{ margin:0 0 0.66em 0; }
#langnav a		{ text-decoration: none; font-size:108%; color:#6f6f6f; }
a img 			{ border: none }
*:focus			{ outline: none }
textarea,
select,
input.txt		{ font-family:inherit; font-size: 100%; color: #000; border:1px solid #e0e0e0; border-top: 2px ridge #9d9d9d }
input 			{ font-family:inherit; font-size: 100%; color: #000; }

/* quicksearch form */
div#qsearch		{ border: 1px solid #e4e5e7; border-top: 1px solid #adadaf; }
div#qsearch input { width:80%; border:none; }
div#qsearch input.btn { float: right; outline: none; width: 20px }

/* top navigation formatting */
div#topnav ul { list-style: none; margin: 0; padding: 0 0 1px 40px; }
div#topnav ul li { float: left; list-style-type: none; height: 25px; line-height: 25px; margin-left: 2px; }
div#topnav a:link,
div#topnav a:active,
div#topnav a:visited { display: block; color: #fff; text-decoration: none; font-weight: bold; line-height: 25px; padding: 0 5px 0 11px; margin-right: 10px; }

div#topnav li { background: url(../img/topnav_edge_grey.png) no-repeat right bottom; }
div#topnav li a { background: url(../img/topnav_bgnd_grey.png) no-repeat left bottom; }

div#topnav li#toplinkgreen { background: url(../img/topnav_edge_green.png) no-repeat right top; }
div#topnav li#toplinkgreen a { background: url(../img/topnav_bgnd_green.png) no-repeat left top; }
div#topnav li#toplinkgreen.active { background-position: right bottom; }
div#topnav li#toplinkgreen.active a { background-position: left bottom; }

div#topnav li#toplinkblue { background: url(../img/topnav_edge_blue.png) no-repeat right top; }
div#topnav li#toplinkblue a { background: url(../img/topnav_bgnd_blue.png) no-repeat left top; }
div#topnav li#toplinkblue.active { background-position: right bottom; }
div#topnav li#toplinkblue.active a { background-position: left bottom; }

div#topnav li#toplinkred { background: url(../img/topnav_edge_red.png) no-repeat right top; }
div#topnav li#toplinkred a { background: url(../img/topnav_bgnd_red.png) no-repeat left top; }
div#topnav li#toplinkred.active { background-position: right bottom; }
div#topnav li#toplinkred.active a { background-position: left bottom; }

/* slideshow header */
#slideshow { position: absolute; left: 0; top: 0; visibility: hidden; }
#slide-images { position: relative; display: block; margin: 0; padding: 0; width: 825px; height: 277px; overflow: hidden; }
#slide-images li { position: absolute; display: block; list-style-type: none; margin: 0px; padding: 0px; background-color: #ffffff; }
#slide-images li img { display: block; background-color: #ffffff; }

/* left navigation common formatting */
#leftnav { border-bottom:1px solid #ddd; }
#leftnav a { display:block; text-decoration:none; padding-left:5px; overflow:hidden; color:#6f6f6f; }
#leftnav div.subnav { padding: 6px 0 }
a.navlevel2, a.navlevel2active { font-size: 108%; line-height: 21px; border-top:1px solid #ddd; border-top:1px solid #ddd; }

/* middle column common formatting */
#middle a:hover			{ text-decoration: underline }
div.imgtitle			{ text-align:right; background:#fff url(../img/bgnd_dropshadow_bottom.png) repeat-x left top }
div.leftimg-titled		{ margin: 0.33em 1.33em 0.33em 0pt; float: left; font-size:90%; }
div.leftimg-titled img	{ display:block }
div.leftimg-titled div  { text-align:right; background:#fff url(../img/bgnd_dropshadow_bottom.png) repeat-x left top }
div.rightimg-titled		{ margin: 0.33em 0 0.33em 1.33em; float: right; font-size:90%; }
div.rightimg-titled img	{ display:block }
div.rightimg-titled div	{ text-align:right; background:#fff url(../img/bgnd_dropshadow_bottom.png) repeat-x left top }
div.img-titled			{ margin: 0.33em 0 0.33em 0; float: left; font-size:90%; }
div.img-titled img		{ display:block }
div.img-titled div		{ text-align:right; background:#fff url(../img/bgnd_dropshadow_bottom.png) repeat-x left top }
.button { background: #a6a6a6 url(../img/button_bgnd_grey.png) repeat-x left top; color:#fff; padding: 3px 5px; }
input.button { background: #a6a6a6 url(../img/button_bgnd_grey.png) repeat-x left top; border:1px outset #fff; color:#fff; margin:0; padding:0.1em 1.33em }
.error { font-weight:bold; color:red }
.errorfield { background-color:#fcc; color:#000 }

table.fix 	{ width:100%; border:none  }
table.fix thead th { padding:0.33em; border:none; color:#fff; background-color:#c0bebf; font-weight:normal }
table.fix tbody th { padding:0.33em; border:none; color:#fff; background-color:#c0bebf; font-weight:normal; text-align:left }
table.fix tbody td { padding:0.33em; border:none; background-color:#f1f1f1; }

div.product1 { background-color: #f4d2de; color: #434343; padding:1.33em; }
div.product1 .productname { font-size:130%; color: #434343; }
div.product2 { background-color: #b9d5e6; color: #434343; padding:1.33em; }
div.product2 .productname { font-size:130%; color: #434343; }

div.icon	{ line-height: 23px; float:left }
div.icon img { border-left: 1px solid #ccc; vertical-align:middle; padding:0 0.33em 0 0.66em }

/* right column common formatting */
#right a:hover { text-decoration: underline }
#right h1.headline { border-bottom: 1px solid #d3d3d3; margin:0; padding:0.66em 8px 0.33em 8px }
#right h3.headline { font-size:130%; border-bottom: 1px solid #d3d3d3; margin:0; padding:0.66em 8px 0.33em 8px }
#right .headline { border-bottom: 1px solid #d3d3d3; margin:0; padding:0.66em 8px 0.33em 8px }
#right div.topnews { color:#fff; padding:8px }
#right div.topnews h1 { color:#fff; }
#right div.topnews h3 { border:none; color:#fff; font-size: 130%; margin:0 0 0.66em 0; padding:0; font-weight:normal; }
#right div.topnews div.headline { border:none; color:#fff; font-size: 130%; margin:0 0 0.66em 0; padding:0; font-weight:normal; }
#right div.topnews a { color:#fff; text-decoration:none;  }
#right div.topnews a:hover { text-decoration:underline;  }

#right div.linkblock,
#right div.linkblockhover { padding:0.66em 0; border-bottom: 1px solid #d3d3d3; }
#right div.linkblock a.linkblock,
#right div.linkblockhover a.linkblock { display:block; width:169px; padding-left:21px; text-decoration:none; line-height:19px }
#right div.linkblock div,
#right div.linkblockhover div { padding:0 8px 0 21px; }

/* green part */
body.green		{ background: #fff url(../img/body_bgnd_green.png) repeat-x center top; }
body.green h1,
body.green h3,
body.green a,
body.green div.headline	{ color: #699d4a; }
body.green div#qsearch .btn { background: url(../img/btn_arrow_right_green.png) no-repeat center center }
body.green #leftnav a.navlevel2active { color: #fff; background: #76a559 url(../img/leftnav_bgnd_green.png) repeat-x left top; }
body.green #leftnav a.navlevel3active { color: #7cb05c; }
body.green #right div.topnews { background: #699D4A url(../img/topnews_bgnd_green.png) repeat-x left top; }
body.green #right div.linkblockhover { background: #6ea150 url(../img/linkblock_bgnd_green.png) repeat-x left top; color:#fff }
body.green #right div.linkblock a.linkblock { background: transparent url(../img/btn_arrow_right_green.png) no-repeat 5px center; }
body.green #right div.linkblockhover a.linkblock { background: transparent url(../img/btn_arrow_left_ds_green.png) no-repeat left center; color:#fff; font-weight:bold; }
body.green .buttonactive { background: #71a254 url(../img/button_bgnd_green.png) repeat-x left top; color:#fff; padding: 3px 5px; text-decoration:none }
body.green input.button { background: #71a254 url(../img/button_bgnd_green.png) repeat-x left top; border:1px outset #fff; color:#fff }
body.green ul.ticked { list-style-image:url(../img/tick_green.png); margin:0; padding-left:20px }
body.green ul.ticked li { list-style-image:url(../img/tick_green.png); margin:0; padding:0px }


/* blue part */
body.blue		{ background: #fff url(../img/body_bgnd_blue.png) repeat-x center top; }
body.blue h1,
body.blue h3,
body.blue a,
body.blue div.headline	{ color: #488ead; }
body.blue div#qsearch .btn { background: url(../img/btn_arrow_right_blue.png) no-repeat center center }
body.blue #leftnav a.navlevel2active { color: #fff; background: #5794af url(../img/leftnav_bgnd_blue.png) repeat-x left top; }
body.blue #leftnav a.navlevel3active { color: #488ead; }
body.blue #right div.topnews { background: #4889a8 url(../img/topnews_bgnd_blue.png) repeat-x left top; }
body.blue #right div.linkblockhover { background: #4d8dab url(../img/linkblock_bgnd_blue.png) repeat-x left top; color:#fff }
body.blue #right div.linkblock a.linkblock { background: transparent url(../img/btn_arrow_right_blue.png) no-repeat 5px center; }
body.blue #right div.linkblockhover a.linkblock { background: transparent url(../img/btn_arrow_left_ds_blue.png) no-repeat left center; color:#fff; font-weight:bold; }


/* red part - header navigation only */
body.red		{ background: #fff url(../img/body_bgnd_red.png) repeat-x center top; }
body.red h1,
body.red h3,
body.red a,
body.red div.headline	{ color: #e3142a; }
body.red div#qsearch .btn { background: url(../img/btn_arrow_right_red.png) no-repeat center center }
body.red #leftnav a.navlevel2active { color: #fff; background: #e5283d url(../img/leftnav_bgnd_red.png) repeat-x left top; }
body.red #leftnav a.navlevel3active { color: #e3142a; }
body.red #right div.topnews { background: #e3132a url(../img/topnews_bgnd_red.png) repeat-x left top; }
body.red #right div.linkblockhover { background: #e31c31 url(../img/linkblock_bgnd_red.png) repeat-x left top; color:#fff }
body.red #right div.linkblock a.linkblock { background: transparent url(../img/btn_arrow_right_red.png) no-repeat 5px center; }
body.red #right div.linkblockhover a.linkblock { background: transparent url(../img/btn_arrow_left_ds_red.png) no-repeat left center; color:#fff; font-weight:bold; }


