/* Formate des Inhalts
*/
/* Allgemeine Elemente formatieren
-----------------------------------------------------------------*/
body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	height: 100%;
	
}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #002C61; /*ColSci*/
	background-color:#fff;
	margin: 0px;
	padding: 0px;
	font-size: 0.8em; 
	font-weight: normal;
	line-height: 150%;
}

textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #002C61; /*ColSci*/
	background-color:#fff;
	margin: 0px;
	padding: 0px;
	font-size: 100%; 
	font-weight: normal;
	line-height: 150%;
}
/* */
div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 150%;
}
/* Tabellenzeilen */
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 150%;
	vertical-align: top;
}
/* Absaetze */
p {
	margin: 1em 0px 0px;
}
/* Ruler*/
hr {
	height: 1px;
	color: #000;
}

/* Links  */
a:active {
	color: #002C61;
}
a:link {
	color: #002C61;
}
a:visited {
	color: #002C61;
}
a:hover {
	color: #D14000;
}

/* Topnavigation (Home, etc)
   fertig 25. September 2006
-----------------------------------------------------------------------------*/

#TopNav {
	z-index: 10;
	position: relative;
	top: 0px;
	left: 0px;
	margin-left: 0px;
	background-color: #5d778e;
	padding-top: 1px;
	padding-bottom: 3px;
}
#TopNav ul {
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	margin-bottom:0;
}
#TopNav li{
	display: inline;
	list-style-type: none;
}
#TopNav li a {
		padding: 0px 10px;
		color: #fff;
		text-decoration: none;
}
#TopNav li a:link {
	color: #fff;
	text-decoration: none;
}
#TopNav li a:visited {
	color: #fff;
	text-decoration: none;
}
#TopNav li a:hover {
	color: #D14000;
	text-decoration: none;
}

/* Logozeile
-----------------------------------------------------------------------*/
#LogoZeile {
	z-index: 2;
	position: relative;
	left: 0px;
	width: 100%;
}
#KFNLogo {
	z-index:2;
	position:relative;
	font-size: medium;
	color: #fff;
	padding: 1.2em 0em 1.2em 1.2em;
}
#KFNLogo a {
	text-decoration:none;
	color:#FFFFFF;
	}
#KFNLogo a:hover {
	color:#D14000;
	}

#KFNLogoMitGif {
	z-index:2;
	position:relative;
	color: #fff;
	padding: 20pt 0pt 20pt 15pt;
}
#KFNLogoMitGif a {
	text-decoration:none;
	color:#FFFFFF;
	border: 0;
	}
#KFNLogoMitGif a:hover {
	/*color:#D14000;*/
	}
/* Hauptnavigationsspalte
   fertig 25. September 2006
	 alles weitere zur Navigation in MainNav.css
---------------------------------------------------------------------------------------*/
#MainNavCol {
	z-index: 2;
	position: relative;
	width: 250px;
}
#Logos {
	z-index: 2;
	position: relative;
	top: 0px;
	left: 0px;
	width: 250px;
	margin-top: 50px;
}
#LogoText {
	z-index: 2;
	position: relative;
	top: 0px;
	left: 0px;
	width: 245px;
	margin-top: 0px;
}
#LSBWLogo {
	z-index: 2;
	position: relative;
	top: -2px;
	left: 0px;
	margin-top: 2px;
}
#MWKLogo {
	z-index: 2;
	position: relative;
	top: 0px;
	left: 7px;
	margin-top: 2px;
}
/* Contentspalte
	 fertig 25. September 2006
-----------------------------------------------------------------------------------------*/


/* Nur fuer Startseite index.php 
-----------------------------------*/
.ContentStart {
	z-index: 3;
	position: absolute;
	top: 6.8em;
	left: 250px;
	width: 65%;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-image: url(Layout/Verlauf.gif);
	border-left: solid #002C61 1px;
	border-top: solid #002C61 1px;
	border-right: solid #002C61 1px;
}
#ContentStartBackground {
	top:0px;
	z-index:1;
	height: 99.5%;
	border-bottom:solid #002C61 1px;
	}
#WillkommenStart {
	background-image: url(Layout/Verlauf-o.gif);
	background-repeat: repeat-y;
	height:5em;
}	
#WillkommenStart h1{
	margin: 0px 0px 0px 10px;
}	
#IntoGraphikKFN {
}
.IntroGraphikGesamt {

}
.IntroGraphikOverlay {
	position: absolute;
	margin-top: -300px;
}

