/* hier sind festen Werte, definiert,
   um jedem Browser zu erklaeren, was ich gerne haette
*/

table,body,html,ul,h1,h2,h3,h4,h5,p,form
{	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;
	outline:none;

}
em {
	font-style: italic;
}

.blue
{	color:#405992 !important;
font-weight: normal;
}
.blue_fett {
color:#405992 !important;
font-weight: bold;
}
.schwarz {
	
	color: #000;
}
.left {
	float: left;
}
.link {
	color:#405992;
}
.link:hover {
	text-decoration: none;
}

.center
{	text-align:center;
}
.keynote {

	width: 600px;
	padding-top: 30px;
	overflow: hidden;
}
.keynote img {
	width: 150px;
	float: left;
	margin-right: 15px;
	padding: 3px;
	border: 1px solid #ccc;
}
.keynote p {
	width: 350px;
	
}
img.eawag {width: 133px; float: right; margin-left: 30px; margin-bottom: 30px; margin-top: 15px;}
div.hinterlegt {
	width: 430px;
	float: left;
	background: #efefef;
	padding: 0px 10px 0px 0px;
	margin-bottom: 10px;
}
div.hinterlegt_fee {
	width: 430px;
	float: left;
	background: #efefef;
	padding: 10px;
	margin-bottom: 10px;
}
span.einruecken {
	padding-left: 37px;
	font-weight: bold;
}
span.kleiner {font-size: 0.8em;}
address {
		font-style: normal;
}

html
{	height:100%;
}

body
{	background-color:#fff;
	height:100%;
	font-size:1em;
}

img
{	border-width:0px;
}
img.rand {
	border: 1px solid #ccc;
	padding: 3px;
}
img.flaggen {
	width: 23px;
	float: right;
	padding-left: 10px;
	margin-top: 3px;
}
img.zwei_h {
	width: 200px;
	padding-right: 40px;
}
img.float {
	float: left;
}
img.logo-frau {
	padding-left: 0px;
	padding-top: 150px;
	padding-right: 150px;
	padding-left: 50px;
	float: left;
	
	
}
img.logo-frau2 {
	padding-left: 0px;
	padding-top: 150px;
	padding-right: 150px;
	padding-left: 50px;
	float: left;
	position: absolute;
	
}
img.nv {
	width: 150px;
	float: left;
	padding-right: 25px;
}
img.barnea {

	float: left;
	padding: 5px 25px 15px 0;
}
img.six {
	width: 201px;
	margin: 0;
	padding: 0;
	margin-top: 1px;
	padding-left: 15px;
}
.clear
{	clear:both;
}

.my_clear
{	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
}

/* die positionierung und der hintergrund des layouts */
#container
{	width:980px;
	background-image:url(../img/container.gif);
	margin:0px auto 0px auto;
	padding:0px 10px 0px 23px;
	position:relative;
	overflow:hidden;
}
#container_index
{	width:980px;
	margin:0px auto 0px auto;
	padding:0px 10px 0px 23px;
	position:relative;
	
}
#sprachen {
	width: 454px;
	
	
}


#world_picture
{	background-image:url(../img/world.png);
	background-repeat:no-repeat;
	background-position:281px bottom;
	padding-bottom:20px;
	overflow: hidden;
}

#world_picture_index1
{	background-image:url(../img/world.png);
	background-repeat:no-repeat;
	background-position:171px bottom;
	padding-bottom:20px;
	overflow: hidden;
}


#sidebar
{	background-image:url(../img/sidebar-neu.jpg);
	background-repeat:no-repeat;
	width:271px;
	float:left;
	overflow:hidden;
	min-height:780px;
	padding:218px 5px 0px 5px;
}
* html #sidebar
{	background-image:url(../img/sidebar-neu.jpg);
	background-repeat:no-repeat;
	width:271px;
	float:left;
	overflow:hidden;
	height: 780px;
	min-height:780px;
	padding:218px 5px 0px 5px;
}

