/* CSS Datei zur Webseite Kommunika Osteuropa e.V. */


/* "Kalibrierung": Alles auf 0 */
* {
	margin: 0;
	padding: 0;
}
/* Abstände wiederherstellen */
h1, h2, h3, p, form {
	margin-bottom: 1em;
}
li {
	margin-left: 2em;
}

/*==========================*/
/* Allgemeine HTML-Elemente */
/*==========================*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	line-height: 1.27;
	color: white;
	background-color: #cccccc;
}
h1 {
	font-size: 160%;
}
h2{
	font-size: 109%;
}

h3 {
	font-size: 103%;
}

a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #D3373B;
}
a img {
	text-decoration: none;
	border: none;
}

/*================*/
/* Layoutbereiche */
/*================*/

#wrapper { /*enthält alles*/
	background-color: white;
	color: #666666;
	width: 900px;
	margin: 0 auto 2em auto;
	overflow: hidden;
}
* html #wrapper {	/*Hack für IE bis 6*/
	height: 1%;
}

/* Navigation oben rechts */
#metanavigation {
	text-align: right;
	padding: 5px;
	background-color:#cccccc;
}

#metanavigation a {
}

#metanavigation a:hover {
	color: #333333;
}

#metanavigation a.aktiv {
	color: #8e8e8e;
}

#metanavigation a.visit {
	color: #333333;
}


#kopfbereich {
	width: 900px;
	background-color:#f9d817;	
}

.banner { 
	width: 700px;
	height: 100px;
	background-image: url("img/gesundheit.jpg");
	background-repeat: no-repeat;
	margin-left: 200px;
}


.banner h1 {
	visibility: hidden;
	margin: 0;
}

#allesg {
	background-color:#8e8e8e;
	background-repeat: repeat;

}


#navigation { 
	width: 200px;
	float: left;
	overflow: hidden;	
		background-color:#8e8e8e;
	background-repeat: repeat;

}


#navigation li {
	list-style-type: none;
	border-bottom: 1px solid #333366;
	margin-right: 30px;
	margin-left: 30px;
	padding-left: 10px;
	line-height: 2;
}


.menuebox {
	background-image: url("img/menuecke_oben2.gif");
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;
	padding-top: 15px;
}

.menuebox2 {
	background-image: url("img/menuecke_unten2.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
	margin-bottom: 20px; 
}


.bild3 {
	background-image: url("img/hand2.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 0px;
	padding-top: 200px;
}

.bild4 {
	background-image: url("img/grau.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 0px;
	padding-top: 180px;
}

#inhalt { 
	background-color: #FFFFFF;
	width: 700px;
	padding-top: 20px;
	margin-left: 200px;
	padding-left: 10px;
	padding-right: 100px;

	
		
}


/*=============================*/
/* Logobereich rechte Spalte */
/*=============================*/
#logobereich {
	background-color: #FFFFFF;
	float: right;
	width: 160px;
	padding-top: 0px;
	margin-right: 0px;
}
.logo {
	background-color: #8e8e8e;
	background-repeat: no-repeat;
	
	background-position:left center;
	margin-bottom: 1em;
	color:#333333;
}

.logo h1{
	text-align: center;
	font-size: 120%;
	font-style: italic;
	color: #333333;
}