/* ///////////////////////// GENERELLES ///////////////////// */

body {
     background:#898076 url("img/bg.gif");
     font:0.8em/160% arial,tahoma,sans-serif;
     color:#000;
     margin:0;
     width:100%;
     text-align:center;


}

*{margin:0; padding:0;}

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

img { border:none;}




/* ///////////////////////// HEADER ///////////////////////// */
#content_container
{
        width:750px;
         margin-top:40px;
         padding:0px;
         height:700px;
         margin-left:auto;
         margin-right:auto;
         text-align:left;
}
#header
{
        width:750px;
         background:white url("img/header.gif");
         height:70px;
         margin:0px;
}
#banner
{
        width:750px;
         background:white url("img/banner.gif");
         height:157px;
         margin:0px;
}
/* ///////////////////////// MENU ///////////////////////// */

#menu {
        width:730px;
         padding-top:10px;
         height:50px;
         padding-left:20px;
         background:white;


}
#menu li
{
        margin:0;
         padding:0;
         padding-top:10px;
         display:inline;
}
#menu li a
{
         display:block;
         float:left;
         width:83px;
         height:45px;
         margin-right:6.3px;
         text-align:center;
         background: url("img/menu.gif") no-repeat;
         color:#7A5C52;
         font-size:85%;
         font-weight:bold;
         text-decoration:none;
         border:0px;
}
#menu li a#aktiv
{
        background: url("img/menu_aktiv.gif") no-repeat;
         color:#fff;
}
#menu li a:hover
{
        background: url("img/menu_over.gif") no-repeat;
}

/* ///////////////////////// STARTSEITE /////////////////////////*/
#box1_up
{
        height:15px;
        width:750px;
         background:url("img/startseite/box1_up.gif");
         margin:0px;
         padding:0px;
}

#box1
{
         width:750px;

         margin-top:-1px;
         padding:0px;
         height:220px;
         background:url("img/startseite/box1_middle.gif")

}
#box1_content
{
        margin-left:25px;
         margin-right:25px;
         padding-top:40px;
         padding-left:15px;
         color:#4E2727;
         background:url("img/header/h_ueberuns.gif") no-repeat;
}

#box1_down
{
        height:17px;
        width:750px;
         background:url("img/startseite/box1_down.gif");
         margin:0px;
         padding:0px;
}
#box23_up
{
        height:14px;
        width:750px;
         background:url("img/startseite/box23_up.gif");
         margin:0px;
         padding:0px;
}
#box23
{
         width:750px;
         margin-top:-2px;
         padding:20px;
         height:210px;
         background:url("img/startseite/box23_middle.gif") repeat-y;
}
#box2_content
{
        margin-left:25px;
         margin-right:25px;
         padding-top:50px;
         padding-left:15px;
         color:#5A3001;
         background:url("img/header/h_programm.gif") no-repeat;
         width:430px ;
         float:left;
}

#box3_content
{
         margin-left:530px;
         padding-top:50px;
         padding-left:0px;
         color:#212F00;
         background:url("img/header/h_kontakt.gif") no-repeat;
         width:175px;
}
#karte
{
        float:right;
        margin-top:-10px;

}
#box23_down
{
        height:9px;
        width:750px;
         background:url("img/startseite/box23_down.gif");
         margin:0px;
         padding:0px;
}

#kalender
{
        float:right;
         margin-left:20px;
         margin-top:0px;
         background:url("img/startseite/start_kalender.gif");
         width:144px;
         height:140px;
}

#kalender #monat
{
        position:relative;
         top:32px;
         left:35px;
         color:white;
         font-weight:bold;
         font-size:14px;
}

#kalender #tag
{
         position:relative;
         top:43px;
         left:50px;
         font-size:44px;
         color:black;
}
#kalender #uhr
{
         position:relative;
         top:43px;
         left:63px;
         font-size:10px;
         color:black;
}
/* ///////////////////////// PHILCHARGEN ///////////////////////// */

#philchargen_content
{
         margin-left:25px;
         margin-right:25px;
         padding-top:40px;
         padding-left:15px;
         color:#5A3001;
         background:url("img/header/h_philchargen.gif") no-repeat;
}

