@charset 'utf-8';
/**
 * Default Output
 *
 * Styles for all output devices.
 *
 * @package Laupheim
 * @link http://laupheimer-ansichtskarten.de/
 * @version 1.0
 * @license WTFPL 2.0, http://sam.zoy.org/wtfpl/
 * @copyright Copyleft (c) 2011, Marc Görtz
 * @author Marc Görtz
 * @media all
 */

/* @group Fonts */
@font-face {
	font-family: 'Droid Serif Regular';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/droid_serif_r.eot');
	src: url('../fonts/droid_serif_r.woff') format('woff'),
		url('../fonts/droid_serif_r.ttf') format('truetype'),
		url('../fonts/droid_serif.svg#r') format('svg');
}
@font-face {
	src: url('../fonts/droid_serif_i.eot?') format('eot'),
		url('../fonts/droid_serif_i.woff') format('woff'),
		url('../fonts/droid_serif_i.ttf') format('truetype'),
		url('../fonts/droid_serif.svg#i') format('svg');
	font-family: 'Droid Serif Italic';
	font-weight: normal;
	font-style: normal;
}
@font-face {
	src: url('../fonts/droid_serif_b.eot?') format('eot'),
		url('../fonts/droid_serif_b.woff') format('woff'),
		url('../fonts/droid_serif_b.ttf') format('truetype'),
		url('../fonts/droid_serif.svg#b') format('svg');
	font-family: 'Droid Serif Bold';
	font-weight: normal;
	font-style: normal;
}
@font-face {
	src: url('../fonts/droid_serif_bi.eot?') format('eot'),
		url('../fonts/droid_serif_bi.woff') format('woff'),
		url('../fonts/droid_serif_bi.ttf') format('truetype'),
		url('../fonts/droid_serif.svg#bi') format('svg');
	font-family: 'Droid Serif BoldItalic';
	font-weight: normal;
	font-style: normal;
}
/* @end */

/* @group Structure */
html {
	color: #333;
	background: #fff;
	overflow-y: scroll; /* provides scrollbars to avoid jumping centered layouts */
}
html * {
	font-size: 100.01%; /* resets all font-sizes to 16px (browser default) */
}
body {
	margin: 0;
	padding: 0;
	font: .875em/1.8 'Droid Serif Regular', Georgia, serif;
	color: #333;
	background: #fff;
	text-rendering: optimizeLegibility;
}
* html body {
	word-wrap: break-word; /* fixes expanding box bug in IE6 */
}
* html body * {
	overflow: visible; /* fixes italics bug in IE6 */
}

/* @group Header */
header {
	display: block;
	color: #333;
	background: #fff url('../media/stempel.png') no-repeat 0 2.61905em;
	width: 960px;
	min-height: 2.61905em;
	margin: 0 auto;
	padding: 2.38095em 0 0 65px;
	font-size: 1.5em;
}
header a:link , header a:visited {
	color: #333;
	background: transparent;
	text-decoration: none;
	border-bottom: 0 none;
}
header a:hover , header a:focus , header a:active {
	color: #333;
	background: transparent;
	text-decoration: underline;
	border-bottom: 0 none;
}
header a:active {
	outline: 0 none; /* logo and navigation links don’t need active highlighting */
}
/* @end */

/* @group Content */
#wrapper {
	color: #333;
	background: #fff url('../media/hintergrund_standard.jpg') repeat-x top;
	-moz-background-size: auto 7.5em;
	     background-size: auto 7.5em;
}
.card-details #wrapper {
	color: #333;
	background: #fff url('../media/hintergrund_hoch.png') repeat-x top;
	-moz-background-size: auto;
	     background-size: auto;
}
.ie7 .card-details #wrapper {
	background-image: url('../media/layer.jpg');
}
#wide-map + #wrapper {
	position: relative;
	z-index: 1;
	margin: -500px 0 0;
	color: #333;
	background: transparent url('../media/layer.png') repeat-x top;
}
div[role=main] {
	width: 960px;
	padding: 0 0 50px 65px;
	margin: 0 auto;
	position: relative;
	zoom: 1;
}
div[role=main]:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '.';
	clear: both;
	height: 0;
}
section {
	float: left;
	display: inline;
	width: 620px;
	min-height: 1px;
}
aside {
	float: left;
	display: inline;
	width: 295px;
	margin: 5px 0 0 35px;
}
.ie7 aside {
	margin: -135px 0 0 35px;
}
article {
	display: block;
}
/* @end */

