/* General
-------------------------------------------------------------- */

html, body {
	height: 100%;
	color: #333;
	font: 12pt 'PT Sans', Arial, Helvetica, sans-serif;
	background: url('../images/jeans.gif') repeat;
	background-attachment: fixed;
}

a, a:link {
	color: rgb(100,35,125);
	text-decoration: none;
}

p {
	margin-top: 0;
	margin-bottom: 16pt;
}

/* Layout
-------------------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	height: auto;
	min-height: 70%;
	width: 980px;
}

header#header {
	width: 100%;
	height: 140px;
}

section#content {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

aside#sidebar {
	float: right;
	width: 25%;
}

footer#footer {
	clear: both;
	display: block;
	position: relative;
	width: 100%;
	height: 30%;
}

/* Header
-------------------------------------------------------------- */

#logo {
	float: left;
	margin: 20px 0 0 0;
}

#logo img {
	width: 180px;
	height: 90px;
}

#control {
	float: right;
	width: 790px;
}

#control nav#social {
	display: block;
	float: right;
	width: 130px;
	height: 28px;
	text-align: right;
}

#control nav#lang {
	display: block;
	float: right;
	width: 600px;
	height: 28px;
	padding-top: 8px;
	text-align: right;
}

#control nav#social img {
	width: 26px;
	height: 26px;
	margin: 0 0 0 10px;
	vertical-align:top;
	box-shadow: 0px 0px 4px #ccc;
}

#control nav#social a:hover > img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

#control nav#topnav {
	clear: both;
	display: block;
	margin: 70px 0 10px 0;
	text-shadow: 0px 1px 1px #ccc;
}

#topnav ul {
	list-style: none;
	float: right;
}

#topnav li {
	float: left;
	position: relative;
	margin: 0 0 0 35px;
	border-bottom: 4px solid #ccc;
	border-bottom-color: transparent;
}

#topnav li:hover,
#topnav li.active {
	border-bottom: 4px solid #ccc;
	transition: border 0.1s;
}

#topnav a {
	display: block;
	font-size: 16pt;
}

#topnav ul ul {
	position: absolute;
	display: none;
	float: left;
	top: 30px;
}

#topnav ul ul a {
	line-height: 15px;
	padding: 10px 10px 10px 20px;
	width: 200px;
	height: auto;
	background: #ddd;
}

#topnav ul ul a:hover {
	background: #ccc;
}

#topnav ul ul ul {
	left: 100%;
	top: 0;
}

#topnav ul li:hover > ul {
	display: block;
	background: #ccc;
}

/* Content
-------------------------------------------------------------- */

#content article#imageframe {
	display: block;
	float: left;
	width: 500px;
}

#content article#textframe {
	display: block;
	float: right;
	width: 450px;
}

#content article#fullwidth {
	display: block;
}

#content article#column {
	display: block;
	-webkit-column-count: 2;
	-webkit-column-width: 450px;
	-webkit-column-gap: 80px;
	-webkit-column-rule-width: 0px;
	-webkit-column-rule-color: #ccc;
	-webkit-column-rule-style: dotted;
	-moz-column-count: 2;
	-moz-column-width: 450px;
	-moz-column-gap: 80px;
	-moz-column-rule-width: 0px;
	-moz-column-rule-color: #ccc;
	-moz-column-rule-style: dotted;
	column-count: 2;
	column-width: 450px;
	column-gap: 80px;
	column-rule-width: 0px;
	column-rule-color: #ccc;
	column-rule-style: dotted;

}

#content ul {
	margin: 0 0 0 20px;
}

#content li {
	margin: 0 0 10px 0;
}

#content a:hover {
	color: rgb(100,35,125);
	border-bottom: 1px dotted #999;
}

#content section {
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

#content section:nth-child(n+2) {
	/*padding-top: 20px;*/
}

#content nav {
	display: block;
	overflow: hidden;
}

#content nav .nav-previous {
	float: left;
	width: 50%;
}

#content nav .nav-next {
	float: right;
	width: 50%;
	text-align: right;
}

#content #nav-above {
	display: none;
}

#content #nav-below {
	margin: 10px 0 0;
}

#content #commentform label {
	display: block;
}

#content .post-title {
	text-transform: uppercase;
}