#philchargen_content img
{
          padding:35px;
          padding-top:61px;
          padding-left:58px;
          padding-right:60px;
          background:url(img/philchargen/rahmen.gif);
          display:inline;
          float:left;
          margin-right:80px;
}

.charge
{
       display:block;
       margin:20px;
       margin-bottom:150px;

}

.titel
{
      font-weight:bold;
      font-size:15px;
      text-align:center;
}


/* ///////////////////////// UEBERUNS ///////////////////////// */
#ueberuns_up
{
        height:15px;
        width:750px;
         background:url("img/ueberuns/up.gif");
         margin:0px;
         padding:0px;
}

#ueberuns
{
         width:750px;
         margin-top:-1px;
         padding:0px;
         background: url("img/ueberuns/middle.gif");

}
#ueberuns_content
{
        margin-left:25px;
         margin-right:25px;
         padding-top:40px;
         padding-left:15px;
         color:#4E2727;
         background:url("img/header/h_ueberuns.gif") no-repeat;

}
#ueberuns_down
{
        height:17px;
        width:750px;
         background:url("img/ueberuns/down.gif");
         margin:0px;
         padding:0px;
}

#ueberuns p
{
         padding:5px;
}
#ueberuns_content div
{
        padding:5px;
}

#ueberuns h5 img
{
         float:right; margin:5px;border:none; 1px solid black;
}
#ueberuns h5
{
        margin:15px;
         margin-left:0px;
        color:red;
         font-size:medium;
}
#ueberuns h4
{
        margin:15px;
         margin-left:0px;
         color:#4E2727;
         font-size:14px;
}

/* ///////////////////////// PROGRAMM ///////////////////////// */
#programm_up
{
        height:15px;
        width:750px;
         background:url("img/programm/up.gif");
}

#programm
{
         width:750px;
         margin-top:-1px;
         padding:0px;
         background: url("img/programm/middle.gif");

}
#programm_content
{
        margin-left:25px;
         margin-right:25px;
         padding-top:40px;
         padding-left:15px;
         color:#5A3001;
         background:url("img/header/h_semesterprogramm.gif") no-repeat;

}
#programm_down
{
        height:17px;
        width:750px;
         background:url("img/programm/down.gif");

}
#programm #innerbox_up
{
        background:url("img/programm/innerbox_up.gif");
         width:530px;
         height:15px;
}
#programm #innerbox
{
         width:530px;
         margin-top:-2px;
         background: url("img/programm/innerbox_middle.gif");
}
#programm #innerbox_content
{
        margin-left:25px;
         margin-right:25px;
         padding-top:0px;
         padding-left:15px;

}
#programm #innerbox_down
{
        background:url("img/programm/innerbox_down.gif");
         width:530px;
         height:12px;
}

#programm select
{
        border:0px;
        width:200px;
        font-size:medium;
        color:#5A3001;
        background:#FFF4C7;
        font-weight:bold;

}




#programm p
{
         padding:5px;
}
#programm h5
{
         font-size:medium;
         padding-left:35px;
         padding-top:10px;
}

#programm table
{
        width:460px;
}
/* ///////////////////////// ZIMMER ///////////////////////// */
#zimmer_content
{
        margin-left:25px;
         margin-right:25px;
         padding-top:40px;
         padding-left:15px;
         color:#4E2727;
         background:url("img/header/h_zimmer.gif") no-repeat;
}

/* ///////////////////////// ADMIN ///////////////////////// */
#admin_content
{
        margin-left:25px;
         margin-right:25px;
         padding-top:40px;
         padding-left:15px;
         color:black;
         background:url("img/header/h_admin.gif") no-repeat;

}
#admin_content td
{
        text-align:left;
}

#admin_content table
{
        width:500px;
}


#admin_content h5
{
        font-size:medium;
         padding:10px;
}

#admin_content input
{
               margin:5px;
}

.uebersicht_balte
{
 	float:left;
         margin:5px;
         padding:5px;
         height:75px;
         vertical-align:top;
         width:170px;
         text-align:left;
         border:1px solid #547256;
}