/* @group Footer */
footer {
	position: relative;
	display: block;
	clear: both;
	zoom: 1;
	margin: 20px auto 0;
	padding: 0 0 0 30px;
	text-shadow: 1px 1px 0 #fff;
	color: #777;
	background: #f2f2f2 url('../media/footer.png') no-repeat 40% 0;
	-moz-background-size: auto 100%;
	     background-size: auto 100%;
}
.ie7 footer {
}
footer > ul {
	border-top: 1px solid #ccc;
	width: 960px;
	margin: 0 auto;
	padding: 15px 0 20px;
	font-size: .9285714286em;
	zoom: 1;
}
footer > ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0;
}
footer > ul > li {
	float: left;
	display: inline;
	margin: 0;
	padding: 25px 15px 0 3px;
	width: 147px;
	list-style: none;
}
footer > ul > li > ul {
	margin: 0;
	padding: 0;
}
footer > ul > li > ul > li {
	margin: 0;
	list-style: none;
}
footer a:link , footer a:visited {
	color: #777;
	background: transparent;
	border-bottom: 0 none;
}
footer a:hover , footer a:focus , footer a:active {
	color: #333;
	background: transparent;
	border-bottom: 0 none;
}
footer form label {
	font-weight: normal;
	font-size: 1.3076923077em;
	color: #333;
	background: transparent;
	margin: 0 0 0 5px;
}
footer form textarea {
	width: 310px;
	height: 50px;
}
footer form button {
	font-size: 1em;
}
footer #feedback {
	width: 320px;
	padding: 0 0 0 145px;
}
footer #feedback input {
	width: 145px;
}
footer #feedback #feedback-name-wrapper ,
footer #feedback #feedback-email-wrapper {
	float: left;
	display: inline;
	width: 155px;
	margin: 0 0 5px;
}
.ie footer #feedback #feedback-name-wrapper ,
.ie footer #feedback #feedback-email-wrapper {
	margin: 5px 0;
}
footer #feedback #feedback-name-wrapper label ,
footer #feedback #feedback-email-wrapper label {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.no-placeholder footer #feedback #feedback-name-wrapper label ,
.no-placeholder footer #feedback #feedback-email-wrapper label {
	position: static;
	left: auto;
	width: auto;
	height: auto;
	overflow: visible;
}
footer #feedback #feedback-name-wrapper {
	margin-right: 10px !important;
}
footer #feedback #feedback-button-wrapper {
	clear: both;
	zoom: 1;
}
.js footer #feedback #feedback-name-wrapper ,
.js footer #feedback #feedback-email-wrapper ,
.js footer #feedback #feedback-button-wrapper {
	display: none;
}
/* @end */

