@charset "utf-8";

@font-face {
	font-family: 'Cuprum';
	src: url('/template/font/Cuprum-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Cuprum';
	src: url('/template/font/Cuprum-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Cuprum';
	src: url('/template/font/Cuprum-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Cuprum';
	src: url('/template/font/Cuprum-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}

*:focus{ outline: none; }
body {
	background: #655847 url(/grafik/template/body_bg.png) repeat-x top;
	border: none;
	margin: 0;
	padding: 0;
}
body, th, td, fieldset legend {
	font: 18px 'Cuprum', Arial, Helvetica, sans-serif;
	color: #000;
}
th, td { 
	vertical-align: top;
	text-align: left; 
}
a { 
	color: #BE0201;
	text-decoration: none; 
}
a:hover { color: #000; }
hr {
	clear: both;
	border: 1px solid #FFF;
	border-bottom: 1px dotted #C2AD9A;
}
h1 { 
	font-size: 32px;
	font-weight: normal; 
}
h2 { 
	font-size: 24px;
	font-weight: normal; 
}
h3 { 
	font-size: 16px;
	font-weight: normal; 
}
h2 a {
	text-decoration: none;
}
form, a img { margin: 0; }
a img { border: 0; }
a.seo {
	color: #666;
	text-decoration: none;
	cursor: text;
}
.s { font-size: 11px; }
.xs { font-size: 10px; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }
.margintop { margin-top: 1em; }
.marginright { margin-right: 1em; }
.marginbottom { margin-bottom: 1em; }
.marginleft { margin-left: 1em; }
.right { float: right; }
.left { float: left; }

/* MSG */
.msg, .msgerror {
	margin-bottom: 15px;
	padding: 4px;
}
.msg h2, .msgerror h2 { margin: 0 0 10px 0; }
.msg ul, .msgerror ul { margin-top: 0; }
.msg {
	background-color: #FFF;
	border: 1px solid #DDD;
}
.msg h2 { color: #444; }
.msgerror {
	background-color: #FFF;
	border: 1px solid #C00;
}
.msgerror, .msgerror h2 { color: #C00; }

/* PAGENAV */
.pagenav { text-align: center; }
.pagenav span a {
	font-size: 17px;
	vertical-align: bottom;
	padding: 0 2px;
}
.pagenav a, .pagenav strong {
	margin: 2px;
	padding: 2px;
}
.pagenav a:hover, .pagenav strong {
	border: 1px solid;
	margin: 1px;
}
.pagenav a, .pagenav a:hover { text-decoration: none; }
.pagenav a:hover { border-style: dotted; }

/* LAYOUT */
body#template {
	text-align: center;
	padding: 0;
}
#articlecontainer { background: #FFF; }
#aside { 
	float: right;
	margin-top: 20px;
	width: 265px;
}
#containerfooter {
	margin: 0 auto;
	width: 980px;
	z-index: 100;
}
#copyright {
	color: #454A36;
	font: 10px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-indent: 10px;
}
#copyright a {
	text-decoration: none;
	color: #454A36;
}
#copyright a:hover { color: #000; }
#languageselect {
	padding: 0 7px 3px 13px;
	width: 100%;
	margin-left: -10px;
	background: #655847 url(/grafik/template/body_bg.png) repeat-x top;
}
#languageselect a { 
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}
#footer {
	background: url(/grafik/template/footer_bg.png) repeat-x top;
	clear: both;
	position: absolute;
	width: 100%;
}
#header {
	background-color: #000;
	height: 400px;
}
#maincontainer, #contentmaincontainer, #menu { width: 960px; }
#maincontainer {
	text-align: left;
	margin: 0 auto;
}
#nav {
	bottom: 20px;
	display: inline;
	height: 50px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	vertical-align: bottom;
	width: 100%;
	z-index: 1000;
}
#nav li:first-child { border: 0; }
#nav li {
	background-color: #BE0201;
	border-left: 1px solid #FFF;
	float: left;
	height: 50px;
	line-height: 50px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	width: 226px;
	white-space: nowrap;	
}
#nav li a {
	color: #FFF;
	font-size: 23px;
	text-decoration: none;
}
#nav li a:hover { border-bottom: 3px solid #FFF; }
#nav .active a { border-bottom: 3px solid #FFF; }
#navheader {
	background: #FFF url(/grafik/template/zinnen.png) no-repeat top right;
	float: right;
	height: 100%; 
	margin-top: -27px;
	padding-top: 30px;
	text-align: center;
	width: 280px;
}
#navheader blockquote {
	font-size: 17px;
	margin-left: 30px;
	margin-top: 180px; 
	text-align: left;
	width: 250px;
}
#navheader blockquote a {
	color: #000;
	font-size: 17px;
	text-decoration: none;
}
#navheader blockquote a:hover { color: #BE0201; }
#navheader img {
	margin-left: 15px;
	float: left;
}
#panoramabild, #panorama {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 680px;
}
#panoramabild {
	z-index: 1;
}
#subnav, .subnav_custom {
	list-style: none;
	padding: 0;
	margin: 10px 0 60px 0;
}
.subnav_custom {
	margin-bottom: 30px;
}
#wrapper {
	width: 960px;
	margin: 33px auto 0 auto;
	background:  url(/grafik/template/wrapper_bg.png) repeat-y center 17px;
	padding: 0 10px;
}

