/*Version 1.1 - 17.05.2007*/


/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */

html, body {
	padding: 0px; 
	margin: 0px;
	color: #333;
	background:#FFFFFF url(img/bggrau.gif) repeat-y top center;
	text-align: center;
	height:100%;
  	margin-bottom:1px;
}

body {
	overflow-y: scroll;
}

#wrap {
	text-align: left;
	width: 908px;
	margin: 0 auto;
	position: relative;
}

div, td, p, ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; }

table {
   border: none;
}

img {
   border: none;
}


/* - - - - - - - - - - - - Schriften, Gliederung - - - - - - - - - - - - */

.titel1 {
font-size: 12px;
color: #EE8202;
font-weight: bold; 
}

.titel1a {
font-size: 12px;
color: #333333;
font-weight: bold; 
}

.titel2 {
font-size: 11px;
color: #EE8202;
font-weight: bold; 
}

.titel3 {
font-size: 11px;
color: #333333;
font-weight: bold; 
}


ul {
padding-left: 0px;
margin-left: 0px;
list-style-type: none;
}

ul.liste {
padding-left: 17px;
margin-left: 0px;
list-style-image: url(img/rechteck.gif);
}

.orange {
color: #EE8202;
}
.weiss {
	color: #FFFFFF;
}


hr{
background-color: #888888; /* Farbe für Opera und Firefox */
color: #888888; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 1px;
}

/* - - - - - - - - - - - - Klassen Ebenen - - - - - - - - - - - - */

#ueber {
position:absolute; left:361px; top:86px; width:500px; height:20px; font-size: 12px; color: #EE8202; font-weight: bold; z-index:1;
}

#text {
position:absolute; left:360px; top:215px; width:406px; z-index:2;
}

#textkontakt {
	position:absolute;
	left:360px;
	top:125px;
	width:406px;
	height:346px;
	z-index:3;
}

#textaktuell {
position:absolute; left: 244px; top: 86px; width: 400px; height: 179px; z-index:4;
}

#na1 {
position:absolute; 
left:155px; 
top:0px; 
width:608px; 
background: #EE8202; 
color: #FFF; 
font-weight: bold; 
text-align: left; 
padding: 2px 13px 2px 13px; 
z-index:12;
}

ul.na1a {
float:left;
list-style: none;
text-align: left; 
margin: 0;
padding: 0;
}

ul.na1a li {
display:inline;
list-style-type: none;
}

ul.na1b {
float:right; 
list-style: none;
text-align: right;
margin: 0;
padding: 0;
}

ul.na1b li {
display:inline;
list-style-type: none;
}

#na1 li a:link, #na1 li a:visited {  
font-weight: bold;
color: #FFDFBF;
text-decoration: none;
}

#na1 li a:hover, #na1 li a:active { 
font-weight: bold;
color: #FFF;
text-decoration: none;
}

#na2 {
position:absolute; 
left:155px; 
top:21px; 
width:280px; 
background: #EE8202; 
color: #FFF; 
font-weight:bold; 
padding: 2px 13px 2px 13px; 
z-index:13;
}

#na2 li a:link, #na2 li a:visited {  
font-weight: bold;
color: #FFDFBF;
text-decoration: none;
}

#na2 li a:hover, #na2 li a:active { 
font-weight: bold;
color: #FFF;
text-decoration: none;
}

#na3 {
position:absolute; 
left:193px; 
top:220px; 
width:140px; 
padding: 0; 
margin: 0; 
color: #EE8202; 
z-index:14;
}

#na3 li {
display:block;
list-style-type: none;
padding: 8px 0 8px 0;
border-bottom: 1px dotted #CCC;
}

#na3 li a:link, #na3 li a:visited {  
text-decoration: none;
color: #333;
}

#na3 li a:hover, #na3 li a:active { 
color: #FFF;
background-color: #EE8202; 
}

.oben {
	margin: 20px 10px 30px 0;
	text-align: right;
}

.archiv {
	position:absolute;
	left:193px;
	top:136px;
	width:155px;
	height:20px;
	z-index:5;
}

