.donotdisplay, .mobileonly  { left:-9999px; position:absolute; }
html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; } 

* { margin: 0; padding: 0; }

nav#topNavigation, 
	body > header,
	.commercialBreak,
	#scrollToTop,
	footer,
	aside,
	#mobileSubNavItem,
	#suggestsection
	{ display: none; }

.wrap { width: 100%; }

/* headlines */
	h1 { font-size: 260%; font-weight: 400; color: #333; padding: 1.5% 0 5%; }
	h2 { font-size: 160%; font-weight: 400; color: #333;  padding: 2% 0 1%; }
	h3 { color: #333; font-size: 120%; padding: 1.5% 0 .5%; }
	h4 { color: #333; font-size: 90%; padding: 1% 0 0; }
	h5 { color: #333; font-size: 80%; padding: .5% 0 0; }
	
	/* abstracts */
	p { padding: 1% 0 2%; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -hyphens: auto; }
	a { color: #840000; text-decoration: none; }
	a, a:active, a:focus { outline: none; }
	a:hover { color: #840000; text-decoration: underline; }
	.disabled, 
		a.disabled { text-decoration: line-through; }
	.right { text-align: right; }
	.left { text-align: left; }
	.center { text-align: center; }
	.justify {text-align: justify; }
	.floatleft { float: left; }
	.floatright { float: right; }
	.clearboth { clear: both; }
	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.small { font-size: 80%; }
	.large { font-size: 120%; }
	
	img.fullsize { width: 100%; height: auto; }
	
	/* tables */
	table, 
		th, 
		td { border: none; }
	td, 
		th { vertical-align: top; padding: 1% 2%; }
	th { text-align: left; }

#text ul, 
	#text ol { margin: 2% 0 2% 20px; }
#text > ul li, 
	#text > ol li { padding: 1% 0; font-size: 130%; line-height: 140%; }
#text > ul li li, 
	#text > ol li li { font-size: 100%; }
#text .map_canvas img, 
	.tabContainer #map_canvas img { border: none; margin: 0px; -webkit-box-shadow: 0 0 0px #000; -moz-box-shadow: 0 0 0px #000; box-shadow: 0 0 0px #000; }
#text p { font-size: 130%; line-height: 140%; }
#text p.doublePadding { padding: 2% 0 4%; }

#breadcrumb { list-style: none; margin: 0 1%; padding: 0;}
#breadcrumb > li { float: left; }

h1 { overflow: hidden; clear: both; padding-top: 2%; }



/* CONTENT */
main { clear: both; margin: 1% 2%; }
section#suggestsection, 
	section#commentssection { clear: both; overflow: hidden; }
section#commentssection.col2.colLeft { width: 65.666%; margin-right: 1.5%; }

/*article > header { padding-bottom: 4%; }*/
article .imgWrap { padding-bottom: 4%; }

.contentbox,
	ul.tileList > li,
	ul.newsList > li.stream {
		overflow: hidden;
		background: #f7f7f7; 
		-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; 
	}
	
.articleInfoBox,
	.articleImage,
	.articleGallery { width: 50%; }
.articleInfoBox.rightbox,
	.articleImage.rightbox,
	.articleGallery.rightbox { float: right; margin: 1% 0 1% 3%;  }
.articleInfoBox.leftbox,
	.articleImage.leftbox,
	.articleGallery.leftbox { float: left; margin: 1% 3% 1% 0;  }
.articleInfoBox > div,
	.articleGallery > div { padding: 2% 4%; }
.articleInfoBox .infoHeadline,
	.articleGallery .infoHeadline { background: #eaeaea; font-size: 160%; overflow: hidden; }
.articleInfoBox .infoContent { font-size: 90%; }
.articleImage img { width: 100% !important; height: auto !important; display: block; }
.articleImage p { font-weight: 700; }
.articleGallery div.ihTitle { width: 50%; float: left; }
.articleGallery div.ihImages { width: 50%; float: right; text-align: right; }
.articleGallery p { padding: 0; }
.articleGallery img.loadKMModal { height: auto !important; width: 96% !important; padding: 2%; display: block; }

.rteImage { width: 100%; overflow: hidden; text-align: center; position: relative; z-index: 1;}
.rteImage > img.currentImg { width: auto !important; max-width: 100% !important; height: auto !important; max-height: 800px !important; position: relative; z-index: 10; }
.rteImage > img.newImage { position: absolute; top: 0; left; 0; z-index: 5; }
.rteImage > img.waiting { width: auto !important; position: absolute; top: 48%; left: 48%; z-index: 20; display: none; }
.rtePreview { width: 100%; overflow: hidden; }
.rtePreview > ul { width: auto; margin: 2% 0 !important; list-style: none; overflow-x: scroll; white-space: nowrap; }
.rtePreview > ul > li { width: 150px; height: 100px; display: inline-block; overflow: hidden; }
.rtePreview > ul > li > img { width: 100%; height: auto; cursor: pointer; }

/**
 * 4) STYLES REGULAR USED EXTENSIONS
 **/

/* TILE LISTING */
ul.tileList { list-style-type: none; margin: 0; display: inline-block; width: 100%; }
ul.tileList > li { overflow: hidden; margin: 1.5%; width: 30.333%; padding: .5%; float: left; background: #f7f7f7; 
	-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;   
}
ul.tileList > li:nth-child(3n+1) { clear: left; margin-left: 0; }
ul.tileList > li:nth-child(3n+3) { margin-right: 0; }
ul.tileList > li:hover { background: #d9d9d9; }
ul.tileList > li img  { border: none; width: 100%; height: auto; }
ul.tileList > li > div#text { padding: 4% 6%; }
ul.tileList > li .tileText { height: 50px; line-height: 50px; text-align: center; }
ul.tileList > li .tileText h2 { font-size: 120%; padding: 0; }
ul.tileList > li .tileText a { color: #333; }
ul.tileList > li .tileText a:hover { color: #333; text-decoration: none; }
ul.tileList > li .tileImg { position: relative; max-height: 200px; overflow: hidden; }
ul.tileList.announceList > li .tileImg { height: 150px; max-height: 150px; }
ul.tileList > li .tileImg .section { position: absolute; left: 0; bottom: 30px; display: block; background: #C00429; color: #fff; font-weight: 700; padding: 1% 2%; font-size: 120%; }

ul.tileList > li.redTile { background: #840000; }
ul.tileList > li.redTile:hover { background: #9d3333; }
ul.tileList > li.redTile .tileText a { color: #fff; }

ul.tileList > li .tileImg .section.dateInfo { background: rgba(255, 255, 255, 0.8); color: #333; font-size: 160%; font-weight: 300; }
ul.eventsList h2 { padding: 2% 0 0; }
ul.eventsList a { color: #333; font-size: 70%; font-weight: 700; }
ul.eventsList .dateInfo a { font-size: 100%; font-weight: 300; }
ul.eventsList p { padding: 0 0 1%; }

ul.tileList > li.noDataFound,
	ul#searchResults > li.noDataFound { width: 100%; margin: 1.5% 0; background: #fff; border: medium none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 130%; text-align: center;}
ul.tileList > li.noDataFound h3,
	ul#searchResults > li.noDataFound h3 { font-size: 160%; font-weight: 300; padding-bottom: 5%; }
ul.tileList > li.noDataFound span,
	ul#searchResults > li.noDataFound span { display: block; text-transform: uppercase; }
ul.tileList > li.noDataFound > p,
	ul#searchResults > li.noDataFound > p { color: #aaa; }

ul#searchResults li.noDataFound { border-bottom: none; }

/* NEWS */
ul.newsList { list-style-type: none; margin: 0; display: inline-block; }
ul.newsList > li.stream { overflow: hidden; margin: 1.5%; width: 30.333%; padding: .5%; float: left; background: #f7f7f7; 
	-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;   
}
ul.newsList > li.stream.tile31 { clear: left; margin-left: 0; } /*:nth-child(3n+1)*/
ul.newsList > li.stream.tile33 { margin-right: 0; } /*:nth-child(3n+3)*/
ul.newsList > li.stream:hover { background: #d9d9d9; }
ul.newsList > li.stream img  { border: none; width: 100%; }
ul.newsList > li .newsText { height: 50px; }
ul.newsList > li .newsText h2 { font-size: 120%; padding: 2% 1% 1%; }
ul.newsList > li .newsText a { color: #333; font-weight: 300; text-decoration: none; }
ul.newsList > li .newsText a:hover { color: #333; text-decoration: none; }
ul.newsList > li .newsImg { position: relative; max-height: 200px; overflow: hidden; }
ul.newsList > li .newsImg .section { position: absolute; left: 0; bottom: 30px; display: block; background: #C00429; color: #fff; font-weight: 700; padding: 1% 2%; font-size: 120%; }

.imgMaxHeight { max-height: 400px; overflow: hidden; }

.imgWrap.portrait { width: 48%; margin: 1% 2% 2% 0; float: left; overflow: hidden; }
.imgWrap .newsSubtitle { font-weight: bold; }
#text p.small { font-size: 90%; color: #333; }
#headerImg span.commercialInfo { position: relative; left: inherit; top: inherit; display: block; }

/* COMMENTS */
#commentsBlock footer { font-size: 120%; margin: 2% 0 0.25%; }
#commentsBlock ol { list-style: none; margin: 2% 0; }
ol#commentsList li { color: #333; padding: 0 2%; margin-bottom: 2%; }
ol#commentsList li a { color: #333; }
ol#commentsList li a:hover { color: #840000; text-decoration: none; } 
article.commentText { padding-bottom: 2%; }
#commentsBlock article span.highlight { font-size: 120%; }


/* POLL */
#pollQuestionListing { list-style: none; overflow: hidden; width: 100%; margin: 0 !important; }
#pollQuestionListing > li { width: 100%; margin-bottom: 2%; }

#pollAnswerListing { list-style: none; overflow: hidden; width: 100%; margin: 0 !important; display: table; }
#pollAnswerListing > li { width: 100; background: #f7f7f7; display: table-row;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	transition: background 0.3s ease;   
}
#pollAnswerListing > li:hover { background: #eaeaea; }
#pollAnswerListing > li > div { display: table-cell; vertical-align: middle; padding: 2% 0; border-bottom: solid 2px #fff; }
#pollAnswerListing > li > div.inputField { width: 5%; text-align: center; background: #eaeaea; }
#pollAnswerListing > li > div.labelField { width: 91%; padding: 2%; }
#pollAnswerListing > li > div.labelField label { display: block; cursor: pointer; }

.pollWrap > h2 { padding-bottom: 4%; }

#pollResultListing { list-style: none; overflow: hidden; margin: 0 !important; }
#pollResultListing li { overflow: hidden; width: 100%; margin: 2% 0; }
.resultAnswer { display: block; font-weight: bold; }
.resultData { display: block; color: #840000; padding: 1% 0; }
.resultBar { height: 20px; background: #840000; }

.lastPoll {  margin-bottom: 4%; }
.oldPolls li { margin: 4% 0; padding: 5%; }
.pollEval { padding: 0% 5% 5%; }
.pollEval ul { margin-left: 20px; list-style: disc; }
.pollEval ul li { padding: 2% 0; }
aside#subNavi .lastPoll h3 { padding: 5%; }

aside#subNavi .oldPolls a,
	aside #commentsWidgetList a { display: inline; font-size: 100%; color: #840000; }
	
#commentsWidgetList li { padding: 0 5%; }
aside#subNavi #commentsWidgetList h3 { padding: 2% 0 1%; }

aside#subNavi h3 a { font-weight: 600; }

aside #pollQuestionListing { padding: 0 5%; width: 90%; }
aside #pollResultListing li { margin: 4% 0; }
aside .resultBar { margin-bottom: 1%; }

/* APPS */
.asideDefault .newsImg { padding: 4%; relative; max-height: 180px; overflow: hidden; }
.asideDefault .newsImg img { width: 100%; height: auto; }
aside#subNavi .asideDefault .newsText > h2 { background: none; font-size: 110%; padding: 2% 4% 4%; }

/* EVENTS */
#ticketbox .asideWrap { font-size: 120%; }
aside#subNavi #ticketbox h2 { background: #840000; color: #fff; }
#ticketbox hr { border: none; border-bottom: solid 1px #840000; width: 100%; margin: 7% 0%; }
#ticketbox p.ticketlink { padding: 5% 0 3%; }

.eventsmodule #contentsection footer { margin: 1% 0; }
.eventsmodule #contentsection footer h2 { color: #840000; font-size: 140%; font-weight: 700; padding-bottom: 0; }
#contentsection footer p { hyphens: none; }
.eventsmodule #contentsection footer .spaceTop { padding-top: 2%; }

.asideDefault ol.eventList { list-style: outside none none; margin: 2% 4%; }
.asideDefault ol.eventList li { padding: 2% 0; }

#text footer #upcommingEvents { list-style: none; margin: 1% 0; }
#text footer #upcommingEvents > li { padding: 0.5% 0; }


/**
 * 5) STYLES PROJECT RELATED EXTENSIONS
 **/
 
/* TEAM */
ul.teamGroup li { list-style: none; overflow: hidden; }
ul.teamGroup > li { font-size: 130%; border-top: 1px solid #840000; margin-top: 5%; padding-top: 4%; }
ul.teamGroup > li:first-child { border-top: none; margin-top: 0; padding-top: 0;  }

ul.teamGroup h2,
	ul.teamGroup h3 { color: #840000; }

li.teamListItem { background: #eee; margin-bottom: 2%; }
li.teamListItemAdv { background: #fff; margin-bottom: 2%; }
.teamImg { width: 50%; height: 100%; float: left; text-align: center; overflow: hidden; }
.teamImg img { width: auto; height: 100%; display: block; }
.teamData { width: 42%; padding: 4%; float: right; line-height: 140%; }
.teamDetailsIcon { display: inline-block; width: 70px; }

.anchorList { list-style: none; overflow: hidden; margin-bottom: 4%; }
.anchorList > li { display: block; margin: 2% 0; }
.anchorList > li > a { display: block; background: #840000; padding: 4%; width: 92%; color: #fff; 
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.anchorList > li > a:hover { text-decoration: none; color: #333; background: #eaeaea; }

/* RTE PLUGIN MANAGER*/
/* - Popup-Gallery - */
.PluginContainer.PGalCon {clear: both; overflow: hidden;}
.PGalConItem {
    float: left;
    list-style: outside none none;
    margin: 1%;
    overflow: hidden;
    width: 200px;
    list-style: none;
    position: relative;
}
.PGalConItem a {
	position: inherit;
}
.PGalConItem img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    width: auto;
}
.PGalImageTitle {
    background: rgba(255, 220, 128, 0.9) none repeat scroll 0 0;
    bottom: 30px;
    color: #000;
    font-weight: bold;
    line-height: 30px;
    padding: 1%;
    position: relative;
}
.rightbox {float: right; ;}
.leftbox {float: left; }