#footer_logo {
	height: 80px;
	margin: 0 60px;
	padding: 0;
	text-align: right;
	white-space: nowrap;
}
.kastelbelltschars, .vinschgau, .suedtirol {
	background: url(/grafik/template/footer_sprites.png);
	display: inline-block;
	height: 80px;
	width: 140px;
	text-indent: 99em;
	overflow: hidden;
}
a.kastelbelltschars { width: 260px; }
a.kastelbelltschars { background-position: 0 0; }
a.vinschgau { background-position: 280px 0; margin: 0 30px; }
.suedtirol { background-position: 140px 0; }

a.kastelbelltschars:hover, a.vinschgau:hover, .suedtirol:hover { background-position-y: 80px; }

/* CONTENT */
#article { 
	color: #444;
	float: left;
	font-size: 20px;
	line-height: 24px; 
	margin-bottom: 60px;
	padding: 0 40px;
	width: 615px; 
}
#article li { text-align: left; }
#article p { margin-top: 0; }
#article .table {
	border: 0;
	margin-bottom: 15px;
}
#aside h3{
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 0 20px;
	text-transform: uppercase;
}
.event { 
	margin: 0 0 5px 0;
	background-color: #E2E3DB;
	width: 600px;
}
.event_head {
	background-color: #D0D1C9;
	font-size: 18px;
	line-height: 35px;
	padding-left: 10px;
	vertical-align: middle;
}
.event_head_old {
	background-color: #D0D1C9;
	font-size: 18px;
	line-height: 35px;
	padding-left: 10px;
	vertical-align: middle;
}
.event_head_old:hover, .event_head:hover {
	color: #BE0201;
	cursor: pointer;
	background-color: #E2E3DB; 
}
.event_head h2 {
	color: #000;
	font-size: 20px;
}
.event_body, .event_body_old {
	font-size: 18px;
	padding: 10px;
}
.event_body_old { 
	background-color: #E2E3DB;
	overflow: auto; 
}
.event_old { 
	margin: 0 0 5px 0;
	width: 600px; 
}
.event_old img { 
	margin: 0 10px 5px 0;
}
#article table, #article table th, #article table td { color: #444; }
h1 {
	background: url(/grafik/template/h1_bg.png) no-repeat bottom left;
	float: left;
	margin: 5px 0 20px 40px;
	padding-top: 20px;
	text-transform: uppercase;
	width: 600px;
}
h2 {
	color: #BE0201;
	margin-top: 0;
	margin-bottom: 10px;
}
#showcase h4 {
	font-size: 19px;
	font-weight: normal;
	margin: 5px;
	padding: 0;
}
#showcase h4 a {
	color: #444;
}
#showcase h4 a:hover { text-decoration: none!important; }
#showcase .showcase_content {
	border-bottom: 1px solid #C6C5C1;
	border-top: 1px solid #C6C5C1;
	color: #444;
	font-size: 17px;
	line-height: 22px;
	min-height: 140px;
	margin: 5px 0 60px 15px;
	padding-right: 8px;
	position: relative;
	width: 242px;
}
#showcase #sponsoring {
	border-bottom: 1px solid #C6C5C1;
	border-top: 1px solid #C6C5C1;
	margin: 5px 0 0 15px!important;
	height: auto!important;
}
#showcase #sponsoring img { margin: 10px 0 ; }
#showcase .showcase_link {
	color: #BE0201;
	font-size: 18px;
	position: absolute;
	text-align: right;
	text-decoration: none;
	bottom: 5px;
	right: 15px;
}
#showcase .showcase_content a:hover {
	text-decoration: underline;
}
#showcase .showcase_content img {
	margin: 0 5px 10px 5px;
}
#showcase .showcase_content table td { color: #444;}
#subnav li:first-child, .subnav_custom li:first-child { background: url(/grafik/template/subnav_bg_first.png) no-repeat top left; }
#subnav .active:first-child { background: url(/grafik/template/subnav_hover_first.png) no-repeat top left; }
#subnav .active { background: url(/grafik/template/subnav_hover.png) no-repeat top left; }
#subnav li, .subnav_custom li {
	background: url(/grafik/template/subnav_bg.png) no-repeat bottom left;
	height: 42px;
	line-height: 42px; 
	list-style: none;
	padding: 0 0 0 50px;
	vertical-align: middle;
}
#subnav li a, .subnav_custom li a {
	color: #000;
	display: block;
	text-decoration: none;
	font-size: 20px;
}
#subnav li a:hover, .subnav_custom li a:hover { color: #BE0201; }

