/* Stylesheets für VHS Webseite ausser main */
/* Main tags */
#wrap{
/*  min-height:100%;*/
  position:relative;
  background-color:#00FFFF;  /*hellblau*/
    border: 1px solid black; /* for test only */
}
/** html #wrap {height:100%;}*/
html, body{
  margin:0;
  padding:0;
}
body{
  font-family:Verdana;
  font-size:12px;
  color:#000000;
}

h1 {font-size:18px;color:#000000;margin-bottom:0px;}
h2 {font-size:16px;color:#000000;}
h3 {font-family:Arial,Verdana; font-size:14px; color:#000000;}

a {color:#505050; font-weight:bold; text-decoration:none;}
a:hover {color:blue; text-decoration:none;}
p {line-height:1.5em; margin:0 0 15px; font-size:1.0em;}
/*
#header-big{
  height:100px;
  background-image:url(img/titelblue2_100.jpg);
  background-repeat:repeat-x;
  margin:0; padding:0;
  text-align:center;
  border-bottom:1px solid #000000;
  <!--border: 1px solid green;  for test only  -->
} */
#header-small{
  height:30px;
  background-image:url(img/footerblue30.jpg);
  background-repeat:repeat-x;
  margin:0px; padding:0px;
  text-align:center;
  border-bottom:1px solid #000000;
  /*-- border: 3px solid green; for test only */
}
#tit1 {color:yellow; font-family:Arial,Verdana; font-size:24pt;
       font-weight:bold; margin-bottom:0px;
       padding-top:10px; text-align:center}
#tit1_small {color:yellow; font-family:Arial,Verdana; font-size:12pt; font-weight:bold;
            margin-bottom:0; padding-top:3px;}
#tit2 {color:yellow; font-family:Arial,Verdana; font-size:11pt; font-weight:bold;}

/* Horizontal menu */
#mainmenu{background-image:url(img/men_gray22.jpg); height:22px;
          background-repeat:repeat-x;
          width:100%; margin:0px;}
#mainmenu ul {font-size:16px; margin:0; padding:0;}
#mainmenu li {float:left; height:22px; list-style:none; margin:0; padding:0;}
#mainmenu a {border-right:1px solid #b0b0b0; color:#202020; display:block;
             font-size:0.7em; padding:2px 10px 2px; text-decoration: none}
#mainmenu a:hover {border-color: white; border-left-color: black;
                   border-top-color: black; color: white;
                   background-color: #007FFF;}
#inner-wrap{
 /* padding-bottom: 0px;*/
  /*height:75%;       */
  height:560px;
  margin-top:0px;
  background-image:url(img/contgray.jpg);
  background-repeat:repeat-x;
  border: 1px solid blue;
}
#container_small {background:#f0f0f0 url(img/bodybg_small.jpg) repeat-x;
                  color:#303030; margin:0; min-width:770px;
                  padding:0; text-align:left; width:100%;}
#container_big {background:#f0f0f0 url(img/bodybg_big.jpg) repeat-x;
                color:#303030; margin:0; min-width:770px;
                padding:0; text-align:left; width:100%;}
#container_min {background:#f0f0f0 url(img/bodybg_min.jpg) repeat-x;
                color:#303030; margin:0; min-width:770px;
                padding:0; text-align:left; width:100%;}
/* Content wrap
#wrap {clear:both; font-size:0.9em; padding:0;}    */

/* Sidebars */
#leftside {
  float:left;
  width:20%;
/*  height:85%;*/
  height:400px;
  text-align:left;
  margin-left:1%;
  margin-top:1%;
  padding:10px 10px 10px;
  background-color:#D7FAFF;
  -moz-border-radius: 1em;
  border: 1px solid black;

}
#leftside_F {
  float:left;
  width:20%;
