/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; }

body {
    background: #CCCCCC;
    font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
    color: #333; 
    text-align: center;
}

/* links */
a, a:visited {
    text-decoration: none;
    color: #014893; 
    background: inherit;
}
a:hover {
    color: #990000;
    background: inherit;
}

/* headers */
h1, h2, h3 {
    font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
    font-weight: Bold;      
}
h1 {
    font-size: 120%;    
}
h2 {
    font-size: 110%;
    text-transform: uppercase;
    color: #88ac0b;
}
h3 {
    font-size: 110%;
    color: #666666; 
}

/* images */
img {
    border: none;
}
img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
    padding: 10px;      
    margin: 0;
}
ul, ol {
    margin: 5px 20px;
    padding: 0 5px;
}
ul span, ol span {
    color: #666666;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
    margin: 10px;
    padding: 0 0 0 28px;  
   border: 1px solid #f2f2f2; 
    background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;    
}

/* form elements */
form {
    margin:10px; padding: 0 5px;
    border: 1px solid #f2f2f2; 
    background-color: #FAFAFA; 
}

label {
        float:left;
        font-weight:bold;
        width: 130px;
        margin-left: 10px;
        margin-top: 5px;
}

input, select {
    padding:2px;
    border:1px solid #eee;
    font: normal 1em Verdana, sans-serif;
    color:#777;
        margin-top: 5px;
}

#main input {
width: 170px;
}
select.type, select.group {
width: 176px;
}


.left-box input {
        margin-left: 15px;
        margin-bottom: 5px;
}

textarea {
    width:350px;
    padding:2px;
    font-family: Verdana, sans-serif;
    border:1px solid #eee;
    height:100px;
    color:#777;
        margin-top: 5px;
}
input.button, input.submit{ 

    font: bolder 1em Verdana, sans-serif;
    border: 1px solid #eee; 
    padding: 2px 3px; 
    background: #FFF;
    color: #000;
        margin-top: 5px;
    margin-bottom: 5px;
}
#main input.button {
width: 100px;
}


input.searchbutton { 
    font: bolder 1em Verdana, sans-serif; 
    border: 1px solid #eee; 
    background: #FFF;
    padding: 1px;
}
input.searchbutton:hover, input.button:hover, input.submit:hover {
    background: #eee;
}


/********************************************
   LAYOUT
********************************************/ 
#wrap {
    width: 820px;
    background: #CCC url(../images/content.jpg) repeat-y center top;
    margin: 0 auto;
    text-align: left;
}
#content-wrap {
    clear: both;
    width: 760px;
    padding: 0; 
    margin: 0 auto;
}
#header {
    width: 820px;
    position: relative;
    height: 230px;
    background: #CCC url(../images/header.jpg) no-repeat center top;
    padding: 0;
    font-size: 14px;
    color: #FFF;
}

/* header links */
#header-links {
    position: absolute;
    top: 17px; right: 30px; 
    color: #000;
    font-size: 10px;    
}
#header-links a {   
    color: #000;
    text-decoration: none;  
}
#header-links a:hover {
    color: #990000; 
}


/* Menu */
/* #shortmenu {
    clear: both;    
    margin: 0; padding: 0 40px 0 0;
    background: url(../images/menu.jpg) repeat-y center top;    
    font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
    height: 26px;
}
#shortmenu ul {
    float: right;
    list-style: none;
    margin:0; padding: 0;
}
#shortmenu ul li {
    display: inline;
}
#shortmenu ul li a {
    display: block;
    float: left;
    padding: 0 8px;
    color: #FFF;    
    text-decoration: none;

} */

#shortmenu {
    clear: both;    
    margin: 0; padding: 0 30px 0 0;
    background: url(../images/menu.jpg) repeat-y center top;    
    font: bold 11px/26px Verdana, Arial, Tahoma, Sans-serif;
    height: 26px;
}
#shortmenu ul {
    float: right;
    list-style: none;
    margin:0; padding: 0;
}
#shortmenu ul li {
    display: inline;
}
#shortmenu ul li a {
    display: block;
    float: left;
    padding: 0 8px;
    color: #FFF;    
    text-decoration: none;
        width: 104px;
    text-align: center;
}
#shortmenu ul li a.idcat7  { background: #E84200; width: 124px; } /* GS Peisel*/
#shortmenu ul li a.idcat44 { background: #FBC100; width: 124px; } /* GS Wiehl*/
#shortmenu ul li a.idcat56 { background: #008549; }               /* Hauptschule*/
#shortmenu ul li a.idcat63 { background: #BC060F; }               /* Realschule*/
#shortmenu ul li a.idcat70 { background: #004D9F; }               /* Gymnasium*/
#shortmenu ul li a.idcat41 { background: #BCCA2F; }               /* Verwaltung*/
    
