﻿body{
	margin: 0;
	padding: 40px 0 30px 0;
	font: 70% tahoma;
	color: #222;
	background-color: #FFFFFF;
}
#container{
	border-style: none dotted none dotted;
	border-width: thin;
	border-color: #C0C0C0;
	position: relative;
	width: 1015px;
	height: 840px;
	margin: 0 auto;
	padding: 0px 0px 0 0px;
	background: #fff;
	color: #222;
}

#Programmcontainer{
	border-style: none dotted none dotted;
	border-width: thin;
	border-color: #C0C0C0;
	position: relative;
	width: 1015px;
	height: 2000px;
	margin: 0 auto;
	padding: 0px 0px 0 0px;
	background: #fff;
	color: #222;
}

#where{
	border-width: thin;
	border-color: #C0C0C0;
	position: absolute;
	width: 250px;
	height: 315px;
	left: 510px;
	border-top-style: dotted;
	background-image: url('./img/directions.jpg');
}

.href{
	color: #26c;
	text-decoration:none;
}

.style2 {
	font-size: small;
	line-height: 1.5em;
	text-align: justify;
}
.style3 {
	font-size: small;
	font-family: Tahoma;
}
.style4 {
	text-align: center;
	width: 233px; 
	height: 279px;
}
#genauereInformation{
	position: absolute;
	width:505px;	
	left:0px;
	height:250px;
	top: 345px;
}
#natureProject{
	position: absolute;
	width:250px;	
	left:0px;
	height:250px;
	top: 345px;
	z-index: 10000;
}

#languageTraining{
	position: absolute;
	width:250px;
	left:255px;
	height:250px;
	top: 345px;
	z-index: 10000;
}

.subMenuLinks {
	position: absolute;
	width:100%;	
	left:0px;
	bottom: 240px;
	background: white;
	color: #222;
	z-index: 1000;
	font-size: 1.1em;
	font-weight: bold;
	display: block;
}


#socialProjects{
	position: absolute;
	width:250px;
	left:510px;
	height:250px;
	top: 345px;
	z-index: 10000;
}

#jobs{
	position: absolute;
	width:250px;
	left:765px;
	height:250px;
	top: 345px;
	z-index: 10000;
}



.countries{
	position: absolute;
	bottom: 60px;
	height: 16px;
	width: 240px;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
}

.programmbild{
	border: thin solid #000000;
	position: absolute;
	left: 0px;
	top: 175px;
	width: 500px;
	height: 104px;
	width: 504px;
}

.programmbildtext{
	margin: 5px 0 10px 0;
	padding: 18px 0 0px 8px;
	border: thin solid #000000;
	position: absolute;
	left: 0px;
	top: 282px;
	width: 496px;
	height: 38px;
}


.programmbild2{
	border: thin solid #000000;
	position: absolute;
	left: 0px;
	top: 351px;
	
	height: 104px;
	width: 504px;
}

.programmbildtext2{
	margin: 5px 0 10px 0;
	padding: 18px 0 0px 8px;
	border: thin solid #000000;
	position: absolute;
	left: 0px;
	top: 458px;
	width: 496px;
	height: 38px;
}



.programmbild3{
	border: thin solid #000000;
	position: absolute;
	left: 0px;
	top: 527px;
	
	height: 104px;
	width: 504px;
}

.programmbildtext3{
	margin: 5px 0 10px 0;
	padding: 18px 0 0px 8px;
	border: thin solid #000000;
	position: absolute;
	left: 0px;
	top: 634px;
	width: 496px;
	height: 38px;
}




a{
	text-decoration:none;
	background-color:inherit;
	color:#26c;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:0;
}

p{
	margin:0 0 15px 0;
	
}

#main p,#sidebar p{
	padding:5px;
}

#logo{
	float:left;
	width:240px;
	margin:0 20px 0 0;
	padding:0 0 25px 0;
	background:#eee;
	border:4px solid #dde;
	text-align:center;
	color:#555;
	overflow:auto;
}

#logo h1{
	margin:50px 5px 1px 5px;
	letter-spacing:-3px;
}

#logo a{
	background-color:inherit;
	color:#26a;
	text-decoration:none;
}


#tagline{
	text-align:center;
	font-size:1.2em;
}

#intro p{
	line-height:1.5em;
}

#main{
	/*border-color: #C0C0C0;
	border-width: thin;*/
	float: left;
	width: 505px;
	height: 315px;
	/*border-right-style: dotted;*/
}

.headerstyle{
	display: block; /*margin:30px 0 10px 0;*/;
	padding: 5px 0 5px 8px;
	background: #eee;
	color: #222;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd;
	text-decoration: none;
	width: 243px;
	border-color: #000000;
}

.descText{
	position: absolute;
	width: 230px; 
	height: 100px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}

.BigDescText{
	position: absolute;
	
	width: 740px; 
	height: 420px;
	padding-left: 10px;
	padding-right: 10px;
	
}

.BigNaviText{
	position: absolute;
	
	width: 1000px; 
	height: 420px;
	padding-left: 10px;
	padding-right: 10px;

}
.BigProgrammText{
	position: absolute;
	
	width: 750px; 
	height: 800px;
	
}


.ProgrammText{
	position: absolute;
	width: 500px;
	height: 800px;
	left: 260px;
}

.ProgrammGalerie{
	position: absolute;
	width: 250px;
	height: 800px;
	
}

.ProgrammGalerieRechts{
	position: absolute;
	width: 250px;
	height: 800px;
	
}


.impressBox{
	position: absolute;
	
	

	left: 0px;
	width: 400px; 
	height: 420px;
	padding-left: 10px;
	padding-right: 10px;
	/*background-color: green;*/
}

