/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFF;
	font-size:11px;
	color:#000000;
}
h1 {
	font-size:17px;
	color:#00618F;
	padding-bottom:10px;
}
h2 {
	font-size:14px;
	color:#00618F;
}
h3 {
	font-size:13px;
	color:#000000;
}
a h3 {
	font-size:13px;
	color:#00618F;
	text-decoration:underline;
}
h4 {
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}


p {
	font-size:13px;
	text-align:justify;
}
.blue {
	color:#00618F;
}

backstyle {
	font-size:14px;
	color:#A7CC4F;
	text-decoration:underline;
}

a:link, a:visited {
	color:#00618F;
	font-size:13px;
	text-decoration:none;
}
#container {
	position:relative;
	top:0px;
	width:800px;
	padding:0px;
	margin:auto;
	background-color: #FFFFFF;
}
#logodiv-right {
	position:absolute;
	top:0px;
	padding-right:0px;
	padding-left:0px;
	height:200px;
	background-color:#FFFFFF;
	color:#000000;
	left: 504px;
}
#logodiv-left {
	position:absolute;
	top:120px;
	left: 0px;
}
#logoimage {
	position:absolute;
	top:0px;
	left:504px;
	width:300px;../images/buttons/home-plain.png
	height:140px;
	background-color:#FFFFFF;
	color:#000000;
	right:60px;
}

#middlediv {
	position:absolute;
	top:140px;
	left:0px;
	width:800px;
	height:350px;
	padding:0px;
	margin:0px;
	padding-top:20px;
	background-color:#A7CC4F;
}
#navdiv{
	position:absolute;
	top:140px;
	left:0px;
	margin:0px;
	background-color:#A7CC4F;
	width:800px;
	height:60px;
	padding:0px;
}
#aktuellesdiv {
	position:absolute;
	top:100px;
	width:155px;
	height:160px;
	padding:0px;
	padding-right:20px;
	background-color:#FFFFFF;
	
	


}
#aktuellesdiv ul {
	margin:0px;
	padding:0px;
	padding-left:10px;

}
#aktuellesdiv li {
	margin:0px;
	padding:0px;
	list-style:inside;
	color:#00618F;
	
	
}
#aktuellesdiv a:hover {
	color:#A7CC4F;
	
}

#aktuellesdiv li a {
	font-size:9px;
	padding-bottom:10px;
	
}
.underline {
	text-decoration:underline;
}
#content {
	position:absolute;
	top:200px;
	width:580px;
	background-color:#FFFFFF;
	left:0px;
	border-right-width: 100px;
	border-right-color: #A7CC4F;
	border-right-style: solid;
	border-left-width: 100px;
	border-left-color: #A7CC4F;
	border-left-style: solid;
	border-bottom-width: 60px;
	border-bottom-color: #A7CC4F;
	border-bottom-style: solid;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
}
#content-nav {
	position:absolute;
	top:200px;
	width:580px;
	background-color:#FFFFFF;
	left:0px;
	border-right-width: 100px;
	border-right-color: #A7CC4F;
	border-right-style: solid;
	border-left-width: 100px;
	border-left-color: #A7CC4F;
	border-left-style: solid;
	border-bottom-width: 60px;
	border-bottom-color: #A7CC4F;
	border-bottom-style: solid;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	background-color:#BDE652;
	
}
#popupdiv {
	position:absolute;
	width:400px;
	background-color:#FFFFFF;
	left:0px;
	border-right-width: 10px;
	border-right-color: #A7CC4F;
	border-right-style: solid;
	border-left-width: 10px;
	border-left-color: #A7CC4F;
	border-left-style: solid;
	border-top-width: 10px;
	border-top-color: #A7CC4F;
	border-top-style: solid;
	border-bottom-width: 10px;
	border-bottom-color: #A7CC4F;
	border-bottom-style: solid;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	overflow:auto;
}
#imagediv {
	position:absolute;
	top:100px;
	right:25px;
	padding:0px;
}
#akt-list ul {
	padding:0px;
	margin:0px;

}
#akt-list li {
	list-style-type:disc;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}

#akt-list a, #akt-list a:link, #akt-list a:visited {
	text-decoration:none;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	
}
.infolist {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	list-style:disc;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:10px;
}
.infolist li{
	padding-bottom:10px;
}

/* CSS for upper navigation bar.*/

#navbar {
	position:absolute;
	top:10px;
	left:0px;
	 margin:0px;
    padding:0px;
	padding-left:20px;
	height:20px;
	list-style:none;
	display:inline;
	overflow:hidden;
	width:800px;
}

#navbar li {
	list-style:none;
	display:inline;
    margin:0px;
	padding:0px;

}
#navbar a {
	float:left;
	padding: 20px 41px 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:20px; /*for IE5/Win only */
}

#home a {
	width: 65px;
	background:url(../images/buttons/home.png) top left no-repeat;
}
#presse a {
	width: 90px;
	background:url(../images/buttons/presse.png) top left no-repeat;
}
#tanzer a {
	width: 181px;
	background:url(../images/buttons/tanzer.png) top left no-repeat; 
}
#konzept a {
	width: 100px;
	background:url(../images/buttons/konzept.png) top left no-repeat;
}
#schule a {
	width: 85px;
	background:url(../images/buttons/schule.png) top left no-repeat;
}
#bewerbung a {
	width: 137px;
	background:url(../images/buttons/bewerbung.png) top left no-repeat;
}

