#development {
text-align : center;
background-color : white;
-moz-box-shadow : 0 0 7px #7a93bb;
-webkit-box-shadow : 0 0 7px #7a93bb;
box-shadow : 0 0 7px #7a93bb;
padding : 5px;
border : red solid 1px;
margin : 18px auto;
width : 1000px;
}
body {
color : #666;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 15px;
margin : 0;
padding : 0;
background-color : #99b8eb;
background-image : url("/img/bg_body.png");
background-position : 20px 0;
background-repeat : repeat-x;
height : 100%;
}
.bottom {
position : relative;
margin-top : -300px;
bottom : 0;
width : 100%;
z-index : -1;
height : 300px;
background-image : url("/img/bg_bottom.png");
}
.bottom span {
display : none;
}
img {
border : 0;
}
a {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 15px;
color : #4675ec;
text-decoration : none;
}
a:hover {
color : #233b77;
}
h1, h2, h3 {
color : #5C7B9B;
margin-bottom : 3px;
margin-top : 0;
}
h1.center, h2.center, h3.center {
text-align : center;
}
.home h3 {
margin : 0;
text-align : center;
font-size : 15px;
color : #555;
}
div.homediv {
font-size : 80%;
border : silver solid 1px;
margin : 1px;
padding : 6px;
background-color : white !important ;
}
.widthspace {
font-size : 45px;
width : 16px;
padding : 0;
}
.heightspace {
font-size : 12px;
height : 16px;
padding : 0;
}
.widthspace span, .heightspace span {
visibility : hidden;
}
td#container {
border : 0;
margin : 0;
padding : 0;
width : 100%;
}
table#table {
margin : 16px auto;
-moz-box-shadow : 0 0 7px #7a93bb;
-webkit-box-shadow : 0 0 7px #7a93bb;
box-shadow : 0 0 7px #7a93bb;
width : 1000px;
padding : 0;
border : 0;
border-collapse : collapse;
}
table#table tr {
width : 100%;
margin : 0;
padding : 0;
border : 0;
}
td#header_td {
width : 100%;
margin : 0;
padding : 0;
vertical-align : top;
border : 0;
background-repeat : repeat-x;
background-image : url("/img/bg_header_td.png");
height : 66px;
}
div#header {
width : 100%;
height : 124px;
background-repeat : no-repeat;
background-image : url("/img/bg_header.png");
position : relative;
z-index : 3;
margin-bottom : -58px;
}
.logo {
position : absolute;
height : 122px;
width : 182px;
top : 0;
left : 0;
z-index : 4;
}
.banner {
float : right;
margin : 6px 10px 8px 2px;
height : 50px;
width : 136px;
border : silver solid 1px;
}
td#nav {
width : 200px;
height : 100%;
margin : 0;
padding : 55px 0 0 0;
border : 0;
background-image : url("/img/bg_nav.png");
vertical-align : top;
z-index : 3;
}
td#nav ul {
width : 210px;
margin : -3px 0 0 0;
padding : 0 0 2px 1px;
list-style-type : none;
z-index : 1;
white-space : normal;
}
td#nav ul li {
width : 170px;
margin : 0;
padding : 0;
white-space : normal;
}
td#nav ul li a {
width : 158px;
margin : -6px 0 6px 10px;
padding : 5px 2px 2px 8px;
color : gray;
display : block;
text-decoration : none;
font-size : 16px;
white-space : normal;
}
td#nav ul li a:hover {
color : #0c45d7;
}
td#nav li.title {
color : white;
margin : 0;
background-image : url("/img/bg_nav_li_title.png");
background-repeat : no-repeat;
position : relative;
height : 29px;
width : 190px;
left : -10px;
margin : 0 0 5px 0;
z-index : 3;
padding : 2px 0 0 20px;
font-size : 16px;
}
td#nav li.title a {
color : white !important ;
margin : 0 !important ;
padding : 0 !important ;
z-index : 3;
font-size : 16px !important ;
}
div#top {
width : 100%;
margin : 0;
padding : 0 0 0 0;
border : 0;
vertical-align : top;
margin-top : -40px;
}
ul#topnav {
width : 100%;
height : 62px;
margin : 0;
padding : 0 0 0 0;
border : 0;
vertical-align : top;
list-style : none;
white-space : nowrap;
background-image : url("/img/bg_topnav.png");
background-repeat : repeat-x;
background-position : 0 47px;
font-size : 18px;
margin-top : -40px;
}
ul#topnav li {
display : inline-block;
height : 62px;
list-style : none;
background-image : url("/img/bg_topnav_li.png");
margin : 0;
padding : 0;
vertical-align : top;
}
ul#topnav .title {
display : inline-block;
list-style : none;
background-image : url("/img/bg_topnav_li.png");
margin : 0;
padding : 0;
vertical-align : top;
height : 47px;
padding : 15px;
margin-left : 40px;
color : #5C7B9B;
padding-top : 5px;
font-size : 30px;
padding-bottom : 0;
padding-right : 30px;
}
ul#topnav textarea {
display : inline-block;
list-style : none;
background-image : url("/img/bg_topnav_li.png");
margin : 0;
padding : 0;
vertical-align : top;
height : 40px;
padding : 15px;
margin-left : 40px;
color : #5C7B9B;
padding-top : 5px;
font-size : 30px;
padding-bottom : 0;
padding-right : 30px;
margin-right : 200px;
padding : 0;
resize : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
ul#topnav li a {
display : inline-block;
list-style : none;
margin : 0;
padding : 0;
background-image : url("/img/bg_topnav_li_hover.png");
background-repeat : repeat-x;
height : 47px;
padding : 15px 15px 0 15px;
font-size : 18px;
color : #555;
}
ul#topnav li a:hover {
background-image : url("/img/bg_topnav_li_hover.png");
color : #dd3366;
}
ul#topnav .current {
display : inline-block;
height : 47px;
list-style : none;
margin : 0;
padding : 0;
background-image : url("/img/bg_topnav_li_hover.png");
background-repeat : repeat-x;
}
ul#topnav .current a {
display : inline-block;
list-style : none;
margin : 0;
padding : 0;
background-image : url("/img/bg_topnav_current_a.png");
background-repeat : no-repeat;
background-position : 50% 0;
height : 47px;
padding : 15px 15px 0 15px;
color : #dd3366;
}
ul#topnav .current a:hover {
background-image : url("/img/bg_topnav_current_a.png");
background-repeat : no-repeat;
background-position : 50% 0;
color : #dd3366;
}
ul#topnav .hr {
display : inline-block;
width : 3px;
background-position : 0 0;
height : 62px;
list-style : none;
background-image : url("/img/bg_topnav_hr.png");
margin : 0;
padding : 0;
}
ul#topnav .hr span {
display : none;
}
td#section_td {
background-color : white;
width : 1000px; /* bugfix 100% */
margin : 0;
padding : 0;
vertical-align : top;
border : 0;
padding-top : 40px;
padding-right : 10px;
}
.space {
font-size : 45px;
width : 16px;
padding : 0;
background-color : white;
}
.space span {
visibility : hidden;
}
#section {
display : inline-block;
vertical-align : top;
width : 100%;
z-index : 4;
position : relative;
white-space : normal;
padding-bottom : 10px;
}
#footer {
width : 100%;
margin : 0;
padding : 0;
vertical-align : top;
border : 0;
white-space : nowrap;
background-color : #f6f6f6;
background-image : url("/img/bg_footer.png");
margin : 0;
padding : 0;
color : #444;
height : 40px;
text-align : center;
}
#copyright {
display : inline-block;
text-align : center;
font-size : 10px;
padding : 5px;
}
#copyright a {
font-size : 10px;
}
.print {
float : left;
margin : 0;
display : inline-block;
background-image : url("/img/bg_print.png");
background-repeat : no-repeat;
padding : 5px 5px 2px 30px;
margin-left : 18px;
margin-top : 5px;
text-decoration : none;
color : #4675ec;
font-size : 16px;
text-align : left;
}
.print:hover {
background-image : url("/img/bg_print_hover.png");
color : #233b77;
}
ul.mininav {
margin : 0;
padding : 0 0 0 0;
border : 0;
vertical-align : top;
list-style : none;
font-size : 12px;
margin : 5px auto;
border : #ddd solid 1px;
padding : 10px 20px;
text-align : center;
}
ul.mininav li {
display : inline-block;
height : 23px;
list-style : none;
margin : 0;
padding : 0;
vertical-align : top;
margin : 3px;
}
ul.mininav li a, a.button {
min-width : 17px;
background-image : url("/img/bg_mininav.png");
background-repeat : repeat-x;
border : gray solid 1px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
border-radius : 3px;
display : inline-block;
list-style : none;
margin : 0;
padding-top : 2px;
height : 21px;
font-size : 14px;
color : #444;
-moz-text-shadow : 0 2px 2px #ffffff;
-webkit-text-shadow : 0 2px 2px #ffffff;
text-shadow : 0 2px 2px #ffffff;
padding-left : 5px;
padding-right : 5px;
-moz-box-shadow : 0 1px 1px #ddd;
-webkit-box-shadow : 0 1px 1px #ddd;
box-shadow : 0 1px 1px #ddd;
text-align : center;
}
ul.mininav li a:hover, a.button:hover {
color : #333;
-moz-text-shadow : 0 2px 2px #ffffff;
-webkit-text-shadow : 0 2px 2px #ffffff;
text-shadow : 0 2px 2px #ffffff;
background-color : #fff;
background-image : none;
}
ul.mininav li a:active, ul.mininav .current a, ul.mininav .current a:hover, a.button:active {
color : #fff;
-moz-text-shadow : 0 1px 2px #444;
-webkit-text-shadow : 0 1px 2px #444;
text-shadow : 0 1px 2px #444;
background-color : #aaa;
background-image : none;
-moz-box-shadow : 0 0 6px #555 inset;
-webkit-box-shadow : 0 0 6px #555 inset;
box-shadow : 0 0 6px #555 inset;
}
ul.mininav li.text span {
min-width : 0;
background-image : none;
border : 0;
display : inline-block;
list-style : none;
margin : 0;
padding-top : 6px;
height : 17px;
font-size : 14px;
color : black !important ;
-moz-text-shadow : 0 2px 2px #ffffff;
-webkit-text-shadow : 0 2px 2px #ffffff;
text-shadow : 0 2px 2px #ffffff;
padding-left : 1px;
padding-right : 1px;
-moz-box-shadow : 0 0 0 #ddd;
-webkit-box-shadow : 0 0 0 #ddd;
box-shadow : 0 0 0 #ddd;
text-align : center;
}
ul.mininav li span, span.button {
background-image : url("/img/bg_mininav.png");
background-repeat : repeat-x;
border : #bbb solid 1px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
border-radius : 3px;
display : inline-block;
list-style : none;
margin : 0;
padding-top : 2px;
height : 21px;
font-size : 14px;
color : #bbb !important ;
-moz-text-shadow : 0 2px 2px #eee;
-webkit-text-shadow : 0 2px 2px #eee;
text-shadow : 0 2px 2px #eee;
padding-left : 5px;
padding-right : 5px;
-moz-box-shadow : 0 1px 1px #ddd;
-webkit-box-shadow : 0 1px 1px #ddd;
box-shadow : 0 1px 1px #ddd;
text-align : center;
}
input[type="submit"], input[type="button"] {
min-width : 17px;
background-image : url("/img/bg_mininav.png");
background-repeat : repeat-x;
border : gray solid 1px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
border-radius : 3px;
display : inline-block;
list-style : none;
margin : 0;
padding-top : 0;
padding-bottom : 4px;
height : 26px;
font-size : 14px;
color : #444;
-moz-text-shadow : 0 2px 2px #ffffff;
-webkit-text-shadow : 0 2px 2px #ffffff;
text-shadow : 0 2px 2px #ffffff;
padding-left : 5px;
padding-right : 5px;
-moz-box-shadow : 0 1px 1px #ddd;
-webkit-box-shadow : 0 1px 1px #ddd;
box-shadow : 0 1px 1px #ddd;
text-align : center;
}
input[type="submit"]:hover, input[type="button"]:hover {
color : #333;
-moz-text-shadow : 0 2px 2px #ffffff;
-webkit-text-shadow : 0 2px 2px #ffffff;
text-shadow : 0 2px 2px #ffffff;
background-color : #fff;
background-image : none;
}
input[type="submit"]:active, input[type="button"]:active {
color : #fff;
-moz-text-shadow : 0 1px 2px #444;
-webkit-text-shadow : 0 1px 2px #444;
text-shadow : 0 1px 2px #444;
background-color : #aaa;
background-image : none;
-moz-box-shadow : 0 0 6px #555 inset;
-webkit-box-shadow : 0 0 6px #555 inset;
box-shadow : 0 0 6px #555 inset;
}
.error {
border : red solid 1px;
padding : 5px;
padding-left : 25px;
background-color : #ffbbbb;
background-image : url("/img/error.gif");
background-repeat : no-repeat;
background-position : 5px center;
color : red;
}
.well {
border : #00d800 solid 1px;
padding : 5px;
padding-left : 25px;
background-color : #ebffeb;
background-image : url("/img/well.gif");
background-repeat : no-repeat;
background-position : 5px center;
color : #00d800;
}
.warning {
border : #211af5 solid 1px;
padding : 5px;
padding-left : 25px;
background-color : #d8d9f5;
background-image : url("/img/warning.gif");
background-repeat : no-repeat;
background-position : 5px center;
color : #211af5;
}
hr {
color : white;
border : 0;
border-top : 1px solid silver;
}
table.list {
border-width : 0;
border-spacing : 1px;
border-style : solid;
border-color : silver;
border-collapse : separate;
}
td.swap {
border : 0 !important ;
}
table.list th {
border-width : 1px;
padding : 1px;
border-style : solid;
border-color : silver;
text-align : center;
padding : 2px;
}
table.list td {
border-width : 1px;
padding : 1px;
border-style : solid;
border-color : silver;
text-align : center;
padding : 2px;
}
.iframe_box {
background-image : url("/img/bg_iframe_box.png");
padding : 2px;
width : 768px;
height : 400px;
}
.tdtop td {
vertical-align : top;
padding : 0 2px 0 2px;
}
.tdtop img {
margin : 1px;
}
.news {
border : 0 !important ;
}
#Elternverein table {
border : #333 solid 1px;
border-collapse : collapse;
margin : 5px;
}
#Elternverein table td {
padding : 5px;
}
#Stundenplan td {
border-top : 1px solid gray;
border-left : 1px solid gray;
}
#Stundenplan table td {
border : 0 !important ;
}
#Supplierplan table {
width : 100%;
}
.tafel {
width : 100% !important ;
}
table.list2 {
border-width : 0;
border-spacing : 1px;
border-style : solid;
border-color : silver;
border-collapse : collapse;
color : #333;
}
table.list2 th {
border-width : 1px;
padding : 1px;
border-style : solid;
border-color : silver;
text-align : center;
padding : 2px;
}
table.list2 td {
border-width : 1px;
padding : 3px 5px !important ;
border-style : solid;
border-color : silver;
text-align : center;
padding : 2px;
}
.list2 .alt1 {
background-color : #eee;
}
 .list2 th {
background-color : #ddd;
color : black;
}
.blocks {
border-width : 0;
border-spacing : 1px;
border-style : solid;
border-color : silver;
border-collapse : collapse;
color : #333;
border : 1px solid silver;
width : 100%;
text-align : center;
margin-bottom:-1px;
}
.blocks td {
border : 1px solid silver;
border-bottom : 0;
padding : 3px 10px;
}
.blocks th {
border : 1px solid silver;
border-bottom : 0;
padding : 3px 30px;
background-color : #ddd;
color : black;
}
.block {
border-width : 0;
border-spacing : 1px;
border-style : solid;
border-color : silver;
border-collapse : collapse;
color : #333;
text-align : center;
width : 100%;
}
.block td {
border : 0;
}
.page_plan_date {
z-index:1000;
}
.page_plan_date div {
position: absolute;
height:0;
z-index:1000;
width:0;
}
.page_plan_date ul {
width : 180px !important;
padding : 0;
margin : 0 !important;
filter : alpha(opacity=0);
-khtml-opacity : 0;
-moz-opacity : 0;
opacity : 0;
visibility : hidden;
padding : 5px 0 6px 0 !important;
background-color : #fafafa;
text-align : left;
position : relative;
/*width : 180px;*/
-o-transition : all 0.3s 0.1s;
-webkit-transition : all 0.3s 0.1s;
-moz-transition : all 0.3s 0.1s;
transition : all 0.3s 0.1s;
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
/*rgba(0, 0, 0, 0.4);*/
-webkit-box-shadow : 0 1px 3px #777777;
-moz-box-shadow : 0 1px 3px #777777;
box-shadow : 0 1px 3px #777777;

/*width : 200px !important;*/

z-index:2003;
left:178px;

}
.page_plan_date ul:before {
content: "";
position: absolute;
bottom: -20px;
left: 40px;
border-width: 20px 20px 0;
border-style: solid;
border-color:  #777777 transparent;
display: block;
width: 0;

top: 10px;
bottom: auto;
left: -6px;
border-width: 5px 6px 5px 0;
border-color: transparent  #aaa;
}

