
/* quattrocento-regular - latin */
@font-face {
	font-family: 'Quattrocento';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/quattrocento-v17-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/quattrocento-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/quattrocento-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/quattrocento-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/quattrocento-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/quattrocento-v17-latin-regular.svg#Quattrocento') format('svg'); /* Legacy iOS */
  }
  
/* quattrocento-sans-regular - latin */
@font-face {
	font-family: 'Quattrocento Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/quattrocento-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/quattrocento-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/quattrocento-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/quattrocento-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/quattrocento-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/quattrocento-sans-v18-latin-regular.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
  }

  /* handlee-regular - latin */
@font-face {
	font-family: 'Handlee';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/handlee-v14-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/handlee-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/handlee-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/handlee-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/handlee-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/handlee-v14-latin-regular.svg#Handlee') format('svg'); /* Legacy iOS */
  }

body { font-size:17px; font-family: Quattrocento, "Helvetica Neue", Helvetica, arial, sans-serif; background: url(../images/StrandHeader.jpg) repeat-x; color: #444; }
h3, h4 { color:#777; font-weight: 400; font-family: Quattrocento, "Helvetica Neue", Helvetica, arial, sans-serif;}

#header { padding: 170px 0 0 0; }
#header h3 { font-size:23px; margin: 100px 0 0 0; font-family: Quattrocento, 'Marck Script', sans-serif; }
#nav {padding: 30px 0 50px 0;}

#content h4 { font-size:20px; margin: 10px 0 8px 0; }
#content p {margin-bottom: 50px; line-height: 1.8em}
#veranstalter a { margin: 30px;line-height: 50px}

.line { clear: both; border-bottom: 1px #ccc dotted; }
#sidebar img { max-width: 100px; border: 2px #ddd solid;}

#sidebar .table td { white-space:nowrap; padding:4px;}

.extra {padding: 4px 0 4px 0; font-size:14px; border-top: 1px #ccc dotted; border-bottom: 1px #ccc dotted;  width: 100%; color: #444444;text-align:center}

#footer img {width:1170px; height:150px }

._fontsize-xxs {
  font-size: 80%;
}


@media (min-width: 420px) {
  ._fontsize-xxs {
    font-size: 100%;
  }
  #sidebar .table td { white-space:nowrap; padding:8px;}
}

/* Karten */
.map_icon{
	width: 25px; height: 25px;
	vertical-align: middle;
}

.news {  
	/* font-family: sans-serif;*/
	font-family: 'Handlee', sans-serif;
	font-size: 18px;
	color: #777;
	text-align: right;
	margin-left: auto; margin-right:auto;
	margin-bottom: 50px;
	max-width: 320px;
	line-height: 24px;
	background-color: #FEE650; border: 0px #ddd solid;
	-moz-box-shadow: -5px 5px 5px #ccc;
	-webkit-box-shadow: -5px 5px 5px #ccc;
	box-shadow: -5px 5px 5px #ccc;
	
    -webkit-transform: rotate(356deg);
    -moz-transform: rotate(356deg);
    -o-transform: rotate(356deg);
    writing-mode: lr-tb;
}
.news p{
	padding-bottom: 40px;
	padding-top: 10px;
	text-align: center;
}

#umgebungskarten div {margin-bottom: 20px;}

/* Popover anpassen */
.popover-content {
    font-size: 14px;
    line-height: 1.5;
}