﻿
body {
 margin:0;padding:0;
 background-color:#FFFFFF;
}

img{
 border:none;
}


/*
################################################################
# Navigation
################################################################
*/


#navigation {
 position:absolute;
 top:0;
 width:100%;
  z-index:100;
 /*
 position:fixed;
 top:0px;
 */
}


/* ###### Navigationsblock aktiv ###### */

/* ## Container für Navigationsblöcke ## */

/* gelb */
#nav1 { 
 position:absolute;
 top:0px;left:0px;
 line-height:1px;
}

/* blau */
#nav2 {
 position:absolute;
 top:0px;left:190px;
 line-height:1px;
}

/* grün */
#nav3 {
 position:absolute;
 top:0px;left:380px;
 line-height:1px;
}

/* grau */
#nav4 {
 position:absolute;
 top:0px;left:570px;
 line-height:1px;
}


/* ## aktive Container ## */

/* gelb */
#nav1.on {
 background-image:url("../gfx/navbgline_01.gif"); /* hellgelbe Linie, Subnavproblem*/
 background-position:10px 0px;
 background-repeat:repeat-y;
}
/* blau */
#nav2.on {
 background-image:url("../gfx/navbgline_02.gif"); /* hellblaue Linie, Subnavproblem*/
 background-position:10px 0px;
 background-repeat:repeat-y;
}
/* grün */
#nav3.on {
 background-image:url("../gfx/navbgline_03.gif"); /* hellgrüne Linie, Subnavproblem*/
 background-position:10px 0px;
 background-repeat:repeat-y;
}
/* grau */
#nav4.on {
 background-image:url("../gfx/navbgline_04.gif"); /* hellgraue Linie, Subnavproblem*/
 background-position:10px 0px;
 background-repeat:repeat-y;
}


/* ### MAINNAVIGATION ### */

/* ## Main-Navigation Highlight ## */

/* gelb */
#main1Nav {
 width:190px;
 height:130px;
 background-color:#FFB432;
 background-image:url("../gfx/navbgline_01.gif");
 background-position:10px 0px;
 line-height:1px;
}
/* blau */
#main2Nav {
 width:190px;
 height:130px;
 background-color:#4875B5;
 background-image:url("../gfx/navbgline_02.gif");
 background-position:10px 0px;
 line-height:1px;
}
/* grün*/
#main3Nav {
 width:190px;
 height:130px;
 background-color:#66B747;
 background-image:url("../gfx/navbgline_03.gif");
 background-position:10px 0px;
 line-height:1px;
}
/* grau*/
#main4Nav {
 width:190px;
 height:130px;
 background-color:#8C9CA0;
 background-image:url("../gfx/navbgline_04.gif");
 background-position:10px 0px;
 line-height:1px;
}


/* ## Element in Main-Navigation, Linie verdeckt ## */

/* gelb */
#main1Nav div.navmainnoline {
 margin-left:10px;
 padding-left:4px;
 padding-top:5px;
 background-image:url(../gfx/navbg_01.gif);
}
/* blau */
#main2Nav div.navmainnoline {
 margin-left:10px;
 padding-left:4px;
 padding-top:5px;
 background-image:url(../gfx/navbg_02.gif);
}
/* grün */
#main3Nav div.navmainnoline {
 margin-left:10px;
 padding-left:4px;
 padding-top:5px;
 background-image:url(../gfx/navbg_03.gif);
}
/* grau */
#main4Nav div.navmainnoline {
 margin-left:10px;
 padding-left:4px;
 padding-top:5px;
 background-image:url(../gfx/navbg_04.gif);
}


/* ## Element in Main-Navigation, mit Linie ## */

/* gelb */
#main1Nav div.navmain {
 margin-left:10px;
 padding-left:4px;
 padding-top:5px;
}
/* blau */
#main2Nav div.navmain {
 margin-left:10px;
 padding-left:4px;
 padding-top:5px;
}
/* grün */
#main3Nav div.navmain {
 margin-left:10px;
 padding-left:4px;
 padding-top:5px;
}
/* grau */
#main4Nav div.navmain {
 margin-left:10px;
 padding-left:4px;
 padding-top:5px;
}

