/*    m a i n . c s s    */


/* background */


body {
 background-color: #ffffff;

}

textarea, input {
 background-color: #fc6;
}

.menutd {
 background-color: #dd6b00;
}


/*   fonts   */

body, div, table, tr, td, dl, dt, dd, form, textarea, input {
 font-family: helvetica, sans-serif;
 font-size: 12px;
}

a, .contenttitle {
 color: #ffe5cc;
 text-decoration: none;
 font-size: 12px;
 letter-spacing: 1px;
 font-weight: 700;
}

.contenttitle {
 font-size: 16px;
}

a:hover, dt, div {
 color: #630;
}

dt {
 font-style: italic;
}

div.infobox a {
 color: #c80;
}

div.infobox a:hover {
 color: #640;
}


/*  borders  */

img {
 border: none;
}

#maintable {
 border: none;
 border-collapse: collapse;
}

#maintable td {
 border-right: 1px solid #ff8819;
 border-bottom: 1px solid #ff8819;
}

#maintable td.last {
 border-right: none;
}

#maintable tr.last td {
 border-bottom: none;
}

textarea, input {
 border: 1px solid #963;
}



/* margins, paddings */

html,body, table, tr, td {
 padding: 0px;
 margin: 0px;
}

#content, .content {
 padding: 6px;
}

dt {
 margin-top: 10px;
}

dd {
  margin: 0px 15px;
}

#content, .content {
 padding: 0px;
}

textarea, input {
 padding: 2px;
 margin-top: 5px;
}

ul, ol {
 padding: 0px;
 margin: 0px 15px;
}

.infobox td {
  padding: 1px 15px 0px 5px;
}



/* align */

#maintable td {
 text-align: left;
 vertical-align: middle;
}

.content  {
 text-align: left;
 vertical-align: top;
}

form {text-align: right}
input {text-align: left}
.submit {text-align: center}


/*  width, height, position   */

html, body {
 height: 100%;
}

#maintable {
 width: 100%;
 height: 100%;
}

.content {
 width: 318px;
 height: 260px;
}

tr.menu, tr.last {
 height: 35px;
}

textarea {
 width: 100%;
 height: 100px;
}

input {
 width: 70%;
}

input.submit {
 width: 100px;
}


#content{
 position: absolute;
 right: 60px;
 bottom: 30px;
 z-index: 100;
}

.content {
 position: absolute;
 right: 110px;
 bottom: 110px;
 z-index: 100;

}

.contenttitle {
 position: absolute;
 right: 58px;
 bottom: 290px;
 width:200px;
 text-align: center;
 z-index: 101;
}

img {
 margin: 0;
 padding: 0;
}

div.infobox {
 position: absolute;
 width: 600px;
 background-color: #fc6;
 border: 2px solid black;
 padding: 10px;
 display: none;
}

#gruppenabend {
 top: 2%;
 left: 10%;
 z-index: 301;
}

#ideenabend{
 width: 40%;
 top: 40%;
 left: 5%;
 z-index: 299;
}

#abar {
 width: 40%;
 top: 40%;
 left: 45%;
 z-index: 302;
}


#kontakt, #kontaktok {
 width: 30%;
 top: 20%;
 left: 30%;
 z-index: 305;
}

#kontaktok {
 display: inline;
}

#selbstverstaendnis {
 width: 50%;
 top: 2%;
 left: 30%;
 z-index: 307;
}


#logoklein {
 position: absolute;
 bottom: 67px;
 right: 183px;
 z-index: 101;
 }

#spruch {
 position: absolute;
 bottom: 30px;
 right: 55px;
 z-index: 101;
}

#photobox {
 position: absolute;
 background-color: #fc6;
 border: 2px solid black;
 padding: 10px;
 display: none;
 top: 38%;
 left: 4%;
}

#photobox img {
 width: 427px;
 height: 320px;
}

.thumbnail {
  width: 80px;
  height: 60px;
  margin: 0;
  border: 0;
  padding: 0;
}

#phototext {
  margin-top: 20px;
}

#aktuelles {
 position: absolute;
 top: 5%;
 left: 35%;
 width: 300px;
 background-color: #ffff98;
 padding: 15px;
}

/* display */

#logoklein, #spruch, .student, .content {
 display: none;
}

#content {
 display: inline;
}