html,
 body {
 	height: 100%;
 }
 body {
 	margin: 0;
 	padding: 0;
 	/* background: #FFFFFF url(images/blau_weiss_verlauf.gif) top repeat-x; */
 	font: normal 100.01% Arial, Helvetica, sans-serif;
 	color: #000;
 }
 html>body {
 	font-size: 16px;
 }
 

/* Allgemeine Darstellung */
h1     	{font-family:Arial, Verdana,  Helvetica, sans-serif;font-size:15px;color:black; font-weight:bold}
h2     	{font-family:Arial, Verdana,  Helvetica, sans-serif;font-size:14px;color:black; font-weight:bold}
h3     	{font-family:Arial, Verdana,  Helvetica, sans-serif;font-size:13px;color:black;}
h4     	{font-family:Arial, Verdana,  Helvetica, sans-serif;font-size:12px;color:black;}
h5     	{font-family:Arial, Verdana,  Helvetica, sans-serif;font-size:11px;color:black;}
h6     	{font-family:Verdana,Arial, Verdana,  Helvetica, sans-serif;font-size:18px;color:black;}
p      	{font-family:Arial, Verdana,  Helvetica, sans-serif;font-size:11px;color:black;}
th		{background:white;font-size:11px;text-align:left;}
td		{font-size:11px;}
/*td		{background:white;font-size:11px;} */
ol     	{font-family:Arial, Verdana,  Helvetica, sans-serif;font-size:11px;color:#000000;}
li     	{font-family:Arial, Verdana,  Helvetica, sans-serif;font-size:11px;color:#000000;}
ul     	{font-family:Arial, Verdana,  Helvetica, sans-serif;font-size:11px;color:#000000;}
dl     	{font-family:Arial, Verdana,  Helvetica, sans-serif;font-size:11px;color:#000000#E86464;}
hr     	{border: 1px;color:#B9B9BA;}


/* Positionen der Icons innerhalb des Logos */
/* Eigene Icons können verwendet werden, indem diese in den Upload-Bereich geladen */
/* werden. Die Dateinamen müssen mit rako_ beginnen und im GIF-Format vorliegen.   */
/* z.B. rako_forum.gif / rako_chat.gif / rako_guestbook.gif / rako_newsletter.gif  */
#icon_chat 		{position:absolute;top:0px;left:150px;z-index:3;}
#icon_guestbook		{position:absolute;top:0px;left:190px;z-index:3;}
#icon_newsletter	{position:absolute;top:0px;left:230px;z-index:3;}
#icon_weather		{position:absolute;top:0px;left:270px;z-index:3;} 
#icon_weblinks		{position:absolute;top:0px;left:310px;z-index:3;} 
#icon_news 		{position:absolute;top:0px;left:350px;z-index:3;}
#icon_forum 		{position:absolute;top:0px;left:390px;z-index:3;}
#icon_adressbook	{position:absolute;top:0px;left:430px;z-index:3;} 
#icon_linkarchiv	{position:absolute;top:0px;left:470px;z-index:3;} 
#icon_shop 		{position:absolute;top:1px;left:510px;z-index:3;}


/* Link Darstellung */
a	{
	cursor: 	hand;		/* Maus wird zur Hand über einem Link */
	color:		black;		/* Schriftfarbe: schwarz */
	text-decoration:none;		/* Keine Textveränderung bei Links */
	font-weight:	normal;		/* Schriftstärke: normal */
}

a:hover,active,visited	{
	color:		#9D0E2D;	/* Schriftfarbe bei Mauberührung */
}

/* Position der Homepage (top/left) */
#main	{
	position:	absolute;		
	top:		10px;		/* Abstand von oben */
	left:		50px;		/* Abstand von Links */
	text-align:	left;		/* Textausrichtung */
	background:	transparent;	/* Hintergrundfarbe  */
	z-index: 	1;
}

/* Logo anzeigen */
#logo {
	clear:		both;
	position:	absolute;	/* Position absolut zu #main */
	top: 		15px; 		/* Abstand von oben  */
	left:		0px;		/* Abstand von links  */
	z-index:	2;		/* Reihenfolge Überlappung */
}

 
/* Toplinks (Navigation) unter dem Homepage-Logo */
#toplinks	{
	margin:		0 0 10px 0;		/* Abstand obe,links,unten,rechts */
	font-family:	Arial, Verdana,  Helvetica, sans-serif;	/* Schriftart */
	font-weight:	bold;			/* Fettschrift */
	text-align:	left;			/* Textausrichtung */
	float: 		bottom;			/* Nächstes Element */
}

/* Linke Spalte */
#links	{
	padding-right:	5px;			/* Einrückung Rechts */
	border: 	none;			/* Rahmen */
	margin: 	0;			/* Abstand */
	float: 		left;			/* Nächstes Element */
	height:		100%;			/* Höhe */
	background: 	transparent;			/* Hintergrundfarbe */
	border-right: 	1px solid #A4A4A4;	/* Linie Rechts */
	z-index:	0;
}

/* Mittlere Spalte */
#mitte {
	padding-left: 	10px;			/* Einrückung Links */
	padding-right: 	10px;			/* Einrückung Rechts */
	border: 	none;			/* Rahmen */
	margin: 	0;			/* Abstand */
	float:		left;			/* Nächstes Element */
	background: 	transparent;			/* Hintergrundfarbe */
	z-index:	0;
}