.menu
{	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
}

.menu a,
.menu a:link,
.menu a:visited,
.menu a:active
{	display:block;
	text-align:right;
	font-size:1.0em;
	color:#c5c6c7;
	text-decoration:none;
	border-bottom:1px solid #c5c6c7;
	padding:13px 10px 13px 0px;
	width:261px;
}

.menu a:hover,a#active_link
{	color:#c7eeb8;
}


.startseite ul.menu li.startseite a,
.zielgruppen ul.menu li.zielgruppen a,
.investors ul.menu li.investors a,

.qualitaetsanspruch ul.menu li.qualitaetsanspruch a,
.aktuelles ul.menu li.aktuelles a,
.projektfinanzierung ul.menu li.projektfinanzierung a,
.terminprobleme ul.menu li.terminprobleme a,
.program ul.menu li.program a,
.charities ul.menu li.charities a,
.teilnahmekosten ul.menu li.teilnahmekosten a,
.anmeldung ul.menu li.anmeldung a,
.accomodation ul.menu li.accomodation a,
.veranstaltungsort ul.menu li.veranstaltungsort a,
.partner ul.menu li.partner a,
.sponsoren ul.menu li.sponsoren a,
.kontakt ul.menu li.kontakt a,
.veranstalter ul.menu li.veranstalter a
{
	color:#c7eeb8;
}



#header
{	background-image:url(../img/header.png);
	background-repeat:no-repeat;
	height:105px;
	width:454px;
	margin-top:5px;
}
#header-index1
{	background-image:url(../img/header.png);
	background-repeat:no-repeat;
	height:105px;
	width:454px;
	margin: 0;
	padding: 0;
	margin-top:75px;
		
}
#header-index2
{	background-image:url(../img/header.png);
	background-repeat:no-repeat;
	height:121px;
	width:600px;
	margin: 0;
	padding: 0;
	margin-top:30px;
	margin-bottom: 0px;
	}
* html #header-index2
{	background-image:url(../img/header.png);
		}