#balken {
	position:absolute;
	left:177px;
	top:116px;
	width:591px;
	height: 78px;
	background: #E4E4E4; 
	z-index: 10;
	text-align: right;
}

#fotos {
	position:absolute; left:34px; top:115px; width:121px; margin: 0; padding: 0; z-index:11;
}

#fotos ul { 
	margin: 0; padding: 0;
}

#fotos li {
list-style-type: none;
padding: 0;
margin:0 0 4px 0;
}

#fotos img {
border: 1px solid #666666;
}

.logo {
	position:absolute;
	left:813px;
	top:2px;
	width:187px;
	z-index:8;
}

#links {
position:absolute; left:192px; top:117px; width:573px; margin: 0; padding: 0; text-align: left; z-index:9;
}

#links td {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
height: 18px;
text-align: left;
padding: 3px;
vertical-align: top;
}

.head {
background: #E4E4E4;
border: 1px solid #999;
text-align: center;
height: 20px;
}

.head td {
background: #E4E4E4;
border: 1px solid #999;
}

.preise {
margin: 0;
padding: 0;
text-align: center;
width: 406px;
}

.preise td {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
height: 18px;
text-align: center;
}

.head {
border: 1px solid #999;
text-align: center;
height: 20px;
}

.head td {
background-color: #E4E4E4;
border: 1px solid #999;
}

.workshops {
width:100%;
}
.workshops td {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
height: 18px;
text-align: left;
vertical-align: top;
padding: 5px;
}

.head1 {
border: 1px solid #999;
height: 25px;
}

.head1 td {
font-size: 12px;
color: #EE8202;
font-weight: bold;
border: 1px solid #999;
}

.frame {
border: 1px solid #333;
}

#fotosstart
{
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
	height: 115px;
}

#fotosstart li
{
list-style-type: none;
float: left;
margin-right: 17px;
margin-bottom: 15px;
margin-top: 15px;
}

#fotosstart img
{
display:block;
border: 1px solid #333;
margin-bottom: 3px;
}

/* - - - - - - - - - - - - Klassen Schrift - - - - - - - - - - - - */

.klein {
font-size: 10px;
}

.fusszeile {
height: 80px;
font-size: 9px;
color: #333333;
border-top: 1px solid #333;
}

.fusszeile a:link,.fusszeile a:visited {  
color: #333333;
text-decoration: none;
}

.fusszeile a:hover,.fusszeile a:active {
color: #EE8202;
text-decoration: none;
}


/* - - - - - - - - - - - - Navigation - - - - - - - - - - - - */

a:link, a:visited {  
color: #EE8202;
text-decoration: none;
}

a:hover, a:active {  
color: #333333;
text-decoration: none;
}

a:focus {  
outline: 0 none;
}

.napop a:link, .napop a:visited {  
font-weight: bold;
text-decoration: none;
}

.napop a:hover, .navpop a:active {
font-weight: bold;
color: #333333; 
text-decoration: none;
}
.soundbeispiel {
	float: right;
	height: 150px;
	width: 183px;
}
.media {
	padding: 0 0 5px 0;
}
#s4 img {

}
ul#nav {
	margin: 0;
	padding: 0;
}

.bla {
	height: 30px;
	background-color: #EE8202;
	width: 535px;
	margin-bottom: 15px;
	overflow: hidden;
}

#navo a {
	display: block;
	width: 132px;
	float: left;
	text-align: center;
	font-weight: bold;
	height: 24px;
	color: #FFDFBF;
	padding-top: 6px;
	font-size: 14px;
	border-right: 1px solid #fff;
}

#navo a:hover, #navo a:active {
	background-color: #f9b52c;
}

#navo a.end {
	width: 136px;
	border-right: 0 none;
}

#stage {
	margin: 0px;
	padding: 10px 0 0 0;
}

.english, .deutsch {
	padding:0 5px 0 10px;
}

td.english a {
	color:#333;
}
.grossframe {}
.aaaroteueberschrift {
	font-size: 16px;
	color: red;
}