body
{ 
	font-family: arial, helvetica, sans-serif;
	color: #3C3C3C;
	padding: 0px;
	margin: 0px;
	font-size: 19px;
	line-height: 1.8em;
}

a:active, a:focus
{
	outline: none;
}

a
{ 
	color: #404040;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	-moz-transition: 300ms ease;
	-webkit-transition: 300ms ease;
	-o-transition: 300ms ease;
	transition: 300ms ease;
	filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;
	text-decoration: none;
}

a:hover
{
	color: #003366;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	filter: none;
	-webkit-filter: none;
	-moz-transition: 300ms ease;
	-webkit-transition: 300ms ease;
	-o-transition: 300ms ease;
	transition: 300ms ease;
	filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;
	text-decoration: none;
}
.boxlinks
{
	float: left;
	margin-top: -50px;
}

.boxrechts
{
	
	float: right;
	text-align: right;
	padding-top: 0px;
	margin-top: 0px;
	height: 340px;
	filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;

}

.boxrechts:hover
{
 	filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;

}

.stahnliste
{
	margin-left: 10px;
}

.stahnliste, .stahnliste2
{
	-webkit-box-shadow: rgba(0, 0, 0, 1) 0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 1) 0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 1) 0px 0px 5px;
}

.bilderanzeige
{
	border: 1px solid #B2B2B2;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	border-radius: 17px;
	filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;
	-moz-transition: 300ms ease;
	-webkit-transition: 300ms ease;
	-o-transition: 300ms ease;
	transition: 300ms ease;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	width: 32%;
	height: auto;
}

.bilderanzeige:hover
{
	border: 1px solid #C89373;
	filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;
	-moz-transition: 300ms ease;
	-webkit-transition: 300ms ease;
	-o-transition: 300ms ease;
	transition: 300ms ease;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 3px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 3px;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	filter: none;
	-webkit-filter: none;

}

.interslide_text
{
	font-weight: bold;
	font-size: 14px;
	background: #c0c0c0;
	filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;
	color: #000000;
	z-index: 100;
	margin-top: 210px;
	margin-left: 1px;
	padding: 0px 11px 0px 11px;
	width: 228px;
	position: absolute;
}

#model_box
{
	padding: 0px  0px  0px 0px;
    border-top: 0px solid #C0C0C0;
	border-left: 0px solid #C0C0C0;
	border-right: 0px solid #C0C0C0;
	border-bottom: 0px solid #C0C0C0;
	margin: -20px  0px  20px 0px;
	float: left;
	filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;
	-moz-transition: 300ms ease;
	-webkit-transition: 300ms ease;
	-o-transition: 300ms ease;
	transition: 300ms ease;
}

#model_box:hover
{
	padding: 0px  0px  0px 0px;
    border-top: 0px solid #C0C0C0;
	border-left: 0px solid #C0C0C0;
	border-right: 0px solid #C0C0C0;
	border-bottom: 0px solid #C0C0C0;
	float: left;
	filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;
	-moz-transition: 300ms ease;
	-webkit-transition: 300ms ease;
	-o-transition: 300ms ease;
	transition: 300ms ease;
}

.bild
{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

h1, h2
{ 
	font-family: arial, helvetica, sans-serif;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: 0.04em;
	margin-left: auto;
	margin-right: auto;
	padding: 7px 0;
	margin: 0 0 0 0;
}

h2, h3
{ 
	margin-bottom: 5px;
	font-size: 27px;
}

h1, h2, h3
{ 
	color: #FFB028;
}

h2
{
	text-align: center;
}


#header
{
	height: 80px;
	width: 1240px;
	padding: 5px 0 32px 0;
	background: url(img/shop_h1.jpg)  repeat-x;
}

@media (min-width: 1240px) {

	#header {
		width: 96%;
		padding: 5px 2% 32px 2%;
	}

}



#slider
{
	position: relative; 
	width: 1240px;
	margin-bottom: 0px;
	padding: 0 0 0 0;
	font-size: 10px;
	line-height: 1.8em;
}

#slider a
{
	text-decoration: none;
}

@media (min-width: 1240px) {

	#slider {
		width: 100%;
	}

}

#main, #main_galerie
{
	position: relative; 
	width: 1140px;
	padding: 30px 30px 0 30px;
	margin: 25px 0 25px 0;
}

@media (min-width: 1240px) {

	#main {
		width: 60%;
		padding: 30px 20% 0 20%;
	}

}