/*  height:85%;*/
  height:510px;
  text-align:left;
  margin-left:1%;
  margin-top:1%;
  padding:10px 10px 10px;
  background-color:#D7FAFF;
  -moz-border-radius: 1em;
  border: 1px solid black;
  overflow: auto;
}
#rightside {
  float:right;
  width:71%;
  height:510px;
  margin-right:1%;
  margin-top:1%;
  overflow: auto;
  padding:0px 10px 10px;
  background-color:white;
  -moz-border-radius: 1em;
  border: 1px solid black;
}
#rightside_kl {
  float:right;
  width:71%;
  height:510px;
  margin-right:1%;
  margin-top:1%;
  overflow: auto;
  padding:0px 20px 10px;
  background-color:white;
  -moz-border-radius: 1em;
  border: 1px solid black;
}
/* Footer */
#footer{
  position: relative;
  bottom: 0px;
  height: 30px;
  width: 100%;
  background-image:url(img/footerblue32.jpg); background-repeat:repeat-x;
 /*  background-color:aqua;      */
  padding-top:5px;
  margin-top:-20px;
  color:yellow;
  text-align:center;              /*
  <img src="img/selfhtml.gif" align="left" margin-bottom:0 height=30px
       padding= 0px hspace=20px alt="powered by SelfHTML">
  <img src="img/w3c_css.gif" align="right" margin-bottom:0 height=30px
       padding= 0px hspace=20px alt="CSS ist valide!" >  */
  /* border: 1px solid red;      for test only */
}

#leftside h1 {color:#505050; font-size:1.3em; font-weight:bold; letter-spacing:-1px; margin:0 0 12px;}
#leftside h2 {font-size:1.1em; margin:0px 0px 20px;}
#leftside p  {font-size:0.9em; line-height:1.4em; margin:0px 0px 16px 7px;}
#leftside a { color:#202020; display:block;
             font-size:1em;
             padding:5px 5px 5px 5px;  /*oben,rechts,unten,links*/
             text-decoration: none}
#leftside a:hover {border-color: white; border-left-color: black; border-top-color:                      black; color: white; background-color: #007FFF;}       /*
#leftside a:current {border-color: white; border-left-color: black; border-top-color:                         black; color: white; background-color: #007FFF;} */

#rightside a { color:#202020; display:inline;
             font-size:1em;
             padding:5px 5px 5px 5px;  /*oben,rechts,unten,links*/
             text-decoration: none}
#rightside a:hover {border-color: white; border-left-color: black; border-top-color:black; color: white; background-color: #007FFF;}

#rightside_kl a {background-color:#D7FAFF; display:inline; font-family:"Arial"; font-size:1em;
                 color:black; }
#rightside_kl a:hover{background-color:#0055FF; color:white; padding:1px 4px 1px 4px; text-decoration:none;}
.linklist {list-style:none; margin:0 0 16px 10px; padding:0;}
.linklist li {margin-bottom:0.7em;}

/* Sidebar menu */
.nav {font-family:Arial, Verdana;background:#e8e9ea; border:1px solid #b0b0b0;
      color:#404040; display:block; margin-top:8px; padding:5px 4px 4px 10px;
      position:relative; ; width:100px;}
.nav:hover { background-color:green; border:1px solid #909090; color:white;}
/* text-decoration:none;*/
.sub { letter-spacing:1px; margin:3px 0 2px 10px; padding:4px 2px 2px 8px; width:93px;}
.more {font-family:Arial, Verdana;background:#e8e9ea; border:1px solid #b0b0b0;
       color:#404040; display:block; margin-top:8px; padding:1px 4px 1px 6px;
       width:40px; height:16px; position:relative;} /*} /*
{font-size:0.8em; letter-spacing:1px; margin:3px 0 2px 10px; padding:4px 2px 2px 8px; width:60px;text-transform:none;}*/
.more:hover {border-color: white; border-left-color: black; border-top-color: black;
             color: white; background-color: #2AFF7F;text-decoration:none;}

/* Content */
#content {margin:0 200px;}    /* oben und unten, Abstand rechts und links */
#contentright {position: relative; margin:0 20px 0 200px; height: 600px; overflow:scroll;
               width:50%;background-color:#fafcff; border:1px solid #909090; color:#2a2a2a;}
#contentleft, {background-color:#fafcff; border:1px solid #909090; color:#2a2a2a;
              padding:15px 20px 5px; margin:0 200px 0 20px;} /* oben,rechts,unten,links */

#contentright_low {position: relative; margin:0 20px 0 200px; height: 450px; overflow:scroll;
                   background-color:#fafcff; border:1px solid #909090; color:#2a2a2a;
                   padding:15px 20px 5px;}
