/*  - - - genereller Aufbau - - - */

body {
  background: #e3e3e3;
  margin: 0px;
  padding: 25px 0px 5px 10px;
  font-family: verdana,tahoma,helvetica,arial,sans-serif;
  font-size: 10pt;
}

/* Kopfzeile */
#top {
  text-align: left;
  background-image: url(/2008/pix/top.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #0a276b;
  height: 100px;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #006;
}

/* 10 Jahre CLT */
#year {
 position: absolute;
 font-size: 30px;
 font-weight: bold;
 color: #183d82;
 top: 60px;
 left: 5px;
}

/* Hauptteil */
#main {
 /* avoid IE bug (height too large) */
 height: expression(((left.offsetHeight > right.offsetHeight) ? (left.offsetHeight) : (right.offsetHeight)) + 'px');
 text-align: left;
 position: relative;
 width: 975px;
 border-width: 0px 1px 1px 1px;
 border-style: solid;
 border-color: #006;
 background-color: #fff;
}

/* Linke Spalte (Sponsoren und Co.) */
#left {
 text-align: left;
 position: relative; /* IE float bug workaround */
 width: 160px;
 float: left;
 border-right: 1px solid #006;
}

/* Obere Zeile (Menu, Jahres-Logo..) */
#right {
 text-align: left;
 width: auto;
 margin-left: 160px;
 border-left: 1px solid #006;
 background-color: #fff;
}

/* Inhalt und Kruemel */
#content {
 text-align: left;
 position: relative;
 top: -2px; /* compensate border of submenu */
 background-color: #fff;
 left: 0px;
 width: auto;
}

/* Fusszeile */
#bottom {
 background-color: #0a276b;
 text-align: right;
 width: auto;
 height: 20px;
 clear: both;
}

	/* - - - Dumherrum - - - */

/* CLT-Logo */
#logo {
 position: absolute;
 top: -20px;
 left: -10px;
 width: 292px;
 height: 84px;
 z-index: 2;
}

/* Datum CLT */
#date {
 display: none;
 text-align: left;
 position: absolute;
 top: 50px;
 left: 5px;
 width: 274px;
 height: 24px;
 z-index: 0;
 color: #ffffff;
 font-weight: bold;
 font-size: 120%;
}

/* Motto */
#linux {
 text-align: right;
 position: absolute;
 right: 125px;
 top: 77px;
 width: 250px;
 height: 15px;
 z-index: 0;
 color: #ffffff;
 font-weight: bold;
 font-size: 120%;
}

/* Jahre Logo (z.B. Familie..) */
#family {
 position: relative;
 margin-right: 0px;
 margin-left: auto;
 width: 81px;
 height: 160px;
 top: -98px;
 right: 45px;
 margin-bottom: -160px;
 background-image: url(/2008/pix/top_p.png);
 background-repeat: no-repeat;
 z-index: 0;
}

/* Kruemle - Wo bin ich */
#kruemel {
 font-size: 80%;
 margin-left: 10px;
 margin-top: 2px;
}
#kruemel a, #kruemel a:active, #kruemel a:active {
 text-decoration: none;
 margin: 3px;
 color: #3e3e3e;
}
#kruemel a:hover {
 color: #20407b;
}

/* Umschalter Aufloesung */
#resolution {
 position: absolute;
 top: 1px;
 right: 12px;
 height: 15px;
 width: 11px;
}

/* xx Tage bis zum CLT */
#days {
 position: absolute;
 right: 5px;
 z-index: 100;
 width: 60px;
 font-size: 80%;
 text-align: right;
}

/* HTML-Validator */
.check {
 line-height: 140%;
 border-top: 1px solid #20407b;
 text-align: center;
 color: #3e3e3e;
 font-size: 80%
}

/* Verfasser der Seite */
#autor {
 line-height: 140%;
 text-align: right;
 color: #3e3e3e;
 font-size: 80%;
}
#autor a, #autor a:active, #autor a:active { 
 color: #3e3e3e;
 text-decoration: none;
}
#autor a:hover {
 color: #20407b;
}


	/* - - - Menu - - - */

/* Hauptmenu */
#mainmenu {
 text-align: left;
 padding-left: 10px;
 padding-right: 190px;
}

