/********
STANDARDS: HTML TAGS
********/
body{
FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; 
}
img{
BORDER: 0px;
}
p, table{
FONT-SIZE: 12px;
}
a:link, a:visited {
TEXT-DECORATION: none; COLOR: #333A7B;
}
a:hover {
TEXT-DECORATION: underline; COLOR: #333A7B;
}
h1{
PADDING: 0px; MARGIN: 0px; FONT-SIZE: 15px; FONT-WEIGHT: 600;
}
h3{
FONT-SIZE: 13px; FONT-WEIGHT: 600; MARGIN-BOTTOM: 3px;
}
hr{
COLOR: #dddddd; BORDER-COLOR: #FFFFFF; WIDTH: 90%; HEIGHT: 1px; LINE-HEIGHT: 1px: BORDER: 0px;
}


/********
STANDARDS: FONTS; VERLINKUNG; CLEAR FLOATS
********/
.White:link, .White:visited {
TEXT-DECORATION: none; COLOR: #ffffff;
}
.White:hover {
TEXT-DECORATION: underline; COLOR: #ffffff;
}
.White{
COLOR: #ffffff;
}
.Bold15 {
FONT-SIZE: 15px; FONT-WEIGHT: 600;
}
.Bold15:link, .Bold15:visited {
TEXT-DECORATION: none; COLOR: #333A7B; FONT-SIZE: 15px; FONT-WEIGHT: 600;
}
.Bold15:hover {
TEXT-DECORATION: underline; COLOR: #333A7B; FONT-SIZE: 15px; FONT-WEIGHT: 600;
}

.Bold17{
FONT-WEIGHT: 600; FONT-SIZE: 17px; MARGIN: 5px;
}
.RedBold15{
COLOR: #660000; FONT-SIZE: 15px; FONT-WEIGHT: 600; 
}
.BlueBold12{
COLOR: #333A7B; FONT-SIZE: 12px; FONT-WEIGHT: 600; MARGIN: 5px 0px; PADDING: 0px;
}

.FloatClear{
CLEAR: both; MARGIN: 0px; PADDING: 0px;
}
.FloatClear2{
WIDTH: 670px; HEIGHT: 1px;
}


/********
1. DOCUMENT
********/
#Body1{
MARGIN: 10px 0px; BACKGROUND: #cccccc  url("../grafik/images/PageGradientBg.jpg") left top repeat-x; TEXT-ALIGN: center;
}
#Body2{
POSITION: relative; MARGIN: 0px auto; WIDTH: 950px; BACKGROUND: #ffffff; TEXT-ALIGN: left;
}


/********
2. HEADER
********/
#Header{
POSITON: relative;
}
#HTopNavi{
MARGIN: 0px auto; WIDTH: 930px; TEXT-ALIGN: right; FONT-SIZE: 12px; LINE-HEIGHT: 18px; PADDING-BOTTOM: 5px; COLOR: #FFFFFF; 
}
#HTopNavi a{
MARGIN: 0px 8px; FONT-WEIGHT: 600;
}
#HLogo{
MARGIN: 10px 0px 0px 10px;
}
#HKontakt{
POSITION: absolute; MARGIN: 0px; RIGHT: 18px; TOP: 5px; LINE-HEIGHT: 18px; HEIGHT: 18px;
}

/********
3. NAVIGATION
********/
#Navi{
MARGIN: -28px 0 0 270px; LINE-HEIGHT: normal; HEIGHT: 32px; 
}
#Navi ul{
PADDING: 0px; MARGIN: 0px; LIST-STYLE:none; FONT-SIZE: 13px; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: 600;
}
#Navi li{
MARGIN: 0 2px; PADDING: 0 0 0 7px; FLOAT: left; BACKGROUND: url("../grafik/images/MenuTabL.gif") no-repeat left top;
}
#Navi a {
DISPLAY: block; BACKGROUND:url("../grafik/images/MenuTabR.gif") no-repeat right top; PADDING:12px 14px 6px 6px; 
}
#Navi #On {
background-image:url("../grafik/images/MenuTabL_On.gif");
}
#Navi #On a {
background-image:url("../grafik/images/MenuTabR_On.gif"); 
}

