body { margin:0; padding:0;
       background: #FFEDD1 url(images/bg_body1.jpg) top left repeat-x;
       color: #555753; 
       font-family: Georgia, Verdana, Sans-Serif;  
}

h1 { font-size:14px; font-variant:small-caps;}
h2 { font-size:12px; font-variant:small-caps;}
h1 span { display: none; } 

p { font-size: 12px;
    text-align: justify;
    padding: 4px 10px 10px 10px;
}

cite { font-weight:bold; font-style:normal; }

a {color: Maroon; }
a:hover { color:Red; }

#aspnetForm { width:760px;
        position:absolute;
        left: 50%;    
        margin:0 0 0 -380px;
        padding:0;
        /* background-color: White; */
}

#header 
{         position: relative; 
          width:760px;
          height:118px;
          background-image: url(images/header2a.jpg);     
} 

#sn 
{  position:absolute;
   width:150px;
   height:24px;
   text-align:center;
   top: 116px; left: 608px;
   font-family: Arial, Sans-Serif;
   font-size: 12px;
   padding-top: 2px;
/*   background: url(images/bg_sn1.gif) top left no-repeat; */
 }


#wrapper 
{
   width:760px;
   height:100%;
   background-image: url(images/bg_wrapper.gif);
   float:left;    
}   

#navigation {
   width: 170px;
	float: left;
	margin: 0px;
	background: #5C2315 url(images/bg_navi.jpg) top left no-repeat;
}

#navwrap 
{ width:160px; 
  height:324px; 
  padding:90px 5px 10px 5px;
}

.accordionHeader
{
    border-left: 1px solid #5c2315;
    border-right: 1px solid #42190f;
    border-bottom: 1px solid #42190f;
    color: #ffedd0;
    background:  url(images/bg_acc_main2.jpg) top left repeat-x;
    font-family: Arial, Sans-Serif;
	 font-size: 12px;
	 font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
	color: Yellow;
}

.accordioncontent
{
    background: url(images/bg_navi1.jpg) top left repeat-y; 
    border: none; 
    padding: 2px;
    width: 152px;
}

.accordioncontent ul 
{
  margin: 0px;
  padding: 4px;
  list-style-type: none;
}    

.accordioncontent ul li {  border-bottom: 1px dotted gray; }

.accordioncontent ul li a:vistited 
{
  font-family: Comic Sans MS;
  font-weight: bold;
  font-size: 12px;
  color: Maroon;
  text-decoration: none;
 
}   


.accordioncontent ul li a
{
  font-family: Comic Sans MS;
  font-weight: bold;
  font-size: 12px;
  color: Maroon;
  text-decoration: none;
 
}   


.accordioncontent ul li a:hover { color: Red } 


#content {
	width: 580px;
	float:right;
   padding:10px 0 10px 10px;
	margin:0px;
	background-image: url(images/bg_main1.jpg);

}

#content #left {
	width:380px;
	float:left;
   font-size: 12px;
}

#content #right {
	width:180px;
	float: right;
	padding-right: 10px;
}

#content #right .infobox {  background: url(images/bg_info.jpg) top left repeat-y; border-bottom: 2px dotted gray; margin-bottom:10px; }
#content #right .infobox h2 {  background: url(images/bg_info_header1.jpg) top left no-repeat; width:172px; height: 26px;
                               color: #DABCA3;  font-family: Comic Sans MS, Arial, Sans-Serif; font-size: 12px; font-weight: bold;
                               padding: 4px 0 0 4px; margin:0;
                            }

#content #right .infobox h2.red { background: url(images/bg_info_header1_red.jpg) top left no-repeat; }
#content #right .infobox h2.blue { background: url(images/bg_info_header1_blue.jpg) top left no-repeat; }
#content #right .infobox h2.green { background: url(images/bg_info_header1_green.jpg) top left no-repeat; }
#content #right .infobox h2.yellow { background: url(images/bg_info_header1_yellow.jpg) top left no-repeat; }