/* @group Navigation */
nav {
	display: block;
	font-size: 1.285714em;
	line-height: 1;
	width: 960px;
	margin: -1.11111111em auto 15px;
	padding: 0 0 0 65px;
	color: #807560;
	background: transparent;
	text-shadow: 1px 1px 0 #fff;
}
nav ul {
	margin: 0;
	padding: 0;
	zoom: 1;
}
nav ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0;
}
nav ul li {
	display: inline;
	list-style: none;
	margin: 0;
}
nav a:link , nav a:visited ,
nav a:hover , nav a:focus , nav a:active {
	float: left;
	display: inline;
	color: #807560;
	background: transparent;
	margin: 0 15px 5px 0;
	border-bottom: 0 none;
}
nav a:link , nav a:visited {
	text-decoration: none;
}
nav a:hover , nav a:focus , nav a:active {
	text-decoration: underline;
}
nav .active a:link , nav .active a:visited ,
nav .active a:hover , nav .active a:focus , nav .active a:active {
	margin: -5px 0 0 -15px;
	padding: 5px 15px;
	font-family: 'Droid Serif Bold', Georgia, serif;
	color: #807560;
	background: transparent url('../media/navigation.png') no-repeat center;
	-moz-background-size: 100%;
	     background-size: 100%;
}
/* @end */
/* @end */

/* @group Images */
img {
	vertical-align: bottom;
	color: #333;
	background: transparent;
	-ms-interpolation-mode: bicubic;
}
/* @end */