/* restliche Seiten */

.Content {
	z-index: 3;
	top: 80px;
	left: 250px;
	width: 65%;
	background-color: #fff;
	border-left: solid #002C61 1px;
	border-top: solid #002C61 1px;
	border-right: solid #002C61 1px;
	position: absolute;
	padding-bottom: 20px;
}	 
#ContentBackground {
	top:0px;
	z-index:1;
	height: 100%;
	border-bottom:solid #002C61 1px;
	}	
#ContentBackgroundPhoto {
	top:0px;
	z-index:1;
	height: 100%;
	width:655px;
	border-bottom:solid #002C61 1px;
	background-color:#CCCCCC;
	}	
#ContentPhoto {
	width:655px;
	background-color:#CCCCCC;
	}	
#thumbs {
	padding-left:5px;
	}
/* Horizontale Navigation im Contentkasten
	 fertig 25. September 2006
----------------------------------------------- */

#ContNav {
	color:#ccc;
	background-color:#002C61;
	position:relative;
	width: 100%;
}
#ContNav ul {
	padding: 0px 0px 3px 0px;
	margin: 0px;
}
#ContNav li {
	list-style-type: none;
	display:inline;
}
#ContNav li a:hover	{
	color: #D14000;
	background-color: #002C61;
}	

#ContNav a {
	text-decoration:none;
	color: #CCCCCC;	
}

#ContNav a:link {
	text-decoration:none;
	margin: 0px;
}

/* Tabnavigation
	 26. September 2006 Neuversuch
--------------------------------------------------------------------*/
/* Klasse TabNav fuer alle Horizontalen Tabs: echte Tabs aber auch 
   Linkzeile*/
.TabNav {
	padding-bottom:0px;
	margin: 10px 0px 30px 0px;
}

.TabNav ul {
	margin-left: 0px;
	padding-left: 0px;
	border-bottom: solid #002c61 1px;
	padding-bottom: 8px;
}
.TabNav li {
	list-style-type: none;
	display:inline;
	padding-left: 15px;
}

/* Echte Tabs wie in Zusammenfassung, Galerie, Personen */
#TabNav a {
	text-decoration:none;
	font-weight:bold;
	color: #AAA;	
	padding:6px 10px;
	border-top: 1px;
	border-top-color: #002C61;
	border-top-style: solid;
	border-left: 1px;
	border-left-color: #002C61;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #002C61;
	border-right-style: solid;
}
#TabNav a:link {
	text-decoration:none;
}
#TabNav li a:hover	{
	color: #fff;
	background-color: #002C61;
	border-bottom:4px;
	border-bottom-style:solid;
	border-bottom-color: #002C61;
}	
/* Zur Anzeige des aktuellen Punktes*/

/* Kasten kriegt Anbindung an Textbox */
#TabNav ul a.aktiv {
	background-color: #fff;
	color: #002C61;
	border-bottom:5px;
	border-bottom-style:solid;
	border-bottom-color: #fff;
}
#TabNav ul a.aktiv:hover {
	color: #fff;
	background-color: #002C61;
	border-bottom:4px;
	border-bottom-style:solid;
	border-bottom-color: #002C61;
}
/* Kasten wird invers gefaerbt und an Textbox angebunden*/ 
/*#TabNav ul a.aktiv {
	background-color: #002C61;
	color: #fff;
	border-bottom:4px;
	border-bottom-style:solid;
	border-bottom-color: #002c61;
}*/

/* Klasse TabList fuer alle Horizontalen Links: Linkzeile*/
.TabList {
	padding-bottom:0px;
	margin: 0px 10px 30px 10px;
}
.TabList ul {
	margin-left: 0px;
	padding-left: 0px;
	border-bottom: solid #002c61 1px;
	padding-bottom: 8px;
}
.TabList li {
	list-style-type: none;
	display:inline;
	padding-left: 0px;
}

/* Linkliste wie Lokale Koordinatoren, Projekte ... 
   Zusatz zu .TabList*/
#TabList li {
	padding-left:8px;
	padding-right: 10px;
}

#TabList a{
	text-decoration:none;
	font-weight:bold;
}

