@charset "UTF-8";
/* <ß> S. Zimmermann für Otevrel Ballett- und Tanzzentrum Augbsurg 01/2010 */
/*
*/
html { /*height:100%; /* scollbalkenforever*/		
	} 

body {
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:#21314d;
	background: #FFF url(../img/site/bg_bodyright.png) right 0 repeat-y;	 /* blauer Streifen rechts aussen */
	}

#pos {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom:0px;
	width: 100%;
	min-width:1000px;
	text-align: left;
	background: transparent url(../img/site/bg_1.png) 0 0 repeat-x;
	height:100%;
	
/*	background-color:#333;*/
	}
body.subnav #pos {	background: transparent url(../img/site/bg_1b.png) 0 0 repeat-x; }	
#posbg	{
	position: absolute;
	right: 0px;
	top: 145px;
	width: 32px;
	height:279px;
	background: transparent url(../img/site/bg_l.png) 0 0 no-repeat; /* weisser Abdecker rechts aussen  Position variieren bei Subnav*/
}
body.subnav #posbg {top: 164px;}
#lan {
	position:absolute;
	right:0;
	top:0px;
	width:100px;
	height:104px;
	z-index:500;
/*	background: transparent url(../img/dev/lan.png) 0 0 no-repeat;  */
}
#lan ul {
	position:absolute;
	bottom:0;
	}
#lan a {
	display:block;
	padding-left:10px;
	}	

#mainwrapper {
	position: relative;
	text-align: left;
	margin: 0 auto 0 auto;
	width: 950px;
	overflow: visible;
	padding:116px 0 0 0;
	background: transparent url(../img/site/otevrel.png) 0 0 no-repeat;	
	height:100%;
	}
#homelink {
	display:block;
	height:0px;
	width:360px;
	position:absolute;
	top:0;
	left:45px;
	overflow:hidden;
	padding-top:100px;
	}	
#wrapper {
/*	position: relative;
	background-color:#999; */
	height:100%;
	
	}
#nav {
	position:absolute;
	left:354px;
/*	width:800px; */
	height:48px;
	z-index:1000;
	}
#nav ul {display:block;height:24px;}			
#nav li {
	float:left;
	line-height:23px;}
#nav li a {
		display:block;
		height:24px;
		background-color:#21314d;
		padding: 0 12px;}
#nav #topnav {width:100%;}
/* 
#nav #subnav { display:none;
	background-color:#c4cbd8;
	}
#nav #subnav li a {
	background-color:#c4cbd8;
	}
body.subnav #nav #subnav {display:block;}
*/
#nav ul ul {
	padding-left:18px;
	background-color:#c4cbd8;
	position:absolute;
	left:-18px;
	display:none;
	}
#nav li.selected ul {display:block;}

#content {
	position: relative;
/*	background-image:url(../img/);
	background-repeat:no-repeat;
	background-position:0 0; */
	padding-top:0px;
/*	background-color:#DDD;*/
	height:100%;
	
	}

#maincontent {
	position:absolute;
	background-color:#fff;
	width:614px;
	min-height:100%;
	left:336px;
	top:24px;
	}
#text {
	color:#21314d;
	padding:66px 60px 0 30px;
	background: transparent url(../img/site/bg_1b.png) 0 -159px repeat-x;	}
body.subnav #text {	background-position: 0 -140px;
	min-height:450px;}	

span.imgwrapper {
	float:right;
	margin-right:-60px;
/*	padding:2px 0 9px 16px; */
	padding:2px 0 9px 0; 
	}
#text span.imgwrapper img {
	clear:both;
	margin-right:0;
	padding: 0 0 3px 16px;
}	
span.imgwrapper em {
	font-size:11px;
	line-height:13px;
	display:block;
	font-style:italic;
	text-align:right;
	float:right;
	}
#text img {
	float:right;
	margin-right:-60px;
	padding:2px 0 9px 16px;
}
#text td img {
	float:none;
	margin-right:0px;
	padding:2px 0 9px 16px; 
	}

.clearer {clear:both;
	padding-top:27px;}

.clearersmall {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
	}


.more {padding-top:9px;}	
#footer {
	margin-top:18px;
	margin-bottom:27px;
	font-size:11px;
	line-height:20px;
	color:#C4CBD8;
/*	border-top:1px solid #C4CBD8; */
	}
#footer span {
	position:absolute;
	border-top:1px solid #C4CBD8;
	width:170px;
}	
#footer a {
		color:#C4CBD8;
		}
#footer a:hover {
		color:#21314d;
		}