/* LIGHTBOX */
.jquery-lightbox-overlay {
	background: #000000;
	opacity: 0.75 !important;
}
.jquery-lightbox {
	position: relative;
	padding: 17px 0;
}
.jquery-lightbox-title {
	background: url(/grafik/lightbox/title.png) repeat;
	color: #FEFEFD;
	font-family: verdana,arial,serif;
	font-size: 11px;
	line-height: 14px;
	padding: 5px 8px;
	margin: 3px;
	position: absolute;
	bottom: 0;
	z-index: 7000;
}
.jquery-lightbox-html {
	z-index: 7000;
	position: relative;
	border: 0;
	padding: 0px 15px;
	vertical-align: top;
}
.jquery-lightbox-html embed, .jquery-lightbox-html object, .jquery-lightbox-html iframe { vertical-align: top; }
.jquery-lightbox-background {
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 6999;
	float: left;
	padding: 0;
}
.jquery-lightbox-background img {
	display: block;
	position: relative;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.jquery-lightbox-mode-image .jquery-lightbox-html {
	z-index: 6998;
	padding: 0;
}
.jquery-lightbox-mode-html .jquery-lightbox-background { background: #FEFEFD; }
.jquery-lightbox-mode-html .jquery-lightbox-html { overflow: auto; }
.jquery-lightbox-loading { background: #FFF url(/grafik/lightbox/loading.gif) no-repeat center center; }
.jquery-lightbox-button-close {
	background: url(/grafik/lightbox/sprite.png) no-repeat -190px -115px;
	position: absolute;
	top: 19px;
	right: -26px;
	width: 29px;
	height: 29px;
}
.jquery-lightbox-button-close:hover { background: url(/grafik/lightbox/sprite.png) no-repeat -220px -115px; }
.jquery-lightbox-button-close span, .jquery-lightbox-buttons span { display: none; }
.jquery-lightbox-mode-image .jquery-lightbox-button-close {
	right: 19px;
	z-index: 7002;
}
.jquery-lightbox-buttons {
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 7001;
	height: auto !important;
	display: none;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end {
	width: 5px;
	height: 39px;
	float: left;
	display: inline;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init {
	background: url(/grafik/lightbox/sprite.png) no-repeat -151px -153px;
	margin: 7px 0 0 7px;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end {
	background: url(/grafik/lightbox/sprite.png) no-repeat -244px -153px;
	margin: 7px 0 0 0;
}
.jquery-lightbox-buttons .jquery-lightbox-button-left {
	background: url(/grafik/lightbox/sprite.png) no-repeat -156px -153px;
	width: 24px;
	height: 39px;
	float: left;
	display: inline;
	margin: 7px 1px 0 1px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover { background: url(/grafik/lightbox/sprite.png) no-repeat -156px -194px; }
.jquery-lightbox-buttons .jquery-lightbox-button-right {
	background: url(/grafik/lightbox/sprite.png) no-repeat -220px -153px;
	width: 24px;
	height: 39px;
	float: left;
	display: inline;
	margin: 7px 1px 0 1px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover { background: url(/grafik/lightbox/sprite.png) no-repeat -220px -194px; }
.jquery-lightbox-buttons .jquery-lightbox-button-max {
	background: url(/grafik/lightbox/sprite.png) no-repeat -182px -153px;
	width: 36px;
	height: 39px;
	float: left;
	display: inline;
	margin: 7px 0 0 0;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover { background: url(/grafik/lightbox/sprite.png) no-repeat -182px -194px; }
.jquery-lightbox-buttons .jquery-lightbox-button-min {
	background: url(/grafik/lightbox/sprite.png) no-repeat -162px -235px;
	width: 36px;
	height: 39px;
	float: left;
	display: inline;
	margin: 7px 0 0 0;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover { background: url(/grafik/lightbox/sprite.png) no-repeat -207px -235px; }
.jquery-lightbox-buttons-custom {
	height: 39px;
	float: left;
	display: inline;
	background: #2b2b2b;
	line-height: 39px;
	font-size: 10px;
	margin: 7px 0 0 0;
}
.jquery-lightbox-buttons-custom a {
	color: #FEFEFD;
	font-size: 10px;
	display: inline;
	font-weight: normal;
	text-decoration: underline;
	padding: 0 3px;
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close, .jquery-lightbox-mode-image .jquery-lightbox-buttons { opacity: 0.3; }
.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons, .jquery-lightbox-mode-image:hover .jquery-lightbox-button-close { opacity: 0.9; }
.jquery-lightbox-navigator { display:none; }

/* DIV-Popup */
.popup-container {
	background: rgba(0,0,0,0.8);
	position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1000000;
}
.popup-container > div {
	display: table;
	height: 100%;
	table-layout: fixed;
	width: 100%;
}
.popup-container > div > div {
	display: table-cell;
	height: 100%;
	padding: 20px;
	vertical-align: middle;
	width: 100%;
}
.popup-inner {
	background: #FFF;
	border: 1px solid #000;
	box-shadow: 0 0px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 350px; width: 100%;
	padding: 1.5rem;
	text-align: center;
}
.popup-inner .button { margin-top: 1.5rem; }
.popup-content {
	font-size: 1.2em;
	line-height: 1.45em;
}
.popup-content b {
	color: #BE0201;
	display: block;
}

	/* Button */
.button {
	background: #BE0201;
	color: #FFF;
	display: inline-block;
	font-size: 20px;
	padding: 0.5rem 1rem;
	text-decoration: none;
}
.button:hover {
	color: #FFF;
	opacity: 0.7;
}