body{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#container{
position:absolute;
width:780px;
height:480px;
border: 1px solid White;
}
img{
margin :0px;
border : none;
}
p{
color:#333333;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
a{
font-size : inherit;
color : #999999 ;
text-decoration: none;
}
#kopf{
width:780px;
height:30px;
border-bottom :1px solid #999999;
position:absolute;
top:0px;
left:0px;
}
#rubriken{
position:absolute;
top:30px;
left:280px;
width:500px;
height:18px;
border-right:1px solid #999999;
border-bottom :1px solid #999999;
}
#kopf li,#rubriken li{
width:120px;
float:right;
}
#kopf a, #rubriken a{
display:block;
width:100%;
padding:2px;
text-align:center;
}
#kopf #logo{
width:300px;
float:left;
}
#kopf #logo a{
text-align:left
}
#rubriken a:hover{
background-color: #CCCCCC;
color: #FFFFFF;
}
#rubriken a.aktiv {
display:block;
padding:2px;
background-color: #CCCCCC;
color: #FFFFFF;
}
#rubriken a.extra{
display:block;
padding:2px;
color:#cc0000;
}
#rubriken a.extra:hover{
background-color:#cc0000;
color: #FFFFFF;
}
#rubriken a.extraaktiv{
background-color:#cc0000;
color: #FFFFFF;
}
/*Zustände der Bühne*/

.galerie{
position:absolute;
top:49px;
left:280px;
width:490px;	
height:400px;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
background-color:#ffffff;
}
.gruss{
position:absolute;
top:49px;
left:0px;
width:780px;	
height:400px;
border:1px solid #999999;
background-color:#ffffff;
z-index:10
}
#buehne div{
margin:30px;
}
#buehne textarea{
margin:30px;
}
#info{
text-align:center
}
h1 {
font-size : 24px;
line-height:24px;
margin:0px;
padding:0px;
}
h2 {
font-size : 18px;
margin:0px;
padding:0px;
}
h3 {
font-size : 12px;
color:#333333;
margin:0px;
padding:0px;
}
h4{
margin-top:20px;
margin-bottom:10px;
padding:0px;
font-size:12px;
}


#submenu{
position:absolute;
top:49px;
width:240px;
}
#submenu h2 a{
display:block;
width:200px;
border-bottom:1px solid  #FFFFFF;
}
#submenu h2 a:hover{
border-bottom:1px solid #999999;
}

#kategorien{
position:absolute;
top:290px;
}
#kategorien li{
height:22px;
}
#kategorien a{
display:block;
width:200px;
padding:2px;
border-bottom:1px solid  #FFFFFF;
}
#kategorien a:hover{
border-bottom:1px solid #999999;
}
#kategorien a.extra{
color:#cc0000;
}
#kategorien a.extra:hover{
border-bottom:1px solid #cc0000;
}
#kategorien a.extraaktiv{
color:#cc0000;
border-bottom:1px solid #cc0000;
}
#kategorien a.aktiv{
border-bottom:1px solid #999999;
}
#submenu h2 a.aktiv{
border-bottom:1px solid #999999;
}

textarea{
width:238px;
height:100px;
border:1px solid #999999;
overflow:auto
}

/*Styles der Ivconnavi*/
.lang{
position:absolute;
top:450px;
left:0px;
width:780px;
height:20px;
}
.kurz{
position:absolute;
top:450px;
left:0px;
width:770px;
height:20px;
border-right:1px solid #999999;
}

#icons div{
width:120px;
float:right;
text-align:center;
border-bottom:1px solid #999999;
}

#icons #farbwahl{
width:200px;
}
#icons #vorschau{
float:left;
width:240px;
}
#icons #weiter{
float:left;
width:120px;
}

select{
margin:0px;
padding:0px;
border:0px solid black;
width:100px
}

#icons #abschicken{
float:left;
width:240px;
}
#icons #abschicken a{
float:left;
width:20px;
}

#icons input{
width:120px;
height:20px;
padding:1px;
margin-top:0px;
border:none;
text-align:center;
color:#999999;
background-color:#ffffff;
}

#icons input:hover{
background-color: #CCCCCC;
color: #FFFFFF;
}

.knopf{
width:20px;
}
#schliessen{
float:right;
}
#oeffnen{
float:left
}
#offenes{
width:240px;
float:left
}
#offenes select{
border:1px solid #999999;
width:120px;
float:left
}

.an{
display:block
}
.aus{
display:none
}
/*bearbeiten: Abwärtskompatibilität von display:inline im MSIE*/
a.an{
background-color:#E6E6E6

/*
 background-image : url(../images/an.gif);
 background-repeat:no-repeat;
 background-position:0px 0px;
 */
}
a.aus{
display:block;
background-color:#ffffff
/*
background-image : none
*/
}
.aktionsschalter a{
width:20px;
float:left
}
#schalter_schliessen{
float:right
}


#bild.bildposition{
position:absolute;
left:330px;
top:30px;
margin:0px;
z-index:11
}
#nachricht.textposition{
position:absolute;
top:30px;
left:30px;
width:240px;
z-index:11
}
#bild.an{
width:400px;
height:200px;
text-align:center;
}
table.paspatu td{/* ist eigentlich auch id=bild: abgleichen!*/
width:160px;
height:130px;
text-align:center;
vertical-align:bottom
}
.clearFloat{
height:0px;
line-height:0px;
font-size:0px;
clear:both;
margin:0px;
padding:0px;
}
#stile #farbwahl_stil{
width:200px;
}
#icons #weiter_neu{
float:left;
width:120px;
}

#aktionen{
position:absolute;
top:80px;
height:320px
}
#aktionen h4{
display:none
}

#aktionen fieldset{
border:none;
margin:0px;
padding:0px;
}
#aktionen label{
width:238px;
display:block;
color:#999999;
}
#aktionen legend{
padding-top:18px;
padding-bottom:8px;
font-weight:bold;
color:#999999
}
.legend{
padding-top:18px;
font-weight:bold;
}

#aktionen p{
margin-bottom:2px;
margin-top:0px;
}
#aktionen .eingabefeld{
width:238px;
border:1px solid #999999;
border-left:none;
border-right:none;
}

#verarbeitung{
position:absolute;
top:300px;
width:238px;
text-align:center
}