/* ## Element in Main-Navigation, aktiv ## */

/* gelb */
#main1Nav div.navmainon {
 margin-left:10px;
 padding-left:4px;
 padding-top:5px;
 border-bottom: solid 1px #FFD166;
 background-image:url(../gfx/navbg_01.gif);
}
/* blau */
#main2Nav div.navmainon {
 margin-left:10px;
 padding-top:5px;
 padding-left:4px;
 border-bottom: solid 1px #B5D4E7;
 background-image:url(../gfx/navbg_02.gif);
}
/* grün */
#main3Nav div.navmainon {
 margin-left:10px;
 padding-top:5px;
 padding-left:4px;
 border-bottom: solid 1px #BFE18D;
 background-image:url(../gfx/navbg_03.gif);
}
/* grau */
#main4Nav div.navmainon {
 margin-left:10px;
 padding-top:5px;
 padding-left:4px;
 border-bottom: solid 1px #CCD4D6;
 background-image:url(../gfx/navbg_04.gif);
}


/* ## Links in Main-Navigation ## */

/* Link Normal (mit / ohne Linie) */
div.navmain a:link,div.navmain a:visited,div.navmainnoline a:link,div.navmainnoline a:visited {
 font: bold 11px Verdana,Arial,Helvetica;color:#000000;text-decoration:none;
 }
div.navmain a:hover,div.navmain a:active,div.navmainnoline a:hover,div.navmainnoline a:active {
 text-decoration:underline
}
/* Link Highlight */
div.navmainon a:link,div.navmainon a:visited {
 font: bold 11px Verdana,Arial,Helvetica;color:#ffffff;text-decoration:none;
}
div.navmainon a:hover, div.navmainon a:active {
 text-decoration:none
}

/* ### SUBNAVIGATION ### */

/* ## Container für Sub-Navigationsblock ## */
#sub1Nav {
 line-height:1px;
 }
#sub2Nav {
 line-height:1px;
}
#sub3Nav {
 line-height:1px;
}

/* ## Element in Sub-Navigation, normal ## */
div.navsub {
 margin-left:10px;
 padding-left:10px;
 padding-bottom:6px;
}

/* ## Element in Sub-Navigation, aktiv ## */
div.navsubon {
 margin-left:7px;
 padding-left:0px;
 padding-bottom:6px;
}

div.navsubon img{
 margin-right:6px;
}


/* ## Links in Sub-Navigation ## */

/* gelb */
#sub1Nav div.navsub a:link,#sub1Nav div.navsub a:visited {
 font: normal 10px Verdana,Arial,Helvetica;color:#A5A7A9;text-decoration:none
 }
#sub1Nav div.navsub a:hover,#sub1Nav div.navsub a:active {
 text-decoration:underline
}
#sub1Nav div.navsubon a:link,#sub1Nav div.navsubon a:visited,
#sub1Nav div.navsubon a:hover, #sub1Nav div.navsubon a:active  {
 font: bold 10px Verdana,Arial,Helvetica;color:#FFB432;text-decoration:none
}

/* blau */
#sub2Nav div.navsub a:link,#sub2Nav div.navsub a:visited {
 font: normal 10px Verdana,Arial,Helvetica;color:#A5A7A9;text-decoration:none
 }
#sub2Nav div.navsub a:hover,#sub2Nav div.navsub a:active {
 text-decoration:underline
}
#sub2Nav div.navsubon a:link,#sub2Nav div.navsubon a:visited,
#sub2Nav div.navsubon a:hover, #sub2Nav div.navsubon a:active  {
 font: bold 10px Verdana,Arial,Helvetica;color:#4875B5;text-decoration:none
}
/* grün */
#sub3Nav div.navsub a:link,#sub3Nav div.navsub a:visited {
 font: normal 10px Verdana,Arial,Helvetica;color:#A5A7A9;text-decoration:none
 }