#Navi2{
TEXT-ALIGN: center; WIDTH: 100%; BACKGROUND: #00264F; FONT-SIZE: 13px; LINE-HEIGHT: 25px; COLOR: #FFFFFF; MARGIN-BOTTOM: 5px;
}
#Navi2 a{
PADDING: 2px 18px;
}
#Navi2On{
BACKGROUND-COLOR: #003566;
}



/********
4. INDEX SEITE EXTRAS
********/
#Banner{
POSITON: relative; BACKGROUND-COLOR: #00264F; PADDING: 8px 0px;
}
#BannerIn{
BACKGROUND-COLOR: #0D1E7A;
}
#BannerNeu{
WIDTH: 695px; TEXT-ALIGN: left; HEIGHT: 160px; OVERFLOW: hidden; MARGIN-LEFT: 255px; BACKGROUND-COLOR: #0D1E7A;
}
#BNeu{
POSITION: absolute; LEFT: 10px; TOP: 75px; Z-INDEX: 210; WIDTH: 245px; HEIGHT: 175px; COLOR: #FFFFFF; BACKGROUND:url("../grafik/images/BannerNeu.jpg") no-repeat left top;
}
#BNeu a{
COLOR: #FFFFFF;
}

#BNeu ul{
LIST-STYLE-TYPE: none; MARGIN: 0px auto 20px auto; PADDING: Opx; FONT-SIZE: 16px; FONT-WEIGHT: 600;
}
#BNeu li{
MARGIN: 10px 0px 20px 0px; PADDING: Opx; LINE-HEIGHT: 20px; TEXT-ALIGN: right;
}
#BNeu_Text{
MARGIN: 25px 65px 0 0;
}


#BKalender1{
POSITION: absolute; LEFT: 10px; TOP: 90px; Z-INDEX: 210; WIDTH: 245px;
}
#BKalender1 p{
BACKGROUND-COLOR: #dddddd; HEIGHT: 60px; BORDER: #CCCCCC 1px solid; MARGIN: 0;
}

#BKalender2Sec{
WIDTH: 245px; FONT-SIZE: 16px; TEXT-ALIGN: left; BACKGROUND-COLOR: #660000; LINE-HEIGHT: 32px;
}

/********
5. LINKE SPALTE
********/
#LinkeSp{
FLOAT: left; WIDTH: 255px; PADDING: 0px; MARGIN: 5px 0px 0px 0px;
}
#LinkeSpSec{
FLOAT: left; WIDTH: 255px; PADDING: 0px; MARGIN: 0px;
}
.LSPortal{
MARGIN: 0 0 0 10px; BACKGROUND: url("../grafik/images/GrayGradient.jpg") left top repeat-x; PADDING: 10px 5px 20px 15px;
}
#LSPortal_Kongress{
MARGIN: 0px 0 5px 10px;
}
#LSPortal_Kongress img{
MARGIN: 5px 0 5px 0;
}

.LSPortalB{
MARGIN: 0 0 0 10px; BACKGROUND: url("../grafik/images/BlauGradient.jpg") left top repeat-x; PADDING: 10px 5px 20px 15px;
}

.LSPortal p, .LSPortalB p{
MARGIN: 0px 0px 10px 10px; PADDING: 0px;
}
.LSPortal a, .LSPortalB a{
FONT-WEIGHT: 600;
}
.LSPortal p.RedBold15{
MARGIN: 0px 0px 10px 0px;
}
#LSKalender{
MARGIN: 0 0 5px 10px;
}


