@charset "utf-8";
/* CSS Document */

/* Projekt Christine Kranzelbinder 2010 */


/* Farben:

#F9F4F2 Hintergrund Text

*/

html, body 
{
 background-image: url(../layout/riegler_hg.jpg); 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: left top;
 background-color: #000;
 padding: 0; 
 margin: 0; 
 width: 100%; 
 height: 100%;
}	


/* Hauptcontainer */

#content
{
 width: 100%;
 height: 100%;
}
#textfeldrahmen_aussen
{
 padding-top: 60px;
 width: 820px;
 min-height: 550px;
 margin-left: auto;
 margin-right: auto;
}
#textfeldrahmen_innen   /* Hintergrund Text */
{
 background-image: url(../layout/riegler_kopf.jpg); 
 background-repeat: no-repeat;
 background-position: left top;	
 background-color: #F9F4F2;
 width: 780px;
 min-height: 780px;
 border: 1px solid #FFF;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 float: left;
 margin-left: 30px;
 padding-top: 1px;
}
#fotokopfklick
{
 width: 140;
 height:150;
 position: absolute;
 margin: -45px 0 0 60px;
 z-index: 20;
}
#textfeld
{
 width: 600px;
 padding-left: 100px;
 padding-right: 80px;
 float: right;
}
#footer
{
 clear: right;
 position: relative;
 left: -1px;
 bottom: 0;
 background-image: url(../layout/riegler_footer.jpg);
 background-repeat: no-repeat; 
 width: 780px;
 height: 202px;	
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
 border-top: none;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
}
#space_ende
{
 width: 780px;
 margin-left: 30px;
 padding-bottom: 140px;
}

/* ---  S U B M E N U E  rechts oben ---------- */


#menue_oben
{	
 position: relative;
 padding-top: 7px;
 padding-right: 24px;
 text-align: right;
}
#menue_oben li
{	
 display: inline;
 padding: 0 .5em 0 .85em;
}
#menue_oben li:first-child 
{
 border-left:none;
}
a.menue_text_oben
{
 color: #999;
 font-size: 10px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 text-align: right;
 letter-spacing: 1px;
}
a.menue_text_oben:hover
{
 color:#C90;
}
a.menue_text_oben_fix
{
 color: #FFF;
 font-size: 10px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration:underline;
 text-align: right;
 letter-spacing: 1px;
}

/* ---  H A U P T M E N U E  ---------- */


#menue
{	
 position:relative;	
 height: 100px;
 padding-top: 150px;
 text-align: left;
 z-index: 10;
}
#menue li
{	
 display: inline;
 height: 21px;
 padding: 0 4px 0 4px;
}
a.menue_text
{
 color: #930;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 letter-spacing: 1px;
 padding: 4px 14px 4px 15px; /* WEITERE SCHALTFLAECHE - HIER EINSTELLEN */
}
a.menue_text:hover
{
 color: #930;
 background-color: #FFF;
 border: 1px solid #C96;	
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 padding: 3px 13px 3px 14px;
}
a.menue_text_fix
{
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 letter-spacing: 1px;
 color: #300;
 background-color: #FCECC1;
 border: 1px solid #C96;	
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 padding: 3px 13px 3px 14px;
}
/* ---  S U B M E N U E  ---------- */

#submenue
{	
 position:relative;
 padding-top: 8px;
 padding-left: 0px;
 padding-right: 0px;
 text-align: right;
}
#submenue li
{	
 display: inline;
 border-left:1px solid #930;
 padding: 0 .5em 0 .85em;
}
#submenue li:first-child 
{
 border-left:none;
}
a.submenue_text
{
 color: #930;
 font-size: 10px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 text-align: right;
 letter-spacing: 1px;
}
a.submenue_text:hover
{
 color: #FFF;
 text-decoration:underline;
}
a.submenue_text_fix
{
 color: #F63;
 font-size: 10px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration:underline;
 text-align: right;
 letter-spacing: 1px;
}

/* NEWS Startseite ----------------- */

#news
{
 width: 244px;
 margin: 8px 0 0 24px;
 padding: 170px 0 60px 0;
 background-image:url(../images/klavier_000_news.jpg); 
 background-position: left top;
 background-repeat:no-repeat;
 background-color: #e7cb82;
 border: 1px solid #C90;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

/* I N H A L T E ------------------- */


h1
{
 color: #960;
 font-size: 24px;
 font-family:"Courier New", Courier, monospace;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
 line-height:32px;
 letter-spacing: 1px;
}
h2
{
 color: #FFF;
 font-size: 24px;
 font-family:"Times New Roman", Times, serif;
 font-weight: normal;
 text-decoration: none;
 text-align: left;
 line-height:32px;
 letter-spacing: 1px;
 padding-left:1px;
 padding-top:1px;
}
h3
{
 color: #C60;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
 line-height:32px;
 letter-spacing: 1px;
 padding-left:1px;
 padding-top:1px;
}
strong
{
 color: #930;
}
.textleft

{
 color: #330;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 text-align: left;
 line-height:16px;
 padding: 0 24px ;
}

.text
{
 color: #330;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 text-align: justify;
 line-height:16px;
 padding-left: 24px;
}
a.text
{
 color: #330;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: underline;
 text-align: justify;
 line-height:16px;
 padding-left: 0px;
}
a.text_fix
{
 color: #330;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 text-align: justify;
 line-height:16px;
 padding-left: 0px;
}
a.text:hover
{
 color: #F60;
}
.text_rot

{
 color: #C00;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 text-align: justify;
 line-height:16px;
}
.textzero
{
 color: #330;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 text-align: justify;
 line-height:16px;
}
a.textzero
{
 color: #930;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 text-decoration: underline;
 text-align: justify;
 line-height:16px;
}
a.textzero:hover
{
 color: #960;
}
.karlswerk
{
 margin: 32px 0 0 80px;
}

.image
{
 border: 1px solid #630;
}
.seitenabschluss
{
 color: #330;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 text-align: justify;
 line-height:16px;
 padding-top: 80px;
 padding-left: 24px;
}
a.seitenabschluss
{
 text-decoration: underline;
}
a.seitenabschluss:hover
{
 color: #0CC;
 text-decoration: underline;
}
.photo
{
 color: #330;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 text-align: justify;
 line-height:16px;
 padding-left: 8px;
}
a.photo
{
 color: #330;
 text-decoration: underline;
}
a.photo:hover
{
 color: #c90;
 text-decoration: underline;
}
.photosmall
{
 color: #330;
 font-size: 9px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 text-align: justify;
 line-height:12px;
 padding-left: 8px;
}
a.photosmall
{
 color: #330;
 font-size: 9px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 text-decoration: underline;
 text-align: justify;
 line-height:12px;
 padding-left: 8px;
}
a.photosmall:hover
{
 color: #960;
}

/* AKKORDEON-EFFEKT */

.trigger 
{
 width:570px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 -moz-box-shadow:0 1px 1px #fff inset;
 -webkit-box-shadow:0 1px 1px #fff inset;
 box-shadow:0 1px 1px #fff inset;
 background:-moz-linear-gradient(center top, #e9e9e9 50%, #ddd 50%);
 background-color:#ddd;
 border:1px solid #ddd;
 color:#888;
 cursor:pointer;
 margin-bottom:5px;
 padding:5px 0 5px 24px;
 text-shadow:0 1px 0 #fff;
}
.trigger_active {
 color:#333; 
 padding:5px 0 5px 24px;
}
.toggle_container {
 padding:5px 10px;
 width:580px;
}