#content #right p { font-size:10px; text-align:left; }
#content #right .infobox p { margin: 0px; }


#footer 
{
   position:relative;
   width:100%;
   height:50px;
   background-image: url(images/bg_footer2.jpg);
   color: White;
   text-align:center;
   font-size: 11px;
   font-weight: bold;
   font-family:Arial, Sans-Serif;
}   

#footerlogo { position: absolute;  top:-114px; left: -186px; }

#footertext 
{
   position: absolute;
   left:192px; 
   top:32px;
   color:#5C2315;
   width:520px;
   text-align:center;
   font-size: 11px;
   font-weight: bold;
   font-family:Arial, Sans-Serif;
}

#footertext a {color: #5c2315; text-decoration: underline; }
#footertext a:hover { color:Red;}

.table1 { border: 1px solid #5C2315; border-collapse:collapse;}
.table1 th { background: url(images/bg_info_header1_red.jpg) top left repeat-x; color: #DABCA3;}
.table1 td.tda { background-color: White; }

.bg1 { background-image: url(images/bg1.jpg); 
     border-top: 1px dotted gray; border-left: 1px dotted gray; 
     border-bottom: 2px dotted gray; border-right: 2px dotted gray;
     padding:8px; }


#selection {  padding: 0 0 8px 0; float:left; font-size:11px;}


/* ----- Sonderfälle für einzelne Seiten ------------------ */

#h1welcome { height: 25px; background: url(images/h1_welcome1.gif) no-repeat; margin: 20px 0 10px 0; }
#logo { position:absolute; top: -30px; left: 462px; }
#tickertext { font-family: Arial, Sans-Serif; font-weight:bold; font-size:12px; color: Maroon; margin-left: 10px; height:20px;}
#h1impressum { height: 25px; background: url(images/h1_impressum1.gif) no-repeat; margin: 20px 0 10px 0; }

#h1oeffnungszeiten { height: 25px; background: url(images/h1_oeffnungszeiten1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1ueberuns { height: 25px; background: url(images/h1_ueberuns1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1news { height: 25px; background: url(images/h1_news1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1veranstaltungen { height: 25px; background: url(images/h1_veranstaltungen1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1medien { height: 25px; background: url(images/h1_medien1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1preise { height: 25px; background: url(images/h1_preise1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1nutzungsordnung { height: 25px; background: url(images/h1_nutzungsordnung1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1neuzugaenge { height: 25px; background: url(images/h1_neuzugaenge1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1sofindensieuns { height: 25px; background: url(images/h1_sofindensieuns1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1bestellservice { height: 25px; background: url(images/h1_bestellservice1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1leihfrist { height: 25px; background: url(images/h1_leihfrist1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1avorschlag { height: 25px; background: url(images/h1_avorschlag1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1vorbestellung { height: 25px; background: url(images/h1_vorbestellung1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1beratung { height: 25px; background: url(images/h1_beratung1.gif) no-repeat; margin: 20px 0 10px 0; }
#h1aanfrage { height: 25px; background: url(images/h1_aanfrage1.gif) no-repeat; margin: 20px 0 10px 0; }



/* ----- Formatierung für Formulare -------- */
fieldset {margin: 0px 0px 10px 0px; }
legend { color: Green; font-weight:bold; }
 
fieldset p {margin:0px; padding:2px; }
p label { display:block; float: left; font-size:11px; font-weight:bold; width:120px; text-align:right; padding-top:4px;}


input.txt:focus,
input.txt:hover,
textarea.txt:focus,
textarea.txt:hover,
textarea.txt.iehover,
input.txt.iehover
{
	background-color: #EEE;
}


input.btn {
	color: #fff;
	background-color: #91171F;
	border: 1px outset #D0D0D0; 
	margin: 10px 0 10px 120px; 
	font-weight: bold;  
}

input.btn:focus, input.btn:hover
{
	color: yellow;
}

.valsum { width: 360px; border: 1px solid red; background-color:#FFEDED; margin:8px 0;padding:8px;}
.error {color: Red; }