#content div.title {
	width: 470px;
	font-weight: bold;
	/*background: rgb(220,200,220);
	background: rgba(100,35,125,0.20);*/

}

#content input[type="button"], 
#content input[type="submit"] {
	color: rgb(70, 70, 70);
	text-decoration: none;
	padding: 4px 6px !important;
	cursor: pointer;
	border: 1px solid #999;
	border-radius: 2px;
	text-shadow: 0px 1px 0px #fff;
}

#content .copyright {
	color: #999;
}

#content article#textframe img {
	border: 2px solid #999;
	box-shadow: 0px 0px 4px #ccc;
}

#content article#textframe img.none {
	border: none;
	box-shadow: none;
}

#content figcaption.thumbnail {
	display: inline;
}

#content figcaption {
	font-size: 10pt;
}

#content .share {
	display: inline;
	float: right;
	margin: 0 10px 0 0;
}

#content .share a:hover {
	border-bottom: none;
}

#content h1:after {
	color: #c00;
	content: " ♥";
}

#content .share a:hover > img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

#content .call {
	text-decoration: none;
	padding: 0 4px;
	border: 1px solid #999;
	background: #eee;
	border-radius: 2px;
	text-shadow: 0px 1px 0px #fff;
}

#content .more-right {
	float: right;
	padding: 0 4px;
	text-decoration: none;
	/*	border: 1px solid #999;
		border-radius: 2px;
		background: #eee;*/
}

#content .more-left {
	text-decoration: none;
}

#content a.more-left:after {
	content: " ›";
}

#content a.more-right:after {
	content: " ›";
}

/* Aside
-------------------------------------------------------------- */

#sidebar #searchform label {
	display: block;
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

/* Footer
-------------------------------------------------------------- */

#colophon {
	display: block;
	height: 180px;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	background: rgb(100,35,125);
	background: -moz-linear-gradient(rgb(100,35,125), rgb(80,30,90));
	background: -webkit-linear-gradient(rgb(100,35,125), rgb(80,30,90));
	background: -o-linear-gradient(rgb(100,35,125), rgb(80,30,90));
	background: -ms-linear-gradient(rgb(100,35,125), rgb(80,30,90));
	background: linear-gradient(rgb(100,35,125), rgb(80,30,90));
}

#colophon a,
#colophon a:link {
	color: #fff;
	text-decoration: none;
}

#colophon a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

#col-box {
	display: block;
	width: 980px;
	margin: 40px auto;
}

#col-left {
	display: block;
	width: 500px;
	float: left;
}

#col-left ul {
	display: inline-block;
	width: 200px;
	padding: 0 0 0 10px;
	margin: 0 20px 0 12px;
}

#col-left ul li a:after {
	content: " ›";
}

#col-right {
	display: block;
	width: 450px;
	float: right;
}

#col-right img#avatar {
	margin: 4px 20px 0 0;
	border: 2px solid rgb(140, 120, 100);
}

#col-right img#avatar:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

#legal {
	clear: both;
	display: block;
	width: 980px;
	margin: 20px auto;
}

#legal a:hover {
	border-bottom: 1px dotted #ccc;
}

#legal ul.inline {
	display: inline;
	margin: 0;
	padding: 0;
}

#legal ul.inline li {
	display: inline;
	list-style: none;
}

#legal a.homelink,
#legal a.homelink:link,
#legal a.homelink:hover {
	color: #000;
}

#legal .legal-left {
	float: left;
	width: 740px;
}

#legal .legal-left > .inline li:nth-child(1n+2):before {
	content: " | ";
	color: #000;
}

#legal .legal-right {
	float: right;
	width: 230px;
	text-align: right;
}

/* Images
-------------------------------------------------------------- */

#imageframe img.attachment-post-thumbnail {
	margin-bottom: 5px;
	border: 5px solid #fff;
	box-shadow: 0px 0px 12px #999;
}

#imageframe div#preview {
	margin-top: 20px;
}

#imageframe div#quote {
	margin-top: 20px;
}

#imageframe a.fancybox > img {
	margin: 0 7px 10px 3px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px #999;
}

#imageframe a.fancybox:hover > img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	box-shadow: 0px 0px 16px #ccc;
}

#imageframe a.fancybox:hover {
	border: none;
}

#imageframe .cite {
	margin: 20px 0;
}