/* @group Links */
a:link , a:visited {
	color: #333;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	-webkit-tap-highlight-color: #ccc;
}
a:hover , a:focus , a:active {
	color: #333;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

/* @group Images */
a img {
	border: 0 none;
}
/* @end */
/* @group Tags */
a[rel=tag]:link , a[rel=tag]:visited ,
a[rel=tag]:hover , a[rel=tag]:focus , a[rel=tag]:active {
	display: inline-block;
	*display: inline;
	padding: 1px .714286em;
	text-shadow: 1px 1px 0 #fff;
	border-bottom: 0 none;
	zoom: 1;
	-webkit-border-radius: .357143em;
	   -moz-border-radius: .357143em;
	        border-radius: .357143em;
	-webkit-transition: background .2s linear;
	   -moz-transition: background .2s linear;
	    -ms-transition: background .2s linear;
	     -o-transition: background .2s linear;
	        transition: background .2s linear;
}
a[rel=tag]:link , a[rel=tag]:visited {
	color: #333;
	background: #e5e5e5;
}
a[rel=tag]:hover , a[rel=tag]:focus , a[rel=tag]:active {
	color: #333;
	background: #ccc;
}
/* @end */
/* @end */

/* @group Headings */
h1 {
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 0 60px;
	padding: 35px 0 0;
	color: #fff;
	background: transparent;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}
h1:hover {
	overflow: visible;
	-o-text-overflow: auto;
	   text-overflow: auto;
}
.card-details h1 {
	margin: 0 0 10px;
}
h1 span {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
h2 {
	font-size: 1.428571em;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 0 10px;
}
h3 {
	font-size: 1.17em;
	line-height: 1.2;
	margin: 0 0 .86em;
}
h4 , h5 , h6 {
	font-size: 1em;
}
h1 abbr[title] , h2 abbr[title] , h3 abbr[title] ,
h4 abbr[title] , h5 abbr[title] , h6 abbr[title] {
	border-bottom: 0 none;
}
h1 b , h2 b , h3 b ,
h4 b , h5 b , h6 b {
	font-family: 'Droid Serif Bold', Georgia, serif;
	font-weight: normal;
}
/* @end */

/* @group Paragraphs */
p , address {
	margin: 0 0 1em;
	font-style: normal;
}
/* @end */

/* @group Quotes */
blockquote {
	margin: 0 0 1em;
	padding: 0 1em;
}
/* @end */

/* @group Lists */
/* @group Unordered Lists */
ul {
	position: relative;
	margin: 0 0 1em;
	padding: 0;
}
ul li {
	list-style: square;
	margin: 0 0 0 3em;
}
/* @end */
/* @group Ordered Lists */
ol {
	position: relative;
	margin: 0 0 1em;
	padding: 0;
}
ol li {
	list-style: decimal;
	margin: 0 0 0 3em;
}
/* @end */
/* @group Definition Lists */
dl {
	margin: 0 0 1em;
	padding: 0;
	overflow: hidden;
}
dl dt {
	font-weight: bold;
	width: 12em;
	float: left;
	display: inline;
}
dl dd {
	margin: 0 0 0 13em;
}
/* @end */
/* @end */

/* @group Tables */
table {
	margin: 0 0 1em;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
/* @end */

/* @group Forms */
form ol {
	margin: 0;
	padding: 0;
}
form ol li {
	list-style: none;
	margin: 0;
}
form legend {
	color: #000;
	background: transparent;
}
form label {
	display: block;
	font-weight: bold;
}
form input , form textarea {
	font: 1em 'Droid Serif Regular', Georgia, serif;
	padding: 4px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset;
	   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset;
	        box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset;
	-webkit-transition: border .5s ease;
	   -moz-transition: border .5s ease;
	    -ms-transition: border .5s ease;
	     -o-transition: border .5s ease;
	        transition: border .5s ease;
}
form input:focus , form textarea:focus {
	outline: 0 none;
	border: 1px solid #960;
}
form textarea {
	overflow: auto;
}
form select {
	font: 1em 'Droid Serif Regular', Georgia, serif;
}
form em {
	font-style: normal;
	font-weight: bold;
	color: #c00;
	background: transparent;
}
/* @group Buttons */
input[type='submit'] , input[type='reset'] , input[type='button'] ,
button , .button {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	background: #c00;
	background: #c00 -webkit-gradient(linear, left top, left bottom, from(#c33), to(#600));
	background: #c00 -webkit-linear-gradient(top, #c33, #600);
	background: #c00    -moz-linear-gradient(top, #c33, #600);
	background: #c00     -ms-linear-gradient(top, #c33, #600);
	background: #c00      -o-linear-gradient(top, #c33, #600);
	background: #c00         linear-gradient(top, #c33, #600);
	font: .875em/1 'Droid Serif Regular', Georgia, serif;
	text-align: center;
	text-shadow: none;
	width: auto;
	overflow: visible;
	zoom: 1;
	margin: 0 0 0 5px;
	padding: 3px 15px;
	border: 0 none;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}
input[type='submit']:active , input[type='reset']:active , input[type='button']:active ,
button:active , .button:active {
	color: #fff;
	background: #c00;
	background: #c00 -webkit-gradient(linear, left top, left bottom, from(#600), to(#c33));
	background: #c00 -webkit-linear-gradient(top, #600, #c33);
	background: #c00    -moz-linear-gradient(top, #600, #c33);
	background: #c00     -ms-linear-gradient(top, #600, #c33);
	background: #c00      -o-linear-gradient(top, #600, #c33);
	background: #c00         linear-gradient(top, #600, #c33);
}
/* @group Browser-specific fixes */
input[type='submit']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner ,
button::-moz-focus-inner ,
.button::-moz-focus-inner {
	/* this fixes weird inner offset in Gecko */
	border: 0 none;
	padding: 0;
}
/* @end */
/* @end */
/* @end */

/* @group Abbreviations and Definitions */
abbr {
	border-bottom: 1px dotted lightgrey;
	cursor: help;
}
dfn {
	font-style: normal;
	cursor: help;
}
/* @end */

/* @group Code */
code , pre {
	color: #000;
	background: #ccc;
	background: rgba(0, 0, 0, .2);
	padding: 2px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
}
pre {
	font-size: 13px;
	margin: 0 0 30px;
	padding: 15px;
	overflow: auto;
}
body > pre {
	color: #000;
	background: #ccc;
	background: rgba(255, 255, 255, .75);
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}
/* @end */

/* @group Pages */
/* @group Card Detail Page */
/* @group Cards */
.card-details h1 + .card {
	position: relative;
	z-index: 5;
	margin: 0 0 25px -26px;
	padding: 13px 0 0 0;
	width: 671px;
	color: #333;
	background: transparent url('../media/karte_oben.png') no-repeat top;
}
.ie8 .card-details h1 + .card {
	padding: 0;
}
.card-details h1 + .card li {
	margin: 0;
	padding: 0 10px 13px 11px;
	width: 650px;
	list-style: none;
	color: #333;
	background: transparent url('../media/karte_unten.png') no-repeat bottom;
}
.card-details h1 + .card img {
	display: block;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.no-boxshadow .card-details h1 + .card img {
	border: 1px solid #ddd;
}
.js .card-details h1 + .card .card-back ,
.js .card-details h1 + .card .card-today {
	display: none;
}
/* @end */
/* @group Zoom */
.js .zoomable {
	cursor: crosshair;
	border-bottom: 0 none;
}
.js #zoom {
	position: absolute;
	top: 164px;
	left: 700px;
	z-index: 2;
	width: 340px;
	height: 336px;
	background: #fff url('../media/laden.gif') no-repeat center;
	background: rgba(255, 255, 255, .85) url('../media/laden.gif') no-repeat center;
	display: none;
}
.js #zoom div {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
/* @end */
/* @group Description */
.card-details #description {
	margin: 0 0 25px;
	width: 610px;
}
.card-details #description h2 {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.card-details #description p {
	margin: 0;
}
/* @end */
/* @group Transcript */
.card-details #transcript {
	position: relative;
	margin: 0 0 40px -45px;
	padding: 42px 25px 35px;
	width: 630px;
	color: #35527a;
	background: #e5e5e5 url('../media/transkript_oben.jpg') no-repeat 0 0;
	-webkit-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	        text-size-adjust: none;
}
.card-details #transcript:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	color: #333;
	background: transparent url('../media/transkript_unten.png') no-repeat 0 0;
	width: 100%;
	height: 10px;
}
.card-details #transcript h2 {
	color: #333;
	background: transparent;
	margin: 0 0 25px;
	padding: 0 8px;
}
.card-details #transcript h2::selection {
	color: #fff;
	background: #333;
	text-shadow: none;
}
.card-details #transcript h2::-moz-selection {
	color: #fff;
	background: #333;
	text-shadow: none;
}
.card-details #transcript > p ,
.card-details #transcript > form {
	color: #333;
	background: transparent;
	margin: 0 0 10px;
	padding: 0 22px;
}
.card-details #transcript div {
	margin: 0;
	padding: 0 22px;
	font: .928571em/1.84615em 'Courier New', Courier, monospace;
	color: #35527a;
	background: transparent url('../media/transkript_linien.png') repeat 0 0;
	-moz-background-size: 100% 1.84615em;
	     background-size: 100% 1.84615em;
}
.card-details #transcript div ::selection {
	color: #fff;
	background: #35527a;
}
.card-details #transcript div ::-moz-selection {
	color: #fff;
	background: #35527a;
}
.card-details #transcript div p {
	margin: 0;
}
.card-details #transcript label {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 none !important;
	width: 1px !important; 
	height: 1px !important; 
	overflow: hidden;
}
.no-placeholder .card-details #transcript label {
	position: static !important;
	clip: auto;
	width: auto !important; 
	height: auto !important; 
	overflow: hidden;
}
.card-details #transcript textarea {
	width: 576px;
	height: 160px;
	font: .928571em/1.84615em 'Courier New', Courier, monospace;
}
.card-details #transcript input {
	width: 278px;
}
#name-wrapper , #email-wrapper {
	float: left;
	display: inline;
	width: 288px;
	margin: 0 0 5px;
}
.ie #name-wrapper , .ie #email-wrapper {
	margin: 5px 0;
}
#name-wrapper {
	margin-right: 10px !important;
}
#button-wrapper {
	clear: both;
	zoom: 1;
}
.js #name-wrapper , .js #email-wrapper , .js #button-wrapper {
	display: none;
}
/* @end */
/* @group Map */
.card-details #map {
	margin: 0 0 40px;
	position: absolute;
	top: 164px;
	left: 700px;
	z-index: 1;
}
.card-details #map h2 {
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 6.75em;
	margin: 0;
	padding: 5px 20px;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
	color: #fff;
	background: #694720;
	background: rgba(0, 0, 0, .3);
}
/* @end */
/* @group Thumbnails and Similars */
.card-details #thumbnails {
	margin: -140px -10px 40px -20px;
	padding: 10px;
	width: 320px;
	height: 80px;
	background: transparent url('../media/transparenz.png') repeat center;
	background: rgba(255, 255, 255, .66);
	z-index: 4;
	position: relative;
}
.ie7 .card-details #thumbnails {
	margin: 0 -10px 40px -20px;
}
.card-details #thumbnails h2 ,
.card-details #similar h3 {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.card-details #thumbnails .card {
	margin: 0;
	padding: 0;
	width: auto;
	color: #333;
	background: transparent;
	text-align: center;
}
.card-details #thumbnails .card li {
	display: inline-block;
	*display: inline;
	margin: 0;
	padding: 0 8px;
	list-style: none;
	zoom: 1;
}
.card-details #thumbnails .card img {
	padding: 5px;
	color: #333;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.no-boxshadow .card-details #thumbnails .card img {
	padding: 4px;
	border: 1px solid #ddd;
}
.card-details #thumbnails a:link ,
.card-details #thumbnails a:visited ,
.card-details #thumbnails a:hover ,
.card-details #thumbnails a:focus ,
.card-details #thumbnails a:active {
	font-size: .928571em;
	border-bottom: 0 none;
}
.card-details #thumbnails .active {
	font-family: 'Droid Serif Bold', Georgia, serif;
}
.card-details #similar > ul {
	display: table;
	width: 100%;
}
.card-details #similar > ul > li {
	display: table-cell;
	margin: 0;
	width: 33%;
	min-width: 160px;
	position: relative;
}
.ie7 .card-details #similar > ul {
	display: block;
}
.ie7 .card-details #similar > ul > li {
	display: inline;
	zoom: 1;
}
.card-details #similar .card {
	margin: 0;
	padding: 0;
	width: 160px;
	color: #333;
	background: transparent;
	text-align: center;
}
.card-details #similar .card li {
	display: inline-block;
	*display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	zoom: 1;
}
.card-details #similar .card img {
	padding: 5px;
	color: #333;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.no-boxshadow .card-details #similar .card img {
	padding: 4px;
	border: 1px solid #ddd;
}
.card-details #similar .card-front {
	position: relative;
	z-index: 2;
	width: 160px;
}
.card-details #similar .card-back {
	width: 160px;
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 0;
	-webkit-transform: rotate(-2deg);
	   -moz-transform: rotate(-2deg);
	    -ms-transform: rotate(-2deg);
	     -o-transform: rotate(-2deg);
	        transform: rotate(-2deg);
}
.ie .card-details #similar .card-back {
	top: 0;
	left: -3px;
	filter: progid:DXImageTransform.Microsoft.Matrix(
				M11=0.9993908270190958,
				M12=0.03489949670250097,
				M21=-0.03489949670250097,
				M22=0.9993908270190958,
				sizingMethod='auto expand');
	zoom: 1;
}
.card-details #similar .card-front:hover {
	z-index: 1;
}
.card-details #similar .card-back:hover {
	z-index: 2;
}
/* @end */
/* @group Facts */
.card-details #facts {
	margin: 0 0 40px;
}
.card-details #facts .geo {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/* @end */
/* @group Tag List */
.card-details #tags {
	margin: 0 0 40px;
}
.card-details #tags ul {
	overflow: hidden;
	margin: 0 0 0 -5px;
	padding: 0;
}
.card-details #tags li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 5px 5px 0;
}
.card-details #source {
	margin: 0 0 40px;
}
/* @end */
/* @group Sidebar Info */
.card-details #sidebarinfo {
	margin: 0 0 40px;
}
/* @end */
/* @end */
/* @group Card Category/Tag Page */
.card-category .column h2 ,
.card-tag .column h2 {
	color: #fff;
	background: transparent url('../media/kategorie_ueberschrift.png') no-repeat left;
	margin: 0 0 10px -15px;
	padding: 0 0 0 20px;
	min-width: 255px;
	min-height: 35px;
	line-height: 1.75;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}
