body {
   font-family: dejavu-sans, Helvetica, verdana, sans-serif;
   background-color: #fff;
   color: black;
   font-size: 12px;
   margin: 0px;
   padding: 0px;
   text-align: center;
}

a {
   color: #33769b;
   text-decoration: none;
}

a:hover {
   color: black;
   text-decoration: none;
}


h2 {
   padding: 0;
   padding-bottom: 12px;
   margin: 0;
   font-size: 16px;
   font-family: dejavu-sans, Helvetica, verdana, sans-serif;
}


h2 .titles {
   padding: 0;
   padding-bottom: 12px;
   margin: 0;
   font-size: 16px;
   font-family: dejavu-sans, Helvetica, verdana, sans-serif;
}


#body {
   width: 940px;
   padding: none;
   margin: auto;
   background-image: url(../../images/tgsmv/bg.png);
}

#header {
   width: 900px;
   height: 150px;
   background-image: url(../../images/tgsmv/top.png);
   padding: 20px;
   padding-bottom: 0px;
   border: none;
}

#header img {
  border: none;
}

#search {
   width: 160px;
   padding: 15px;
   text-align: left;
   color: #f9f9f9;
   margin-bottom: 15px;
}

#search input {
   border: 1px solid #062c41;
   background-color: #33769b;
   padding-left: 2px;
   padding-right: 2px;
}

#navigation {
   float: left;
   width: 190px;
   margin-left: 20px;
   padding-top: 5px;
   height: 100%;
}

#navigation  a {
   color: #062c41;
}

#menu {
   width: 160px;
   padding: 15px;
   text-align: left;
   color: lightgrey;
   margin-bottom: 15px;
}

#menu h2 {
   color: white;
   margin: 0;
}

#news {
   width: 160px;
   padding: 15px;
   text-align: left;
   color: #f9f9f9;

}

.black {
   color: black;
}

#menu input {
   border: 1px solid lightgrey;
   background-color: #f2f2f2;
   color: #4d4d4d;
   margin-top: 5px;
}

#menu input.text {
   width: 120px;
}

#menu ul {
   list-style-type: none;
   padding-left: 0px;
   margin: 0;
   text-align: left;
   color: #062c41;
}

#menu ul li {
   font-weight: bold;
}

#menu ul ul {
   list-style-type: square;
   padding-left: 12px;
   margin-bottom: 8px;
}

#menu ul ul li {
   font-weight: normal;
}

#menu ul ul ul {
   list-style-type: square;
   color: #062c41;
   margin-bottom: 3px;
}


#warp {
width:600px;
}


/* ### Stundenpläne ### */
.stundenplan #headline {
   background-color: #f4f4f4;
   margin-bottom: 10px;
}

.stundenplan #headline div.tag {
   float: left;
   width: 112px;
   padding: 4px;
   font-weight: bold;
   border-left: 3px solid #ddd;
}

.stundenplan #headline #tag_0 {
   border: none;
   margin-left: 5px;
}

.stundenplan #headline div.tag#tag_0 {
   width: 50px;
}

.stundenplan .zeit {
   background-color: #eee;
   margin-bottom: 3px;
}

.stundenplan .zeit#zeit_3 {
   margin-bottom: 15px;
}

.stundenplan .zeit .stunde {
   float: left;
   width: 112px;
   padding: 4px;
}

.stundenplan .zeit .stunde.stunde_0 {
   width: 54px;
   border: none;
   padding-left: 7px;
   margin-left: -3px;
}

.stundenplan .zeit .stunde {
   border-left: 3px solid #ddd;
   height: 95px;
}

.stundenplan .zeit .stunde .ustunde .fach, .stundenplan .zeit .stunde .ustunde .lehrer {
   float: left;
}

 .stundenplan .zeit .stunde .ustunde .lehrer {
   margin-left: 3px;
}

.stundenplan .zeit .stunde .ustunde .ort, .stundenplan .zeit .stunde .ustunde .woche {
   font-size: 10px;
   float: right;
   padding-left: 3px;
}

.stundenplan .zeit .stunde .ustunde .fach {
   font-weight: bold;
}

.stundenplan .clear {
   clear: both;
}

/*
.stundenplan td {
   background-color: #f4f4f4;
   vertical-align: top;
}

.stundenplan .headline {
   margin-bottom: 10px;
}

.stundenplan .time_11_00 {
   margin-bottom: 10px;
}

.stundenplan .space {
   background-color: #bbb;
   width: 50px;
}

.stundenplan .mo {
   background-color: #bbb;
   width: 115px;
}

.stundenplan .di {
   background-color: #bbb;
   width: 115px;
}

.stundenplan .mi {
   background-color: #bbb;
   width: 115px;
}

.stundenplan .do {
   background-color: #bbb;
   width: 115px;
}

.stundenplan .fr {
   background-color: #bbb;
   width: 115px;
}



*/

/* ### ENDE ### Stundenpläne ### */

