@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

body {
	color:#666;
	FONT-SIZE: 13px;
	line-height: 1.4;
	-webkit-text-size-adjust:none;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	background: url(body-hg.jpg) repeat-x center top #fff;
}


a {	border:0; 
	-webkit-transition:color 0.2s ease-in;  
	-moz-transition:color 0.2s ease-in;  
	-o-transition:color 0.2s ease-in;  
	transition:color 0.2s ease-in;
	color:#fff;
}
a:hover {color:#ccc;}

p {margin:7px 0;}

.clearboth {clear:both;}

h1{font-size: 28px;text-align: left;
font-family: 'Source Sans Pro', sans-serif;color: #6f2e3a;line-height: 1.0;
font-weight: 300;text-align: center;
}
h2{font-size: 22px;text-align: left;
font-family: 'Source Sans Pro', sans-serif;color: #6f2e3a;line-height: 1.0;
font-weight: 300;
}


/*HEADER*/


.header {background: url(headerbild.jpg) no-repeat top center;}

.einleitung {max-width: 700px;
	margin: 0 auto; text-align: center;
background: url(schatten.png) no-repeat bottom center;padding: 0 150px 35px 150px;}
.einleitung h2 {text-align: center; 
}

.wrapper {max-width: 1000px;margin: 0 auto;font-size: 0;padding-top: 15px;
}
.column {
	display: inline-block;
	width: 21%;padding: 2%;
	font-size: 13px;vertical-align: top;
}

.abbinder {background-color: #797979;margin-top: 20px;
-webkit-box-shadow: 0px -1px 20px #999;
-moz-box-shadow: 0px -1px 20px #999;
box-shadow: 0px -1px 20px #999;
}
.abbinderwrap {font-size: 0px;max-width: 1000px; margin: 0 auto;
padding: 30px 0;}

.left, .right {
	display: inline-block;
	width: 46%;padding: 0 2%;
	font-size: 13px;vertical-align: top;
	color: #ccc;
}
.right h2 {color: #fff;}
.left {text-align: right;
}

.button {
	-moz-box-shadow:inset 2px 1px 7px 1px #7c404b;
	-webkit-box-shadow:inset 2px 1px 7px 1px #7c404b;
	box-shadow:inset 2px 1px 7px 1px #7c404b;
	background-color:#6f2e3a;
	-webkit-border-top-left-radius:60px;
	-moz-border-radius-topleft:60px;
	border-top-left-radius:60px;
	-webkit-border-top-right-radius:60px;
	-moz-border-radius-topright:60px;
	border-top-right-radius:60px;
	-webkit-border-bottom-right-radius:60px;
	-moz-border-radius-bottomright:60px;
	border-bottom-right-radius:60px;
	-webkit-border-bottom-left-radius:60px;
	-moz-border-radius-bottomleft:60px;
	border-bottom-left-radius:60px;
	text-indent:0px;
	border:1px solid #333;
	display:inline-block;
	color:#ffffff;
	font-size:24px;
	font-weight:300;
	font-style:normal;
	line-height: 1.2;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 2px 2px #000;
	padding: 20px 20px 20px 20px;
}
.button:hover {
	background-color:#7c404b;
}

.content {max-width: 1000px;padding: 10px 2%;
	font-size: 13px;margin: 0 auto;
	padding-bottom: 35px;margin-bottom: 20px;
	line-height: 2;
}
.content h2{margin-bottom: 15px;font-size: 24px;text-align: center;
}
.content h1{font-size: 22px;text-align: left;
font-family: 'Source Sans Pro', sans-serif;color: #6f2e3a;line-height: 1.0;
font-weight: 300;margin-bottom: 15px;font-size: 24px;text-align: center;
}

.info{color: #999;padding-bottom: 30px;
margin-bottom: 15px;text-align: center;background: url(schatten.png) no-repeat bottom center;
}
.info a{color: #999;}
.info a:hover{color: #666;}

.contentplus {position: relative;
	background-color: #797979;margin-top: 10px;
padding: 20px;text-align: center;
color: #fff;
}

.footer {background-color:#7c404b;
text-align: center;
padding: 20px 15px 30px 15px;
color: #ccc;
-webkit-box-shadow: inset 0px 1px 15px #000;
-moz-box-shadow: inset 0px 1px 15px #000;
box-shadow: inset 0px 1px 15px #000;
}

.content-archiv {max-width: 600px;padding: 10px 2%;
	font-size: 13px;margin: 0 auto;text-align: center;
}
.content-archiv a{text-decoration:none;}
.content-archiv a:hover{color: #fff;
}
.einleitung-archiv{background: url(schatten-klein.png) no-repeat bottom center;
background-size: 100% auto;
padding-bottom: 35px;margin-bottom: 20px;
}
.einleitung-archiv a{color: #7c404b;}
.einleitung-archiv a:hover{color: #666;}

.brief-item{color: #999;padding-bottom: 30px;
margin-bottom: 15px;text-align: left;background: url(schatten-klein.png) no-repeat bottom center;
background-size: 100% auto;}
.brief-title{color: #7c404b;font-size: 18px;
text-align: left;line-height: 1.1;padding-left: 9px;
}
.brief-title:before{content: '"';margin-left: -9px;}
.brief-title:after{content: '"';}

.brief-info{color: #999;text-align: left;line-height: 1.1;padding-left: 9px;
}

.buy-button a{
	float: right;
	margin-top: -20px;
	-moz-box-shadow:inset 2px 1px 7px 1px #7c404b;
	-webkit-box-shadow:inset 2px 1px 7px 1px #7c404b;
	box-shadow:inset 2px 1px 7px 1px #7c404b;
	background-color:#6f2e3a;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	text-indent:0px;
	border:1px solid #333;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	font-weight:300;
	font-style:normal;
	line-height: 1.2;
	text-align:center;
	text-shadow:1px 1px 1px #000;
	padding: 4px 20px 4px 20px;
}
.buy-button a:hover {
	background-color:#7c404b;
}

button.buy-button{
	float: right;
	margin-bottom: 30px;
	background-color:#6f2e3a;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	border:1px solid #333;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	font-weight:300;
	font-style:normal;
	line-height: 1.2;
	text-align:center;
	text-shadow:1px 1px 1px #000;
	padding: 4px 20px 4px 20px;
}

button.buy-button:disabled:hover, button.buy-button:disabled{
	background-color:#ddd;border:1px solid #999;text-shadow:none;color:#999;
}

button.buy-button:hover {
	background-color:#7c404b;
}


.content-imprint {max-width: 1000px;padding: 10px 2%;
	font-size: 13px;margin: 0 auto;text-align: left;
}
.content-imprint a{color: #666;font-style: italic;}

.content-imprint h1{text-align: left;margin-bottom: 15px;
}

.buy-item{font-size: 0;border-bottom: 1px solid #ccc;text-align: left;padding-bottom: 10px;
}
.buy-facts{font-size: 13px;text-align: left;width: 75%;display: inline-block;vertical-align:top;}
.buy-price{font-size: 13px;text-align: right;width: 20%;display: inline-block;vertical-align:top;margin-left: 5%;
}
.article-top{border-bottom: 1px solid #ccc;color: #999;margin-bottom: 20px;padding: 0 9px;}
.article-price{padding-right:9px;color: #7c404b;font-weight: 700;
}

.buy-infos{border-bottom: 1px solid #ccc;text-align: left;padding: 10px;color: #666;
}
.buy-infos label{padding-left: 5px;
}
.content-archiv .buy-button{margin-top: 30px;}


.mod-txtImg img{margin: 4px 6px 0 0;
}
.briefe .mod-txtImg{font-family: 'Permanent Marker', cursive;font-size: 24px;}
.briefe h1{font-family: 'Permanent Marker', cursive;}
.briefewrap{width: 100%;background: url(bedge_grunge.png) repeat-y;background-position: center 78px;
}
.briefewrap .mod-txtImg a{color: #7c404b;}


a.mod-linkButton {display: block;color: #7c404b;font-style: italic;}




@media only screen and (max-width:1031px){

body {background: none;}
.header {background: url(headerklein.png) no-repeat top center;
background-size: 100% auto;}
.header img{width: 100%;height: auto;}

.einleitung {width: 92%;padding: 15px 4% 35px 4%;
	margin: 0 auto; background-size: 100% auto;}

.column {
	display: inline-block;
	width: 46%;
	font-size: 13px;vertical-align: top;
}

}






@media only screen and (max-width:500px){

.column {
	display: inline-block;
	width: 92%;padding: 4%;
	font-size: 13px;vertical-align: top;
}

.left, .right {width: 96%;text-align: center;}
.left h2, .right h2{text-align: center;}
.left{padding-bottom: 15px;}

.buy-button {float: none;}

.buy-facts{width: 70%;}
.buy-price{width: 25%;}


}