/* ABC-Register
   fertig 26. September 2006
	 Zusatz zu .TabList
---------------------------------------------------------------------------------------*/

#ABCRegister li {
	padding-left: 8px;
}

#ABCRegister a {
	text-decoration:none;
	font-weight:bold;
	}
	
/* interne Links
-----------------------------------------------*/	

/* Zum Seitenanfang (toTop) am aeusseren rechten Rand
	 der Contentbox mit Hintergrundgraphik
	 (Text in Graphik)
   fertig 25. September 2006
-----------------------------------------*/
.toTop {
	background-image: url(Layout/toTop.gif);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	position: absolute;
	left: 100%;
	display:block;
	width: 36px;
	height: 13px;
	padding-left: 14px;
}

a.toTop:hover {
	background-image: url(Layout/toTopRed.gif);
}

/* Zu Links weiter unten (down)
	 auf selber Seite
	 Graphik links von Text,
   fertig 26. September 2006
-----------------------------------------*/
.down {
	background-image: url(Layout/down.gif);
	background-repeat: no-repeat;
	background-position:left 3px;
	padding-left: 14px;
}

a.down:hover {
	background-image: url(Layout/downRed.gif);
}

/* interne Links #1
	 auf andere Seiten im Projekt
	 bisher keine besondere Definition
	 Links, die vermutlich keine besonderes Zeichen 
	 erhalten (Konktakt, Impressum, etc.
---------------------------------------*/
.intern1 {
	background-image: url(Layout/intern2a.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
	padding-left: 15px;
	} 

a.intern1:hover {
		background-image: url(Layout/intern2aRed.gif);
	}


/* interne Links #2
	 auf andere Seiten im Projekt
	 Links erhalten vielleicht mal Graphik 
	 aehnlich wie externe Links (nach Disk mit 
	 RG wieder gelassen, da Reizueberflutung
---------------------------------------*/
.intern2 {
/*	background-image: url(Layout/intern2b.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
	padding-left: 15px;*/} 

a.intern2:hover {
/*	background-image: url(Layout/intern2bRed.gif);*/
	}


/* Zu externen Links (extern)
	 Graphik links von Text,
   fertig 26. September 2006
-----------------------------------------*/
.extern {
	background-image: url(Layout/extern.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
	padding-left: 15px;
}

a.extern:hover {
	background-image: url(Layout/externRed.gif);
}

/* ----------------------------------------------------- Listen  ----------------------------------------------- */

/* Stellenangebote */

.JobList {
	padding-bottom:0px;
/*	margin: 0px 10px 30px 10px;*/
}
.JobList ul {
	margin-left: 0px;
	padding-left: 0px;
	border-bottom: solid #002c61 1px;
	padding-bottom: 8px;
}
.JobList li {
	list-style-type:disc;
	padding-left: 0px;
	padding-top:15px;
}
.JobList li p{
	padding-top:0px;
}
/* ----------------------------------------------------- Tabellen  ----------------------------------------------- */
.ProjTb {
	table-layout: fixed;
	width: 100%;
	border-collapse:collapse;
	text-align:left;
	border-bottom:solid #002c61 2px;
	border-top:solid #002c61 2px;
	margin-bottom:3em;
	margin-top:0em;

/*	margin-bottom:10px;
	margin-top: 10px;
	border-spacing:10 0;*/
	}
.ProjTb col#c1 {width: 40Px;}
.ProjTb col#c2 {}
.ProjTb td {
	padding-left:0px;
	padding-right:8px;
	padding-bottom:0.6em;
	padding-top:0.3em;
}	
.ProjTb td#ProjNr {
	font-weight:bold;
}
.ProjTb td#ProjText {
}

/* Programmtabellen fuer Workshops 
--------------------------------------*/
.PrgTb {
	table-layout: fixed;
	width: 100%;
	border-collapse:collapse;
	text-align:left;
	border-bottom:solid #002c61 2px;
	border-top:solid #002c61 2px;
	margin-bottom:3em;
	margin-top:0em;
}
.PrgTb col#c1 {width: 140Px;}
.PrgTb col#c2 {}
.PrgTb td {
	padding-left:3px;
	padding-right:8px;
	padding-bottom:0.6em;
	padding-top:0.3em;
}
/* Beiprogramm: Kaffeepause, Mittagessen, etc. */
.PrgTb td#beiprg {
	font-style:italic;
}

	
/* Vortragstabellen fuer Workshops 
	 Graue Titelzeile: Projektbereich: id=r1
	 Tabellenkopf: Zeit 
--------------------------------------*/
.TalksTb {
	table-layout: fixed;
	width: 100%;
	border-collapse:collapse;
	text-align:left;
	border-spacing: 0px 0em;
	border-bottom:solid #002c61 2px;
	margin-bottom:3em;
}
.TalksTb col#c1 {width: 95Px;}
.TalksTb col#c2 {width: 50Px;}
.TalksTb col#c3 {width: 110Px;}
.TalksTb col#c4 {}

