/*
CSS - dasklappt.de
*/

*   {
	            margin: 0;
	            padding: 0;
                }
                
html            {
                overflow-y: scroll;
                }

body {
	            background: url(../logos/navibalken_f9753d.jpg) repeat-x;
	            font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	            /*color: #6E6E70;*/
	            color: #5e5e5c;
	            height: 100%;
	            
                }

h1, h2, h3 {
	            color: #2d799d;
                }

h1 {
	            font: 18px Verdana, Arial, Helvetica, sans-serif;
	            margin-bottom: 1em;
                line-height:24px;
                letter-spacing:.1.5em;
                }

h2 {
	            font: 15px Verdana, Arial, Helvetica, sans-serif;
                line-height:20px;
                letter-spacing:.1.5em;
                }

h3 {
	            font: 12px Verdana, Arial, Helvetica, sans-serif;
                line-height:24px;
                letter-spacing:.1.5em;
                }

p, blockquote, ol, ul {
                font: 12px Verdana, Arial, Helvetica, sans-serif;
                line-height:1.5;
                margin-top:1em;
                margin-bottom:1.5em;
                }
                
blockquote      
                {
                font-style: italic;
                }    

ol {
	            margin-left: 2em;
                }

ul {
	            list-style: none;
	            }

ul li {
	            padding-left: 1em;
	            background: url(../logos/img07.gif) no-repeat 0 .6em;
	            
                }

 a              {
	            color: #2D799D;
                font-weight:bold;
                text-decoration: none;
                border: 0px;
                             }  
                             
a img           {
                border: 0 none;
                }                              

a:hover         {
	            text-decoration: none;
	            color: #f9a13d;
                }

table           {
                border-collapse: collapse;
                width: 720px;
                border: 1px solid #666;
                }

th, td          {
                padding: 0.3em 1em;
                font:12px Verdana, Arial, Helvetica, sans-serif;             
                color:#000000;
                }

th              {
                font-weight: bold;
                text-align: left;
                }

col             {
                border-right: 1px solid #ccc;
                }

col#letztespalte {
                border:none;
                }

thead           {
                background: #D4EFBE repeat-x left center;
                border-top: 1px solid #a5a5a5;
                border-bottom: 1px solid #a5a5a5;
                }

.ungerade       {
                background-color: #fafbff;
                }

/* Menu */

#menu {
	width: 840px;
	height: 40px;
	margin: 0 auto;
	border-left: 160px solid #2D799D;
    }

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
    }

#menu li {
	padding: 0;
	display: inline;
	background: none;
    }

#menu a {
	display: block;
	float: left;
	height: 30px;
	padding: 10px 20px 0 20px;
	font-size: 92%;
	font-weight: bold;
    }

#menu a:hover {
	background: #2D799D;
	text-decoration: none;
	color: #FFFFFF;
    }

#menu a:active {
	background: #2D799D;
	text-decoration: none;
	color: #FFFFFF;
    }

#menu a:selected {
	background: #2D799D;
	text-decoration: none;
	color: #FFFFFF;
    }

#menu b {
	text-decoration: underline;
    } 



/* Logo */

#logo {
	width: 1000px;
	height: 88px;
	border-left: 160px;
	margin: 0 auto;
	text-align: left;
	background: #8CB4D7;
	font: 26px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	color: #FFFFFF;
}

   

 

/* Page */

#page {
	width: 1000px;
	margin: 0 auto;
	background: url(../logos/navibalken_2d799d_2.jpg) repeat-y;
	
}

/* Navi */


#slider {
	float: left;
	padding-top: 20px;
	width: 160px;
	background: #2D799D;
}



/* Content */

#content {
	float: right;
	width: 840px;
	
    }


#inhalt {
    float:left;
    width: 720px;
    padding-top:20px;
    padding-left: 20px;
    padding-bottom: 20px;
    }
    

    
/*Layoutänderung Haupseite, 7. Sept 2010

.startungerade       {
                background-color: #edf5ff;
                }
                
.startseite     {
                padding: 2px 2px 2px 2px;
               
                }
    
.startseite img    {
                float: left;
                margin-right: 20px;
                }
                
.startseite strong    {
                font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
                font-weight: bold;
                }

.startseite p   {
                font: 12px Verdana, Arial, Helvetica, sans-serif;
                line-height:1.3;
                margin-top:1em;
                margin-bottom:1em;
                }
                */
/*Änderung Layout 7. Sept.                
#wettercom2 {
		float: left;
	margin-right: 20px;
} */