#imageframe .cite > p {
	margin-bottom: 10px;
}

#imageframe .script {
	font-family: 'Caveat', cursive;
	font-size: 18pt;
	width: 90%;
	color: rgb(100,35,125);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
}

img.alignleft {
	margin-right: 5px;
	margin-bottom: 10px;
}

img.alignright {
	margin-left: 5px;
	margin-bottom: 10px;
}

img.alignnone {
	margin-bottom: 10px;
}

img.border {
	border: 1px solid #ccc; 
}

.wp-caption {
	padding: 5px;
	text-align: center;
}

.wp-caption img {
	margin: 5px;
}

.wp-caption .wp-caption-text {
	margin: 5px;
}

.gallery-caption {
}


span.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	color: #e7711b;
}

.entry-content span.rating {
	color: #eebb00;
}


/* Headings
-------------------------------------------------------------- */

h1, h1 a:link, h1 a:hover, h1 a:visited, 
h2, h2 a:link, h2 a:hover, h2 a:visited, 
h3, h3 a:link, h3 a:hover, h3 a:visited, 
h4, h4 a:link, h4 a:hover, h4 a:visited {
	color: #333;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: 'Tenor Sans', Arial, Helvetica, sans-serif;
	font-size: 17pt;
	letter-spacing: -0.2pt;
	margin-bottom: 12px;
	text-transform: uppercase;
}

h2 {
	font-size: 13pt;
	font-weight: bold;
}

h3 {
	font-family: 'Tenor Sans', Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}

/* Alignment
-------------------------------------------------------------- */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* 404
-------------------------------------------------------------- */

.error404 .widget {
	float: left;
	width: 33%;
}

.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 20px;
}

/* Special
-------------------------------------------------------------- */

.wordpress-icon {
	background: url("../images/wordpress-icon.png") no-repeat scroll left center transparent;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}

.palatina-icon {
	background: url("../images/palatina-icon.png") no-repeat scroll left center transparent;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}

.phone-icon {
	background: url("../images/icon-phone.png") no-repeat scroll left center transparent;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}

a.phone-icon {
	color: #333;
	text-decoration: none;
}

a[href^="tel:+49 6221 5995626"] {
	background: url("../images/icon-phone.png") no-repeat left;
	padding-left: 20px;
}
a[href^="tel:+49 176 42574460"] {
	background: url("../images/icon-phone.png") no-repeat left;
	padding-left: 20px;
}

#lang a.map {
	background: url("../images/icon-map.png") no-repeat left;
	padding-left: 25px;
}

#lang a[href^="//www.heidelguide.com/"] {
	background: url("../images/flag-de.png") no-repeat left;
	padding-left: 25px;
}

#lang a[href^="//en.heidelguide.com/"] {
	background: url("../images/flag-en.gif") no-repeat left;
	padding-left: 25px;
}

#lang a[href^="//es.heidelguide.com/"] {
	background: url("../images/flag-es.png") no-repeat left;
	padding-left: 25px;
}
#lang a[href^="//ru.heidelguide.com/"] {
	background: url("../images/flag-ru.png") no-repeat left;
	padding-left: 25px;
}

#content a[href^="//de.wikipedia.org/"],
#content a[href^="//en.wikipedia.org/"],
#content a[href^="//es.wikipedia.org/"],
#content a[href^="//ru.wikipedia.org/"] {
	background: url("../images/icon-wikipedia.gif") no-repeat right;
	padding-right: 18px;
}

#content a[href$=".pdf"] {
	background: url("../images/icon-pdf.png") no-repeat left;
	padding-left: 20px;
}

/*#content a[href^="mailto:"]{
	background: url("../images/icon-email.gif") no-repeat right;
	padding-right: 16px;
}*/

/*#content a[href^="tel:"]{
	background: url("../images/icon-telefon.gif") no-repeat right;
	padding-right: 16px;
}*/

/* Tables
-------------------------------------------------------------- */

table#contact td {
	padding-bottom: 20px;
}

table#prices {
	padding-bottom: 20px;
}

table#prices td:nth-child(2) {
	text-align: right;
}

table#prices td:nth-child(3) {
	text-align: right;
}

table#events {
	width: 490px;
}

table#events tr:nth-child(odd) {
	background: rgb(220,200,220);
	background: rgba(100,35,125,0.20);
}