#sub3Nav div.navsub a:hover,#sub3Nav div.navsub a:active {
 text-decoration:underline
}
#sub3Nav div.navsubon a:link,#sub3Nav div.navsubon a:visited,
#sub3Nav div.navsubon a:hover, #sub3Nav div.navsubon a:active  {
 font: bold 10px Verdana,Arial,Helvetica;color:#66B747;text-decoration:none;
}



/* ## Deko-Haken neben Navigation 4 ## */
#nav5 {
 position:absolute;
 top:0px;left:760px;
 width:7px;
 height:130px;
 border-right: 1px solid #988F94;
 border-bottom: 1px solid #988F94;
 line-height:1px;
}


/* ###### Navigationsblock inaktiv ###### */


/* ## Main-Navigation grau inaktiv ## */
div.mainNav {
 width:190px;
 height:130px;
 background-color:#46404C;
 line-height:1px;
 border-bottom: 1px solid #988F94;
}

/* ## Element in Main-Navigation ## */
div.mainNav div {
 margin-left:10px;
 padding-top:5px;
 padding-left:4px;
}

/* ## Links in Main-Navigation ## */
div.mainNav a:link,div.mainNav a:visited {
 font: bold 11px Verdana,Arial,Helvetica;color:#988F94;text-decoration:none;
 }
div.mainNav a:hover,div.mainNav a:active {
 text-decoration:underline
}


/*
################################################################
# Hintergründe, Logo
################################################################
*/

#logo {
  position:absolute;
  bottom:20px; left:15px;
  z-index:24;
  background-image:url("../gfx/logo.gif");
  width:170px;height:61px;
}



#bg-j {
  position:absolute;
  top:270px; left:-35px;
  z-index:20;
  background-image:url("../gfx/j.gif");
  width:109px;height:180px;
}

#bg-h {
  position:absolute;
  top:159px; left:680px;
  z-index:21;
  background-image:url("../gfx/h.gif");
  width:180px;height:180px;
}
#bg-g {
  position:absolute;
  top:450px; left:235px;
  z-index:22;
  background-image:url("../gfx/g.gif");
  width:143px;height:180px;
}

#bg-at {
  position:absolute;
  top:200px; left:175px;
  z-index:23;
  background-image:url("../gfx/at.gif");
  width:180px;height:180px;
}


#zeit1980 {
  position:absolute;
  top:200px; left:5px;
  z-index:23;
  background-image:url("../gfx/zeitstrahl_1980.gif");
  width:330px;height:130px;
}
#zeit1998 {
  position:absolute;
  top:100px; left:2100px;
  z-index:25;
  background-image:url("../gfx/zeitstrahl_1998.gif");
  width:346px;height:130px;
}


/*
################################################################
# Inhalt
################################################################
*/

strong.gelb,b.gelb {
 color:#FFB432;
}

#main1,#main3,#main4 {
 position:absolute;
 top:300px;
 z-index:50;
 }



#mainZeit {
 position:absolute;
 z-index:50;
 top:255px;
 height:390px;
 width:100%;
 overflow:auto;
 padding:0;
 scrollbar-base-color:rgb(255,255,255);
 scrollbar-3dlight-color:rgb(255,255,255);
 scrollbar-arrow-color:rgb(255,180,50);
 scrollbar-darkshadow-color:rgb(255,255,255);
 scrollbar-face-color:transparent;
 scrollbar-highlight-color:rgb(255,180,50);
 scrollbar-shadow-color:rgb(255,180,50);
 scrollbar-track-color:rgb(255,255,255);
 }


/* gelb */
#mainColLeft1 {
 width:371px;
 text-align:right;
 float:left;
}

