/* ----Hier nix machen:------------ */

#page    { height: 100%; 	}
#page[id]{ height:auto; min-height:100%;	}
html     { height:100%; margin:0; padding:0;	}
body 	{ 	margin: 0px; padding: 0px; left:0px; top:0px; background-color:#abaaae;
			font-family: Trebuchet, Calibri, Arial, Verdana, san-serif; width:100%; }
p        {	padding: 4px 0px 4px 0px; margin: 0px 0px 0px 0px;	}

#bildstrip	{position:absolute; left:0; top:33; display:block; width:100%; min-width:1000px; height:425px; background-image: url('start-8.jpg'); 
			margin:0; padding:0; border-bottom:1px solid #000; border-top:1px solid #fff;
			}
			
#bildstrip-alt	{position:absolute; left:0; top:33; display:block; width:1000px; height:425px; background: url('start-8.jpg') no-repeat;
			margin:0; padding:0; border-bottom:1px solid #000; border-top:1px solid #fff;
			}
			
			
#bildstrip1	{position:absolute; left:0; top:36px; display:block; margin:0; padding:0;
			border-bottom:2px solid #fff;
			}

#wortstrip	{position:absolute; left:0; top:0; display:block; width:1000px; height:425px; margin:0; padding:0;
			font-family:  Georgia, Cambria, Times New Roman, Serif; font-weight:normal; text-align:left; }

/* ----Erika: Hier den Stand, Schriftgröße und Farbe definieren ------------ */

#wort01 a:link, #wort01 a:visited, #wort01 a:active 			/* Sie */
{position:absolute;text-decoration:none;	left:25px; top:55px; font-size:40px; color:#e9de5e; }

#wort02 a:link, #wort02 a:visited, #wort02 a:active				/* aufeinader zu */
{position:absolute;text-decoration:none;	left:100px; top:180px; font-size:40px; color:#84dee7; }

#wort03 a:link, #wort03 a:visited, #wort03 a:active 			/* verändernd */
{position:absolute;text-decoration:none;	left:120px; top:280px; font-size:40px; color:#64ff77; 	 }

#wort04 a:link, #wort04 a:visited, #wort04 a:active 			/* konstruktiv */
{position:absolute;text-decoration:none;	left:300px; top:370px; font-size:40px; color:#cc1f2d; 	 }

#wort05 a:link, #wort05 a:visited, #wort05 a:active 			/* gemeinsam */
{position:absolute;text-decoration:none;	left:500px; top:240px; font-size:40px; color:#fc9d1c;  }

#wort06 a:link, #wort06 a:visited, #wort06 a:active 			/* ehrlich */
{position:absolute;text-decoration:none;	left:490px;	top:40px; font-size:40px; color:#fafb6a;  }

#wort07 a:link, #wort07 a:visited, #wort07 a:active 			/* allparteilich */
{position:absolute;text-decoration:none;	left:760px; top:120px; font-size: 40px; color:#f16af5;  }

#wort08 a:link, #wort08 a:visited, #wort08 a:active 			/* menschlich */
{position:absolute;text-decoration:none;	left:795px; top:305px; font-size:40px; color:#4375d9; 	 }

#wort09 a:link, #wort09 a:visited, #wort09 a:active 			/* nachhaltig */
{position:absolute;text-decoration:none;	left:630px; top:390px;font-size:40px; color:#99e77d;  }

#wort10
{position:absolute;text-decoration:none;	left:100px; top:460px;font-size:70px; color:#c8c7ca;  }



/* ----Erika: Hier de Farbe der Wörter bei Mouse-Over definieren ------------ */

#wort01 a:hover {color:#009900; text-decoration: none; }
#wort02 a:hover {color:#ea5a98; text-decoration: none; }
#wort03 a:hover {color:#0099cc; text-decoration: none; }
#wort04 a:hover {color:#ffcccc; text-decoration: none; }
#wort05 a:hover {color:#ffff00; text-decoration: none; }
#wort06 a:hover {color:#009933; text-decoration: none; }
#wort07 a:hover {color:#e9de5e; text-decoration: none; }
#wort08 a:hover {color:#cc6600; text-decoration: none; }
#wort09 a:hover {color:#006666; text-decoration: none; }
#wort10 a:hover {color:#fff; text-decoration: none; }
#wort11 a:hover {color:#fff; text-decoration: none;  }


/* ----top 18.02.2010------------ */

#top {position:absolute; top:0; left:0; right:0; background-color:#eee; margin:0; padding: 12px 1px 10px 60px;
			font-size:12px; line-height: 12px; text-align:left; color:#000; }

#top a:link, #top a:visited {background-color:none; text-decoration:none; color:#154B9B; padding:1px; 	}
#top a:active, #top a:hover { background-color:#fff; text-decoration:underline; color:#000; padding:1px;	}

#using {position:absolute; left:0; top:430px; right:0; background-color:none; margin:0; padding: 0 0 0 20px;
			font-size:12px; line-height: 12px; text-align:left; color:#ddd; font-weight:normal; }


/* ----Erika: Hier die Größe der SPAN-Texte definieren ------------ */

#wortstrip a span {position:relative; display: none; text-decoration: none;	}

#wortstrip a:hover span  {position:relative; display:block; width:180px; color:#000; padding:4px;
	background-color:#fff; border: none;  font-size: 15px; line-height: 15px; font-weight:normal; text-decoration: none;
	font-family: Trebuchet, Calibri, Arial, Verdana, san-serif
	}








/* ---------------- Text-Folgeseiten ------------ */

#content {position:absolute; left:42px; top:55px; display:block; width:520px; margin:0; padding: 0 30px 30px 40px; font-size:16px;
			line-height: 20px; background-color:#fff;}
			
			
			
#content-biobild {position:absolute; left:620px; top:212px; display:block; width:258px; margin:0; padding: 0 ;
			background-color:#fff; border: 0px solid #666;}


#content a:link, #content a:visited {
			font-size:18px; font-weight:bold; background-color:none; text-decoration:underline;
			color:#72bf44; padding:0; 	}
#content a:active, #content a:hover {
			font-size:18px; font-weight:bold; background-color:none; text-decoration:underline;
			color:#000;    padding:0;	}

h1 {display:block; margin:0; font-family: Georgia, Cambria, Times New Roman, Serif; font-weight:normal; text-align:right; padding-top:18px;
	text-decoration:none; font-weight:bold; font-size:30px; line-height:30px; color:#484353;}

h2 {font-size:18px; line-height:20px; font-weight:bold; padding:4px 0 0 0;  margin:0; color:#72bf44;}
h3 {font-size:18px; line-height:20px; font-weight:bold; color:#000; margin:0; padding:14px 0 0 0; text-transform:uppercase;}

h4 {font-size:11px; line-height:14px; font-weight:normal; color:#000; margin:0}
h5 {font-size:14px; line-height:16px; font-weight:normal; font-style: italic; color:#000; padding:8px 0px 8px 0px; margin:0}
h6 {font-size:11px; line-height:14px; font-weight:normal; color:#000; margin:0}