/* Rechte Spalte */
#rechts	{
	padding-left: 	5px;			/* Einrückung Links */
	border: 	none;			/* Rahmen */
	margin: 	0;			/* Abstand */
	float:		left;			/* Nächstes Element */
	background: 	transparent;			/* Hintergrundfarbe */
	border-left: 	1px solid #A4A4A4;	/* Rahmen Links */
	z-index:	0;
}

/* Footer */
#footer {
	padding-top: 	15px;
	border: 	none;
	margin: 	0;
	font-family:	Arial, Verdana,  Helvetica, sans-serif;
	font-size:	10px;			/* Schriftgrösse */
	text-align:	center;			/* Textausrichtung */
	width: 		100%;			/* Breite */
	background: 	white;			/* Hintergrundfarbe */
}

/* Navigation */
#navigation {
	width:		150px;			/* Breite */
  	z-index:	0;			/* Reihenfolge Überlappung */
}

/* Navigation */
#navigation {
	position:	relative;
	top:		12px;			/* Abstand von oben */
  	width:		150px;			/* Breite */
}

#navigation ul	{
	list-style-position: inside;
        margin-left: 0;
        margin:	0; 
        padding-left: 0;
}

#navigation li	{
	display: 	inline;
	padding: 	0 0 0 15px;
	white-space: 	nowrap;
	background: 	url(http://templates.page4all.org/rako/images/point.gif) left center no-repeat;
}

/* Plugins (stuff) auf der rechten und linken Seite */
#stuff {
	position:	relative;
	top:		12px;
  	width:		100%;
}

/* Lexikon */
.hover		{
	position:	absolute;
	visibility:	hidden;
	z-index:	4;
 }

.menu		{
	color:		#12152e;
}

#welcome 	{
	padding:	10px;
	border:		#acacac 1pt dotted; 
	z-index: 	4;
}


/* Formular-Darstellung */
.formular 	{
	font-size: 	12px;
	margin: 	0px 0px -2px 3px;
	font-family: 	Arial, Helvetica, sans-serif;
	line-height: 	13px;
	border-top: 	1px solid #797A7C;
	border-left: 	1px solid #797A7C;
	border-right: 	1px solid #A4A4A4;
	border-bottom: 	1px solid #A4A4A4;
}

/* Suchmaschineneintrag markieren */
.searchengine 		{background-color: #10ADFF;}

/* Farben der verschiedenen Bausteine (Plugins) */

.banner			{background-color:White;}
.news			{background-color:White;}
.newsbox		{background-color:#EFF7FB;}
.newsborder 	{
	border-top: 		#000000 1px dotted;
	border-right:		#000000 1px dotted;
	border-bottom:		#000000 1px dotted;
	border-left:		#000000 1px dotted;
	font-weight: 		normal;
	font-size: 		10px;
	color:			black;
	background-color:	#EFF7FB;
	text-decolration:	none;
}

.bilder			{background-color:White;}
.diashow		{background-color:White;}

.webcounter		{background-color:White;}
.chat			{background-color:White;}
.userlogin		{background-color:White;}
.logologin		{background-color:White;}
.google			{background-color:White;}
.adressbuch		{background-color:White;}
.gaestebuch		{background-color:White;}
.newsletter		{background-color:White;}
.weblinks		{background-color:White;}
.umfragen		{background-color:White;}
.server			{background-color:White;}
.members		{background-color:White;}
.termine		{background-color:White;}
.kalender		{background-color:White;}
.kalender_heute	{background-color:#ACE1FC;}

.shop			{background-color:#F4F4F4;}
.shop_row1		{background-color:#D3EDFB;}
.shop_row2		{background-color:#ACE1FC;}

.forum			{background-color:#F4F4F4;}
.forum_top		{background-color:#10ADFF;}
.forum_row1		{background-color:#D3EDFB;}
.forum_row2		{background-color:#ACE1FC;}
.forum_zitat		{background-color:#FFFFFF;}