#shortmenu ul li a:hover.idcat7  { background: #ED6833; }         /* GS Peisel*/
#shortmenu ul li a:hover.idcat44 { background: #FCCD33; }         /* GS Wiehl*/
#shortmenu ul li a:hover.idcat56 { background: #339D6D; }         /* Hauptschule*/
#shortmenu ul li a:hover.idcat63 { background: #C9383F; }         /* Realschule*/
#shortmenu ul li a:hover.idcat70 { background: #3371B2; }         /* Gymnasium*/
#shortmenu ul li a:hover.idcat41 { background: #C9D559; }         /* Verwaltung*/

#shortmenu ul li#current a {    
    background-color: #FFF;
    color: #333;
}

/* Main Column */
#main {
    float: right;
    width: 72%;
    padding: 0; margin: 0;
}
#main h1 {
    margin-top: 10px;
    font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;
    color: #014893;
    padding: 5px 0 5px 25px;    
    border-bottom: 1px solid #EFF0F1;
    background: #FFF url(../images/square-blue.png) no-repeat 3px 50%;  
}

.post-footer {
    background-color: #FAFAFA;
    padding: 5px; margin: 20px 10px 0 10px;
    border: 1px solid #f2f2f2;
    font-size: 95%; 
}
.post-footer .date {
    background: url(../images/clock.gif) no-repeat left center;
    padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
    background: url(../images/comment.gif) no-repeat left center;
    padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
    background: url(../images/page.gif) no-repeat left center;
    padding-left: 20px; margin: 0 10px 0 5px;
}


.navi-footer {
    background-color: #FAFAFA;
    padding: 5px; margin: 20px 10px 0 10px;
    border: 1px solid #f2f2f2;
    font-size: 95%; 
    text-align: center;
}
a.readmore {
    background: url(../images/page.gif) no-repeat left center;
    padding-left: 20px;
        padding-top: 1px;
        margin: 0 10px 0 5px;
}
.date {
    background: url(../images/clock.gif) no-repeat left center;
    padding-left: 20px;
        padding-top:1px;
        margin: 0 10px 0 5px;
}
.left-box .readmore {
    background: url(../images/page.gif) no-repeat left center;
    padding-left: 20px; margin: 0 10px 0 5px;
}


/* Sidebar */   
#sidebar {
    float: left;
    width: 26.5%;
    padding: 0; margin: 0;  
}   
#sidebar h1 {
    margin-top: 10px;
    padding: 5px 0 5px 10px; 
    font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
    color: #555;
    background: #EEF0F1 url(../images/headerbg.gif) repeat-x left bottom;   
    border: 1px solid #EFF0F1;
}
#sidebar .left-box {
    border: 1px solid #EFF0F1; 
    margin: 0 0 5px 0;  
}
#sidebar ul.sidemenu {
    list-style: none;
    text-align: left;
    margin: 3px 0 8px 0; padding: 0;
    text-decoration: none;      
}
#sidebar ul.sidemenu li {
    border-bottom: 1px solid #EFF0F1;
    /*background: url(../images/go.gif) no-repeat 5px 5px;  */
    padding: 2px 0 2px 25px;
    margin: 0 2px;  
}
#sidebar ul.sidemenu a {
    font-weight: bolder;
    text-decoration: none;  
    background-image: none; 
}

#sidebar ul.sidemenu li.nav1_off {
    background: url(../images/go_off.gif) no-repeat 5px 5px;    
}
#sidebar ul.sidemenu li.nav1_on, #sidebar ul.sidemenu li.nav1_open {
    background: url(../images/go.gif) no-repeat 5px 5px;    
}

