/* Default Lists
************************************************/

#content ul, #content ol {
	margin-bottom: 1em;
}

#content ul li, #content ol li {
	margin-bottom: 0.2em;
	margin-left: 2.5em;
}

#content ul.error {
	border: 1px solid #b00;
	border-bottom: 0;
	margin-bottom: 2em;
	list-style: none;
	background-color: #b00;
}

#content ul.error li {
	border-bottom: 1px solid #f5f5f5;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0.5em 1em;
	color: #f5f5f5;
}

#content ul.error li:last-child {
	border-bottom: none;
}

ul.var50 {
	list-style: disc;
	margin-bottom: 2em !important;
}

ul.var50 li {
	width: 250px;
	float: left;
	list-style: disc;
}

div#addressField { margin-bottom: 2em; }

/* Team
************************************************/

#content #teamList {
	list-style: none;
	background: url(../images/team/teamThumbs.jpg) no-repeat 0 0;
	margin-bottom: 0;
}

#content #teamList li {
	float: left;
	width: 57px;
	height: 57px;
	overflow: hidden;
	margin: 0;
}

#teamList li a {
	display: block;
	width: 57px;
	height: 57px;
	text-indent: -200em;
	background: url(../images/team/teamThumbs.jpg) no-repeat 0 0;
}

/* normaler Zustand */
#teamList li#teamList1 a  { background-position:   0      0  ; }
#teamList li#teamList2 a  { background-position: -57px    0  ; }
#teamList li#teamList3 a  { background-position: -114px   0  ; }
#teamList li#teamList4 a  { background-position: -171px   0  ; }
#teamList li#teamList5 a  { background-position: -228px   0  ; }
#teamList li#teamList6 a  { background-position: -285px   0  ; }
#teamList li#teamList7 a  { background-position: -342px   0  ; }
#teamList li#teamList8 a  { background-position: -399px   0  ; }
#teamList li#teamList9 a  { background-position: -456px   0  ; }
#teamList li#teamList10 a { background-position: -513px   0  ; }
#teamList li#teamList11 a { background-position:    0   -57px; }
#teamList li#teamList12 a { background-position:  -57px -57px; }
#teamList li#teamList13 a { background-position: -114px -57px; }
#teamList li#teamList14 a { background-position: -171px -57px; }
#teamList li#teamList15 a { background-position: -228px -57px; }
#teamList li#teamList16 a { background-position: -285px -57px; }
#teamList li#teamList17 a { background-position: -342px -57px; }
#teamList li#teamList18 a { background-position: -399px -57px; }
#teamList li#teamList19 a { background-position: -456px -57px; }
#teamList li#teamList20 a { background-position: -513px -57px; }

/* hover Zustand */
#teamList li#teamList1 a:hover, #teamList li#teamList1 a:focus   { background-position:   0    -114px; }
#teamList li#teamList2 a:hover, #teamList li#teamList2 a:focus   { background-position: -57px  -114px; }
#teamList li#teamList3 a:hover, #teamList li#teamList3 a:focus   { background-position: -114px -114px; }
#teamList li#teamList4 a:hover, #teamList li#teamList4 a:focus   { background-position: -171px -114px; }
#teamList li#teamList5 a:hover, #teamList li#teamList5 a:focus   { background-position: -228px -114px; }
#teamList li#teamList6 a:hover, #teamList li#teamList6 a:focus   { background-position: -285px -114px; }
#teamList li#teamList7 a:hover, #teamList li#teamList7 a:focus   { background-position: -342px -114px; }
#teamList li#teamList8 a:hover, #teamList li#teamList8 a:focus   { background-position: -399px -114px; }
#teamList li#teamList9 a:hover, #teamList li#teamList9 a:focus   { background-position: -456px -114px; }
#teamList li#teamList10 a:hover, #teamList li#teamList10 a:focus { background-position: -513px -114px; }
#teamList li#teamList11 a:hover, #teamList li#teamList11 a:focus { background-position:    0   -171px; }
#teamList li#teamList12 a:hover, #teamList li#teamList12 a:focus { background-position:  -57px -171px; }
#teamList li#teamList13 a:hover, #teamList li#teamList13 a:focus { background-position: -114px -171px; }
#teamList li#teamList14 a:hover, #teamList li#teamList14 a:focus { background-position: -171px -171px; }
#teamList li#teamList15 a:hover, #teamList li#teamList15 a:focus { background-position: -228px -171px; }
#teamList li#teamList16 a:hover, #teamList li#teamList16 a:focus { background-position: -285px -171px; }
#teamList li#teamList17 a:hover, #teamList li#teamList17 a:focus { background-position: -342px -171px; }
#teamList li#teamList18 a:hover, #teamList li#teamList18 a:focus { background-position: -399px -171px; }
#teamList li#teamList19 a:hover, #teamList li#teamList19 a:focus { background-position: -456px -171px; }
#teamList li#teamList20 a:hover, #teamList li#teamList20 a:focus { background-position: -513px -171px; }