#mainColLeft1 h1 {
 color:#FFB432;
 font: bold 24px Verdana,Arial,Helvetica;
 line-height:24px;
  margin-top:0;
}

#mainColRight1 {
 margin-left:376px;
 width:372px;
 padding-left:8px;
 border-left: 1px solid #FFD166;
 font: normal 11px Verdana,Arial,Helvetica;
 text-align:left;
}

#mainColRight1col1 {
 margin-left:376px;
 width:190px;
 padding-left:8px;
 border-left: 1px solid #FFD166;
 font: normal 11px Verdana,Arial,Helvetica;
}
#mainColRight1col2 {
 position:absolute;
 left:566px;
 top:0px;
 width:190px;
 font: normal 11px Verdana,Arial,Helvetica;
}


/* blau */


#main2HeadlineEinzeilig h1{
 position:absolute;
 top:250px;left:388px;
 z-index:50;
 width:372px;
 color:#4875B5;
 font: bold 24px Verdana,Arial,Helvetica;
 line-height:24px;
 margin-top:0;
}

#main2HeadlineZweizeilig h1{
 position:absolute;
 top:225px;left:388px;
 z-index:50;
 width:372px;
 color:#4875B5;
 font: bold 24px Verdana,Arial,Helvetica;
 line-height:24px;
 margin-top:0;
}

#main2StudienBody {
 position:absolute;
 top:300px;left:376px;
 width:374px;
 z-index:51;
 padding-left:8px;
 border-left: 1px solid #B5D4E7;
 font: normal 11px Verdana,Arial,Helvetica;
}

#main2Body {
 position:absolute;
 top:300px;left:190px;
 width:570px;
 z-index:51;
 font: normal 11px Verdana,Arial,Helvetica;
}

#main2StudienImg1 {
 position:absolute;
 top:300px;
 left:0px;
 z-index:50;
 }
#main2StudienImg2 {
 position:absolute;
 top:300px;
 left:186px;
 z-index:50;
 }



.main2Internat {
 font: normal 11px Verdana,Arial,Helvetica;
}

.main2InternatLeft {
 float:left;
 width:190px;
 text-align:right;
}
.main2InternatLeft div {
 padding:8px 0px 0 0;
}

.main2InternatRight {
 margin-left:190px;
 color:#000000;

}

.main2InternatRight div {
 padding: 8px 0 10px 8px;
 border-left: 1px solid #B5D4E7; 
}


#main2Body table td {
 padding: 4px 4px 10px 8px;
}




.main2Event {
 border-top: 1px solid #B5D4E7;
 font: normal 11px Verdana,Arial,Helvetica;
 clear:both;
}

.main2EventLeft {
 float:left;
 width:190px;
 text-align:right;
}
.main2EventLeft div {
 padding:8px 8px 0 0;
}

.main2EventRight {
 margin-left:190px;
 border-left: 1px solid #B5D4E7; 
 color:#000000;
 padding: 8px 0 0px 8px; 
}


.main2EventDatum {
 font: bold 16px Verdana,Arial,Helvetica;
 color:#4875B5;
 padding:0px 0 2px 0px;
}
.main2EventTitel {
 font: bold 16px Verdana,Arial,Helvetica;
 color:#000000;
 padding:0px 0 2px 0px;
}
.main2EventCopy {
 font: normal 11px Verdana,Arial,Helvetica;
 color:#000000;
 padding:0px 0 5px 0px;
}
.main2EventCopyBlue {
 font: normal 11px Verdana,Arial,Helvetica;
 color:#4875B5;
}




/* grün */

/* PopUp Anmeldung */

#main3AnmeldungWasserzAnm {
 position:absolute;
 top:50px;left:704px;
 width:96px;height:445px;
 background-image:url("../gfx/bg_pop_anmeldung.gif");
 background-repeat:no-repeat;
}

#main3AnmeldungWasserzInfo {
 position:absolute;
 top:50px;left:704px;
 width:96px;height:217px;
 background-image:url("../gfx/bg_pop_info.gif");
 background-repeat:no-repeat;
}