.card-category .column > .card-group ,
.card-tag .column > .card-group {
	margin: 0 0 80px;
	list-style: none;
}
.card-category .column > .card-group > ul > li ,
.card-tag .column > .card-group > ul > li {
	margin: 0 0 40px;
	padding: 0 0 0 180px;
	list-style: none;
	position: relative;
	min-height: 120px;
}
.card-category .column .thumbnails ,
.card-tag .column .thumbnails {
	position: absolute;
	top: 5px;
	left: 0;
	width: 160px;
	text-align: center;
}
.card-category .column .thumbnails li ,
 .card-tag .column .thumbnails li {
	margin: 0;
	list-style: none;
	width: 160px;
	position: relative;
}
.card-category .column .thumbnails img ,
.card-tag .column .thumbnails img {
	display: inline-block;
	*display: inline;
	padding: 5px;
	color: #333;
	background: #fff;
	zoom: 1;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.no-boxshadow .card-category .column .thumbnails img ,
.no-boxshadow .card-tag .column .thumbnails img  {
	padding: 4px;
	border: 1px solid #ddd;
}
.card-category .column .thumbnails .card-front ,
.card-tag .column .thumbnails .card-front {
	position: relative;
	z-index: 2;
}
.card-category .column .thumbnails .card-back ,
.card-tag .column .thumbnails .card-back {
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 0;
	-webkit-transform: rotate(-2deg);
	   -moz-transform: rotate(-2deg);
	    -ms-transform: rotate(-2deg);
	     -o-transform: rotate(-2deg);
	        transform: rotate(-2deg);
}
.ie .card-category .column .thumbnails .card-back ,
.ie .card-tag .column .thumbnails .card-back {
	top: 0;
	left: -3px;
	filter: progid:DXImageTransform.Microsoft.Matrix(
				M11=0.9993908270190958,
				M12=0.03489949670250097,
				M21=-0.03489949670250097,
				M22=0.9993908270190958,
				sizingMethod='auto expand');
	zoom: 1;
}
/*
.card-category .column .thumbnails .card-front ,
.card-tag .column .thumbnails .card-front {
	-webkit-transform: rotate(1deg);
	   -moz-transform: rotate(1deg);
	    -ms-transform: rotate(1deg);
	     -o-transform: rotate(1deg);
	        transform: rotate(1deg);
	filter: progid:DXImageTransform.Microsoft.Matrix(
				M11=0.9998476951563913,
				M12=-0.01745240643728351,
				M21=0.01745240643728351,
				M22=0.9998476951563913,
				sizingMethod='auto expand');
	zoom: 1;
}
*/
.card-category .column > li > ul > li > ul > .card-front:hover,
.card-tag .column > li > ul > li > ul > .card-front:hover {
	z-index: 1;
}
.card-category .column > li > ul > li > ul > .card-back:hover,
.card-tag .column > li > ul > li > ul > .card-back:hover {
	z-index: 2;
}
.card-category .column .tags ,
.card-tag .column .tags {
	overflow: hidden;
	font-size: .85714em;
}
.card-category .column .tags > li ,
.card-tag .column .tags > li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 5px 5px 0;
}
/* @end */
/* @group City Map */
#clustered-map {
	margin: 0 0 30px;
}
/* @end */
/* @group Tag Cloud */
.tag-cloud {
	text-align: center;
	line-height: 1.2;
}
.tag-cloud li {
	display: inline;
	margin: 0;
	list-style: none;
}
.tag-cloud li a {
	margin: 0 3px 10px;
	vertical-align: middle;
}
/* @end */
/* @end */