#sidebar ul.sidemenu li.nav2_off {

}
#sidebar ul.sidemenu li.nav2_on, #sidebar ul.sidemenu li.nav2_open {

}

#sidebar ul.sidemenu li.nav3_off a {
    font-weight:normal;
    padding-left: 15px;
}
#sidebar ul.sidemenu li.nav3_on a, #sidebar ul.sidemenu li.nav3_open a {
    padding-left: 15px;
}

#sidebar ul.sidemenu li.nav4_off a {
    font-weight:normal;
    padding-left: 30px;
}
#sidebar ul.sidemenu li.nav4_on a, #sidebar ul.sidemenu li.nav4_open a {
    padding-left: 30px;
}

#sidebar .hell { background-color:#f6f6f6; }
#sidebar .dunkel { background-color:#eeeeee; }




/* Footer */    
#footer {
    color: #666666;
    background: #CCC url(../images/footer.jpg) no-repeat center top;
    clear: both;
    width: 820px;
    height: 55px;
    text-align: center; 
    font-size: 92%;
}
#footer a { text-decoration: none; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }

form {padding:0px; margin:0px;}

label.fleft {float: left; text-align: right; width: 120px; margin-right: 10px; font-size: 13px;}

div.fleft {float: left; text-align: right; width: 120px; margin-right: 10px;}
div.fright {display: block; margin-left: 133px;}

a.bbcode {
    font-size: 10px;
    text-decoration: none;
    color: #666666;
    padding: 2px;
    margin-right: 2px;
    height: 11px;
background: #BFBFC2;
}

a.smilie {border: 0; margin-right: 5px; margin-bottom: 5px;}
a img {background: none!important; border: none!important; padding: 0px!important;}

/*---------------------------------------------*/ 
/*           Artikelliste-Advance              */ 
/*---------------------------------------------*/ 
#headline{
padding-top:20px; padding-left: 8px; width:470px;
clear: both; margin-bottom:3px; margin-left:5px; margin-right:45px; border-bottom: 1px solid silver;font-weight: bold;text-align:left;font-size:11px;;
}

#headline2{
padding-top:5px; padding-left: 5px;
clear: both; margin-bottom:1px; margin-left:5px; font-weight: bold; text-align:left; font-size:11px;
}

#headline2 a:link, #headline2 a:visited, #headline2 a:active{font-weight: bold; font-size:12px; color: #000000; text-decoration: none;}
#headline2 a:hover{font-weight: bold; font-size:12px; color: #9c1c41; text-decoration: none;}

#image{float: left;  margin:4px; padding-left: 8px; padding-right: 20px;
 
}
#text{margin-left:5px;margin-right:45px; padding-left: 8px; padding-top:1px;
text-align:left;font-size:11px;font-family:Arial, Helvetica, sans-serif;
}

#more{  margin-left:5px; padding-left: 8px;
text-align:left;font-size:11px;font-family:Arial, Helvetica, sans-serif;
}

a.article_list_advanced {}
a.article_list_advanced:link {}
a.article_list_advanced:hover {}
a.article_list_advanced:active {}

#browsing {
    margin-left:5px; 
    margin-right:45px;
    padding-left: 8px; 

    width:470px;
    border-top: 1px solid silver;
    clear: both;
    margin-top:15px;
}
#browsing a {   font-size:     11px;}
#browsing a :hover {    font-size:     11px;}

#Next {
float: right;     padding-right: 8px; 
}

#Back {
float: left;
}

#Pages {    text-align:center;

}

/*---------------------------------------------*/ 
/*               sKalender                     */ 
/*---------------------------------------------*/ 

#mod_sK a { 
 font-family:sans-serif;
 font-size:12px;
 text-decoration:none; 
 color:#444444;
}

#mod_sK a.tag { 
 font-size:9px;
}

#mod_sK table {
 width: 160px;
 border: 1px solid #ffffff;
 margin-left: 10px;
 border-spacing:4pt;
 font-size:12px;
 font-family:sans-serif;
 text-decoration:none; 
 color:#000000;
}

#mod_sK td.navl {
 text-align:left; 
 width:20%;
 font-weight:bold;
}

#mod_sK td.navr {
 text-align:right; 
 width:20%;
 font-weight:bold;

}
#mod_sK td.navm {
 text-align:center; 
 width:60%;
 font-weight:bold;
}

