@charset "utf-8";
/* CSS Document */

h2 {font-size:25px; 
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eff0f4 4%, #dddee0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(4%,#eff0f4), color-stop(100%,#dddee0));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddee0',GradientType=0 );
	/*-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;*/
	border-top: 1px solid #f3f3f3;
	border-left: 1px solid #ccc;
	color: #555;
	padding: 20px 25px; margin: 3px 0px 15px 0;
	position: relative;
	z-index: 2;
	height: auto;}

h3 { 
	text-align:left;
	font-size:25px; 
	color: #555;
	position: relative;
	z-index: 2;
	background: #ffffff;
	padding: 20px 25px; 
	margin: 3px 0px 15px 0;
	height: auto;
	}
.themepic { background-position: center; height: 300px; width: 300px; float: left; margin-right: 30px; margin-bottom: 8px; display: block;}
section p {margin: 0 0 18px; color:#000000;font-size:18px;}
section ul {font-size:18px; color:#000000;}
img {border: none;}
input {vertical-align: middle;}

.mainpictext a, .mainpictext a:visited {cursor: pointer; text-decoration: none; color: #fff;}
.mainpictext a:hover {text-decoration: underline;color: #ccc;}

.textblock a {cursor: pointer; color: #555;}
.textblock a:hover {text-decoration: underline;color: #aaa;}
.textblock {	
	background: #fff;
	/*-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;*/
	-moz-box-shadow: 0 2px 3px 2px rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 3px 2px rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1);
	padding: 5px 10px;
	position: relative;
	z-index: 2;
	min-height: 400px;
	margin-bottom: 20px; 
}


@media screen and (max-width: 900px) {
	section {width:100% !important;}
	#additionalpic {height:200px !important;padding-top:40px;}
	#articlespic {height:200px !important;padding-top:40px;}
	.pricepictext {padding-top:150px;}
	h3 {font-size:15px;}
	h2 {font-size:15px; }

}
@media screen and (max-width: 500px) {
	.themepic { float: none; margin: auto;}

	section {width:100% !important;}
	#additionalpic {height:200px !important;padding-top:40px;}
	#articlespic {height:200px !important;padding-top:40px;}
	.pricepictext {padding-top:150px;}
	h3 {font-size:16px;}
	h2 {font-size:16px; text-align: center;}
	.textblock p {margin: 0 0 18px; color:#000000;font-size:14px;}
	.textblock ul {font-size:14px; color:#000000;}
}