#text .newsitem {
	border-top:1px solid #C4CBD8;
	padding:3px 0 18px;
}



/* Kurse Accordion */
#accordion {
	position:relative;
	left:-30px;
	width:614px;
	padding: 27px 0;
}

h1.slide_trigger {
	display:block;
	cursor:pointer;
	padding-left:28px;
	padding-bottom:2px;
	
	margin-bottom:0;
	margin-left:0;
	margin-top:9px;
/*	margin-right:60px; */
	letter-spacing:1px;
	}
h1.open {cursor:default;}					
/* mootools morph styles */	
.stnorm {
	padding-left:28px;
	color:#966d5b;
	background-color:#fff;
/*	margin-right:60px; */
	}
.sthover {
	padding-left: 42px;
	color:#21314d;
	background-color:#e8ebef;}
.stopen {
	color:#21314d;
	background-color:#c4cbd8;
/*	margin-right:0; */
	}

.slide {}
.slidecontent{
	background-color:#e8ebef;
	padding:9px 0px 18px 44px;
	}
.slidecontent p {
	padding-right:9px;
		}		
#text .slide img {
	margin-right:0px;
	margin-top:-9px;
	padding:0 0 9px 16px;
	}

/* Lightbox Links */

#text .slide a img {
		background: transparent url(../img/site/imgbox3.png) -16px 10px no-repeat;
		}	
#text .slide a:hover img {
		background-position:0 10px;
		} 
#text .slide a:hover{
		padding-bottom:0;
		border-bottom:none;
		}

#oneimgwrapp a img {
	background: transparent url(../img/site/imgbox2.png) -16px 10px no-repeat;
	}
#oneimgwrapp a:hover img {
	background-position:0 10px;
	}


#text a img {background: transparent url(../img/site/imgbox.png) -16px 10px no-repeat;
	}
#text a:hover img {background-position:0 10px;
	}

.nounderline, #text a:hover.nounderline {border:none;}

.imagelink, #text a:hover.imagelink img, #text a:hover img.imagelink {border:none; background:none;}

				
/* Hintergrundmotive */
#absolute {
	position:absolute;
/*	background-color:#21314d; */
	height:100%;
	background: #182438 url(../img/site/bg_verlauf.png) 0 0 repeat-x;
	width:1436px;
	left:-1436px;
	text-align:right;
	overflow:hidden;
}
#absolute.bottom img { position:absolute; right:0; bottom:0;}
#absolute.motiv1 {
	background: #182438 url(../img/dev/bg_motiv1.png) right 0 no-repeat;	}

#absolute.motiv_01-00a {
		background: #182438 url(../img/dev/bg_motiv_01-00a.png) right 0 no-repeat;	}
#absolute.motiv_01-00b {
		background: #182438 url(../img/dev/bg_motiv_01-00b.png) right 0 no-repeat;	}
#absolute.motiv_01-00bb {
	background: #182438 url(../img/dev/bg_motiv_01-00bb.png) right 0 no-repeat;	}	

	#absolute.motiv_02-01 {
		background: #182438 url(../img/dev/bg_aktuell_detail.png) right 0 no-repeat;	}

/* #absolute Einzelbild */

#absolute #oneimgwrapp {
	position:absolute;
	right:0;
	margin-top:72px;
	text-align:right;
	padding-left:16px;
	}
#absolute #oneimgwrapp img {padding-left:16px;}
#absolute #oneimgwrapp.w328 {
	width:344px;
	}
#absolute #oneimgwrapp.w222 {
	width:238px;
	}

#absolute li.oneimg { padding:0; line-height:0; font-size:0; margin-left:0px; 	background:transparent;
 }
	
#absolute li {
	font-size:11px;
	line-height:13px;
	font-style:italic;
	background-color:#c4cbd8;
	color:#21314d;
	display:block;
	text-align:left;
	padding: 4px 6px 6px 8px;
	margin-left:16px;
	}

/* Typographie */

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size:14pt;
	line-height: 24px;
	color:#966d5b;
	margin-bottom:9px;
	margin-left:-2px;
/*	letter-spacing:1px; */
	
	}
h2 {font-weight:bold;}	
strong, b, h2 {color:#394e72;}	
sup {font-size:60%;}	
h4 {
	font-size:10px;
} /* Datumsangaben */
p {margin-bottom:9px;}
p.back {margin-top:27px;}

em {font-style:italic;}
.small {font-size:11px;}

hr{ height:0;
	border:0 solid;
	border-top:1px solid #C4CBD8;
	padding-bottom:9px;
	}
		
#text a {
	color:#966d5b;
	}