table#events td:nth-child(2) {
	text-align: right;
	min-width: 165px;
	vertical-align: top;
}

/* Google Maps
-------------------------------------------------------------- */
#gmap_canvas {
	height: 480px;
	width: 100%;
}

/* JS-Fade
-------------------------------------------------------------- */

#thumbnail {
	position: relative;
	top: 0px;
	left: 0px;
}

#fade {
	position: absolute;
	top: 0px;
	left: 0px;
	/*margin-bottom:-399px*/
}

#preview {
	position: relative;
	/* top: -380px; */
}

.attachment-post-thumbnail {
	opacity: 1
}

#imageframe #fade.attachment-post-thumbnail { 
	box-shadow: none;
}

.fadeout {
	opacity: 0;
	transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
}

.invisible {
	display: none !important;
}

#imageframeXXX {
  height: 530px;
  overflow: hidden;
}

/* Media Query - Smartphone */
@media screen and (max-width: 640px) {
	
html, body {
	font-size: 12pt;
}

    /* hiding redundant content */
    #control nav#lang,
    #content .share,
    #content figcaption.thumbnail {
        display: none;
    }
    
    #wrapper {
        width: 100%;
    }
    
    /* header area */
    header#header {
        text-align: center;
        height: auto;
    }
    
    #logo {
        float: none;
        margin: 20px auto;
    }
    
    #control {
        float: none;
        width: 100%;
    }
    
    #control nav#topnav {
        margin: 0px 0 20px 0;
    }
    
    #control nav#social {
        background: rgba(240, 240, 240, 0.8);
        float: none;
        width: 126px;
        height: 33px;
        text-align: left;
        padding: 6px 0 0;
        position: fixed;
        top: 0;
        left: 10px;
		z-index: 10;
    }
    
    #topnav ul {
        float: none;
    }
    
    #topnav li {
        float: none;
        display: inline-block;
        margin: 10px 20px 0;
    }
    
    #topnav a {
        display: block;
		font-size: 14pt;
    }
    
    /* content */    
    section#content {
        float: none;
        width: auto;
        margin: 0 3% 20px;
    }
    
    #content article#imageframe {
        float: none;
        width: auto;
        text-align: center;
        margin: 0 0 20px;
    }
    
    #preview a.fancybox {
        display: inline-block;
        width: 15%;
        box-sizing: border-box;
        margin: 1.5% 2%;
    }
    
    #imageframe a.fancybox > img {
        margin: 0;
        display: inline-block;
        width: 100%;
        height: auto;
    }
    
    #imageframe img.attachment-post-thumbnail {
        width: 100%;
        height: auto;
        display: block;
        box-sizing: border-box;
    }

	#imageframe .script {
		width: 100%;
	}
    
    #content article#textframe {
        float: none;
        width: auto;
    }
    
    #content .call {
        font-size: 12pt;
        margin-top: 10px;
        display: inline-block;
    }
    
    /* footer area */
    footer#footer {
        width: auto;
        height: auto;
    }
    
    #colophon {
        height: auto;
		min-height: 110px;
        padding: 10px 10px;
    }
    
    #col-box {
        width: auto;
        margin: 0;
    }
    
    #col-left {
        float: none;
        line-height: 13px;
        width: auto;
    }
    
    #col-left ul {
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
    }
    
    #col-left ul li {
        display: inline-block;
        margin: 10px;
    }
    
    #col-right {
        display: block;
        width: auto;
        float: none;
        margin: 15px 0 20px;
    }
    
    #legal .legal-left {
        float: none;
        width: auto;
    }
    
    #legal {
        width: auto;
        margin: 20px;
        text-align: center;
    }
    
    #legal .legal-right {
        float: none;
        width: auto;
        text-align: center;
        margin: 20px;
    }
	
	textarea {
		width: 98%;	
	}
	
	ul#menu-navigation li:last-child {
		display: none;
	}
	
	#gmap_canvas {
		height: 340px;
		width: 100%;
}
    
}

/* Media Query - Smartphone */
@media screen and (max-width: 480px) {
	
	html, body {
		font-size: 10pt;
	}

    #content h1 {
        font-size: 13pt;
    }
	
    #topnav a {
        font-size: 12pt;
    }
    
    #content p {
        font-size: 11pt;
    }

}