.mainHeaderstyle{
	display: block;
	margin: 5px 0 10px 0;
	padding: 18px 0 0px 8px;
	background: #eee;
	color: #222;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd;
	text-decoration: none;
	width: 496px;
	border-color: #000000;
	height: 38px;
}
#ueberUnsWhere{
	border: thin solid #000000;
	position: absolute;
	width: 250px;
	height: 167px;
	left: 510px;
	top: 0px border-top-style: solid;
}



#directions{
	position: absolute;
	height:281px;
	float:left; 
	width:227px;
	left: 5px; 	
}

#sidebar{
	/*	border-width: thin;
	border-color: #C0C0C0; */
	border: thin none #000000;
	position: absolute;
	width: 250px;
	right: 20px;
	left: 765px;
	float: right;
	margin-top: 0px;
	font-size: 1em;
	line-height: 1.3em;
	height: 315px; /*	border-left-style: dotted; */;
	padding-top: 0px;
}

#Flagge{
	position: absolute;
	width:250px;
	left:765px;
	height:250px;
	top: 345px;
}


#programmnavisidebar{
	/*	border-width: thin;
	border-color: #C0C0C0; */
	border-style: solid none none none;
	border-width: thin;
	border-color: #000000;
	position: absolute;
	width: 250px;
	right: 20px;
	left: 765px;
	float: right;
	margin-top: 0px;
	font-size: 1em;
	line-height: 1.3em;
	height: 160px; /*	border-left-style: dotted; */;
	padding-top: 0px;
}


#sidebar p{
	font-size:0.9em;
}

.sidelink{
	height: 20px;
	display: block;
	width: 240px;
	margin: 0px 10px 2px 0px;
	padding: 5px 0 5px 8px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	background: #eee;
	color: #26c;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd;
	text-decoration: none;
	border-color: #000000;
	line-height: 20px;
}
.sidelink:hover{
	background: #FFFFFF;
	color: #000000;
	border-top: 1px solid #ddd;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #ddd;
	text-decoration: none;
	border-color: #C0C0C0;
}

* + html .sidelink{
	height:21px;
}

* html .sidelink{
	height:21px;
}

.corr{
	height: 21px;
	line-height: 21px;
}

* + html .corr{
	height: 20px;
	line-height: 20px;
}

* html .corr{
	height: 20px;
	line-height: 20px;
}

* html .corr2{
	height: 20px;
	line-height: 20px;
}

* + html .corr2{
	height: 20px;
	line-height: 20px;
}

.menuheader{
	border-top: 1px solid #ddd;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #ddd;
	border-color: #000000;
}

#footer{
	border-style: none none dotted none;
	border-width: thin;
	border-color: #C0C0C0;
	position: absolute;
	bottom: 0px;
	width: 1015px;
	height: 0px;
	left: 0px;
	background: #fff;
	font-size: 0.9em;
	color: #888;
	text-align: center;
	padding-top: 5px;
}

h1,h2,h3,h4{
	margin:0 0 10px 0;
	font-weight:normal;
}

h1{
	font-size:2.8em;
}

h2{
	margin:0 0 4px 0;
	font-size:1.8em;
}

h3{
	margin:10px 0 8px 0;
	font-size:1.4em;
}

h4{
	margin:5px 0 5px 0;
	font-size:1.2em;
}

.Banner{
	border-style: solid;
	border-width: thin;
	border-color: #000000;
	clear: both;
	width: 503px;
	height: 104px;
	background-image: url('img/header.jpg');
	
}

.right{
	text-align:right;
}

.internallink{
	font-size:0.9em;
	text-align:center;
}

.block{
	padding:20px;
	background:#eee;
	color:#222;
	border:2px solid #ddd;
}

.subMenuhref {
	position: relative;

	display: block;
	width: 240px;
	margin: 0px 10px 2px 0px;
	padding: 5px 0 5px 8px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	background: #eee;
	color: #26c;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd;
	text-decoration: none;
	border-color: #000000;
}

.subMenuhref:hover {
	position: relative;


	background: white;
	color: black;
	border-top: 1px solid #ddd;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #ddd;
	text-decoration: none;
	border-color: #C0C0C0;
}

.credit{
	color:#888;
	background-color:inherit;
}

.hide{
	display:none;
}

#ContactForm {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 754px;
	height: 300px;
}

#nameDesc {
	position: absolute;
	top: 10px;
	left: 0px;
}

#name {
	position: absolute;
	top: 5px;
	left: 50px;
	width: 300px;
}

#mailDesc {
	position: absolute;
	top: 50px;
	left: 0px;
}

#mail {
	position: absolute;
	top: 45px;
	left: 50px;
	width: 300px;
}

#phoneDesc {
	position: absolute;
	top: 50px;
	right: 320px;
}

#phone {
	position: absolute;
	top: 45px;
	right: 3px;
	width: 300px;
}

#subjectDesc  {
	position: absolute;
	top: 90px;
	left: 0px;
}

#subject {
	position: absolute;
	top: 85px;
	left: 50px;
	width: 695px;
}

#contactText {
	position: absolute;
	top: 125px;
	left: 50px;
	width: 695px;
	height: 180px;
}

#submitButton {
	position: absolute;
	top:320px;
	right: 1px;
	width: 150px;
}

/* NUR ZUM TEST */

#text1{
	
}


/* TEST-ENDE */
#where {
	position: absolute;
	width: 250px;
	height: 315px;
	left: 510px;
	background-image: url('./img/directions.jpg');
}

