/** Content CSS - VHS Regensburg by CM **/

/** Positionierung des Contents **/

#content {
   position: relative;
   width: 550px;
   padding: 0 10px;
   background-color: #fff;
   float: left;
   margin: 2px 10px;
}

/** Schriftbild des Contents **/

#content p {
   padding: 0;
   margin : 0 0 1em 0;
}

#content strong{
   font-weight:bold;
}

#content sup,
#content sub {
   font-size: 72%;
}

#content sup {
   vertical-align: top;
}

#content sub {
   vertical-align: baseline;
}

/** Überschriften des Contents **/

#content h1 {
   color: #223675;
   font-size: 160%;
   line-height: 130%;
   font-weight: bold;
   margin: 12px 0 10px 0;
   padding: 0;
}

#content h3 {
   color: #CC3333;
   font-size: 140%;
   font-weight: bold;
   margin: 12px 0 10px 0;
   padding:  0;
   line-height: 130%;
}

#content h5 {
   color: #223675;
   font-size: 120%;
   font-weight: bold;
   margin: 12px 0 10px 0;
   padding:  0;
   line-height: 130%;
}

/** Linkzustände des Contents **/

#content a,
#content a:link,
#content a:visited {
   color: #223675;
   text-decoration: none;
   font-weight: bold;
}

#content a:focus,
#content a:hover,
#content a:active,
#content a.selected,
#content a.selected:link,
#content a.selected:visited,
#content a.selected:focus,
#content a.selected:hover,
#content a.selected:active {
   text-decoration: underline;
}

/** HR des Contents **/

#content hr {
   height: 1px;
   background-color: #333;
   color: #333;
   border: 0 none;
}

/** Listen des Contents **/

#content ul{
   margin: 1em 0;
   list-style-type: disc;
   margin-left: 10px;
   padding-left: 10px;
}

#content ul ol,
#content ol ul,
#content ul ul,
#content ol ol{
   margin: 0.5em 0;
   padding-left: 20px;
}

#content ol{
   margin: 1em 0;
   list-style-type: decimal;
   margin-left: 10px;
   padding-left: 10px;
}

#content li{
   margin-bottom: 0.5em;
   line-height: 1.2;
   margin-left: 10px;
}

/** Inhaltstabellen des Contents **/

#content .tabrowheader td,
#content .tabrowgerade td,
#content .tabrowungerade td {
   padding: 3px;
}
#content .tabrowheader {
   color:#fff;
   background-color: #223675;
   font-weight: bold;
}

#content .tabrowgerade {
   background-color: #c4c5c8;
}
#content .tabrowungerade {
   background-color: #fcfcfc;
}

#content table{margin-bottom: 10px;}
#content table.wgBlaetterer table,
#content table.wgBlaetterer{margin-bottom: 0;}
#content td{vertical-align: top;}

/** Eingabefelder des Contents **/

#content input,
#content select,
#content textarea,
#bannerbk input,
#bannerbk select,
#bannerbk textarea {
   border: 1px solid #aaa;
   background-color: #FFF;
   color: #000;
   padding: 3px;
   margin: 1px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 100%;
}

/** Eingabefeld Hover **/

#content input:hover,
#content input:focus,
#content input:active,
#content textarea:hover,
#content textarea:focus,
#content textarea:active,
#bannerbk input:hover,
#bannerbk input:focus,
#bannerbk input:active,
#bannerbk textarea:hover,
#bannerbk textarea:focus,
#bannerbk textarea:active{
   border-color: #CC3333;
}

/** Bannerbaukasten **/

#bannerbk .suche form p{
   margin-bottom: 0;
}
#bannerbk .suche .input input{
   width: 118px;
   float: left;
}
#bannerbk .suche .submit input{
   font-size: 92%;
   cursor: pointer;
   width: 55px;
   float: left;
   height: 24px;
   padding-top: 4px;
}

#bannerbk p.small {
   clear: left;
   font-size: 92%;
   color: #555;  
   padding: 4px 5px 0;
}
#bannerbk p {
   padding: 0;
   margin : 0 0 1em 0;
}

#bannerbk h1 {
   color: #223675;
   font-size: 120%;
   line-height: 130%;
   font-weight: normal;
   margin: 6px 5px 2px 0;
   padding: 12px 10px 12px 40px;
   border-bottom: 1px solid #223675;
   text-transform: uppercase;
   background-image: url(../images/service.gif);
   background-repeat: no-repeat;
   background-position: left 50%;
}