#main3AnmeldungLeft {
 float:left;background-color:#66B747;width:50%;height:600px;overflow:auto;
 scrollbar-base-color:rgb(255,255,255);
 scrollbar-3dlight-color:rgb(255,255,255);
 scrollbar-arrow-color:rgb(102,183,71);
 scrollbar-darkshadow-color:rgb(255,255,255);
 scrollbar-face-color:transparent;
 scrollbar-highlight-color:rgb(102,183,71);
 scrollbar-shadow-color:rgb(102,183,71);
 scrollbar-track-color:rgb(255,255,255);
 padding:0;
}
#main3AnmeldungLeft div{
 padding:1px 0px 8px 8px;
}


#main3AnmeldungLeft h1 {
 color:#FFFFFF;
 font: bold 24px Verdana,Arial,Helvetica;
 margin-bottom:8px;
}

.rubrik {
 color:#FFFFFF;
 font: bold 11px Verdana,Arial,Helvetica;
}

.event {
 color:#000000;
 font: normal 11px Verdana,Arial,Helvetica;
}


#main3AnmeldungRight {
 position:absolute;
 top:0px;left:400px;
 width:50%;height:600px;overflow:auto;
 color:#000000;
 font: normal 11px Verdana,Arial,Helvetica;
 z-index:10;
}

#main3AnmeldungRight td{

 color:#000000;
 font: normal 11px Verdana,Arial,Helvetica;

}

#main3AnmeldungRight .field{
 color:#000000;
 font: normal 11px Verdana,Arial,Helvetica;
 width:150px;height:15px;
 background-color:#F2F2F2;
 border:none;
}


#main3AnmeldungRight .fieldComments{
 color:#000000;
 font: normal 11px Verdana,Arial,Helvetica;
 width:150px;height:150px;
 background-color:#F2F2F2;
 border:none;
}

#main3AnmeldungRight .fieldDark{
 color:#000000;
 font: normal 11px Verdana,Arial,Helvetica;
 width:150px;height:15px;
 background-color:#DBDBDB;
 border:none;
}

#main3AnmeldungRight td.cartcontent {
 background-color:#F2F2F2;
 color:#000000;
 font: normal 9px Verdana,Arial,Helvetica;
 }

#main3AnmeldungRight .submitButton{
 font: bold 11px Verdana,Arial,Helvetica;
 width:150px;height:20px;
 color:#FFFFFF;
 border:none;
 background-color:#66B747
}




#main3AnmeldungRight div{
 padding:8px 8px 8px 8px;
}


#mainColLeft3Plan {
 width:285px;
 text-align:right;
 float:left;
}
#mainColLeft3Plan h1 {
 color:#66B747;
 font: bold 24px Verdana,Arial,Helvetica;
 line-height:24px;
 margin-top:0;
}
#mainColRight3Plan img {

 position:relative;
 top:-100px;
 z-index:10;
}


#mainColLeft3 {
 width:371px;
 text-align:right;
 float:left;
}

#mainColLeft3 h1 {
 color:#66B747;
 font: bold 24px Verdana,Arial,Helvetica;
 line-height:24px;
 margin-top:0;
}

#mainColRight3 {
 margin-left:376px;
 width:372px;
 padding-left:8px;
 border-left: 1px solid #BFE18D;
 font: normal 11px Verdana,Arial,Helvetica;
}

#mainColRight3 h2 {
 color:#66B747;
 font: bold 16px Verdana,Arial,Helvetica;
 margin:0 0 2px 0;
 line-height:16px;
}


#mainColRight3 table tr.zebra {
 background-color:#F4F7DE;
}

#mainColRight3 table td.c1 {
 width:150px;
 font-weight:bold;
 padding:1px;
 vertical-align:top
}
#mainColRight3 table td.c2 {
 width:290px;
 padding:1px;
}



