/* schallaburg start */

/* Plone XHTML Integration firstpart */

/*temp start */

ul#portal-languageselector {
	display: none;
}

/* event archiv */
#content-site div.veranstaltungen-archiv img.image-left, #content-site div.veranstaltungen-archiv div.row p {
	display: none;
}

#content-site div.veranstaltungen-archiv div.content {
	height: auto;
	}
	
/* ausstellungs archiv */
#content-site div.rueckblick img.image-left, #content-site div.rueckblick div.row p {
	display: none;
}
#content-site div.rueckblick div.content {
	height: auto;
	}
		

/* don't show year-folder in breadcrumb, better to solve in plone-dev */
body.template-veranstaltung_view span#breadcrumbs-2 {
	display: none;
}



/*temp end */

html, body  {
	margin:0; 
	padding:0;
}


body {
	background-color:#fff;
	background-image:url('schallaburg-bg.gif');
	background-position:top center;
	background-repeat:repeat-x;
	background-attachment:fixed;
	}

#base img {
border:0;
}

.hide {
	display:none;
}

ol, li, dl, dd, dt {
	margin: 0;
	padding: 0;
}

.floatclearer {
	clear:both;	
}

/** BASE **/

div#base {
	margin:0px auto;
	width:980px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:white;
	padding:0px 11px 10px 11px;
	}


/** HEADER **/
	
div#header {
	display:none;
	}


div#header div#sitelogo a {
	display:block;
	width:970px;
	height:84px;
	text-indent: -700em;	
}

div#header div#sitelogo a img {
	display: none;
	} 


/** NAVIGATION **/
	
div#nav {
	position:relative;
	width:980px;
	height:40px;
	text-align:left;
	}

div#nav ul.navTreeLevel0 {
	padding:0px 0px 0px 0px;
	margin:0px;
	width:auto;
}

div#nav ul.navTreeLevel0, div#nav ul.navTreeLevel1, ul#portal-languageselector  {
	list-style:none;	
}

ul#portal-languageselector {
	position:absolute;
	top:17px;
	right:180px;
}

ul#portal-languageselector li {
	display:inline;
}

ul#portal-languageselector li a {
	display:block;
	float:left;
	text-indent:-999em;	
	text-align:left;
	width:16px;
	height:11px;
	overflow:hidden;
	border:1px solid #f1f1f1;
	margin:0px 2px;
}

ul#portal-languageselector li.currentLanguage a {
	border: 1px solid #999;
} 

li.language-en a {
	background-image:url(flag-en.gif);	
}

li.language-de a {
	background-image:url(flag-de.gif);	
}

li.language-sk a {
	background-image:url(flag-sk.gif);	
}


/** jquery dropdown **/
div#menu-wrapper {
	width:650px;
	padding:13px 0px 0px 0px;
	margin:0px;
}

/** jquery dropdown level 1 **/
ul.navTreeLevel0 { 
	position: relative; 
	padding:0px; 
}
ul.navTreeLevel0 li { 
	font-weight: bold; 
	float: right; 
	zoom: 1; 
}
ul.navTreeLevel0 li div {
	padding:0px; margin:0px;	
}
ul.navTreeLevel0 a:hover {
	
}
ul.navTreeLevel0 a:active {
}
ul.navTreeLevel0 li a { 
	display: block; 
	padding: 4px 0px 4px 50px; 
	color:#6c6c6c;
	text-decoration:none;
	text-transform:uppercase;
	font-weight: bold;	
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	text-align:left;
}

ul.navTreeLevel0 li:last-child a { 
	border-right: none; 
} /* Doesn't work in IE */
ul.navTreeLevel0 li.hover, ul.navTreeLevel0 li:hover { 
	color: black; 
	position: relative; 
}
ul.navTreeLevel0 li.hover a { 
	color: #d61e5a; 
}

/** jquery dropdown level 2 **/
ul.navTreeLevel0 ul { 
	width: auto; 
	visibility: hidden; 
	position: absolute; 
	top: 22px; 
	left: 29px; 
	z-index:100;
}

ul.navTreeLevel0 ul li:first-child {
	padding-top:10px;	
}

ul.navTreeLevel0 ul li:last-child {
	padding-bottom:10px;	
}

ul.navTreeLevel0 ul li 			{ 
	font-weight: normal; 
	background-image:url('trans-white.png'); 
	color: #6c6c6c; 
	float: none; 
}
									  