/* ///////////////////////// LINKS ///////////////////////// */
#links_up
{
        height:15px;
        width:750px;
         background:white url("img/links/up.gif");
         margin:0px;
         padding:0px;
}

#links
{
         width:750px;
         margin-top:-1px;
         padding:0px;
         background: white url("img/links/middle.gif") ;

}
#links_content
{
        margin-left:25px;
         margin-right:25px;
         padding-top:40px;
         padding-left:15px;
         color:#4E2727;
         background:white url("img/header/h_links.gif") no-repeat;

}
#links_down
{
        height:17px;
        width:750px;
         background: white url("img/links/down.gif");
         margin:0px;
         padding:0px;
}

#links table
{
        text-align:center;
}

/* ///////////////////////// AKTIVE ///////////////////////// */
#aktive_content
{
         margin-left:25px;
         margin-right:25px;
         padding-top:40px;
         padding-left:75px;
         color:#212F00;
         background:url("img/header/h_aktive.gif") no-repeat;

}

/* ///////////////////////// INTERN ///////////////////////// */
#intern_content
{
         margin-left:25px;
         margin-right:25px;
         padding-top:40px;
         padding-left:75px;
         color:#212F00;
         background:url("img/header/h_intern.gif") no-repeat;

}
#intern_content li
{
                margin:10px;
}
#mitglied
{
                border-collapse:collapse;
}

#mitglied td
{
                border:1px solid #B1F370;
}



#intern_content #icon
{
         text-align:center;
         width:100px;
         height:110px;
         margin-left:25px;
         margin-right:25px;
         padding-top:5px;
         float:left;
         background:url("img/intern/icon_bg.gif") no-repeat;
}
#intern_content li,ul
{
                list-style-type:none;
}

/* ///////////////////////// KONTAKT ///////////////////////// */
#kontakt_up
{
        height:15px;
        width:750px;
         background:white url("img/kontakt/up.gif");
         margin:0px;
         padding:0px;
}

#kontakt
{
         width:750px;
         margin-top:-1px;
         padding:0px;
         background: white url("img/kontakt/middle.gif") ;

}
#kontakt_content
{
        margin-left:25px;
         margin-right:25px;
         padding-top:40px;
         padding-left:75px;
         color:#212F00;
         background:url("img/header/h_kontakt.gif") no-repeat;

}
#kontakt_down
{
        height:17px;
        width:750px;
         background: white url("img/kontakt/down.gif");
         margin:0px;
         padding:0px;
}

#kontakt table
{
        text-align:center;
}

#kontakt h5
{
        margin:15px;
         margin-left:0px;

}

#kontakt h4
{
        margin:15px;
         margin-left:0px;
         font-size:medium;
         vertical-align:middle;
}

/* ///////////////////////// IMPRESSUM ///////////////////////// */
#impressum_content
{
         margin-left:25px;
         margin-right:25px;
         padding-top:50px;
         padding-left:15px;
         background:url("img/header/h_impressum.gif") no-repeat;
}
#impressum_content h4 h5
{
        margin:0px;
         margin-top:10px;
         margin-botton:10px;
}
/* ///////////////////////// FOOTER ///////////////////////// */
#content_down
{
        height:16px;
        width:750px;
         background:url("img/content_down.gif");
         margin:0px;
         padding:0px;
         display:block;
}
#footer
{
        height:57px;
        width:750px;
         background:url("img/footer.gif");

         padding:0px;   color:white;

}

#footer a { color:white; text-decoration:none; margin-left:20px;}
#footer a:hover { color:black; text-decoration:none; }

/* ///////////////////////// LIGHTBOX ///////////////////////// */

#lightbox{
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(../images/bimg/lightbox/nk.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        }

#imageData{
        padding:0 10px;
        }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;        }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
        }


.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }

* html>body .clearfix {
        display: inline-block;
        width: 100%;
        }

* html .clearfix {
        /* Hides from IE-mac \*/
        height: 1%;
        /* End hide from IE-mac */
        }