/* grau */
#mainColLeft4 {
 width:371px;
 text-align:right;
 float:left;
}

#mainColLeft4 h1 {
 color:#8C9CA0;
 font: bold 24px Verdana,Arial,Helvetica;
 line-height:24px;
  margin-top:0;
}

#mainColRight4 {
 margin-left:376px;
 width:372px;
 padding-left:8px;
 border-left: 1px solid #CCD4D6;
 font: normal 11px Verdana,Arial,Helvetica;
}

#mainColRight4cell1 {
 width:190px;
 text-align:right;
 float:left;
}

#mainColRight4cell1 h1 {
 color:#8C9CA0;
 font: bold 24px Verdana,Arial,Helvetica;
 line-height:24px;
 margin-top:0;
}


#mainColRight4cell2 {
 position:absolute;
 left:190px;
 width:175px;
 font: normal 11px Verdana,Arial,Helvetica;
 padding:0 5px 0 10px;
}

#mainColRight4cell3 {
 position:absolute;
 left:380px;
 width:175px;
 font: normal 11px Verdana,Arial,Helvetica;
 padding:0 5px 0 10px;
 border-left: 1px solid #CCD4D6;
 border-right: 1px solid #CCD4D6;
}

#mainColRight4cell4 {
 position:absolute;
 left:570px;
 width:175px;
 font: normal 11px Verdana,Arial,Helvetica;
 padding:0 5px 0 10px;
}



.pdftext {
 font: italic 10px Verdana,Arial,Helvetica;
}
.pdftext a {
  color:#FFB432;
  text-decoration:none;
}

.kontakt {
 position:relative;
 left:-50px;
}

.kontakt img {
 position:relative;
 left:-9px;
 margin: 0 0 10px 0;
	top: 0px;
}

#main1 a:link,#main1 a:visited {
  color:#FFB432;
  text-decoration:none;
}
#main1 a:active,#main1 a:hover {
  text-decoration:underline;
}

#main2Body a:link,#main2Body a:visited {
  color:#4875B5;
  text-decoration:none;
}
#main2Body a:active,#main2Body a:hover {
  text-decoration:underline;
}

#main2Body a.gesamt:link,#main2Body a.gesamt:visited {
  color:#000000;
  text-decoration:none;
}
#main2Body a.gesamt:active,#main2Body a.gesamt:hover {
  text-decoration:underline;
}



#main3AnmeldungRight a:link,#main3AnmeldungRight a:visited {
  color:#66B747;
  text-decoration:none;
}
#main3AnmeldungRight a:active,#main3AnmeldungRight a:hover {
  text-decoration:underline;
}

#main3 a:link,#main3 a:visited {
  color:#66B747;
  text-decoration:none;
}
#main3 a:active,#main3 a:hover {
  text-decoration:underline;
}

#main4 a:link,#main4 a:visited {
  color:#8C9CA0;
  text-decoration:none;
}
#main4 a:active,#main4 a:hover {
  text-decoration:underline;
}

.zeitJahr {
 border-left: 1px solid #FFD166;
 color:#FFB432;
 font: bold 11px Verdana,Arial,Helvetica;
 padding:0 10px 2px 10px;
}
.zeitCopy {
 border-left: 1px solid #FFD166;
 color:#000000;
 font: normal 11px Verdana,Arial,Helvetica;
 padding:5px 10px 0px 10px;
}

.zeitCopyFoto {
 color:#000000;
 font: normal 11px Verdana,Arial,Helvetica;
 padding:5px 10px 0px 10px;
}


.zeitImage {
 border-left: 1px solid #FFD166;
 padding:20px 0px 0px 0px;
}
.zeitImage2 {
 border-left: 1px solid #FFD166;
 padding:0px;
}
.zeitImageEmpty {
 padding:0px;
}




.offsetImage {
  position:relative;
  left:8px;
  margin-bottom:15px;
}

html>body .offsetImage {
  left:5px;
}