.calendar   {
            
            margin: 0;
	            padding: 0;
	            color: #23ff00;
	            font: 8px Verdana, Arial, Helvetica, sans-serif;
                line-height:1;
                margin-top:1em;
                margin-bottom:1em;
               
                font-weight:normal;
                text-decoration: none;
                border: 0px;
                 border:0px;
                 padding: 0 0 0 0em;
                 
              
            }
    


#wettercom2 table 
{
    width: 174px;
    border: 3px solid #ffffff;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    }
#wettercom2 td
{
    
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    }                
#wettercom2 strong    {
                font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
                font-weight: bold;
                }    
#logoleiste {
              float: right;
              width: 80px;
              padding-top:20px;
             background : #F9A23D repeat-y;
            
              }



/* Footer */

#footer {
                height: 50px;
                border-top: 1px solid #F9753d;
                border-bottom: 1px solid #F9753d;
                }

#footer .wrapper {
	            width: 1000px;
	            margin: 0 auto;
                }

#footer .links {
	            float: left;
	            width: 758px;
	            text-align:center;
	            height: 38px;
	            margin: 0 auto;
	            background: #f9d159;
            	
	            padding-top: 12px;
	            border-left: 160px solid #2aa976;
	            font: 12px Verdana, Arial, Helvetica, sans-serif;
	            font-weight:bold;
            	
	            }

#footer .legal {
	            float: right;
	            width: 78px;
	            height: 44px;
	            margin: 0 auto;
	            padding: 7px 4px 0 0;
	            background: #2d799d;
	            text-align: right;
	            font-size: 85%;
	            color: #FFFFFF;
}

/* Ende Layout */

.tabelle_startseite {
                width: 720px;
                border: 0px;
                text-align: left;
                
                }
.tabelle_startseite td {
                color:#5e5e5c;
                vertical-align:top;
                }
                
.tabelle_startseite td strong {
                  font: bold 15px Arial, Helvetica, sans-serif;
                }
                
.tabelle_bilder {
                width: 720px;
                border: 0px;
                text-align: left;
                }

.tabelle_bilder td{
                padding-left: 0px;
                align: center;
                }

#register       {
                font: 14px Verdana, Arial, Helvetica, sans-serif;
                color: #FFFFFF;
                font-weight: bold;
                letter-spacing:.1em;
                text-decoration: none;
                background-color: #2d799d;
                display:block;
                line-height:20px;
                border: 0px solid #FFFFFF;
                border-collapse: collapse;
                }

#register td    {
                border: 5px solid #ffffff;
                border-collapse: collapse;
                }

#register td:hover {
                background: #8CB4D7;
                color:#2d799d;
                }

#subregister    {
                font: 14px Verdana, Arial, Helvetica, sans-serif;
                color: #FFFFFF;
                background: #8cb4d7;
                font-weight: bold;
                letter-spacing:.1em;
                text-decoration: none;
                padding:5px 5px 5px 5px;
                border: 5px solid #FFFFFF;
                display:block;
                line-height:18px;
                }

.regenbogen img    {
                float: left;
                margin-right: 20px;
                }
                
.regenbogen2 img    {
                float: right;
                margin-left: 20px;
                }
                
.foerder img    {
                float: left;
                margin-right: 20px;
                }                
.thumbnail{
                position: relative;
                z-index: 0;
}

.thumbnail:hover{
                background-color: transparent;
                z-index: 5;
                }

.thumbnail span{
                position: absolute;
                background-color: lightblue;
                padding: 5px;
                left: -10px;
                border: 1px  gray;
                visibility: hidden;
                color: black;
                text-decoration: none;
                }

.thumbnail span img{
                border-width: 0;
                padding: 5px;
                }

.thumbnail:hover span{
                visibility: visible;
                top: 0;
                left: 70px;
                }

#navi           {
                font: 14px Verdana, Arial, Helvetica, sans-serif;
                font-weight:bold;
                line-height: 17px;
                vertical-align:middle;
                text-align:left;
                /*background: #4E81B8;*/
                letter-spacing: .1em;
                color: #FFFFFF;
                margin-bottom: 1em;
                }

#klassennavi    {
                font: 14px Verdana, Arial, Helvetica, sans-serif;
                font-weight:bold;
                line-height: 17px;
                vertical-align:middle;
                text-align:left;
                letter-spacing: .1em;
                color: #FFFFFF;
                margin-bottom: 1em;
                }


#klassennavi td       {
                border: 2px solid #C0DFFD;
                }

#klassennavi a        {
                color: #FFFFFF;
                }

#navi td       {
                border: 2px solid #C0DFFD;
                }

#navi a        {
                color: #FFFFFF;
                }