/* Untermenu */
#submenu {
 text-align: left;
 position: relative;
 width: auto;
 padding: 1px 10px 3px 10px;
 border-width: 1px 0px;
 border-style: solid;
 border-color: #006;
}

/* Links Hauptmenu */
.menu_main, .menu_main:active, .menu_main:visited {
 color: #20407b;
 text-decoration: none;
 font-size: 110%;
 font-weight: bold;
 border-bottom: 2px solid #ffffff;
 line-height: 1.9;
}
.menu_main:hover#MSinfo, .menu_main#MSinfo_a, .menu_main:active#MSinfo_a, .menu_main:visited#MSinfo_a {
 border-bottom: 2px solid #1b79d9;
}
.menu_main:hover#MSvortraege, .menu_main#MSvortraege_a, .menu_main:active#MSvortraege_a, .menu_main:visited#MSvortraege_a {
 border-bottom: 2px solid #c65900;
}
.menu_main:hover#MSlive, .menu_main#MSlive_a, .menu_main:active#MSlive_a, .menu_main:visited#MSlive_a {
 border-bottom: 2px solid #427901;
}
.menu_main:hover#MStutorials, .menu_main#MStutorials_a, .menu_main:active#MStutorials_a, .menu_main:visited#MStutorials_a {
 border-bottom: 2px solid #913b11;
}
.menu_main:hover#MSservice, .menu_main#MSservice_a, .menu_main:active#MSservice_a, .menu_main:visited#MSservice_a {
 border-bottom: 2px solid #0f059b;
}
.menu_main:hover#MSpresse, .menu_main#MSpresse_a, .menu_main:active#MSpresse_a, .menu_main:visited#MSpresse_a {
 border-bottom: 2px solid #0b826a;
}
.menu_main:hover#MSabout, .menu_main#MSabout_a, .menu_main:active#MSabout_a, .menu_main:visited#MSabout_a {
 border-bottom: 2px solid #98A5F6;
}

/* Links Untermenu */
.menu_sub, .menu_sub:active, .menu_sub:visited {
 color: #ffffff;
 text-decoration: none;
 font-size: 100%;
 font-weight: bold;
}
.menu_sub:hover {
 color: #ffffff;
 border-bottom: 1px dotted #ffffff;
}

	/* Links Fusszeile */
.menu_foot, .menu_foot:active, .menu_foot:visited {
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}
.menu_foot:hover {
 color: #e3e3e3;
}


	/* - - - Links - - - */
a,  a:active {
 color: #3e3e3e; 
}

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


	/* - - - allgemeine Objekte - - - */
/*Ueberschriften*/
h1 {
 font-size: 140%;
 color: #20407b;
 font-weight: bold;
}
h2 {
 font-size: 120%;
 color: #20407b;
 font-weight: bold;
}
h3 {
 font-size: 110%;
 color: #20407b;
 font-weight: bold;
}

/* Aufzaehlungen*/
li {
 padding-bottom: 4pt;
}

/* Bilder */
img {
 border: none;
}
img.border {
 margin: 10px;
 border: solid 1px #000000;
}

/* Trennlinie */
hr{
 color: #20407b;
}


	/* - - - Rechte Spalte - - - */
/* Bild rechter Rand */
#maincontent img.top_border {
 border: solid 1px #000000;
}

/* Ansprechpartner */
.card{
 margin-top: 10px;
 text-align: left;
 font-size: 80%;
 background: #ffffdc;
 padding: 5px;
 border: 1px dotted #20407b;
}

/* Info-Box */
.box {
 max-width: 200px;
 margin-top: 10px;
 text-align: left;
}
.box, .box * {
 color: #3e3e3e;
 font-size: 8pt;
}
.box ul {
 padding-left: 15pt;
}
.box h1 {
 color: #20407b;
 font-size: 9pt;
 margin: 0px;
 font-weight: bold;
}


	/* - - - Linke Spalte - - - */