/* aktiver Zustand */
#teamList li#teamList1 a.active  { background-position:    0   -228px; }
#teamList li#teamList2 a.active  { background-position:  -57px -228px; }
#teamList li#teamList3 a.active  { background-position: -114px -228px; }
#teamList li#teamList4 a.active  { background-position: -171px -228px; }
#teamList li#teamList5 a.active  { background-position: -228px -228px; }
#teamList li#teamList6 a.active  { background-position: -285px -228px; }
#teamList li#teamList7 a.active  { background-position: -342px -228px; }
#teamList li#teamList8 a.active  { background-position: -399px -228px; }
#teamList li#teamList9 a.active  { background-position: -456px -228px; }
#teamList li#teamList10 a.active { background-position: -513px -228px; }
#teamList li#teamList11 a.active { background-position:    0   -285px; }
#teamList li#teamList12 a.active { background-position:  -57px -285px; }
#teamList li#teamList13 a.active { background-position: -114px -285px; }
#teamList li#teamList14 a.active { background-position: -171px -285px; }
#teamList li#teamList15 a.active { background-position: -228px -285px; }
#teamList li#teamList16 a.active { background-position: -285px -285px; }
#teamList li#teamList17 a.active { background-position: -342px -285px; }
#teamList li#teamList18 a.active { background-position: -399px -285px; }
#teamList li#teamList19 a.active { background-position: -456px -285px; }
#teamList li#teamList20 a.active { background-position: -513px -285px; }

#teamDetail {
	width: 570px;
	overflow: hidden;
	margin-bottom: 2em;
}

ul#teamDetailWrapper {
	width: 570px;
	list-style: none;
}

ul#teamDetailWrapper li {
	width: 570px;
	height: 228px;
	overflow: hidden;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}

div.teamDetailInner {
	margin: 20px 20px 20px 266px;
}

p.teamDetailMotto {
	font-size: 85%;
	line-height: 120%;
}

p.teamDetailMotto span {
	/*color: #d05e0c;*/
	font-style: italic;
}

#teamDetailElement1 { background: url(../images/team/team1.jpg) no-repeat 0 0; }
#teamDetailElement2 { background: url(../images/team/team2.jpg) no-repeat 0 0; }
#teamDetailElement3 { background: url(../images/team/team3.jpg) no-repeat 0 0; }
#teamDetailElement4 { background: url(../images/team/team4.jpg) no-repeat 0 0; }
#teamDetailElement5 { background: url(../images/team/team5.jpg) no-repeat 0 0; }
#teamDetailElement6 { background: url(../images/team/team6.jpg) no-repeat 0 0; }
#teamDetailElement7 { background: url(../images/team/team7.jpg) no-repeat 0 0; }
#teamDetailElement8 { background: url(../images/team/team8.jpg) no-repeat 0 0; }
#teamDetailElement9 { background: url(../images/team/team9.jpg) no-repeat 0 0; }
#teamDetailElement10 { background: url(../images/team/team10.jpg) no-repeat 0 0; }
#teamDetailElement11 { background: url(../images/team/team11.jpg) no-repeat 0 0; }
#teamDetailElement12 { background: url(../images/team/team12.jpg) no-repeat 0 0; }
#teamDetailElement13 { background: url(../images/team/team13.jpg) no-repeat 0 0; }
#teamDetailElement14 { background: url(../images/team/team14.jpg) no-repeat 0 0; }
#teamDetailElement15 { background: url(../images/team/team15.jpg) no-repeat 0 0; }
#teamDetailElement16 { background: url(../images/team/team16.jpg) no-repeat 0 0; }
#teamDetailElement17 { background: url(../images/team/team17.jpg) no-repeat 0 0; }
#teamDetailElement18 { background: url(../images/team/team18.jpg) no-repeat 0 0; }
#teamDetailElement19 { background: url(../images/team/team19.jpg) no-repeat 0 0; }
#teamDetailElement20 { background: url(../images/team/team20.jpg) no-repeat 0 0; }

/* NewsList
************************************************/

#content ul.newsList {
	list-style: none;
}

#content ul.newsList li {
	margin-left: 0;
	margin-bottom: 1em;
}

ul.newsList h2 a {
	text-decoration: none;
	color: #d05e0c;
}

div.newsListImage {
	float: left;
	width: 120px;
	margin: 0 10px 1em 0;
}

div.newsListContent {
}

div.newsContent div.R {
	text-align: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

p.newsTeaser {
	font-size: 110%;
	color: #777;
}

ul.simpleNewsList {
	border-top: 1px solid #eee;
	border-bottom: 5px solid #d9d9d9;
	height: 100px;
	overflow: hidden;
}

#content ul.simpleNewsList li {
	background: url(/pub/images/structure/boxShader.png) no-repeat 0 0;
	margin-left: 0 !important;
	width: 570px;
	height: 100px;
	margin-bottom: 0;
	padding: 0;
}

