/* 
MAIN STYLE-DODUMENT FÜR DIE SEITE DER EMK AFFOLTERN AM ALBIS
*/




html {
 background: #005;
 background-repeat: repeat-x;
 font-family: sans-serif;
 font-size: 12px;
 padding: 0px;
 margin: 0px;
 cellspacing: 0px;
 text-decoration: none;
 color: #005;
}

 a, a:visited, a:active {
color: #005;

}



form {
display: inline;

}

input, textarea{
background: #ddf;
margin-left: 0px;
border: #005 1px solid;

}

.main-content a{
text-decoration: none;
color: darkgreen;
border: none;
font-family: inherit;
font-size: inherit;
}

a.noborder-link, a.noborder-link img, a.noborder-link:hover, a.noborder-link img:hover{
border: none;
}


 a:hover { color: white; border: none; }



.main-wrapper {
margin: 0px auto;
margin-top: 10px;
margin-bottom: 29px;
width: 800px;
border: grey 1px solid;
position: relative;
min-height: 100%;
//background: url(images/bars_of_style.png) no-repeat;


}


.main-table {
//border: 1px solid black;
background: #ddf;
width: 100%;
height: 100%;
}


td {
vertical-align: top;
}

.header-td , .pos-link, .pos-link:hover, .header-td img{
height: 300px;
background: #ddf;
vertical-align:bottom;
text-decoration:none;
color: inherit;
width: 796px;
}


.header-div {
}

.pos-div {
padding-left: 0px;
}

.header-link {
display: block;
width: 100%;
height: 100%;

}


.navi-td{
width: 150px;
min-width: 150px;
background: url(images/background002.png);
}

.navi-ul {
list-style: none;
}

.navi-sub-ul {
display: none;
list-style: none;
margin-left: -40px;
}

.navi-sub-ul#activ-ul {
display: block;
}

.navi-link {
text-align: center;
text-decoration: none; 
display: block; 
padding-top:12px;
padding-bottom: 17px;
margin: 0px;
font-weight: bold;
font-size: 14px;
color: #005;
margin-left: -40px; 
}



.navi-sub-link {
text-align: center;
text-decoration: none; 
display: block; 
padding-top:3px;
padding-bottom: 6px;
margin: 0px;
font-weight: bold;
font-size: 12px;
color: #00a;
margin-left: 0px; 
}


.navi-sub-link:hover, .navi-sub-link#activ-sub {
text-align: center;
text-decoration: none; 
display: block; 
padding-top:3px;
padding-bottom: 6px;
margin-left: 0px;
font-weight: bold;
font-size: 12px;
color: red;

}



.navi-link:hover, .navi-link#activ {
color: #00d;
background: url(images/background002-selected.png) no-repeat;
margin-left: -41px;
padding-left: 1px;
}

#navi-top-li {
margin-left: -41px;


padding-top: 0px;
margin-top: -13px;
display: block;
height: 50px;

background: url(images/background002-top.png);
}

/*#navi-bottom-li{
margin-top: 20px;
margin-left: -41px;
margin-bottom: -13px;
padding-bottom: 0px;
display: block;
height: 20px;

background: url(images/background002-bottom.png) repeat-x;

}*/


.main-td {
background: #ddf;
padding-top: 0px;
max-width: 650px;
width: 650px;
}


.main-cont {


}


.main-title-content {
border-bottom: white 1px solid;
color: #005;
padding: 27px 15px 12px 15px;
margin-bottom: 20px;
font-size: 22px;
font-weight: bold;
font-family: cursive;
}

.main-title-content-kal {
border-bottom: white 1px solid;
color: #005;
padding: 100px 15px 12px 15px;
margin-bottom: 0px;
font-size: 22px;

font-weight: bold;
font-family: cursive;
text-align: center;
}



.main-title-big {
display:block;
align: right;
color: #eff;
font-family: verdana sans-serif;
font-wheight: bold;
font-size: 26px;
height: 30px;
padding: 7px 15px 15px 25px;
}

.main-content {

padding:15px;
margin: 10px;
font-size: 15px;
min-height: 300px;


}


