@import url(text.css);
@import url(slimbox.css);
@import url(menue.css);

body{
background-image:url(../images/bg.jpg);
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
font-weight:normal;
text-align:center;
}



ul {
    MARGIN-TOP: 0.0em;
    MARGIN-BOTTOM: 0em;
    MARGIN-LEFT: 8px;
    PADDING-TOP: 0em;
    PADDING-BOTTOM: 0em;
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
  list-style-type: none;

}


#position, .rahmen, #meoben, #header {
  width: 925px;
}

#position{
  text-align: left;
  margin:-9px auto;
  background: #e2e9b2; 
}

.header-bild{
}

.rahmen{
position:absolute;
text-align:left;
}

#leiste{
background-color:#FF0000;
height:222px;
left:0;
position:absolute;
top:26px;
width: 100%
}

/* -- header -- */

#header{
/*background-color:#600F16;*/
/*background-image:url(../images/header-1.jpg);*/
background-repeat:no-repeat;
border:1px solid #666666;
float:right;
height:221px;
}

#header-bild{
}

#logo{
float:right;
height:195px;
margin-right:55px;
width:195px;
}

#menuebar{
    background: none repeat scroll 0 0 #600F16;
    float: left;
    height: 27px;
    width: 925px;
}

#menue{
background-color:#600F16;
border-left:1px solid #FFFFFF;
float:left;

margin-left:4px;

}

#menue2{
margin:5px 8px;
}

/* -- Inhalt -- */


#inhalt{
background-color:#FFFFFF;
border-bottom:20px solid #FF0000;
border-left:1px solid #666666;
border-right:1px solid #666666;
float:left;
margin-left:-2px;
min-height:400px;
}


.textItem{
margin-left:10px;
}

#klassenfoto{
float:right;
margin-top:20px;
padding:0 10px 14px 14px;
width:320px;
}

.klassenuebersicht{
float:left;
padding:5px;
}

.spalte1{
float:left;
height:170px;
padding-top:5px;
position:relative;
top:-8px;
width:340px;
}

.spalte2{
float:right;
min-height:170px;
padding-top:5px;
position:relative;
top:-8px;
width:340px;
}

#player{
text-align: center;
}

.counter{
margin-top:50px;
text-align:center;
}

/* News */

.artikelliste{
float:left;
margin-left:20px;
margin-right:5px;
text-align:right;
width:630px;
}

.artikelliste h2, .articlelistPagecounter{
text-align:left;
}

.news_text, .articlelistContent{
min-height:100px;
text-align:left;
}

.artikelliste img, .articlelistItem img{
padding: 3px;
}

img{
border: 0px;
}



.imageright, .articlelistImage, .artikelliste .articlelistItem li{
float: left;
}

.articlelistNavigation{
text-align:center;
}



/* -- Termine -- */

#kopf{
background-color:#CCCCCC;
border-bottom:1px solid;
border-top:1px solid;
float:left;
font-size:14pt;
font-weight:bold;
margin:10px 0 7px;
padding:5px;
width:99%;
}

#time{
    border-bottom:1px solid;
float:left;
margin-top:5px;
}

.time1{
float:left;
width:140px;
}

.time2{
float:left;
height:25px;
width:550px;
}

/* -- linke Spalte-- */

#links {
float:left;
margin-left:0;
margin-top:3px;
padding:4px;
text-align:left;
width:238px;
}

#mitte {
float:left;
min-height:400px;
padding:5px;
width:690px;
}

.textItem img {
border:0 none;
padding:5px;
}


/* -- rechte Spalte -- */

#rechts{
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius:10px 10px 10px 10px;
background-color:#FFFFFF;
border:medium solid #FF0000;
float:right;
margin:5px 14px 5px 5px;
width:200px;
}


/* -- unten -- */

#meoben{
background-color:#FFFFFF;
border:1px solid #666666;
clear:both;
float:right;
height:25px;
text-align:right;
}

#login{
background-color:#FFFFFF;
border:1px solid;
float:right;
height:69px;
margin:2px 110px;
width:200px;
}


/* -- Navigation -- */

.navlink{
  height:auto;
  margin:auto;
  text-align:right;
}

a.navlink:link,
a.navlink:visited,
a.navlink:active{
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}

a.navlink:hover{
  color: #003399;
  text-decoration: underline;
}


--------------------------------------------- 
               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 {
 background-color: #ff00ff;
 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;
 }

--------------------------------------------- 
               Termineinausgabe              
--------------------------------------------- 

#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: 600px; 
   background-color: #ffffff;
   border-collapse: collapse;
}

#mod_tl th {
   width: 100%;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   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 a .highlight {
   color: red;
}

#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; }


--------------------------------------------- 
              Terminliste Select              
--------------------------------------------- 

#mod_ts {
   width: 600px; 
}

--------------------------------------------- 

/* News */

.artikelliste{
float:left;
margin-left:20px;
margin-right:5px;
text-align:right;
width:500px;
}

.artikelliste h2, .articlelistPagecounter{
text-align:left;
}

.news_text, .articlelistContent{
min-height:55px;
text-align:left;
}

.artikelliste img, .articlelistItem img{
padding: 3px;
}

img{
border: 0px;
}


.imageright, .articlelistImage{
float: left;
}

/* -- Formular -- */

.map24{
float:right;
margin-top:-210px;
width:200px;
}

#contactForm{
border:1px solid;
margin-left:115px;
padding:10px;
width:349px;
}

#name, #email{
background-color:#EEEEEE;
border:1px solid;
width:350px;
}

#anliegen{
background-color:#EEEEEE;
border:1px solid;
font-family:verdana;
font-size:10px;
height:100px;
width:350px;
}



r:#EEEEEE;
border:1px solid;
width:350px;
}

#anliegen{
background-color:#EEEEEE;
border:1px solid;
font-family:verdana;
font-size:10px;
height:100px;
width:350px;
}


.articlelistNavigation{
margin-bottom:15px;
text-align:center;
}

/* -- Sitemap -- */

.sitemapStandardMainCat{
padding: 10px;
margin-left: 20px;
}

.sitemapStandardLevel_1{

        padding: 2px;

        padding-left: 20px;

}


.sitemapStandardLevel_2{

        padding-left: 40px;
        padding-top:5px;

}

.sitemapStandardLevel_3{

        padding-left: 45px;

}

/* -- Artikel bewerten-- */

    #bewertung{
    }

    #bewertung #sterne {
       height: 17px;
       width: 65%;
       display: block;
       line-height: 17px;
       font-size: 12px;
       float: right;
       text-align: right;
    }

    #bewertung #sterne a {
       width: 17px;
       height: 17px;
       display: block;
       float: left;
       margin-right: 3px;
       text-indent: -8000px;
       text-align: justify;
       background-image: url(../images/stars.png);
    }

    #bewertung #sterne a.stern_full {
       background-position: 0 0;
    }

    #bewertung #sterne a.stern_empty {
       background-position: 0 17px;
    }

    #bewertung #sterne a:hover {
       background-position: 0 34px;
    }