/* IE 6 & 7 Needs Inline Block */
ul.navTreeLevel0 ul li a { 
	color: #6c6c6c !important; 
	border-right: none; 
	width: auto; 
	display: block; 
	padding: 4px 15px 4px 20px; 
	white-space: nowrap;
} 

ul.navTreeLevel0 ul li a:hover { 
	color:#d61e5a !important; 
}


/** SUCHE **/

div#site-search {
	float:right;
	color:#ffffff;
	margin:0px;
	padding-top:15px;
}

div#site-search form {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	vertical-align:middle;
}

div#site-search label {
	display: none;
	}

div#site-search #searchGadget {
	padding:0px;
	margin:0 5px 0 0;
	width:100px;
	height:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
}

div#site-search .searchButton {
	padding:0px;
	margin:0px;
	background-color:#fff;
	color:#666;
	width:5em;
	height:18px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:12px;
	padding-bottom:1px;
	border:1px solid #abadb3;
	vertical-align:middle;
	text-align:center;
}

div#site-search a:link, div#site-search a:visited, div#site-search a:hover, div#site-search a:active {
	color:#ffffff;
	text-decoration:none;
	}

/** IMAGEBILD **/
	
div#imagebild {
	color:#000000;
	margin:0px;
	padding:120px 0px 0px 0px;
	background-image:url('search-button-pattern.jpg');
	background-position:top right;
	background-repeat:no-repeat;
}

/** sprachlink **/
#language-selector {
	padding:18px 15px 0px 10px;
	float:right;
}

#language-selector a {
	background-position:0pt 1px;
	background-repeat:no-repeat;
	color:#b0b0b0;
	font-size:10px;
	margin-left:5px;
	margin-right:5px;
	padding-left:10px;
	text-decoration:none;	
	z-index: 90px;
	text-transform: lowercase;
	line-height:16px;
}

a[title^="English"] {
	background-image:url(flag-gb.gif);
}
a[title^="Deutsch"] {
	background-image:url(flag-de.gif);
}

div#base  {	
	background-color:white;
}
	
div#content-site  {	
	clear:both;
	width:648px;
	color:white;
}

#header-area {
	position:relative;
	float:left;
	margin-bottom:10px;
	padding:0px;

	height:320px;
	width:650px;
	
	overflow:hidden;
}

#schalla-round {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	
	z-index:80;
}

/** ADRESSE **/
#adress-area {
	float:right;
	padding:0px;
	width:320px;
}

#adress-area .schallaburg-info {
	position:relative;
	padding:10px;
	background-color:#d61e5a;
	height:320px;
	margin-bottom:10px;
}

#adress-area .schallaburg-info p {
	color:#fff;
	padding:0px;
	margin:0px;
	text-align:left;
	line-height:14px;
}	

#adress-area .schallaburg-info a {
	color:#fff;
	text-decoration:none;
}

#adress-area a.logo-schallaburg {
	position:absolute;
	bottom:10px;
	right:10px;
	display:block;
	text-indent:-999em;
	background-image:url('schallaburg-logo.gif');	
	width:153px;
	height:105px;
}

#adress-area a.newsletter {
	position:absolute;
	bottom:16px;
	left:10px;
	display:block;
}

#adress-area .kultur-noe-info {
	position:relative;
	background-color:#ffde00;
	height:40px;
	
}

#adress-area a.logo-noeku {
	position:absolute;
	top:4px;
	right:2px;
	display:block;
	text-indent:-999em;
	background-image:url('noeku-logo.gif');	
	width:129px;
	height:31px;
}

div.besucherinfo {

}

div.besucherinfo h3 {
	color:white;
	margin:0px 0px 5px 0px;
}

div.besucherinfo a {

	padding:2px;
}

div.besucherinfo a:before {
	content:"> ";
} 

div.besucherinfo a:hover, a.email:hover {
	text-decoration:underline !important;	
}

div.besucherinfo p {
	padding-bottom:10px !important;	
}

div.socialbookmarks {
	margin-top:10px;	
}

a.sbm-facebook {
	display:block;
	float:left;
	width:108px;
	height:21px;
	background-image:url('smb-facebook.png');	
	
	margin-right:5px;
	text-align:left;
	text-indent:-999em;
}

a.sbm-twitter {
	display:block;
	float:left;
	width:107px;
	height:20px;
	background-image:url('smb-twitter.png');	
	
	margin-right:5px;
	text-align:left;
	text-indent:-999em;
}

a.sbm-flickr {
	display:block;
	float:left;
	width:67px;
	height:20px;
	background-image:url('smb-flickr.png');
	
	margin-right:5px;
	text-align:left;
	text-indent:-999em;
}