/* News */
.left_news {
 margin: 10px;
 line-height: 150%; 
 font-size: 80%;
}
/* Sponsoren / Medienpartner */
.left_sponsoren, .left_medienpartner {
 margin-top: 10px;
 line-height: 150%;
 font-size: 80%;
}
/* Ueberschrift Linke Spalte */
.left_heading {
 padding: 5px;
 padding-bottom: 0px;
 border-bottom: 1px solid #20407b;
 font-weight: bold;
 color: #20407b;
}
/* Link Ueberschrift Linke Spalte */
.left_heading_link {
 text-align: right;
 margin-right: 5px;
 font-size: 80%;
}


	/* - - - Inhalt - - - */
#maincontent {
 margin: 10px;
 line-height: 150%; 
 width: 790px;
}
#maincontent * {
 line-height: 150%; 
}
#maincontent img {
 clear: both;
}
#maincontent img.left {
 float: left;
}
#maincontent img.right {
 float: right;
}
/* News-Eintrag */
.newsitem {
 line-height: 1.4;
 padding-bottom: 8px;
}
/* HTML-Code (Banner) */
p.code {
 font-size: 80%;
 margin-left: 10px;
 padding: 2px;
 border: 1px dotted #20407b;
 background: #ffffdc;
}


	/* - - - Formulare - - - */
input, textarea, fieldset, select {
 border: 1px solid #20407b;
 background: #fffff2;
 color: #20407b;
 font-family: verdana, tahoma, helvetica, arial, sans-serif;
 font-size: 10pt;
 margin: 5px;
 padding: 3px;
}
input:focus, textarea:focus {
 background: #ffffff;
 border: 2px solid #000000;
 padding: 2px;
 color: #000000;
}
input.form_send{
 color: #ffffff;
 font-weight: bold;
 background: #20407b;
 border-right: 1px solid #3e3e3e;
 border-bottom: 1px solid #3e3e3e;
 border-top: 1px solid #e3e3e3;
 border-left: 1px solid #e3e3e3;
}
input.form_send:hover {
 color: #e3e3e3;
}


	/* Vortagsprogramm */
table.plan {
 border-collapse: collapse;
 font-size: 90%;
}
div.plan {
 border: solid 1pt #20407b;
 padding: 1pt;
}
/* durchgaengige Zeilen*/
td.planmeta {
 background-color: #c65900;
 text-align: center;
 font-weight: bold;
 border: 1pt solid white;
 margin: 0pt; padding: 2pt;
}
/* Uhrzeiten */
td.plantime {
 vertical-align: top;
 background-color: #c65900;
 color: white;
 text-align: center;
 font-weight: bold;
 border: 1pt solid white;
 margin: 0pt; padding: 2pt;
}
/* Strangueberschriften und Raumnummern */
td.planmetastrang{
 vertical-align: top;
 color: #c65900;
 font-weight: bold;
 text-align: center;
 border: 1pt solid #c65900;
 margin: 0pt; padding: 2pt;
}
/* Pausenfeld */
td.planmetapause{
 background-color: #cccccc;
 text-align: center;
 font-weight: bold;
 color: #333333;
 border: 1pt solid #c65900;
 margin: 0pt; padding: 0pt;
}
/* Vortragsfelder */
td.plandata {
 vertical-align: top;
 border-spacing: 0pt;
 margin: 0pt; padding: 2pt;
}
td.plandataselected {
 border: 1pt solid #c65900;
 background-color: #f0f0f0;
}
td.plandataunselected {
 border: 1pt solid #c65900; 
}
.plandetail:hover {
 border-bottom: 1px dotted #20407b;
}
.plandetail {
 text-decoration: none;
}
input.plansmall {
 border: 1px solid #20407b;
 background: #e3e3e3;
 color: #20407b;
 margin: 1px;
 padding: 1px;
}


/* wird nicht gedruckt */
@media print {
 noprint {display: none;}
}


/* Standplakat-Upload */
div.upload{
 border: 1px solid #0a276b;
 padding: 5px;
 margin-bottom: 5px;
}



	/* - - -  unnoetig ??? - - - */

#clear {
 height: 0px;
 clear: both;
}
/* noetig? ???*/
#maincontent img.top {
 margin-bottom: 10px;
}
/* ??? */
.zitat {
 padding-left:           0.5cm;
 font-style:             italic;
}
/* ??? */
#white
{
 background-color: #fff;
 width: auto;
}


#zu2009 {
 position: absolute;
 right: 0px;
 top: 0px;
}