#navbar a:hover{
	background-position: 0 -20px;
}
/* CSS for the down state of each button in navigation bar and sub-navigation */

#home-page #home a,
#konzept-page #konzept a,
#schule-page #schule a,
#tanzer-page #tanzer a,
#presse-page #presse a,
#bewerbung-page #bewerbung a {
	background-position: 0 -20px;
}

#kreative-page #kreative a
 {
	color:#000000;
}
#kreative-page #konzept a
 {
	background-position: 0 -20px;
}


#angebot-page #angebot a,
#projekte-page #projekte a,
#feedback-page #feedback a
 {
	color:#000000;
}
#angebot-page #schule a,
#prokekte-page #schule a, 
#feedback-page #schule a
  {
	background-position: 0 -20px;
}
#dozenten-page #dozenten a,
#kosten-page #kosten a
 {
	color:#000000;
}

#dozenten-page #bewerbung a, 
#kosten-page #bewerbung a
  {
	background-position: 0 -20px;
}

#mitteilung-page #mitteilung a
 {
	color:#000000;
}
#mitteilung-page #presse a 
{
	background-position: 0 -20px;
}

#subnav {
	position:absolute;
	top:35px;
	left:312px;
	height:10px;
	display:inline;
	margin:0px;
	padding-right:1px;
	width:500px;
	
}

#subnav li {
	list-style:none;
	padding:0px;
	margin:0px;
	display:inline;

}
#subnav a {
	text-decoration:none;
	color:#00618F;
	float:left;
	padding:1px 20px 0 0;
	height:0px;
	text-transform:capitalize;
}
#subnav a:hover {
	color:#000000;
}

/* CSS to position sub-navigation on each page*/

#konzept-page #subnav,
#kreative-page #subnav
 {
	left:80px;
}

#schule-page #subnav,
#angebot-page #subnav,
#projekte-page #subnav,
#feedback-page #subnav
  {
	left:200px;
}
#dozenten-page #subnav,
#bewerbung-page #subnav,
#kosten-page #subnav {
	left:300px;
}

#presse-page #subnav,
#mitteilung-page #subnav,
#schneider-page #subnav
 {
	left:600px;
}

/****/
/*Nav bar for Tanz Bayern Projekt*/

#navbar-tanz {
	position:absolute;
	top:10px;
	left:0px;
	 margin:0px;
    padding:0px;
	padding-left:25px;
	height:20px;
	list-style:none;
	display:inline;
	overflow:hidden;
	width:800px;
}

#navbar-tanz li {
	list-style:none;
	display:inline;
    margin:0px;
	padding:0px;

}
#navbar-tanz a {
	float:left;
	padding: 20px 25px 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:20px; /*for IE5/Win only */
}

#projekt a {
	width: 144px;
	background:url(../images/buttons/projekt.png) top left no-repeat; 
}
#pleiter a {
	width: 320px;
	background:url(../images/buttons/pleiter.png) top left no-repeat;
}
#forder a {
	width: 235px;
	background:url(../images/buttons/forder.png) top left no-repeat;
}
#navbar-tanz a:hover{
	background-position: 0 -20px;
}
/* CSS for the down state of each button in navigation bar and sub-navigation */

#projekt-page #projekt a,
#pleiter-page #pleiter a,
#forder-page #forder a {
	background-position: 0 -20px;
}


#footerdiv {
	position:absolute;
	top:520px;
	width:800px;
	padding:0px;
}
#footerdiv-info {
	position:absolute;
	top:565px;
	width:800px;
	padding:0px;
}
#footernav-info, #footernav {
	position:absolute;
	top:375px;
	left:170px;
	 margin:0px;
    padding:0px;
	list-style:none;
	display:inline;
	width:500px;
}
#footernav {
	top:330px;
}

#footernav-info li, #footernav li {
	list-style:disc;
	display:inline;
    margin:0px;
	padding:0px;
}
#footernav-info li a, #footernav li a {
	font-size:14px;
	color:#00618F;
	text-decoration:none;
	float:left;
	padding:10px 20px 0 40px;
	text-transform:capitalize;
}
#footernav-info li a:hover, #footernav li a:hover {
	color:#FFFFFF;
}

.impressum {
	background:none;
	color:#FF0066;
}
.column {
	text-align:left;
}


#teamdiv {
	border:thick #A7CC4F solid; 
	padding:10px;
}
/*This is the CSS for the thumbnail gallery on the Fotoarchiv page*/

.gallerycontainer{
position: relative;
height:300px;
background-image:url(../images/foto-archiv1.JPG);
background-position:right;
background-repeat:no-repeat;
}

.gallerycontainer1{
position: relative;
height:300px;
background-image:url(../images/foto-archiv-lochham1.jpg);
background-position:right;
background-repeat:no-repeat;
}
.gallerycontainer2{
position: relative;
height:300px;
background-image:url(../images/foto-archiv-stage1.jpg);
background-position:right;
background-repeat:no-repeat;
}
.thumbnail img{
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left:180px;
z-index: 50;
}