#content h1,#content h2,#contentleft h1,#contentleft h2,#contentright h1,#contentright h2 {background-color:inherit; color:#606060; font-size:1.8em; font-weight:bold; letter-spacing:-1px; margin:0 0 15px; padding:0;}
#content h2,#contentalt h2 {font-size:1.6em; margin-bottom:10px;}  /*
#content img,#contentalt img {border:1px solid #b0b0b0; float:left; margin:5px 15px 6px; padding:5px;}     */

#zukursen{
  position: relative;
  width:300px;
  height:20px;
  background-color:#fafcff;
  z-index: 1;
}

/* Alles für Bilder Galerien */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
  position: relative;
  height: 500px;
  border: 1px solid red;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
#thumb{
  float: left;
  width 105px; height:75px;
 /* border: 1px solid red; for test only */
}
.thumbnail img{
  border: 1px solid white;
  margin: 0px 5px 5px 0px;
}

.thumbnail:hover{
  background-color: transparent;
}

.thumbnail:hover img{
  border: 1px solid green;
}

.thumbnail span{ /*CSS for enlarged image, not visible*/
  position: absolute;
  background-color: lightyellow;
  padding: 5px;
  left: -1000px;
  border: 1px solid gray;
  visibility: hidden;
  color: black;
  text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
  border-width: 0px;
  padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
  position: fixed;
  visibility: visible;
  top: 50px;
  left: 0px; /*position where enlarged image should offset horizontally */
  z-index: 50;
}
/*
.smallpic img{
  border: 3px solid blue;
  margin: 0 5px 5px 0;
}

.smallpic:hover{
  background-color: transparent;
}

.smallpic:hover img{
  border: 3px solid blue;
}

.smallpic span{
  position: absolute;
  background-color: #FFFD4;
  padding: 5px;
  left: -1000px;
  border: 5px solid red;
  visibility: hidden;
  color: black;
  text-decoration: none;
}

.smallpic span img{
  position: absolute;
  left: 10px;
  top: 10px;
  border: 20px solid blue;
  padding: 2px;
}

.smallpic:hover span{
  visibility: visible;
  position:fixed;
  top: 25px;
  left: 130px;
  z-index: 5;
}                  */

/* Div mit Scrollbar */
#divscroll {
  position:absolute;
  left:450px; top:350px; height: 300px;
  overflow:scroll;
  }

/* Various classes   */
.backhellblau {background-color:#CCFFFF;
           padding:0px;}
.hide {display:none;}
.mehr {background-color:#CCCCCC; color:#000000; padding:1px 4px 1px 4px}
.mehr:hover {background-color:#0099FF; color:yellow; padding:1px 4px 1px 4px; text-decoration:none;}
.ref {font-family:"Arial"; font-size:0.7em }
.ref:hover {background-color:#0099FF; color:yellow; padding:1px 4px 1px 4px;                text-decoration:none;}
.ref-blue {background-color:#CCCCCC; font-family:"Arial"; font-size:1em;
           color:black; }
.ref-blue:hover {background-color:#0055FF; color:white; padding:1px 4px 1px 4px;                text-decoration:none;}

#imgKLeiter{
  width:210px; height:315px; margin-right:20px;
}
#imgStartSite{
  width:400px;
  height:330px;
  display:block;
  margin-top:50px;
  margin-left:auto;
  margin-right:auto;
}