#content {
   width: 680px;
   margin-right: 20px;
   padding: 15px;
   float: right;
   text-align: left;
   margin-top: 5px;
}


#content .important {
   background-color: #f4f4f4;
   border: 1px solid #ff7200;
   color: #ff6000;
   padding: 8px;
   width: 450px;
}

#content .important a{
   color: #ff6000;
}


#content ul.deep0 {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#content ul li.deep0, #content .hotlink  {
   background-color: #f4f4f4;
   border: 1px solid #bbb;
   margin-bottom: 15px;
   margin-right: 15px;
   height: 48px;
   padding: 8px;
   width: 300px;
   float: left;
}

#content ul li.deep0 div.icon, #content .hotlink .img {
   float: left;
   width: 48px;
   height: 48px;
}


#content ul li.deep0 div.icon img, #content .hotlink .img img {
   width: 48px;
   height: 48px;
}

#content  ul li.deep0 div.text, #content  ul li.deep0 a, #content .hotlink .text, #content .hotlink a {
   float: right;
   margin-right: 5px;
   width: 235px;
}

#content a {
   color: #33769b;
   text-decoration: none;
   border: none;
}

#content a img{
   border: none;
}

.albumname {
   text-align: left;
   margin: none;
   height: 48px;
   margin-top: 3px;
   width: 120px;
}

.albumpicturecount{
   font-style: normal;
}

.album_content{
   margin-top: -10px;;
}

#content h1 {
   margin-top: 0;
   margin-bottom: 20px;
   padding: 0;
   font-size: 24px;
   font-family: dejavu-sans, Helvetica, verdana, sans-serif;
}

#content h1 {
   margin-top: 0px;
   margin-bottom: 12px;
   padding: 0;
   font-size: 16px;
   font-family: dejavu-sans, Helvetica, verdana, sans-serif;
}

#content h2 {
   margin: 0;
   padding: 0;
   font-size: 12px;
   font-family: dejavu-sans, Helvetica, verdana, sans-serif;
}

#content input {
   border: 1px solid lightgrey;
   margin-top: 5px;
   margin-bottom: 5px;
}

#content input.text {
   width: 180px;
}

#content input.submit {
   background-color: #f2f2f2;
}

#content select {
   border: 1px solid lightgrey;
   margin-top: 5px;
   margin-left:10px;
   text-align: right;
}

#content #login {
   float: left;
   width: 320px;
}

#content #register {
   float: right;
   width: 320px;
   padding-left: 10px;
   border-left: 1px dotted lightgrey;
}

#content .border {
   height: 10px;
}

.float-close {
   clear: both;
}


#footer2 {
   background-image: url(../../images/tgsmv/bottom.png);
   height: 40px;
   width: 940px;
}

#footer {
   color: #999;
   height: 20px;
   margin: auto;
   margin-bottom: 20px;
   margin-top: -20px;
   text-align: center;
   font-size: 10px;
}

.kokos {
   float: left;
   margin-right: 15px;
   margin-bottom: 15px;
   width: 150px;
   height: 220px;
}

.text66 {
   width: 450px;
}

#content .stundenplanueb {
   background-color: #f4f4f4;
   border: 1px solid #bbb;
   margin-bottom: 15px;
   margin-right: 15px;
   padding: 8px;
   width: 300px;
   float: left;
}

#content .stundenplanueb ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
   margin-top: 5px;
}

.seperator {
   height: 1px;
   margin: 7px 0;
   background-color: #23526c;
}
/*
.jdGallery .slideElement {
   background-color: #dddddd !important;
   border: 0 !important;
}

.jdGallery .carousel {
   background-color: #33769b !important;
}

.jdGallery .carouselBtn {
   background-color: #33769b !important;
   color: black !important;
}*/

.calendar {
   font-size: 10px;
   width: 100%;
}

#pop_div {
   padding: 3px;
   width: 250px;
   background-image: url(/uploads/images/pixel.png);
}


.calendar .prev_month {
   font-size: 12px;
   float: left;
}

.calendar .next_month {
   font-size: 12px;
   float: right;
}

.calendar .month_name {
   text-align: center;
   font-size: 16px;
   font-weight: bold;
}

.calendar .addevent {
   text-align: right;
   font-size: 12px;
}


.calendar table {
   width: 686px;
   margin-left: -3px;
   margin-right: -3px;
}

.calendar table td {
   width: 14%;
   vertical-align: top;
}

.calendar table ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}

.calendar table td.today {
   background-color: #33769b;
   color: #f4f4f4;
}

.calendar table td.day{
   background-color: #ececec;
   height: 60px;
   /* border: 1px solid lightgrey; */
}

.calendar table tr.days td {
   background-color: #439bcc;
   height: 20px;
   font-weight: bold;
   /* border: 1px solid #33769b; */
}

.jmgallery-random-container div {
   float: left;
   padding: 20px;
   width: 120px;
   height: 120px;
   text-align: center;
}

#content table td {
   font-size: 10px;
}

#content table, #content table tr, #content table tr td {
   border: 0;
}