#mod_sK td.wtag {
 width:14%;
 background-color:#ffffff;  
 text-align:center; 
 color:#000000;
 font-family:sans-serif;
}


#mod_sK td.wochenende {
 background-color:#eeeeee;  
 color:#aaaaaa; 
 text-align:right; 
 border:1px solid #AAAAAA;
 padding-right:3px;}

#mod_sK td.wochentag {
 color:#999999; 
 text-align:right; 
 border:1px solid #AAAAAA;
 padding-right:3px;}

#mod_sK td.heute {
 color:#43A0AF; 
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.belegt {
 background-color:#e3e3ff;
 color:#9E5357; 
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.belegtwe {
 background-color:#bfbfff;
 color:#9E5357; 
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.tangiert {
 background-color:#ffffcc;
 color:#9E5357; 
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.tangiertwe {
 background-color:#ffff99;
 color:#9E5357; 
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

/*---------------------------------------------*/ 
/*               Terminein/ausgabe             */ 
/*---------------------------------------------*/ 

#mod_te h1 {font-size:150%; color:#000000; margin-bottom:5px;}
#mod_te h2 {font-size:120%; font-weight:bold; color:#000000; margin-bottom:5px;}
#mod_te p {font-size:100%; color:#222222; }

/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*                 Terminliste                 */ 
/*---------------------------------------------*/ 

#mod_tlh {
   text-align:left;
}

#mod_tlf {
   text-align:left;
}

#mod_tl table {
   width:540px; 
   background-color:#ffffff;
   border-collapse:collapse;
}

#mod_tl th {
   width:100%;
   text-align: left;
   vertical-align: top;
   line-height: 100%;
   background-color:#cacaca;
   margin-top:5px;
   margin-bottom:5px;
   padding-left:5px;
}

#mod_tl td {
   text-align: left;
   vertical-align: top;
   line-height: 130%;
}

#mod_tl .border { border-top:1px solid #000000; border-bottom:1px solid #000000; }
#mod_tl .hell { background-color:#ffffff; }
#mod_tl .dunkel { background-color:#dfdfdf; }
#mod_tl .sp0 { width:60px; }
#mod_tl .sp1 { width:85px; }
#mod_tl .sp2 { width:90px; }
#mod_tl .sp3 { width:300px; }
#mod_tl .sp4 { width:100px; }
#mod_tl .einrueck { padding-left:15px; }

/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*                 Terminteaser                */ 
/*---------------------------------------------*/ 
/*
#mod_ttl table {
   width:300px; 
   background-color:#ffffff;
   border-collapse:collapse;
}

#mod_ttl th {
   width:100%;
   border-top:1px solid #000000;
   border-bottom:1px solid #000000;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color:#cacaca;
   margin-top:5px;
   margin-bottom:5px;
   padding-left:5px;
}

#mod_ttl td {
   text-align: left;
   vertical-align: top;
   line-height: 130%;
}

#mod_ttl .hell { background-color:#ffffff; }
#mod_ttl .dunkel { background-color:#dfdfdf; }
#mod_ttl .sp1 { width:110px; }
#mod_ttl .sp2 { width:190px; }
*/ 

#mod_ttl table {
   width:180px; 
   background-color:#DFE0E5;
   border-collapse:collapse;
   color:rgb(51,79,119);
}

#mod_ttl th {
   width:180%;
   border-top:1px solid #aeaeae;
   border-bottom:1px solid #aeaeae;
   text-align: left;
   vertical-align: top;
   line-height: 140%;
   background-color:#DFE0E5;
   margin-top:5px;
   margin-bottom:5px;
   padding-left:10px;
   font-size:11px;
   font-weight: normal;
}

#mod_ttl td {
   border-top:1px solid #aeaeae;
   border-bottom:1px solid #aeaeae;
   text-align: left;
   vertical-align: top;
   padding-left:10px;
   line-height: 140%;
}

#mod_ttl .hell { background-color:#DFE0E5; }
#mod_ttl .dunkel { background-color:#DFE0E5; }
#mod_ttl .sp1 { width:160px; }
#mod_ttl .sp2 { width:150px; }