.main-img-div-klein-links , .main-img-div-klein-links a:before, .main-img-div-klein-links a:hover:before{
content: none;
width: 100px;
float: left;
display: inline;

text-align: center;
padding: 5px;
margin: 18px 25px 5px 5px;
}

.main-img-div-klein-rechts, .main-img-div-klein-rechts a:before, .main-img-div-klein-rechts a:hover:before{
content: none;
width: 100px;
float: right;
display: inline;

text-align: center;
padding: 5px;
margin: 18px 35px 5px 15px;
}


.main-img-div-gross-links,.main-img-div-gross-links a:before, .main-img-div-gross-links a:hover:before{
content: none;
width: 280px;
float: left;
display: inline;

text-align: center;
padding: 5px;
margin: 35px 25px 5px 5px;
}

.main-img-div-gross-rechts {
width: 280px;
float: right;
display: inline;
text-align: center;
padding: 5px;
margin: 18px 35px 5px 15px;
}
.main-img-div-riesig {
width: 100%;
float: right;
display: inline;
text-align: center;
padding: 5px;
margin: 0px;
}

.kal-table {
width: 100%;

}

.kal-table div {
margin: 10px;
}

.kal-head-tr {
}


.kal-pic-div {
width: 60px;
text-align: center;
height: 65px;
border: none;
}

.kal-pic-div img{
border: none;
}
.kal-wann-div {
}

.kal-was-div {
}

.kal-dat-div {
width: 60px;
}
.kal-zeit-div {
width: 30px;
}


}


.kal-pic-div #edit-td{
width: 30px;
text-align: center;
height: 65px;
}


.kal-wann-div #edit-td{
}

.kal-was-div #edit-td{
}

.kal-dat-div #edit-td{
width: 30px;
}
.kal-zeit-div #edit-td{
width: 30px;
}














#kal-pic-head, #kal-wann-head, #kal-was-head {
height: 0px;
}




.link-banner , .content-box{
border: white 1px solid;
padding: 5px;
width: 96%;
padding-right: 15px;
margin-top: 25px;
display: block;
text-decoration: none;
color: inherit;
}

.link-banner:hover {
color: inherit;
border-left: 5px orange solid;
border-right: 5px orange solid;
padding-left: 1px;

}



.link-banner .link-banner:hover {
border: white 1px solid;
padding: 5px;
width: 96%;
padding-right: 15px;
margin-top: 25px;
display: block;
text-decoration: none;
color: inherit;

}

.title-hover-div {
max-height: 30px;
overflow: hidden;
background: url(images/bars_of_style.png) repeat-x;
}

.title-hover-div:hover {
max-height: 100%;

background: url(images/bars_of_style.png) repeat-x;
}


.footer-td {

background: url(images/bar_footer.png) repeat-x;


}

.footer-text a, .footer-text {
color: #005;
text-align: right;
text-decoration: none;
}

#kal-shower {
display: none;
position:absolute;
top: 600px;
left: 250px;
width: 200px;
height: 200px;
background: #eef;
border: 1px black solid;
}









#JH-div, #GS-div{
position: relative;
width: 200px;
float:right;
top: 10px;
left: 10px;
margin-right: -220px;
padding: 5px;
border: solid 3px red;
background: #aaf;
color: #005;
font-size: 105%;
}
#JH-div img, #JH-div img:hover{
border: none;
margin-bottom: 5px;
}
#JH-div:hover, #GS-div:hover{
background: #dd3;
}

#GS-div{
top: 250px;
}

.content-title{
display: block;
background: #aaf;
margin: -5px -15px 5px -3px;
padding: 5px;
font-size: 120%;
color: #005;

}
.msgbox-div-bad{
background: black; 
height: 100%; width: 50%; 
margin: 0px auto; 
padding: 20px; padding-top: 100px;
color: yellow; 
font-size: 17px; 
}
.msgbox-div-good{
background: blue; 
height: 100%; width: 50%; 
margin: 0px auto; 
padding: 20px; padding-top: 100px;
color: #def; 
font-size: 17px; 
}
// EDITMARK001: ME.DEL(false)
#validator { font-size: 10px; text-decoration: none;  color: darkgrey; }
// EDITMARK001