#main-index2
{	
	width:600px;
	overflow:hidden;
	padding:0px;
	margin: 0;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
#main
{	float:right;
	width:594px;
	overflow:hidden;
	padding:0px 0px 0px 102px;
}
#main-index1
{	float:left;
	width:594px;
	overflow:hidden;
	padding:0px 50px 0px 0px;
	
}

.content
{	color:#464a4f;
	width:454px;
	overflow:hidden;
	padding-top:25px;
	font-size:0.8em;
	border-bottom:1px solid #b6b8be;
	padding:0px 0px 20px 0px
	}

.content h1
{	font-size:1.4em;
	border-bottom:1px solid #b6b8be;
	padding-bottom:10px;
	margin-bottom:25px;
	font-weight:normal;
	margin-top: 15px;
	
}

.content h1 span
{	font-size:0.7em;
	font-family:arial, sans-serif !important;
	
}
.content h3 {
font-size:1.2em;
	font-weight:normal;
	padding:10px 0px;
	color: #000;
	padding-top: 20px;
	padding-bottom: 20px;
}
h4 {
font-size: 1em;
font-weight: normal;
padding-bottom: 5px;
	}
.content h2
{	font-size:1.2em;
	font-weight:normal;
	padding:10px 0px;
	color: #000;
}
.content h2.klein
{	font-size:1em;
	font-weight:bold;
	padding:10px 0px;
	color: #000;
}
.content h2.abstand {
	font-size: 1.4em;
	padding-top: 40px;
	padding-bottom: 20px;
	color: #405992;
	
}
.content h2.abstand2 {
	font-size: 1.4em;
	padding-top: 40px;
	padding-bottom: 0px;
	color: #405992;
	
}
.content h2 span
{	font-size:0.8em;
	font-weight:normal;
	padding:10px 0px;
	color: #000;
}


.content p
{	line-height:1.4em;
	padding: 10px 0px;
}
.content p.abstand
{
	padding-bottom: 25px;
}
.content p.abstand_top {
	padding-top: 25px;
}

.content p.border {
	
	border-bottom:1px solid #b6b8be;
	font-weight:normal;
	padding-bottom: 25px;
	
}
.content ul
{	list-style-type:none;
	list-style-position:outside;
}

.content li
{	background-image:url(../img/bullet.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	padding:2px 0px 2px 20px;
}

content2 {
color:#464a4f;
	width:600px;
	overflow:hidden;
	padding-top:25px;
	font-size:0.8em;
	border-bottom:1px solid #b6b8be;
	padding:0px 0px 20px 0px
	
}
.content2 h1
{	font-size:1.4em;
	padding-bottom:10px;
	margin-bottom:15px;
	font-weight:normal;
	margin-top: 0px;
	
}

.content2 h1 span
{	font-size:0.6em;
	font-family:arial, sans-serif !important;
	padding-right: 70px;
	}




div.partner {
	padding-top: 25px;
}
div.partner img {
	float: left;
	padding-right: 25px;
}

	/* <-- Anfang Formular */

form.log input {width: 150px;}

fieldset {
	border: 1px solid #ccc;
	padding: 15px 8px 0 15px;
	margin-bottom: 30px;
	background: #eee;
}


label {
	width: 400px;
	float: left;
}

label.anklicken {
	width: 390px;
	padding-left: 20px;
	padding-bottom: 15px;
}

input, textarea, select {
	width: 450px;
	float: left;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	background: #eee;
}

.senden {
	width: 154px;
	clear:left;
	float: left;
	border: none;
	padding-top: 15px;
	background: none;
	
}
.box_innen .loginsenden, .loginsenden {
	width: 77px;
	height: 24px;
	clear:left;
	float: left;
	border: none;
	padding-top: 0px;
	background: none;
	
}
.senden-profil {
clear:left;
	width: 80px;
	height: 22px;
	border: none;
	margin-bottom: 50px;
	border: 1px solid #556682;
	color: #556682;
}
.senden-ap {
clear:left;
	
	border: none;
	margin-bottom: 50px;
	background: #DFDFDF;
	color: #556682;
	font-weight: bold;
	border: 1px solid #556682;
}

.box {
	width: auto;
	clear: left;
	float: left;
	border: none;
	background: none;
}
h2.h2float {

	width: 300px;
	float:left;
	padding-top:20px;
}

p.pfloat {

	width: 300px;
	float:left;
	
}

p.floatleft {
	width: 400px;
	float: left;
}

 #hinweis { display:none; color: #405992; padding: 15px; border: 1px solid #ccc; }
 strong.rot {
 
 	color: red;
 }


#hinweis { display:none; color: #405992; padding: 15px; border: 1px solid #ccc; }
 strong.rot {
 
 	color: red;
 }
/* --> Ende Formular */
p.block {
	display: block;
	border: 1px solid #ccc;
	padding: 5px;
	
}

/*TABELLE PROGRAMM*/

table {
	width: 550px;
	color: #666;
	padding-bottom: 30px;
	border-collapse: collapse;
	line-height: 20px;
	font-size: 1em;
	overflow: auto;
	
}
table.abstand {

	margin-bottom: 20px;

}

	tr.farbe {
		background: #eee;
		padding-bottom: 20px;
	}
td {
	padding: 0.6em 0em;
vertical-align: top;
border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
	td.erster {
		width: 225px;
			}
td.first {
		width: 160px;
			}
	
	td.rahmen {
	border: 1px solid #ccc;
	margin-bottom: 20px;
	}
	
	table.ausklapp {
	width: auto;
	padding-bottom: 0;
	overflow: auto;
	}
	
	
/*ENDE TABELLE PROGRAMM*/

/* <-- Anfang Lightbox */

	#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/zurueck.jpg) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/vor.jpg) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: left;  padding-bottom: 0.7em; outline: none; margin-right: 50px;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* --> Ende Lightbox */