@media (min-width: 1240px) {

	#main_galerie {
		width: 90%;
		padding: 30px 5% 0 5%;
	}

}

.maintext
{
	font-size: 19px;
	text-align: center;
}

#boxmin
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;  
	width: 1200px;
	padding: 0px 20px 30px 20px;
	margin: 0px 0px 25px 0px;
}

#boxmax
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;  
	width: 1240px;
	padding: 0px 0px 30px 0px;
	margin: 30px 0px 25px 0px;
}

@media (min-width: 1240px) {

	#boxmin {
		width: 70%;
		padding: 0px 15% 30px 15%;
	}

}

@media (min-width: 1240px) {

	#boxmax {
		width: 100%;
		padding: 0px 0% 30px 0%;
	}

}

#box, #box2
{	
	float: left;
	position: relative; 
	-moz-transition: 100ms ease;
	-webkit-transition: 100ms ease;
	-o-transition: 100ms ease;
	transition: 100ms ease;
	font-size: 15px;
	line-height: 1.8em;
}

#box a, #box2 a
{	
	text-decoration: none;
	color: #515151;
}

#box
{	
	width: 22%;
	padding: 15px;
	margin: 15px  0.2%  15px 0.2%;
	border-top: 2px solid #E8E8E9;
	border-left: 2px solid #E8E8E9;
	border-right: 2px solid #E8E8E9;
	border-bottom: 2px solid #E8E8E9;
}

#box:hover
{	
	margin: 15px  0.2%  10px 0.2%;
	border-top: 2px solid #C0C0C0;
	border-left: 2px solid #C0C0C0;
	border-right: 2px solid #C0C0C0;
	border-bottom: 7px solid #C0C0C0;
}

#box2
{	
	width: 33.3%;
	padding: 0px  0px  0px 0px;
	margin: 0px  0px  0px 0px;
	border-bottom: 1px solid #ffffff;
}

#boxmaxtext
{
	padding: 15%;
	position: absolute;
	margin: -330px  0px  0px 0px;
	background: url('img/balken.png'); 
	background-position: bottom; 
	background-repeat: repeat-x;
}

.boxbild50
{
	width: 100%;
	height: auto;
	float: left;
}

.interklickspreis1
{
	float: right;
	border-top: 1px solid #E8E8E9;
	border-left: 1px solid #E8E8E9;
	border-bottom: 1px solid #E8E8E9;
	padding: 2px  5px  2px 5px;
	margin: -50px  -15px  0px 0px;
	background: #ffffff;
}

#box h2, #box2 h2
{ 
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #262626;
	margin-left: auto;
	margin-right: auto;
	padding: 7px 0 0 0;
}

#box2 h2
{ 
	text-align: center;
}

#box h5
{ 
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 7px 0;
	text-transform: uppercase;
}

#footer
{
	margin-left: auto;
	margin-right: auto; 
	background:#f3f3f4;
	text-align: center;
	background:#F7E7CB;
	background:-moz-linear-gradient(top, #F7E7CB 0%, #FDF3E1 50%, #FDF3E1 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7E7CB), color-stop(50%,#FDF3E1), color-stop(100%,#FDF3E1));
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7E7CB', endColorstr='#FDF3E1',GradientType=0 );
	width: 1180px;
	padding: 30px 30px 0 30px;
	margin-top: 0px;
	margin-bottom: 25px;
	color: #000000;
	font-size: 12px;
	line-height: 1.5em;
	border-top: 1px solid #F6E3C3;
}

#footerbox
{
	padding: 0 50px 0 50px;
	width: 300px;
	float: left;
}


@media (min-width: 1240px) {

	#footer {
		width: 90%;
		padding: 30px 5% 30px 5%;
	}

}

#footer a
{ 
	color: #808080;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	-moz-transition: 300ms ease;
	-webkit-transition: 300ms ease;
	-o-transition: 300ms ease;
	transition: 300ms ease;
	filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;
}

#footer a:hover
{
	color: #003366;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	filter: none;
	-webkit-filter: none;
	-moz-transition: 300ms ease;
	-webkit-transition: 300ms ease;
	-o-transition: 300ms ease;
	transition: 300ms ease;
	filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;
}

.hover
{
	filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;
	-moz-transition: 300ms ease;
	-webkit-transition: 300ms ease;
	-o-transition: 300ms ease;
	transition: 300ms ease;
}

.hover:hover
{
	-moz-transition: 300ms ease;
	-webkit-transition: 300ms ease;
	-o-transition: 300ms ease;
	transition: 300ms ease;
	filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;
	background: #525252;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
}