@media all {

	body, html {margin-left: 0px;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding:0px 0px 0px 0px; font-size:12px; line-height:17px; font-family:Calibri, Regular, sans-serif; color:#000;background: #609602 url("../gfx/taustapilt.jpg") top center repeat-x; overflow:hidden;}
	form {margin:0; padding:0;}
	img {border:none;}

	a {color:#000; text-decoration:underline;}
	a:hover {text-decoration:none;}
	a.none {text-decoration:none;}
	a.none:hover {text-decoration:underline;color:red;}

	.red {color:#f00;}
	.bold {font-weight:bold;}
	.small {font-size:90%; line-height:100%;}
	.print_only {display:none;}
/*
	#logo {float:left; margin:20px 0 30px 5px;}
	#logo a {font-size:250%; line-height:100%; font-weight:bold; border-bottom:solid 2px #000; text-decoration:none; display:block;}
*/
	.expandedForPrinting{display:none;}

	#mainBody {padding:0px; }
	#header {width:820px; margin-left:auto; margin-right:auto;}
	#headerBanners {width:820px; height:153px; margin-top:0px; background:url("../gfx/piibutopsu_header_new.gif") top center no-repeat;}
	#headerBanners img {margin: 0px 0px 10px 0px;}
	#headerBanners div.toplinks {float: right; margin-top:55px;}
	#headerBanners div.toplinks a {margin:0 0.7em; color:#999; text-decoration:none; font-weight: bold;}
	#headerBanners div.toplinks a:hover, #headerBanners div.toplinks a.active  {color:#FF0000; border-bottom:solid 1px #FF0000; font-weight: bold;}
	#headerBanners div.mainLogo {margin-top:13px; margin-left:24px; position:absolute;}
	#headerBanners div.langSection {margin-top:13px; margin-right:24px; height:24px; float:right; text-align:right; width:400px;overflow:hidden;}
	#headerBanners div.langSection div.langItem {color:white;float:right; width:30px; text-align:center;height:18px; padding:5px 0px;}
	#headerBanners div.langSection div.langItem.act, #headerBanners div.langSection div.langItem:hover {background:url("../gfx/langItem_a.png") no-repeat;}
	/*#topMenu {padding:0.4em 0.9em; margin:0; color:#999; font-size:100%; line-height:135%; background:url('../gfx/sectionbackgr.gif') top left repeat-x; border-bottom:solid 1px #9d9d9d; border-left:solid 1px #d7d7d7; border-right:solid 1px #cfcfcf; clear:both;}*/
	#topMenu {padding:0.4em 0.9em; padding-top: 3px; margin-top: 5px; height: 15px; color:#999; font-size:100%; line-height:135%; border-top:solid 1px #65ABDD; clear:both;}
	#topMenu a {margin:0 0.7em; color:#999; text-decoration:none; font-weight: bold;}
	#topMenu a:hover, #topMenu a.active  {color:#FF0000; border-bottom:solid 1px #FF0000; font-weight: bold;}
	#mainMenu {margin-top:-36px;height:34px; clear:both; margin-bottom:0px; padding-top:3px; padding-left:15px;}
	#mainMenu a.button {float:left; padding:0px 16px; height:34px; text-decoration:none; color:#fff; font-size:130%; }
	#mainMenu a.button:hover, #mainMenu a.active {color:#fff; background: url("../gfx/piibutops_menua_new.jpg") top center no-repeat; }
	#main {width:820px; margin-left:auto; margin-right:auto;}
	#footer {width:820px; margin-left:auto; margin-right:auto; margin-top:0px; clear:both; background:url('../gfx/piibutops_footer.jpg') no-repeat;}
	#footer div.contact {padding: 5px 10px 0px 10px; font-size:100%; height: 35px;}
	#footer div.links {padding:8px 6px 0 6px;}
	#footer div.links a {padding:0 6px; text-decoration:none;}
	#footer div.links a:hover {text-decoration:underline;}
	#footer div.links2 {float:right;}
	#banner {float:right; width:468px; height:60px; margin:5px 0 0 0; border:solid 1px #999;}
	#content div.bg div.box {padding:0px 0px 0px 0px; min-height:375px; height:375px; margin:0px 0px 0px 0px; }
	#content div.bg {background:#FAFCFE ;border-bottom:solid 1px #acacac; }
	#content h1 {font-size:200%; line-height:100%; font-weight:normal; margin:32px 10px 28px 10px;}
	#content h2 {margin:0; padding:0; font-size:110%; line-height:130%; background:url('../gfx/sectionbackgr.gif') center left repeat-x; border-top:solid 1px #b4b4b4; border-bottom:solid 1px #9d9d9d; border-left:solid 1px #b4b4b4; border-right:solid 1px #c2c2c2; clear:both;}
	#content h2 a, #content h2 span {padding:5px 0 5px 11px; text-decoration:none; display:block;}
	#content h2.small {padding:7px 0 7px 11px; font-size:90%;}
	#content div.box {background:white url('../gfx/piibutops_contentsmall.jpg') top left no-repeat; overflow-y:scroll;}
	#content div.box.white {background:white; overflow-y:scroll;}
	#content div.box p, #content div.box img {margin:0; padding:0;}
	#content div.box div.left {float:left; width:470px; margin:30px 0px 5px 25px; }
	#content div.box div.full {float:left; margin:30px 25px 5px 25px; width:760px;}
	#content div.box div.left p {margin:12px 0px 0px 0px; padding:0;}
	#content div.box div.right img, #content div.box div.right div.iframe {margin-left:30px; margin-top: 40px;width:254px; position:absolute;}
	#content div.box div.title {font-size:120%; line-height:100%; font-weight: bold; margin-bottom: 15px; color:#026698;}
	#content div.box div.hiddenTitle {font-size:150%; line-height:100%; padding:5px 0; font-weight: bold; border-bottom: 1px solid #B9B9B9; margin-bottom: 15px;}
	#content div.top {float:right; width:715px; border-left:solid 1px #D7D7D7; min-height: 400px;}
	#content div.top div.box {float:right;padding:10px 0px 0px 0px; min-height:600px;}
	#content div.top ul {padding:0; margin:5px 20px 5px 35px;}
	#content div.top ul li {padding:0; margin:0 0 5px 0;}
	#content p, #content div.p {margin:12px; padding:0; display:block;}
	#content div.right div.box {padding:10px 0px 0px 0px;}
	#content div.right {float:left; width:230px; overflow:hidden;}
	#content div.right ul.menu {margin:0; padding:2px; list-style: none; }
	#content div.right ul.menu li {padding:5px; line-height:120%; border-bottom:dotted 1px #666;}
	#content div.right ul.menu li a {text-decoration: none; width: 180px;}
	#content div.right ul.menu li a:hover, #content div.right ul.menu li a.active{text-decoration: underline; color: #FF0000; width: 180px;}
	#content div.right ul.menu li.subSubMenuItem {list-style: inside circle; padding-left: 20px;}
	#content div.right ul.menu li.subSubMenuItem  a {text-decoration: none; width: 180px; }
	#content div.right ul.menu li.subSubMenuItem  a:hover, #content div.right ul.menu li.subSubMenuItem a.active{text-decoration: underline; color: #FF6600; width: 180px; list-style: inside circle;}	
	#content div.i_image {float:left; padding:5px 12px 10px 12px; clear:both;}





	div.cartSection {
		overflow-x:hidden;
		border:1px dotted #9A9A9A;
		padding:3px; 
		width:220px;
		margin-bottom:10px;
	}

	div.cartSection div.cartHeader {
		/*background:#FFB200; */
		background:#0048AC; 
		color:white;
		font-weight:bold; 
		margin: -3px -3px 0px -3px;
		padding:3px 5px 3px 5px;
	}
	div.cartSection div.cartHeader.red {background:#FE0000;}
	

	div.cartSection div.cartHeader a {text-decoration:none; color:white;}


	div.productSection {
		overflow-x:hidden;
		border:1px dotted #9A9A9A;
		padding:3px; 
		width:702px;
		margin-bottom:10px;
	}

	div.productSection div.header {
		background:#FFB200;
		color:#0048AC;
		font-weight:bold; 
		margin: -3px -3px 0px -3px;
		padding:3px 5px 3px 5px;
	}

	div.cartPageSection {
		overflow-x:hidden;
		border:1px dotted #9A9A9A;
		padding:3px; 
		margin-bottom:10px;
	}

	div.cartPageSection div.header {
		background:#FFB200;
		color:#0048AC;
		font-weight:bold; 
		margin: -3px -3px 10px -3px;
		padding:3px 5px 3px 5px;
	}

	input.addToCart{
		background:url("../gfx/tocartpic.gif") no-repeat;
		height:53px;
		width: 37px;
		border:0px;
	}
	input.addToCart:hover{
		cursor:pointer;
	}
	input.removeIcon{
		background:url("../gfx/removeimg.jpg") no-repeat;
		height:22px;
		width: 22px;
		border:0px;
		margin:0;
		padding:0;
	}
	input.removeIcon:hover{
		cursor:pointer;
	}


	div.cartSection div.cartHeader a {text-decoration:none; color:white;}

	div.staff div.e {width:49%; margin:0 0 1em 0; float:left;}
	div.staff div.e div.image {float:left; margin: 0 10px 0 0; border:solid 1px #999; padding:5px; background:#fff;}
	div.flags {margin:4px 0 0 0;}
	div.flags img {padding:1px; border:solid 1px #999;}
	.tel {white-space:pre; font-family:"courier new"; font-size:110%;}

	div.gallery {margin:6px 0 3px 3px;}
	div.gallery .image {float:left; padding:0 0 3px 3px;}
	div.gallery .image a {background:#fff; display:block;}
	div.gallery .image a img.PopBoxImageSmall {width:84px; height:56px; border:solid 1px #999; padding:5px; background:#fff;}
/*	div.gallery .image a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;} */

	img.PopBoxImageSmall {cursor: url("../gfx/plussign.cur"), pointer;}
	img.PopBoxImageLarge {padding:10px; background:#fff; border: solid 1px #000; cursor: url("../gfx/minussign.cur"), pointer;}

	input.button {font-size:110%; color:white;font-weight:bold; background:#13A600; border:solid 1px #999;}
	input.button:hover {font-size:110%; font-weight:bold; background:red; border:solid 1px #999;cursor:pointer;}

	#header.offer {padding:0 0 20px 0;}
	#header.offer #topMenu {margin:0 0 10px 0;}
	#header.offer #logo {float:right; margin:-4px 0 0 0;}
	#header.offer #logo a {font-size:240%; line-height:100%; font-weight:bold; border-bottom:solid 2px #000; text-decoration:none; display:block;}
	#header.offer div.contact {clear:both;}
	#header.offer div.contact table tr th {text-align:left;}
	#header.offer div.contact table tr td {border-bottom:dotted 1px #999;}
	div.orderForm table tr td {
		border-bottom:dotted 1px #999;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	div.orderForm select {
		font-size: 11px;
	}
	div.orderForm table tr.bold  td {
		font-weight: bold;
	}
	div.orderForm table tr.articleActive td {
		font-weight: bold;
	}
	div.orderForm table tr.articleActive select {
		font-weight: bold;
	}
	div.registerForm tr.textBox input,  div.registerForm tr.textBox select{
		width: 200px;
	}
	.currency {
		text-align: right;
	}
	div.notice {float:right; width:288px; padding:12px 12px 0 12px; line-height:120%; color:red; font-weight:bold;}
	.searchBtn {
		bottom: 0px; 
		right: 470px; 
		width: 176px;
		height: 25px;
		z-index: 1; 
		overflow: visible; 
		text-align: left; 
		padding-top: 6px; 
		padding-left: 5px; 
		font-size: 12px;
		font-weight: bold;
		background: white;
	}
	.defaultButton {
		bottom: 0px; 
		height: 25px;
		z-index: 1; 
		overflow: visible; 
		text-align: center; 
		padding-top: 2px; 
		padding-bottom: 2px; 
		padding-left: 10px; 
		padding-right: 10px; 
		font-size: 12px;
		font-weight: bold;
		background: white;
	}
	.defaultButton:hover{
		cursor: pointer;
		color: white;
		background: #007CC3;
	}

	div.mainSearchButton {
		top: 260px; 
		width: 128px; 
		height: 105px; 
		position: fixed; 
		background: url('../gfx/searchbtn.PNG');
	}

	div.mainSearchButton #mainSearchButton_header{
		padding-top: 10px; 
		text-align: center; 
		width: 100%; 
		font-weight: bold; 
		font-size: 14px; 
		height: 46px;
	}

	div.mainSearchButton #mainSearchButton_btn{
		text-align: center; 
		width: 102px; 
		height: 28px;
		font-weight: bold; 
		font-size: 18px; 
		margin-left: 12px;
		padding-top: 10px;
		color: black;
		
	}
	div.mainSearchButton #mainSearchButton_btn:hover{
		text-align: center; 
		width: 102px; 
		height: 28px;
		font-weight: bold; 
		font-size: 18px; 
		margin-left: 12px;
		padding-top: 10px;
		color: #FF6600;
		cursor: pointer;
	}

	div.mainSearchButton #mainSearchButton_btn a:hover{ 
		color: #FF6600;
		cursor: pointer;
	}

	div.mainSearchButton #mainSearchButton_btn a{ 
		color:black;
	}

	.searchBtn:hover{
		cursor: pointer;
		color: #F60;
	}
	
	.mainBtn{
		background:#3a98b6;
		color:white;
		font-weight:bold;
		height:30px;
		padding-top:2px;
	}

	.mainBtn:hover{
		background:#789a29;
		color:white;
		cursor:pointer;
	}

	.tblLineAlert, .tblLineAlert a {
		color:red;
	}
	.tblLineAlertB, .tblLineAlertB a {
		font-weight:bold;
		color:red;
	}

	table.result_table td {
		font-size:100%;
	}
	table.result_table input {
		font-size:100%;
	}
	table.result_table tr.hidden td {
		color:gray;
	}

	table.cartTable th{
		text-align: right;
		font-weight:bold;
		border-bottom: 1px dotted #3a98b6;
	}

	table.cartTable tr.total th {
		padding-top:5px;
		border-top: 1px dotted #3a98b6;
		border-bottom: 0;
	}

	.errorMessageStyle {
		font-weight: bold; 
		color: red; 
		font-size: 16px; 
		text-align: center;
		margin-bottom: 20px;
	}
	.listItemsTotalLine_withLines{
		font-weight: bold;
		overflow: visible;
	}
	.errorMessageDIV {
		background: #FFFFF9;
		color: #CC0000;
		font-weight: bold;
		font-size: 13px;
		padding: 5px 5px 5px 5px;
		text-align: center;
		margin: 5px 5px 10px 5px;

	}
	.submitMessageDIV {
		border: 1px solid #006F00;
		background: #F0FFF0;
		color: #004000;
		font-weight: bold;
		font-size: 13px;
		padding: 5px 5px 5px 5px;
		margin: 5px 5px 0px 5px;
		text-align: center;

	}
	form.fieldsInError input.error {
		border:1px solid red;
	}

.ad-gallery {width:100%;}
.ad-gallery .ad-image-wrapper {position:relative; width:100%; height:600px; clear:both;}
.ad-gallery .ad-image-wrapper .ad-loader {position:absolute; z-index:100; top:48%; left:48%;}
.ad-gallery .ad-image-wrapper .ad-image {margin:0 auto; z-index:90; text-align:center; outline:0; margin-bottom:2px;}
.ad-gallery .ad-image-wrapper .ad-image img {cursor:pointer; border:0;}
.ad-gallery .ad-nav {position:relative; width:100%; height:70px; padding:0 0 15px 0;}
.ad-gallery .ad-nav .ad-forward, .ad-gallery .ad-nav .ad-back {position:absolute; top:0; height:70px; z-index:10;}
.ad-gallery .ad-nav .ad-back { cursor:pointer; left:35px; width:23px; background:url('/gfx/arrows.gif') left 18px no-repeat; outline:0; display:block;}
.ad-gallery .ad-nav .ad-forward {cursor:pointer; right:35px; width:23px; background:url('/gfx/arrows.gif') right 18px no-repeat; outline:0; display:block;}
19.08.2012.ad-gallery .ad-nav .ad-thumbs {width:698px; margin:0 auto; overflow:hidden; border-bottom:1px dotted gray; padding-bottom:3px;}
.ad-gallery .ad-thumbs .ad-thumb-list {margin:0; padding:0 2px 0 3px; float:left; width:9000px; list-style:none;}
.ad-gallery .ad-thumbs .ad-thumb-list li {float:left; padding-right:1px; overflow:hidden;}
.ad-gallery .ad-thumbs .ad-thumb-list a {padding:3px; outline:0; display:block;}
.ad-gallery .ad-thumbs .ad-thumb-list a img {border:1px solid #000; display:block; height:70px;}
.ad-gallery .ad-thumbs .ad-thumb-list a:hover, .ad-gallery .ad-thumbs .ad-thumb-list a.ad-active {padding:2px;}
.ad-gallery .ad-thumbs .ad-thumb-list a:hover img, .ad-gallery .ad-thumbs .ad-thumb-list a.ad-active img {border:2px solid #FFBF80;}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {position:absolute; left:-9000px; top:-9000px;}

table.buttonArea {margin-bottom:10px;}
table.buttonArea select {font-family: Tahoma; font-size: 120%;}

table.calendar tr td {border:0.01em solid #dee7dc;;}
table.calendar tr td.dayarea {border:0.01em solid #dee7dc; padding:2px 2px 2px 2px; }
table.calendar tr td.dayarea:hover {cursor:pointer; background:#fef7da;}
table.calendar tr.tableheader td {background: #358dc2; color:white; font-weight:bold;}

}

@media print {

	input,select {display:none;}
	#content div.box.white {background:white; overflow-y:visible;}
	#content div.box {background:white; overflow-y:visible;}
	#content div.box div.left {width:760px;}
	.smallMenuSection {display: none;}
	.noprint {display:none;}
	.print_only {display:block;}
	.print_page {display:block; height:23cm;}
	input {display:none;}
	#logo {position:absolute; top:0; right:0; margin:0;}
	#logo a {font-size:240%; line-height:100%; font-weight:bold; border-bottom:solid 2px #000; text-decoration:none; display:block;}
	#header {width:100%; margin:0;}
	#headerBanners {display:none;}
	#topMenu, #mainMenu, #footer {display:none;}
	#main {width:100%; margin:0;}
	#banner {display:none;}
	#content h1 {font-size:200%; font-weight:normal; margin:0.5em 0 1em 0;}
	#content h2 {margin:5px 0 5px 0; padding:0.3em 0; font-size:110%; line-height:135%; border:none; border-bottom:solid 1px #000; background:none; clear:both;}
	#content h2 a, #content h2 span {margin:0; padding:0;}
	#content div.bg {margin:0; padding:0; background:none; border:none;}
	#content div.top {margin:0; padding:0; width:100%; border:none;}
	#content div.right {display:none;}
	#content div.i_image {display:none;}
	#content p, #content div.p {margin:12px 0; padding:0; line-height:120%; text-align:justify;}

	#header.offer {padding:0 0 10px 0;}
	#header.offer #logo {float:right; margin:-4px 0 0 0;}
	#header.offer #logo a {margin:0; line-height:100%;}
	.expandedForPrinting{display:block;}
}