#bannerbk h1 a,
#bannerbk h1 a:link,
#bannerbk h1 a:visited,
#bannerbk h1 a:focus,
#bannerbk h1 a:hover,
#bannerbk h1 a:active,
#bannerbk h1 a.selected,
#bannerbk h1 a.selected:link,
#bannerbk h1 a.selected:visited,
#bannerbk h1 a.selected:focus,
#bannerbk h1 a.selected:hover,
#bannerbk h1 a.selected:active {
   text-decoration: none;
   color: #333;
   display: block;
}

#bannerbk h3 {
   color: #333;
   text-decoration: none;
   padding: 5px 0;
   font-size: 100%;
   font-weight: bold;
}

#bannerbk h5 {
   color: #223675;
   text-decoration: underline;
   font-size: 100%;
   font-weight: bold;
   margin: 12px 0 10px 0;
   padding: 5px 10px 5px 10px;
   line-height: 130%;
}

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

#bannerbk a:focus,
#bannerbk a:hover,
#bannerbk a:active,
#bannerbk a.selected,
#bannerbk a.selected:link,
#bannerbk a.selected:visited,
#bannerbk a.selected:focus,
#bannerbk a.selected:hover,
#bannerbk a.selected:active {
   text-decoration: underline;
}

#bannerbk strong{font-weight:bold;}

#bannerbk sup,
#bannerbk sub {
   font-size: 72%;
}

/*******************************************************************/
/* leftcontainer (nicht vererbbarer bannerbk)                      */
/*******************************************************************/

#leftcontainer #banner_links {
   position: relative;
   margin: 0 0 15px 0;
   padding: 0 10px; 
}

#leftcontainer #banner_links p {
   padding: 0;
   margin : 0 0 1em 0;
}

#leftcontainer #banner_links h1 {
   color: #FFF;
   font-size: 120%;
   line-height: 130%;
   font-weight: normal;
   margin: 6px 5px 2px 0;
   padding: 12px 10px 12px 40px;
   border-bottom: 1px solid #FFF;
   text-transform: uppercase;
   background-image: url(../images/headline.gif);
   background-repeat: no-repeat;
   background-position: left 50%;
}

#leftcontainer #banner_links h1 a,
#leftcontainer #banner_links h1 a:link,
#leftcontainer #banner_links h1 a:visited,
#leftcontainer #banner_links h1 a:focus,
#leftcontainer #banner_links h1 a:hover,
#leftcontainer #banner_links h1 a:active,
#leftcontainer #banner_links h1 a.selected,
#leftcontainer #banner_links h1 a.selected:link,
#leftcontainer #banner_links h1 a.selected:visited,
#leftcontainer #banner_links h1 a.selected:focus,
#leftcontainer #banner_links h1 a.selected:hover,
#leftcontainer #banner_links h1 a.selected:active {
   text-decoration: none;
   color: #FFF;
   display: block;
}

#leftcontainer #banner_links h3 {
   color: #FFF;
   text-decoration: none;
   padding: 5px 0;
   font-size: 100%;
   font-weight: bold;
}

#leftcontainer #banner_links h5 {
   color: #FFF;
   text-decoration: underline;
   font-size: 100%;
   font-weight: bold;
   margin: 12px 0 10px 0;
   padding: 5px 10px 5px 10px;
   line-height: 130%;
}

#leftcontainer #banner_links a,
#leftcontainer #banner_links a:link,
#leftcontainer #banner_links a:visited {
   color: #fff;
   text-decoration: none;
}

#leftcontainer #banner_links a:focus,
#leftcontainer #banner_links a:hover,
#leftcontainer #banner_links a:active,
#leftcontainer #banner_links a.selected,
#leftcontainer #banner_links a.selected:link,
#leftcontainer #banner_links a.selected:visited,
#leftcontainer #banner_links a.selected:focus,
#leftcontainer #banner_links a.selected:hover,
#leftcontainer #banner_links a.selected:active {
   text-decoration: underline;
}

#leftcontainer #banner_links strong{font-weight:bold;}

#leftcontainer #banner_links sup,
#leftcontainer #banner_links sub {
   font-size: 72%;
}