/** INFOBEREICH **/
#info-area {
	position:relative;
	float:right;
	padding:0px;
	margin:0px;
	height:320px;
	width:320px;
	
	background-image:url('info-area-bg.jpg');
}

div#teaser-group {
	position:absolute;
	top:150px;
	left:10px;
}

div.teaser-box {
	float: left;
	width:93px;
	height:158px;
	overflow:hidden;
	padding: 0px;
	margin-right: 10px;
	font-family: Helvetica, Arial, sans-serif;
	text-align:center;
	
}

div.teaser-box img {
	padding-top:5px;	
}

div.teaser-box h3 {
	display: block;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-weight: bold;
	font-size: 10px;
	color:white;
	}

div.teaser-box a {
	display:block;
	color:white;
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:5px;
}

div.teaser-box  a:hover, div.teaser  a:active {
	
}


/** video **/
div.video {
	clear:both;
	padding-bottom:10px;	
}

/** CONTENT-SITE **/

div#content-site, div#doc-tpl {	
	float:left;
	width:648px;
	padding:0px;

	/*border:1px solid #d2d2d2;*/
	color:black;	
	min-height:390px;
	height:auto !important;
	height:390px;
	margin:0px;	
	}

div#content-site-wrapper {
	padding:0px;	
}

div#content-site a {
	color:#000000;
	cursor: pointer;
} 

div#content-site h1 {
	margin:4px 0px 4px 0px;
	padding:0px 5px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#d61e5a;
	text-align:left;
	font-size:24px;
	line-height:28px;
}
	
	
div#content-site h2 {
	margin:0px 0px 8px 0px;
	padding:0px 5px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#6c6c6c;
	text-align:left;
	font-size:18px;
	line-height:20px;
}

div#content-site h3 {
	margin:10px 0px 8px 0px;
	padding:0px 5px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#d61e5a;
	text-align:left;
	font-size:16px;
	line-height:20px;
}

div#content-site h4 {
	margin:0px 0px 8px 0px;
	padding:0px 5px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#d61e5a;
	text-align:left;
	font-size:14px;
	line-height:18px;
}

/*
div#content-site h5 {
	margin:0px 0px 8px 0px;
	padding:0px 5px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:black;
	text-align:left;
	font-size:13px;
	line-height:18px;
}
*/

div#content-site p.intro, div.documentDescription {
	margin:0px 0px 8px 0px;
	padding:0px 5px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:black;
	text-align:left;
	font-size:13px;
	line-height:18px;
}

div#content-site div.block {
	clear:both;
}

div#content-site p {
	
	margin:4px 0px 12px 0px;
	padding-right:15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:18px;
	width:auto;
	color:#555;
}

div#content-site p b, div#content-site p strong {
	font-weight:bold;
}

div#content-site p img {
	float:left;
	margin: 5px 15px 15px 0;
	/*border:1px solid #393939; */
	clear:both;
	}

div#content-site img.image-left {
	float:left;
	margin: 0px 15px 15px 0;
	clear:both;
	}


div#content-site img.image-right {
	float:right;
	margin: 0 0px 5px 10px;
	clear:both;
	}
	
div#content-site table {
	border-collapse: collapse;
	}

div#content-site td {
	padding: 0 5px 4px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#555;
	vertical-align: top;
}


div#content-site div.clear{
	clear:both;	
	line-height:1px;
	margin-bottom:10px;
}

div#content-site div.content {

	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	margin-bottom:10px;
	height:119px;
	overflow:hidden;
	background-color:inherit;
	background-image:inherit;
}

div.row {
	background-color:inherit;
	background-image:inherit;
	clear:both;
}

.hover {
	
}

.hover-row {
	background-color:#eee !important;	
}

.cursor {
	cursor:pointer; 	
}

div#content-site a.teaser {
	text-decoration:none;
	color:#d61e5a;
}

a.teaser:hover {	
	text-decoration:none;	
}


/** breadcrumb **/

div#portal-breadcrumbs {
	padding:0px 10px 10px 0px;	
	color:#333;
	font-size:10px;
}

div#portal-breadcrumbs a {
	color:#666;	
	font-size:10px;
	text-decoration:none;
}

div#portal-breadcrumbs a:hover {
	color:#666;	
	font-size:10px;
	text-decoration:underline;
}

span#breadcrumbs-you-are-here {
	display:none;	
}

/** PARTNER-SITE **/
div#partner-tpl {
}