div.simpleNewsListImage {
	margin: 5px 0 0 10px;
	float: left;
	width: 90px;
	padding-top: 3px;
}

div.simpleNewsListText {
	margin: 5px 10px 0 0;
	float: right;
	width: 450px;
}

div.simpleNewsListTitle {
	font-size: 110%;
	margin-bottom: 0.5em;
}

div.simpleNewsListTitle a {
	text-decoration: none;
}

/* Sitemap
************************************************/

ol.sitemap {
	border-top: 1px solid #ddd;
	list-style: none;
}

#content ol.sitemap li {
	width: 285px;
	float: left;
	border-bottom: 1px solid #ddd;
	margin-left: 0;
	margin-bottom: 0;
}

#content ol.sitemap li a {
	display: block;
	width: 285px;
	padding: 0.2em 0 0.2em 20px;
	text-decoration: none;
	background: url(/pub/images/icons/bullet_white.png) no-repeat 0 60%;
}

#content ol.sitemap li a:hover, #content ol.sitemap li a:focus {
	background-color: #f5f5f5;
	background-image: url(/pub/images/icons/bullet_orange.png);
}

#content ol.sitemap li a:visited {
	background-image: url(/pub/images/icons/bullet_green.png);
}

/* GoogleMaps
************************************************/

p.padLeft40 { padding-left: 45px; }
p.padLeft40 img { float: left; margin-left: -45px; }

#anfahrt {
	height: 320px;
	margin-bottom: 2em;
	border: 1px solid #ddd;
}

/* rpdGallery
************************************************/

#rpdGallery {
	width: 570px;
	/*
	height: 300px;
	overflow: hidden;
	*/
	border: 1px solid #ddd;
}

#rpdGallery img {
	width: 560px;
	height: 290px;
	margin: 5px;
}

#rpdGalleryButtons {
	border-bottom: 1px solid #ddd;
	padding: 0.5em 0;
	margin-bottom: 2em;
	color: #aaa;
}

#rpdGalleryButtonsL {
	float: left;
	width: 200px;
}

#rpdGalleryButtonsR {
	float: right;
	width: 360px;
	text-align: right;
}

#rpdGalleryButtons a {
	text-decoration: none;
	color: #777;
}

#rpdGalleryButtons a:hover {
	color: #000;
}

#rpdGalleryStart {
	padding-left: 20px;
	background: url(/pub/images/icons/control_play.png) no-repeat 0 50%;
}

#rpdGalleryPause {
	padding-left: 20px;
	background: url(/pub/images/icons/control_pause.png) no-repeat 0 50%;
}

#rpdGalleryButtons a#rpdGalleryPrev {
	padding-left: 20px;
	background: url(/pub/images/icons/control_rewind.png) no-repeat 0 50%;
}

#rpdGalleryButtons a#rpdGalleryNext {
	padding-right: 20px;
	background: url(/pub/images/icons/control_fastforward.png) no-repeat 100% 50%;
}

#rpdGalleryStart span, #rpdGalleryPause span, #rpdGalleryPrev span, #rpdGalleryNext span {
	font-size: 85%;
}

/* MediaGallery
************************************************/

#content #mediaGallery {
	list-style: none;
	margin-bottom: 2em;
}

#mediaGallery li, #mediaGallery li a {
	display: block;
	width: 57px;
	height: 57px;
	cursor: pointer;
}

#content #mediaGallery li {
	float: left;
	margin: 0;
	opacity: 0.3;
}

#content #mediaGallery li:hover, #content #mediaGallery li:focus {
	opacity: 1;
}

#mediaGallery li div.mediaGalleryTitle { display: none; }

#mediaGallery li#mediaGalleryFirst {
	opacity: 1;
	position: relative;
	width: 228px;
	height: 228px;
	background: url(/pub/images/referenzen/musik/default.jpg) no-repeat 35px 15px;
	cursor: default;
}
#mediaGalleryFirstTitle {
	position: absolute;
	top: 187px;
	left: 0;
	z-index: 2;
	width: 228px;
	font-size: 85%;
	text-align: center;
	line-height: 120%;
}

#mediaGalleryFirstMask {
	position: absolute;
	top: 0;
	left: 0;
}

#metaInfo {
	position: absolute;
	top: 15px;
	right: 0;
	width: 160px;
	height: 195px;
}

#metaInfo a {
	display: block;
	width: 160px;
	height: 195px;
	text-indent: -200em;
}

#homeTeaser {
	position: absolute;
	top: 10px;
	left: 0;
	width: 160px;
	height: 160px;
}

/* clearfix
************************************************/

.L {
	float: left;
	margin-right: 1em;
}

.R {
	float: right;
	margin-left: 0;
}

.clear { clear: both; }

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */