/* -- Formatierungen body - */
* { padding: 0; margin: 0; }
body {
	color: #FFFFFF; /* Schriftfarbe */
	background-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body img {
	border: 0;
}
		
#wrapper {  	
	position: relative;
	color: #FFFFFF;
	width: 880px;
	margin-top: 20px;
	margin-left: auto;
	margin-right:auto;
}

/*====================================================
	<-- Kopfbereich 
====================================================*/
#textbereich {
	position: relative;
	top: 27px;
	color:#000000;
	background-color: #FFFFFF;
}

#box {
	height: 40px;
	background-color: #336666;
}

#google {
	position: absolute;
	top: 3px;
	left: 3px;
}

#box2 {
	position: absolute;
	top: 66px;
	padding:0;
	margin:0;
	height: 1px;
	width: 100%;
	color: transparent;
	background-color: #339999;
}


#kopfbereich {
	height:70px;
	color: #000000;
	background-color:#FFFFFF;
}

#bilderleiste {
	position: absolute;
	top: 240px;
}

/* ====================================================
			<-- Start  
======================================================*/


#webdesign {
	position: absolute;
	top: 220px;
}

#privat {
	position: absolute;
	top: 280px;
}

#logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 85px;
	height: 74px;
}

#box1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 85px;
	height: 640px;
	background-color:#FFFFFF;
}

#textbereich a {
	
	color: #0000FF;
}

#titel  {
	position: absolute;
	left: 10px;
	top: 5px;
	font-size:x-large;
	color:#FFFFFF;
}

.hoch {
quotes:inherit;
	
}

.fett {
	font-weight: bold;
}

.kursiv {
	font-style: italic;
}

#text_standard {
	font-size:medium;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 10px;
	color: #000000;
	background-color:#FFFFFF;
}

#text_standard img {
	padding-right: 5px;
}

.rechts {
	float: right;
	margin: 5px;
}

.links {
	float: left;
	margin: 5px;
}

#nachricht {
	position:absolute;
	top:300px;
	width:100%;
	padding-left:150px;
	color:#000000;
	background-color:inherit;
}

#frie {
	position: absolute;
	left: 15px;;
	top:185px;
}

#bild {
	position: absolute;
	right: 0;
	top: 50px;
}

#hon {
	position: absolute;
	left: 15px;;
	top:300px;
}

#web {
	position: absolute;
	left: 10px;;
	top: 300px;
}


#navi {
	position: absolute;
	left: 340px;
	top:13px;
	padding:0;
	margin:0;
	background-color: #336666;
}

#navi li {
	display: inline;
	text-decoration: none;
	color: #FFFFFF;
}

#navi a {
	text-decoration: none;
	color: #FFFFFF;
	font-size:12px;
	padding-left: 4px;
	padding-right: 4px;
	
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color:#339999;
}

#navi a:hover {
	color: #000000;
	background-color: #FFFFFF;
}

#navi a:focus

#navi a:active,
#friedensforschung #navi0 a,
#lehre #navi1 a,
#leer #navi8 a

#navi a:active {
	color: #339999;
	background-color: #FFFFFF;
}

#navi_x {
	position: absolute;
	right: 22px;
	top:13px;
	padding:0;
	margin:0;
	background-color: #336666;
}

#navi_x li {
	display: inline;
	text-decoration: none;
	color: #FFFFFF;
}

#navi_x a {
	text-decoration: none;
	color: #FFFFFF;
	font-size:12px;
	padding-left: 4px;
	padding-right: 4px;
	border-color:#339999;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color:#339999;
	border-collapse: collapse;
}

#navi_x a:hover {
	color: #000000;
	background-color: #FFFFFF;
}

#navi_x a:focus

#navi_x a:active,
#themen #navi2 a,
#aktivitaeten #navi3 a,
#hsfk_pub #navi4 a,
#register #navi5 a,
#leer #navi8 a


#navi_x a:active {
	color: #339999;
	background-color: #FFFFFF;
}

#navi_y {
	position: absolute;
	right: 22px;
	top:13px;
	background-color: #336666;
}

#navi_y li {
	display: inline;
	text-decoration: none;
	color: #FFFFFF;
}

#navi_y a {
	text-decoration: none;
	color: #FFFFFF;
	font-size:12px;
	padding-left: 4px;
	padding-right: 4px;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color:#339999;
	border-collapse: collapse;
}

#navi_y a:hover {
	color: #000000;
	background-color: #FFFFFF;
}

#navi_y a:focus


#navi_y a:active,
#lehrangebote #navi6 a,
#efh_pub #navi7 a,
#leer #navi8 a

#navi_y a:active {
	color: #339999;
	background-color: #FFFFFF;
}

#navi02 {
	position: absolute;
	left: 0;
	top:120px;
}

#navi02 li {
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #FFFFFF;
}

#navi02 a {
	
	color: #FFFFFF;
	font-size:16px;
	padding:3px;
	paading-left: 3px;
	padding-right: 3px;
}

#navi03 {
	position: absolute;
	left: 10px;
	top: 45px;
}

#navi03 a {
	font-size:12px;
	padding:3px;
	paading-left: 3px;
	padding-right: 3px;
}

#kontakt {
	position: absolute;
	right:23px;
	top: 45px;
	padding:0;
	margin:0;
}

#suche {
	position: absolute;
	right:-79px;
	top: 21px;
	padding:0;
	margin:0;
	font-size:12px;
}

#kontakt a {
	font-size:12px;
	
}

.register {
	padding-left: 30px;
	list-style:none;
}

.verweise {
	padding-left: 50px;
}

.red {
	color:#FF0000;
	background-color:inherit;
}

.einzug1 {
	position: relative;
	left: 20px;
}

.einzug2 {
	position: relative;
	left: 40px;
}

.einzug3 {
	position: relative;
	left: 60px;
}

.einzug4 {
	position: relative;
	left: 80px;
}

.einzug5 {
	position: relative;
	left: 100px;
}

.einzug6 {
	position: relative;
	left: 120px;
}

.einzug7 {
	position: relative;
	left: 140px;
}

.einzug8 {
	position: relative;
	left: 160px;
}


	
#www {
	font-size:medium;
	color: #FFFFFF;  
}

form {
	width:600px;
	padding:20px;
}
	
label {
	display:block
}

#absender {
	width:300px;
	margin-bottom:2em;
	margin-top:1em;
}

textarea { width:400px;	height: 15em; margin-bottom:2em; margin-top:1em; }

input:focus; textarea:focus;

{
	background-color:#FFFFFF;
}