/*
------------------------------------------
file:			bailamor.css
initial author: Johannes Ehrlich
				www.begraphic.de
client:			www.bailamor.de
version:		1.0
------------------------------------------
*/

@charset "UTF-8";

/* ---BASICS--- */

* {
margin: 0;
padding: 0;
}
.invisible {
	width:0px;
	height:0px;
	left:-1000px;
	top:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
}
a, a:visited {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: red;
}
img, div{
	border:none;
	behavior: url(scripts/iepngfix.htc);
}
img a{
	border-style: none;
	border-width: 0;
	border-bottom-style: none;
	border-bottom-width: 0;
}

body {
	min-width: 969px;
	background: #000000 url(../images/design/background.jpg) no-repeat center 0;
	font-family: "Myriad Pro", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	color: #ffcc99;
	cursor: default;
	margin: auto;
}

#wrapper {
	width: 969px;
	margin: 20px auto auto;
}

#header{
	background-image: url(../images/design/header.png);
	width: 969px;
	height: 114px;
	margin: -20px 0 0;
}

/* ---CONTENT AND CONTENT ELEMENTS--- */

#content {
	background: url(../images/design/content_background.png) repeat-y;
	width: 969px;
	min-height: 950px;
}

/* ---FOOTER--- */

#footer {
	background-image: url(../images/design/footer.png);
	width: 969px;
	height: 129px;
	margin-top: -35px;
}

#footernavi {
	text-align: center;
	padding-top: 65px;
}

/* ---NAVIGATION--- */

/* Clearing the float */
#navigation {
	display:block; width:700px; height:85px;
	padding-left: 250px;
	position: relative;
	padding-top: 29px;
}

/* get rid of the bullets and margin */
#navigation ul {margin:0; padding:0; list-style-type:none;}

/* make the list horizontal */
#navigation li {float:left;
}

/* Adding the initial images */

#navigation li.aktuelles.active.first {background:transparent url(../images/design/nav_01_aktuelles.png); width:93px; height:85px; background-position:0 -85px}
#navigation li.tanzkurse.active {background:transparent url(../images/design/nav_03_tanzkurse.png); width:95px; height:85px; background-position:0 -85px}
#navigation li.tanzpartner.active {background:transparent url(../images/design/nav_05_tanzpartner.png); width:153px; height:85px; background-position:0 -85px}
#navigation li.service.active {background:transparent url(../images/design/nav_02_service.png); width:71px; height:85px; background-position:0 -85px}
#navigation li.galerie.active {background:transparent url(../images/design/nav_04_galerie.png); width:71px; height:85px; background-position:0 -85px}
#navigation li.team.active {background:transparent url(../images/design/nav_04_team.png); width:53px; height:85px; background-position:0 -85px} 
#navigation li.location.active {background:transparent url(../images/design/nav_06_location.png); width:87px; height:85px; background-position:0 -85px} 
#navigation li.kontakt.active {background:transparent url(../images/design/nav_06_kontakt.png); width:87px; height:85px; background-position:0 -85px} 

/* General link styling */

#navigation a {display:block; color:#000; overflow:hidden;}

#navigation span {display: none;} 


/* hack for older versions of IE with incorrect box model */

* html #navigation a:link, * html #menu a:visited {height:85px; he\ight:0;}

/* Adding the background images to the link tags */

#navigation a#aktuelles {background:transparent url(../images/design/nav_01_aktuelles.png) 0px 0px no-repeat; width:93px; height:85px;}
#navigation a#tanzkurse {background:transparent url(../images/design/nav_03_tanzkurse.png) 0px 0px no-repeat; width:95px; height:85px;}
#navigation a#tanzpartner {background:transparent url(../images/design/nav_05_tanzpartner.png) 0px 0px no-repeat; width:153px; height:85px;}
#navigation a#service {background:transparent url(../images/design/nav_02_service.png) 0px 0px no-repeat; width:71px; height:85px;}
#navigation a#galerie {background:transparent url(../images/design/nav_04_galerie.png) 0px 0px no-repeat; width:71px; height:85px;}
#navigation a#team {background:transparent url(../images/design/nav_04_team.png) 0px 0px no-repeat; width:53px; height:85px;}
#navigation a#location {background:transparent url(../images/design/nav_06_location.png) 0px 0px no-repeat; width:87px; height:85px;}
#navigation a#kontakt {background:transparent url(../images/design/nav_06_kontakt.png) 0px 0px no-repeat; width:87px; height:85px;}

/* Adding the :hover style */

#navigation a#aktuelles:hover {background-position:0 -85px; z-index:50;}
#navigation a#tanzkurse:hover {background-position:0 -85px; z-index:50;}
#navigation a#tanzpartner:hover {background-position:0 -85px; z-index:50;}
#navigation a#service:hover {background-position:0 -85px; z-index:50;}
#navigation a#galerie:hover {background-position:0 -85px; z-index:50;}
#navigation a#team:hover {background-position:0 -85px; z-index:50;}
#navigation a#location:hover {background-position:0 -85px; z-index:50;}
#navigation a#kontakt:hover {background-position:0 -85px; z-index:50;}