/* @group Columns */
.column-wrapper {
	zoom: 1;
}
.column-wrapper:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0;
}
.column-wrapper > .column {
	float: left;
	display: inline;
	width: 440px;
	border-left: 1px solid #eaeaea;
	margin: 0 0 0 -1px;
	padding: 10px 0 10px 40px;
}
.column-wrapper > .column:first-child {
	border-left: 0 none;
	border-right: 1px solid #eaeaea;
	margin: 0;
	padding: 10px 39px 10px 0;
}
/* @end */

/* @group Separator */
.separator {
	border-top: 1px solid #ccc;
	margin: 0 0 1em;
}
.separator hr {
	display: none;
}
/* @end */

/* @group Selections */
::selection {
	color: #fff;
	background: #807560;
	text-shadow: none;
}
::-moz-selection {
	color: #fff;
	background: #807560;
	text-shadow: none;
}
/* @end */

/* @group Notices */
.error {
	display: inline-block;
	*display: inline;
	font-size: .7857142857em;
	color: #c00 !important;
	background: transparent;
	padding: 0 10px;
	zoom: 1;
}
.status {
	padding: .5em;
	margin: 0 0 1em;
	color: #514721;
	background: #fff6bf;
	border: 2px solid #ffd324;
}
.status a {
	color: #514721;
	background: transparent;
}
.success {
	padding: .5em;
	margin: 0 0 1em;
	color: #264409;
	background: #e6efc2;
	border: 2px solid #c6d880;
}
.success a {
	color: #264409;
	background: transparent;
}
#browser-warning {
	color: #fff;
	background: #000 url('../media/warnung.png') repeat-x bottom;
	font: .857142857142857em/1.2 FreeSans, Arial, sans-serif;
	padding: 0 0 10px;
	display: none;
}
#browser-warning p {
	margin: 0 auto;
	padding: 0 0 0 65px;
	width: 960px;
}
#browser-warning a:link ,
#browser-warning a:visited {
	display: block;
	color: #fff;
	background: transparent url('../media/internet-explorer.png') no-repeat left;
	padding: 10px 0 10px 45px;
	border-bottom: 0 none;
	text-decoration: none;
}
#browser-warning a:hover ,
#browser-warning a:focus ,
#browser-warning a:active {
	display: block;
	color: #fff;
	background: transparent url('../media/internet-explorer.png') no-repeat left;
	padding: 10px 0 10px 45px;
	border-bottom: 0 none;
	text-decoration: underline;
}
/* @end */

