/* base */
p, h1, h2, h3, div {margin:0; padding:0}
body {background-color:rgb(255,255,255); font-family:verdana, sans-serif; color:rgb(128,128,128)}
h1 {margin:0px auto 5px 0; font-size:16px; font-weight:normal}
p {margin:0px 0px 10px 0px; font-size:12px}
/*img {float:right; margin:7px 0px 5px 5px}*/
a img {border:none; margin-top:0px 0px 5px 5px; float:right} 
textarea, input {font-family:verdana; font-size:12px}

/* main */
/*width:850px und -425px stehen in direktem Zusammenhang, um die Seite nach links oder rechts zu schieben, der Wert -425px ca. die Hälfte von width */
#main {width:850px; height:480px; position:absolute; top:50%; left:50%; margin:-290px auto auto -425px}
#navigation {
	position:absolute; 
	top:0px; 
	left:0px;    /*zieht gas ganze Menü nach links bzw. rechts*/
	width:150px; /*Schrift weiter an blauen Balken rücken oder davon entfernen*/
	height:520px
	          }
#background {position:absolute; top:0px; left:150px; width:252px; height:609px; background:url(_dateien\Kognis-Balken.gif_) no-repeat top left; }
/*backgroundimage - Festlegung der Position des Fotos auf dem blauen Balken*/
#backgroundimage {position:absolute; top:0px; left:150px; width:252px; height:609px;}
 
#content {position:absolute; top:22px; left:420px; width:330px; height:300px; color:rgb(61,61,61);} /*Grösse der Box über Scrollbalken*/
#content_padding {width:450px; height:350px; overflow:auto; color:rgb(61,61,61); line-height:1.5;} /*Grösse der Scrollbox*/
#content_padding_2 {margin-right:1px; color:rgb(61,61,61); line-height:1.5;} /*Grösse der Box in der Scrollbox*/
/*#content_padding p {margin-right:5px}*/ 

/* navigation */
#navigation ul {margin:17px 3px 0px auto; padding:0px}
#navigation ul li {list-style-type:none; text-align:right; font-size:12px; margin:0; padding:0; line-height:14px}
#navigation a {text-decoration:none; color:rgb(102,102,102)}
#navigation a:hover {color:rgb(0,0,0)}
#navigation a:active {color:rgb(0,0,0)}
#navigation a.activelink {color:rgb(0,0,0)}
ul#nav_1 {}
ul#nav_2 {margin-top:58px} /*NAVIGATION der 2 Ebene: Zahlpx schiebt alles nach oben bzw. unten*/
ul#nav_3 {position:absolute; bottom:13px; right:0px}

/* content */
table.profiltabelle {font-size:12px; padding:0px; margin:0px; border-spacing:0px; border:none}
#content a {color:rgb(0,0,0); text-decoration:underline}

/* form */
#kontaktformular {font-size:12px; margin:0px; padding:0px; border-spacing:0px; border:none;}
#kontaktformular td {vertical-align:top; text-align:right;}
#kontaktformular input {width:190px} /*vergrössert den Eingabebereich jedes Textfeldes*/
#kontaktformular select {width:195px}
#kontaktformular textarea {width:390px}

/*Text wird so dargestellt wie im Editor eingegeben*/       
#editor {font-family:verdana; font-size:12px; white-space:pre;}