div#partner-tpl span.partnerbeschreibung {
	display:block;
	float:right;
	text-align:left;
	width:380px;
	margin:20px 0px 0px 0px;
	font-size:13px;
}

div#partner-tpl span.partnerlogo {
	
	display:block;
	text-align:center;
	float:left;
	width:254px;
	margin:15px 0px;
}


/** SEITE-VERANSTALTUNGDETAIL */

span.datum {
	font-size:13px;
	line-height:14px;
	display:block;
	padding:8px 0px 0px 0px;
	margin:0px;
	color:#6c6c6c;
	font-weight:bold;
	text-transform:uppercase;
}

div.col-left {
	display:block;
	float:left;
	width:254px;
	margin-bottom:25px;
}

div.col-right {
	margin-left:260px;
}

div#content-site p.dates {
	width:242px;
	
	overflow:hidden;
	padding:0px;
	border:1px solid #d2d2d2;
	margin: 0;
	/*background-color:#d2d2d2;*/
}

p.dates span {
	display:block;
	padding:8px 8px 8px 8px;
	font-size:13px;
	font-weight:bold;
	color:black;
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;

}

div.images {
	width:244px;
}

div.images img {
	margin-top:10px;
	margin-bottom:5px;
}

/** logo land **/

div#subnav a.land {
	position:relative;
	top:150px;
	display:block;
	width:100px;
	height:100px;
}

div#subnav a.land span {
	display:none;
}


/** SHORT-LINKS **/
div#short-links {
	float:right;
}

div#short-links a {
	float:left;
	display:box;
	width:18px;
	height:17px;
	margin:5px 5px 0px 0px;
	
}

div#short-links a.drucken span {
	display:none;
}

div#short-links a.tell_a_friend span {
	display:none;
}

/*  finish */
div#finish {
	clear:both;
	text-indent: -700em;
}


/* FOOTER */
div#footer {
	display:block;
	clear:both;
	margin:10px auto 10px auto;
	padding:30px 0px 20px 0px;
	width:980px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color:#666666;
}

div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active {
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	padding:0px 20px;
	border-right:1px solid #666;
}

div#footer li:last-child a {
	border-right: none;
}



/* PARTNER - Links
---------------- */

#partner-links {
	float:left;
	padding:0px;
	margin-left:35px;
	width:570px;
	
	background-color:white;
	border:1px solid #888888;

	color:#393939;
	
	min-height:373px;
	height:auto !important;
	height:373px;
	}


div#partner-links a {
	color:#000000;
}
	
#partner-links h2 {
	margin:10px 10px 2px 15px;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-variant:small-caps;
	font-weight:bold;
	color:#AB0104;
	text-align:left;
	font-size:15px;
	line-height:18px;
	}

#partner-links table.partner {
	width: 100%;
	}
	
#partner-links table.partner  td.partnername {
	font-size: 1em;
	vertical-align: middle;
	padding-left: 25px;
	padding-bottom: 5px;
	}

#partner-links table.partner  td.partnername  h3 {
	margin-bottom: 0.2em;
	font-weight: bold;
	}
	
#partner-links table.partner  td.partnername  a {
	border: 0;
	}
	
#partner-links table.partner  td.partnerlogo {
	height: 110px;
	vertical-align: middle;
	padding: 10px 0 10px 20px;
	-padding: 10px 0 0 20px;
	text-align: center;
	width: 180px;
	}

#partner-links table.partner  td.partnerlogo  a img {
	display: inline;
	}

#partner-links table.partner  td.partnerlogo  a  {
	border: 0;
	}


/* for the 360Degree Panorama overlays */
        .simple_overlay { 
             
            /* must be initially hidden */ 
            display:none; 
             
            /* place overlay on top of other elements */ 
            z-index:10000; 
             
            /* styling */ 
            background-color:#333; 
             
            width:650px;     
            height:320px; 
            border:1px solid #666; 
             
            /* CSS3 styling for latest browsers */ 
            -moz-box-shadow:0 0 90px 5px #000; 
            -webkit-box-shadow: 0 0 90px #000;     
        } 
         
        /* close button positioned on upper right corner */ 
        .simple_overlay .close { 
            background-image:url(close.png); 
            position:absolute; 
            right:-18px; 
            top:-26px; 
            cursor:pointer; 
            height:35px; 
            width:35px; 
        }
        div#content-site p img.thin-border { border: 1px #000 solid; cursor: pointer; float: none}

        .simple_overlay .missing_player { background: #fff;margin:10px; padding:20px; font: 20px "Arial, sans-serif";}
	

/****************************** UTILITIES **************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}