/********
5. SEITEN INHALT
HP - Home Page; SP - Secondary Page
********/
#Inhalt{
WIDTH: 680px; PADDING: 0px; MARGIN: 0px 0px 0px 260px;
}
#Inhalt ul{
LIST-STYLE-TYPE: square; MARGIN: 0px auto 20px auto; PADDING: Opx; FONT-SIZE: 12px;
}
#Inhalt li{
MARGIN: 1px 0px; PADDING: Opx; LINE-HEIGHT: 14px;
}
.IHPTitle{
POSITION: relatvie; MARGIN: 0px; PADDING: 3px 0px 3px 5px; BACKGROUND-COLOR: #eeeeee; LINE-HEIGHT: 20px; FONT-SIZE: 12px;
}
.IHPTitle div{
TOP: 0px; FLOAT: right; TEXT-ALIGN: right;
}
.IHPTitle div a{
PADDING:0 8px 0 8px;
}
.IHPInfo{
PADDING: 0px; MARGIN: 5px 0px 0px 0px;
}
.IHPInfo p{
MARGIN: 5px 10px 5px 25px;
}
.SPText{
MARGIN: 0px 20px;
}
.SPText p{
MARGIN-TOP: 0px;
}

.Mehr{
 BACKGROUND: url("../grafik/images/Mehr.gif") left top no-repeat;
}
.PdfFolder{
 BACKGROUND: url("../grafik/images/PdfFolder.gif") left top no-repeat;
}
.Anmeldung{
 BACKGROUND: url("../grafik/images/Anmeldung.gif") left top no-repeat;
}
.Ansprechperson{
 BACKGROUND: url("../grafik/images/Kontakt.gif") left top no-repeat;
}
.Anfahrtsplan{
 BACKGROUND: url("../grafik/images/Anfahrtsplan.gif") left top no-repeat;
}


.Mehr1{
 BACKGROUND: url("../grafik/images/Mehr.gif") right top no-repeat;
}
.PdfFolder1{
 BACKGROUND: url("../grafik/images/PdfFolder.gif") right top no-repeat;
}
.Anmeldung1{
 BACKGROUND: url("../grafik/images/Anmeldung.gif") right top no-repeat;
}
.Schwerpunkte1{
 BACKGROUND: url("../grafik/images/Schwerpunkte.gif") right top no-repeat;
}
.Teilnahmegebuehr1{
 BACKGROUND: url("../grafik/images/Teilnahmegebuehr.gif") right top no-repeat;
}
.Ansprechperson1{
 BACKGROUND: url("../grafik/images/Kontakt.gif") right top no-repeat;
}
.Ablauf1{
 BACKGROUND: url("../grafik/images/Ablauf.gif") right top no-repeat;
}
.Arbeitskreis1{
 BACKGROUND: url("../grafik/images/Arbeitskreis.gif") right top no-repeat;
}
.Anfahrtsplan1{
 BACKGROUND: url("../grafik/images/Anfahrtsplan.gif") right top no-repeat;
}
.Sponsoring1{
 BACKGROUND: url("../grafik/images/Sponsoring.gif") right top no-repeat;
}
.Zielgruppe1{
 BACKGROUND: url("../grafik/images/Zielgruppe.gif") right top no-repeat;
}

.ISPTitle2{
BACKGROUND: #cccccc; HEIGHT: 25px; LINE-HEIGHT: 25px; FONT-WEIGHT: 600; FONT-SIZE: 14px; PADDING: 0px; MARGIN: 0px;
}
.ISPTitle{
BACKGROUND: #003566; HEIGHT: 40px; LINE-HEIGHT: 38px; FONT-WEIGHT: 600; FONT-SIZE: 16px; PADDING: 0px; MARGIN: 0px;
}
.ISPTitle1{
BACKGROUND: #003566; HEIGHT: 40px; LINE-HEIGHT: 19px; FONT-WEIGHT: 600; FONT-SIZE: 14px; PADDING: 0px; MARGIN: 0px;
}
.ISPTitle a, .ISPTitle1 a{
FLOAT: left; MARGIN-LEFT: 10px; 
}
.ISPTitle2 a{
FLOAT: left; MARGIN-LEFT: 10px; 
}
#ISPPhoto2{
FLOAT: left;
}