* html #navigation a:hover {height:85px; he\ight:0;}

/* ---PLAYER--- */

#player {
	float: left;
	position: relative;
	height: 30px;
	width: 957px;
	margin: -340px 20px 20px 5px;
}

#player object {
	height: 30px;
	width: 954px;
}

#dancer {
	float: right;
	margin-right: -20px;
	margin-top: 20px;
}

#banner {
	margin-top: 100px;
	float: right;
	clear: left;
	margin-right: -300px;
}
/* ---SUBNAVI--- */

#leftcontent {
	width: 240px;
	float: left;
	top: 127px;
	position: absolute;
	font-size: 10pt;
}


#leftcontent .block, #leftcontent div.mod_imagerotator, #leftcontent div.mod_weatheronline{
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 25px;
}

#leftcontent div.mod_navigation.block ul.level_1 {
	font-size: 10pt;
	text-transform: uppercase;
	list-style-type: square;
	padding-left: 13px;
	line-height: 20px;
}

#leftcontent div.mod_navigation.block ul.level_1 a {
	color: #ffcc99;
	text-transform: uppercase;
	list-style-type: square;		
}

#leftcontent div.mod_navigation.block ul.level_1 li.active, #leftcontent div.mod_navigation.block ul.level_1 a:hover{
	color: red;
	text-transform: uppercase;
	list-style-type: square;	
}

#leftcontent div.mod_customnav.block ul.level_1{
	text-transform: uppercase;
	list-style-type: square;
	padding-left: 13px;	
	margin: 0;
}

#leftcontent div.mod_customnav.block ul.level_1 a {
	color: #ffcc99;
	text-transform: uppercase;
	list-style-type: square;
	line-height: 20px;	
}

#leftcontent div.mod_customnav.block ul.level_1 li.active, #leftcontent div.mod_customnav.block ul.level_1 a:hover{
	color: red;
}

/* ---EVENTS-LINKS--- */

#leftcontent div.mod_eventlist.block span.time{
	color: #ff9000;
}

#leftcontent div.mod_eventlist.block a{
	color: #ffcc99;
	font-size: 10pt;
}

#leftcontent div.mod_eventlist.block a:hover{
	color: #ffcc99;
	font-size: 10pt;
	text-decoration: underline;
}

#leftcontent div.mod_eventlist.block div.event.even.first.last.cal_1 {
	margin-bottom: 10px;
}

/* ---EVENTS-LINKS--- */

#leftcontent div.mod_eventlist.block span.date{
	font-size: 10pt;
	color: #ff9000;
}

#leftcontent div.mod_eventlist.block span.time{
	font-size: 10pt;
	color: #ff9000;
}

#leftcontent div.mod_eventlist.block a{
	color: #ffcc99;
	font-size: 10pt;
}

#leftcontent div.mod_eventlist.block a:hover{
	color: #ffcc99;
	font-size: 10pt;
	text-decoration: underline;
}

#leftcontent div.mod_eventlist.block div.event.even.first.last.cal_1 {
	margin-bottom: 10px;
}


/* ---FACEBOOK--- */
#facebook {
	margin-left: 25px;
}

/* ---CONTENT--- */

div.ce_text.block {
	margin-top: 0;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted maroon;
	font-size: 10pt;
	text-align: justify;
	line-height: 18px;
}

h1, div.title {
	margin: 0;
	color: red;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	padding-top: 10px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

h2 {
	margin: 0;
	color: red;
	font-size: 10pt;
	padding-bottom: 5px;
	font-weight: normal;
	font-style: normal;
}

h2 a{
	margin: 0;
	color: #ff9000;
	font-size: 10pt;
	padding-bottom: 5px;
}


ul {
	margin: 0;
	padding: 0 0 0 13px;
}


div.ce_text.block div.image_container {
	margin-right: 0px;
	margin-left: 30px;
}

p.more a{
	color: red;
}

p.back a {
	color: red;
}

div.event.block {
	padding-bottom: 20px;
	border-bottom: 1px dotted maroon;
	margin-top: 20px;
}

.mod_article.block {
	margin-left: 260px;
	margin-top: 0;
	padding-top: 13px;
	padding-right: 0px;
	font-size: 10pt;
	width: 558px;
}

.mod_article.block input{
	margin-top: 7px;
	margin-bottom: 7px;
	width: 310px;
}

textarea#ctrl_comment.textarea {
	width: 310px;
}


div#naechstes-event.mod_article.block div.event.block.even.first.cal_1 {
	margin-bottom: 35px;
	text-align: justify;
}

div#naechstes-event.mod_article.block div div.image_container {
	margin-right: 20px;
	margin-left: 15px;
}