/* @group Clearfix
 * @see   http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
 */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '1337';
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}
/* @end */

/* @group Additional classes */
.hidden {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.invisible {
	display: none;
}
.alternate { 
	color: #999;
	background: transparent;
	font: italic normal 1em 'Warnock Pro', 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
}
.quiet , .light {
	color: #999;
	background: transparent;
}
.right {
	float: right;
	display: inline;
	margin: 0 0 1em 1em;
}
.kern {
	letter-spacing: -.1em;
}
.clear {
	clear: both;
}
.last {
	margin-right: 0;
}
/* @end */

@media handheld and (max-device-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
}

@media print {

/* @group Page layout */
@page        { size: portrait; margin-top: 1.5cm; margin-bottom: 2cm; }
@page :left  { margin-left: 1.5cm; margin-right: 2cm; }
@page :right { margin-left: 2cm; margin-right: 1.5cm; }
body {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff;
}
/* @end */

/* @group Page breaks */
h1 , h2, h3, h4, h5, h6 ,
table tr {
	page-break-inside: avoid;
} 
/* @end */

/* @group Link URLs */
a[href] {
	color: #00c;
}
a[href]:after {
	font-size: 80%;
	content: " (" attr(href) ") ";
}
a[href^='/']:after {
	content: " (http://example.com" attr(href) ") ";
}
/* @end */

/* @group Hidden elements when printing */
/* @end */

}