.TalksTb td, .TalksTb th, .TalksTb td#r1 {
	padding-left:3px;
	padding-right:8px;
	padding-bottom:0.6em;
	padding-top:0.3em;
}
.TalksTb th {
	font-weight:bold;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px #002c61 solid;
}
/* Graue ueberschriftszeile*/
.TalksTb tr#r1 {
	background-color:#ccc;
}
.TalksTb td#r1 {
	font-weight:bold;
	padding-top:0.2em;
	padding-bottom:0.4em;
}
/* Erste Zeile der Tabelle soll Linie drüber haben*/
.TalksTb td#rline {
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-top:2px #002c61 solid;
}
.TalksTb td#beiprg {
	padding-top:1.5em;
	padding-bottom:1.5em;
	font-style:italic;
}
/* ----------------------------------------------------- Text (.tx) ------------------------------------------------ */


.Conttx {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.Conttx h1{
	font-size: 130%;
	color: #d14000;
	background-repeat: no-repeat;
}

.Conttx#photo {
	background-color:#CCCCCC;
}

h1 {
	font-size: 130%;
	color: #d14000;
	background-repeat: no-repeat;
}

h2 {
	font-size: 100%;
	color: #003a77;
	font-weight: bold;
	margin: 2em 0px 1em;
	padding: 0;
}
h3 {
	font-size: 100%;
	color: #003a77;
	font-weight:normal;
	padding: 0px;
	margin-top: 1em;
}
.txAccesskey {
	text-decoration: underline;
}

/* Abbildungen in Galerien*/
.figcaption {
	font-style: normal;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	border-bottom: 1px;
	border-bottom-color: #002C61;
	border-bottom-style: solid;
	padding-bottom: 30px;
}
.figure {
	width: 500px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/* Spezifisches fuer LSBW
------------------------------------------------------------------------------------*/

/* Farben der LSBW als Textfarbe*/
.ColSci{color:#002C61;}
.ColFam{color:#004592;}
.ColEdu{color:#4499BD;}
.ColSoc{color:#8EB6D7;}
.ColArt{color:#005D29;}
.ColResp{color:#58821D;}
.ColEnv{color:#84A100;}
.ColSport{color:#78AA9F;}

/* Farben der LSBW als Hintergrundfarbe*/
.BackColSci{background-color:#002C61;}
.BackColFam{background-color:#004592;}
.BackColEdu{background-color:#4499BD;}
.BackColSoc{background-color:#8EB6D7;}
.BackColArt{background-color:#005D29;}
.BackColResp{background-color:#58821D;}
.BackColEnv{background-color:#84A100;}
.BackColSport{background-color:#78AA9F;}

/* Position der Farbbalken des LSBW-Streifens */
.SciPos{left:0.000%;}
.FamPos{left:12.500%;}
.EduPos{left:25.000%;}
.SocPos{left:37.500%;}
.ArtPos{left:50.000%;}
.RespPos{left:62.500%;}
.EnvPos{left:75.000%;}
.SportPos{left:87.500%;}

/* Farbbalken von LSBW */
#LSBWColRow {
	width:100.000%;
	position: relative;
	left: 0px;
	height: 12px;
	margin-top: 0px;
	padding-top: 0px;
	z-index: 2;
	}
/*Span und Div nur weil IE nicht richtig rendert*/
#LSBWColRow span {
	width:12.6%; /*ueberlappen fuer IE*/
	position: absolute;
	line-height: 12px;
	height: 12px;
	top: 0px;
	margin-top: 0px;
	}
#LSBWColRow div {
	width:12.5%; /*Letzer Balken 12.5 damit Breite = 100%*/
	height:12px;
	position: absolute;
	}