div#naechstes-event.mod_article.block div.image_container div.caption {
	font-size: 8pt;
}

div#naechstes-event.mod_article.block div.ce_text {
}

div#naechstes-event.mod_article.block div.info {
	margin-bottom: 10px;
}

#event-detail {
	margin-left: 260px;
	margin-top: 0;
	padding-top: 20px;
	padding-right: 12px;
	font-size: 10pt;
}

div#event-detail.mod_article.block {
	width: 600px;
}



#event-detail div.image_container {
	margin-right: 30px;
	margin-left: 30px;
}

#aktuelle-events div.mod_upcoming_events.block div.event {
	margin-bottom: 15px;
	border-bottom: 1px dotted maroon;
}


#aktuelle-events div.mod_upcoming_events.block div div.image_container {
	margin-left: 20px;
}

#aktuelle-events div.mod_upcoming_events.block div.image_container div.caption {
	font-size: 8pt;
}

#aktuelle-events div.mod_upcoming_events.block div.ce_text {
}

#aktuelle-events div.mod_upcoming_events.block div.info {
	margin-bottom: 10px;
	font-size: 9pt;
	margin-top: -5px;
}

div.ce_hyperlink.block {
	padding-top: 10px;	
}

/* ---GALERIE--- */

div.mod_gallerylist.block div.layout_short.block {
	padding-bottom: 15px;
}

div.mod_gallerylist.block span.title a{
	color: red;
	font-size: 10pt;
}

div.mod_gallerylist.block div.description p {
	font-size: 9pt;
	margin-top: -2px;
}

div.mod_galleryviewer.block div.pagination.block ul a{
	color: red;
	font-size: 9pt;
	text-transform: uppercase;
	list-style-type: none;
	list-style-image: none;
}

div.mod_galleryviewer.block div.ce_comments.block {
	padding-bottom: 15px;
}

div.mod_galleryviewer.block div.info {
	color: #ffa000;
	font-style: italic;
	margin-bottom: 10px;
	border-top: 1px dotted maroon;
	padding-top: 8px;
}

div.mod_galleryviewer.block div.info a{
	color: red;
	font-style: italic;
}

div.mod_galleryviewer.block div.comment {
	padding-bottom: 8px;
}

div.mod_galleryviewer.block div.ce_comments.block div.form {
	border-top: 1px dotted maroon;
	padding-top: 10px;
}

/* ---GAESTEBUCH--- */

#gaestebuch div.info {
	color: #ffa000;
	font-style: italic;
	margin-bottom: 10px;
	border-top: 1px dotted maroon;
	padding-top: 8px;
}

#gaestebuch div.info a{
	color: red;
	font-style: italic;
}

#gaestebuch div.comment {
	padding-bottom: 8px;
}

#gaestebuch div.ce_comments.block div.form {
	border-top: 1px dotted maroon;
	padding-top: 10px;
}

/* ---NEWSLETTER--- */

#leftcontent div.mod_subscribe.block form div.formbody div.checkbox_container span label {
	font-size: 10pt;
}

#leftcontent div.mod_subscribe.block form div.formbody p.error {
	font-size: 10pt;
	margin: 0;
}

/* ---TANZPARTNER--- */

#tanzpartner-gesucht div.info {
	color: #ffa000;
	font-style: italic;
	margin-bottom: 10px;
	border-top: 1px dotted maroon;
	padding-top: 8px;
}

#tanzpartner-gesucht div.info a{
	color: red;
	font-style: italic;
}

#tanzpartner-gesucht div.comment {
	padding-bottom: 8px;
}

#tanzpartner-gesucht div.ce_comments.block div.form {
	border-top: 1px dotted maroon;
	padding-top: 10px;
}

/* ---ANMELDUNG--- */

div.ce_form.block div.error {
	color: red;
}

/* ---KALENDER--- */

div.mod_calendar.block{
	background-color: #111111;
}

div.mod_calendar.block .head{
	color: red;
	font-size: 12pt;
	padding-bottom: 10px;
}

div.mod_calendar.block div.header {
	text-align: center;
	max-height: 15px;
	background-color: maroon;
	padding: 0;
	margin: 1px;
	vertical-align: top;
	border: 1px solid black;
}

div.mod_calendar.block tr{
	vertical-align: top;
}

div.mod_calendar.block td{
	min-width: 85px;
	max-width: 85px;
	text-align: center;
	font-size: 9pt;
}

div.mod_calendar.block .event{
	min-height: 85px;
	max-height: 85px;
	background-color: #5c0a00;
	border: 1px solid black;
}

div.mod_calendar.block .active{
	font-weight: bold;
}

div.mod_calendar.block a{
	color: #ffa000;
}

div.mod_calendar.block a:hover{
	text-decoration: underline;
}

/* ---PARTNER--- */

div.mod_linklist.block div.even, div.mod_linklist.block div.odd {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted maroon;
}