#ISPPhoto{
FLOAT: right;
}

#ISPPortal{
MARGIN: 0px; PADDING: 3px 0px 3px 10px; BACKGROUND-COLOR: #eeeeee; FONT-SIZE: 13px; COLOR: #333A7B; OVERFLOW: hidden;
}
#ISPNavi{
FLOAT: right; TEXT-ALIGN: right; FONT-SIZE: 12px; LINE-HEIGHT: 18px; WIDTH: 180px;
}
#ISPNavi a{
PADDING:0 20px 0 10px;
}
#ISPNavi span{
PADDING:0 15px 0 0;
}
#ISPNaviOn{
FONT-WEIGHT: bold; MARGIN: 0px; BACKGROUND: url("../grafik/images/NavigationOn.gif") right top no-repeat; 
}
#ISPPortalText{
FLOAT: left; WIDTH: 390px;
}
#ISPPortalText1{
FLOAT: left; WIDTH: 190px;
}

.KGrau1{
BACKGROUND-COLOR: #DDDDDD;
}
.KGrau2{
BACKGROUND-COLOR: #eeeeee;
}

.SPFragebogen td{
BORDER-BOTTOM: 1px solid #dddddd; PADDING: 20px 10px;
}
.SPFragebogen1 td{
BORDER: 0px; PADDING: 4px 2px; TEXT-ALIGN: center;
}
.SPFragebogen2 td{
BORDER: 1px solid #eeeeee; PADDING: 4px 2px; TEXT-ALIGN: center;
}

.SPFragebogen3 td{
BORDER: 0; PADDING: 4px 2px; TEXT-ALIGN: left;
}

.SPAgenda td{
BORDER-TOP: 1px solid #dddddd;
}
.SPAgenda img{
MARGIN-TOP: 4px;
}
.SPBall{
MARGIN: 10px 0px; PADDING: 10px; FONT-FAMILY: Times new roman; FONT-SIZE: 12px; BACKGROUND-COLOR: #C5D0E2; TEXT-ALIGN: center;
}
.SPBallLogo{
 TEXT-ALIGN: center;
}
.SPBallLogo img{
MARGIN: 5px;
}


/********
6. FOOTER
********/
#Footer1{
CLEAR: both; FONT-SIZE: 12px; MARGIN: 10px 5px 5px 25px; PADDING: 0px; HEIGHT: 25px; LINE-HEIGHT: 25px; COLOR: #333A7B;
}
#Footer1 a{
MARGIN: 0px 10px; FONT-WEIGHT: 600;
}
#Footer2{
POSITION: relative; MARGIN: 0px auto; PADDING: 5px 0px 10px 0px; WIDTH: 885px; TEXT-ALIGN: left; FONT-SIZE: 10px; COLOR: #333A7B;
}
#Footer2 a{
FONT-WEIGHT: 600; MARGIN: 0px 10px;
}

/********
/********
7. KONTAKT POP UP
********/
.PopUp1{
TEXT-ALIGN: left; WIDTH: 450px; PADDING-TOP: 5px; BACKGROUND: url("../grafik/images/PopUp1.gif") left top no-repeat;
}
.PopUp2{
BACKGROUND: #003566; HEIGHT: 30px; LINE-HEIGHT: 30px; FONT-WEIGHT: 600; FONT-SIZE: 16px; MARGIN: 0px; PADDING: 0 0 0 10px;
}
.PopUp3{
BACKGROUND: #eeeeee; PADDING: 10px 0 0 10px; MARGIN: 0px; BORDER-LEFT: 1px solid #003566; BORDER-RIGHT: 1px solid #003566;
}
.PopUp3 p{
PADDING: 10px 0; MARGIN: 0px;
}
.PopUp4{
BACKGROUND: url("../grafik/images/PopUp2.gif") left top no-repeat; MARGIN: 0px; HEIGHT: 5px;
}