.page_plan_date ul:after {
content: "";
position: absolute;
bottom: -13px;
left: 47px;
border-width: 13px 13px 0;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0;
top: 11px;
bottom: auto;
left: -5px;
border-width: 4px 5px 4px 0;
border-color: transparent #fff;
}
.page_plan_date:hover ul {
filter : alpha(opacity=100);
-khtml-opacity : 1;
-moz-opacity : 1;
opacity : 1;
margin-top : 49px;
visibility : visible;
}
.page_plan_date ul li {
padding : 0 !important;
margin : 0 !important;
/*width : 200px !important;*/
display : inline-block !important;
text-align : left !important;
font-family : 'Roboto Condensed', Verdana, Arial, Helvetica, sans-serif !important;
}
.page_plan_date ul li a {
padding : 0 !important;
margin : 0 !important;
/*width : 200px !important;*/
display : inline-block !important;
color : #3254a9 !important;
font-size : 14px !important;
padding : 4px 0 !important;
color: gray !important;
padding-left : 16px !important;
}
.page_plan_date ul li a.current {
font-weight : bold !important;
color : #cc2c24 !important;
}
.page_plan_date ul li a:hover {
/*background-color : #cc2c24 !important;
color : white !important;*/
color : #0c45d7 !important;
}

table.mon_list {
border-width : 0;
border-spacing : 1px;
border-style : solid;
border-color : silver;
border-collapse : collapse;
color : #333;
width : 100%;
}
table.mon_list th {
border-width : 1px;
padding : 1px;
border-style : solid;
border-color : silver;
text-align : center;
padding : 2px;
}
table.mon_list td {
border-width : 1px;
padding : 3px 5px !important ;
border-style : solid;
border-color : silver;
text-align : center;
padding : 2px;
}
.mon_list .even {
background-color : #eee;
}
 .mon_list th {
background-color : #ddd;
color : black;
}