#text a:hover {
	color:#21314d;
	padding-bottom:1px;
	border-bottom:1px solid #966d5b; 
	}

#footer a {color:#c4cbd8;}
#footer a:hover {color:#21314d;}


#text .slidecontent ul {
	margin-left:15px;
	}
#text .slidecontent ul li {
	list-style:circle;
	margin-bottom:9px;
	list-style-position: outside;
	}
	
#text ul, #text ol {	
	margin-left:24px;
	}
#text .childscontainer ul, #text #thumbscontainer ul {margin-left:0px;}	
#text ul li {
	margin-bottom:9px;
	list-style-position: outside;
	list-style-type: circle;
	}

#text ol li {
	margin-bottom:9px;
	list-style-type: decimal;
	list-style-position: outside;
	}
#text #sitemap ul li {list-style:none;}
#text #sitemap ul ul li {margin-bottom:0px;}


#lan {font-size: 11px;
text-transform:uppercase;
	}

#nav a {
	font-size: 11px;
	 letter-spacing:1px; 
	color:#c4cbd8;
	text-transform:uppercase; 
	}
/* #subnav a:hover {color:#fff;} */
#nav li.selected a, #nav li.selected ul li.selected a  {
	color:#fff;
	background-color:#c4cbd8;
	}
#nav li.open a {
		color:#21314d;
		background-color:#c4cbd8;
		}

#nav li.selected ul a {
	display:block;
	color:#21314d;	}

#nav ul ul li a {
		background-color:#c4cbd8;
		}

	
#lan a { letter-spacing:1px; 
	color:#aaa;}	
#lan a:hover {color:#21314d;}


#lbLinks, .lbLinksContainer {
	background-color: #499;
	display:none;
}


/* startpage */

#startimg {
	position:absolute;
	left:0;
	top:276px;
	background-color:#c4cbd8;
	padding-top: 5px;
	overflow:hidden;
	white-space:nowrap;
	width:100%;
	height:0px;
	border-bottom: 5px solid #c4cbd8;
	}
#startimg ul {
	height:220px;
	display:block;
	overflow:hidden;
	width:400%;
	background-color:#21314D;
	}

#startimg li {
	float:left;
	height:220px;
	overflow:hidden;
	background-color:#21314D;
	}


#starttext {
	position:absolute;
	top:300px;
	left:443px;
	z-index:10;
	}

body.imagebanner #starttext {top:520px;}
body.imagebanner #startimg {height:220px;}

body.start {
/*	background: #21314d url(../img/site/bg_bodyright.png) right 0 repeat-y;	 /* blauer Streifen rechts aussen */
	background-color:#21314d;
	}
	
body.start #pos {background: none;}
body.start #mainwrapper {
	background: transparent url(../img/site/otevrel_logo460px.gif) 182px 165px no-repeat;
	padding:0;
	}
	
body.start #lan {
		right:20px;
		top:144px;
		z-index:30;
		
	}	
body.start #lan a:hover {color:#fff;}

body.start #mainwrapper a {
	position:absolute;
	display:block;
	height:100%;
	padding-left:950px;
	width:0px;
	overflow:hidden;
	z-index:20;
	}

#text table, #text td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:#21314d;
	text-align:left;
	vertical-align:top;
}

#text td img {
	margin-left:16px;
	}

#sitemap ul {margin-left:30px; text-transform:uppercase; line-height:22px;}	
#sitemap ul ul {
	text-transform:none;
	margin-left:20px;
	margin-bottom:9px;
	}

.mailme {display:none;}

/* maxi gallery */
#text .childscontainer {	}	
.childscontainer .thumbs li {
	display:block;
	clear:both;
	padding-top:3px;
}
#text .childscontainer .thumbs li hr {
	display:block;
	clear:both;
}
#text .childscontainer .thumbs li img {
	display:block;
	float:left;
	margin-right:20px;
}

#text .childscontainer a:hover {padding-bottom:0; border:none;}
#text .childscontainer a img {background: transparent url(../img/site/maxgal.png) -16px 10px no-repeat;}
#text .childscontainer a:hover img {background-position: 0 10px;}


#thumbscontainer {width:540px;}

#thumbscontainer li {float:left; margin-right:14px; display:block; width:120px; height:120px;}

#thumbscontainer a:hover {border:none;}
#thumbscontainer a img, #text .managepicture img  {background:none;}
#thumbscontainer img, #text .managepicture img {float:none;
	margin-right:0px;
	padding:0;
	}

ul.thumbs li{
	display:block;
/*	height:120px; */
	margin-bottom:9px;
	padding:0;
	position:relative;
	}