@charset "iso-8859-1";
/* author: zanat */
/* Creation date: 07.01.2005 */

/* Start: HEAD */

body
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-color: #E8E8E8;
	background-image: url(zstyle_FILES/menu_links.gif);
	background-repeat: repeat-y;
	margin: 0 0 0 0;
	}
	
.layer_head1
	{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 80px;
	width: 100%;
	background-color: #B9CCE1;
	z-index: 100;
	}

.layer_head2
	{
	position: absolute;
	top: 80px;
	left: 0px;
	height: 50px;
	width: 100%;
	background-color: #8CACCF;
	z-index:100;
	}

.layer_head3
	{
	position: absolute;
	top: 130px;
	left: 0px;
	height: 20px;
	width: 100%;
	background-color: #666666;
	z-index:100;
	}
	
.layer_pic01
	{
	position: absolute;
	top: 60px;
	left: 160px;
	z-index:200;
	}
	
.layer_pic02
	{
	position: absolute;
	top: 60px;
	left: 270px;
	z-index:200;
	}

.layer_pic03
	{
	position: absolute;
	top: 60px;
	left: 380px;
	z-index:200;
	}

.layer_pic04
	{
	position: absolute;
	top: 60px;
	left: 490px;
	z-index:200;
	}

.layer_line
	{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 730px; 
	background-color: #000000; 
	height: 1px;
	z-index:200;
	}

.layer_logo
	{
	position: absolute;
	top: 0px;					/* Standard: 20px */
	right: 10px;
	z-index:200;
	}

.layer_werbung
	{
	position: absolute;
	top: 133px;
	right: 13px;
	z-index:200;
	}
	
.werbung
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
.layer_werbung2
	{
	position: absolute;
	top: 135px;
	right: 11px;
	z-index:150;
	}
	
.werbung2
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	}
	
.text
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	}

	
a:link
	{
	color: #000099;
	}
	 
a:visited
	{
	color: #000099;
	}
	 
a:hover
	{
	color: #960000;
	}
	 
a:active
	{
	color: #000099;
	}

a:link.a_werbung
	{
	color: #FFFFFF;
	text-decoration: none;
	}
	 
a:visited.a_werbung
	{
	color: #FFFFFF;
	text-decoration: none;
	}
	 
a:hover.a_werbung
	{
	color: #FFFFFF;
	text-decoration: none;
	}
	 
a:active.a_werbung
	{
	color: #FFFFFF;
	text-decoration: none;
	}
	

a:link.a_links
	{
	color: #000099;
	text-decoration: none;
	font-weight: normal;
	}
	 
a:visited.a_links
	{
	color: #000099;
	text-decoration: none;
	font-weight: normal;
	}
	 
a:hover.a_links
	{
	color: #960000;
	text-decoration: none;
	font-weight: normal;
	}
	 
a:active.a_links
	{
	color: #000099;
	text-decoration: none;
	font-weight: normal;
	}

/* End: HEAD ------------------------------------------------------- */


/* Start: rechter Rand */

.layer_links				/* 200px Breite möglich bei 1024x768 */
	{
	position: absolute;
	top: 200px;
	left: 800px;
	z-index:300;
	}

/* End: rechter Rand ------------------------------------------------- */
	
	
/* Start: MENU */

.layer_menu
	{
	position: absolute;
	top: 175px;
	left: 0px;
	width: 200px;
	line-height: 12px;
	}
	
.layer_button_navi
	{
	position: absolute;
	top: 150px;
	left: 0px;
	width: 200px;
	}

/* End: MENU ------------------------------------------------------- */


/* Start: BODY */

.layer_seitenueberschrift
	{
	position: absolute;
	top: 160px;
	left: 227px;			/* 3px weniger wegen EINEM Leerzeichen bei Rootline */
	width: 503px;
	z-index:300;
	}

h1
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 0 0;
	}

td
	{
	font-size: 10px;
	}	

.layer_line_seitenueberschrift
	{
	position: absolute;
	top: 175px;
	left: 230px;
	width: 500px; 
	background-color: #000000; 
	height: 1px;
	z-index:400;
	}
	
.layer_ueberschrift
	{
	position: absolute;
	top: 200px;
	left: 230px;
	width: 500px;
	z-index:300;
	text-align: center;
	}
	
.ueberschrift
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	}
	
.layer_normaltext
	{
	position: absolute;
	top: 240px;
	left: 230px;
	width: 500px;
	z-index:300;	
	}
	
.normaltext_ueberschrift
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	}
	
.normaltext_zusammenfassung
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	}
	
.coding
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	color: #000099;
	position: relative;
	left: 50px;	
	}
	
.coding2
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	color: #000099;
	}
	
.table_aufzaehlungen
	{
	border-color: #999999;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	font-size: 10px;
	}
	
.linkliste
	{
	list-style-image: url(zstyle_FILES/link.gif);
	}

/* --- Start: Tabelle auf Seite 1 (Home) --- */		
	
.table_tipps
	{
	width: 80%;
	border-color: #666666;
	border-collapse: collapse;
	font-size: 10px;
	}

.th_tipps
	{
	background: #B9CCE1;
	border-color: #666666;
	padding: 5px 15px 5px 15px;
	border-width: 1px;
	border-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	}	
	
.td_tipps
	{
	background: #F7F7F7;
	border-color: #666666;
	padding: 15px 15px 15px 15px;
	border-width: 1px;
	border-style: solid;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	}	

/* --- End: Tabelle auf Seite 1 (Home) --- */		
	
.table_farbumrechner
	{
	padding: 1px 5px 1px 5px;
	text-align: right;
	vertical-align: middle;
	font-size: 10px;
	}	
	
.haupt_table_farbumrechner_ausgabe
	{
	border-color: #666666;
	border-collapse: collapse;
	font-size: 10px;
	}
	
.table_farbumrechner_ausgabe_th
	{
	background: #F7F7F7;
	border-color: #666666;
	padding: 1px 15px 1px 15px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	vertical-align: top;
	font-size: 10px;
	}


.table_farbumrechner_ausgabe
	{
	background: #F7F7F7;
	border-color: #666666;
	padding: 1px 15px 1px 15px;
	border-width: 1px;
	border-style: solid;
	text-align: right;
	vertical-align: top;
	font-size: 10px;
	}
	
.table_farbumrechner_ausgabe2
	{
	background: #F7F7F7;
	border-color: #666666;
	padding: 1px 15px 1px 5px;
	border-width: 1px;
	border-style: solid;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	}

/* --- Start: Tabelle auf Seite 16 (Webfarben) --- */	
	
.table_webfarbenaufbau
	{
	border-color: #666666;
	border-collapse: collapse;
	font-size: 10px;
	}

.th_webfarbenaufbau
	{
	background: #B9CCE1;
	border-color: #666666;
	padding: 5px 5px 5px 5px;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	font-size: 10px;
	}	
	
	
.td_webfarbenaufbau
	{
	background: #F7F7F7;
	border-color: #666666;
	padding: 5px 5px 5px 5px;
	border-width: 1px;
	border-style: solid;
	text-align: right;
	vertical-align: top;
	font-size: 10px;
	}	
	
/* --- End: Tabelle auf Seite 16 (Webfarben) --- */	
	
	
	

.table_webfarben
	{
	padding: 1px 5px 1px 5px;
	text-align: right;
	vertical-align: middle;
	border-color: #666666;
	border-collapse: collapse;
	font-size: 10px;
	}	
	
.table_webfarben_ausgabe
	{
	background: #F7F7F7;
	border-color: #666666;
	padding: 5px 5px 5px 5px;
	border-width: 1px;
	border-style: solid;
	text-align: right;
	font-size: 10px;
	vertical-align: top;
	font-family: Courier, "Courier New", Monospace;
	}

.td_seitenformat
	{
	padding: 5px 15px 5px 15px;
	vertical-align: middle;
	font-size: 10px;
	}	




	
.formular							/* Style der Formulare */
	{
	background-color: #F7F7F7;
	text-align: right;
	font-size: 10px;
	}
	
.button								/* Style der Buttons */
	{
	background-color: #666666;
	color: #ffffff;
	font-size: 10px;
	}

/* End: BODY ------------------------------------------------------- */

/* Begin: Gästebuch */

.table_eingabe_gaestebuch
	{
	width: 90%;
	text-align: left;
	}

.formular_eingabe_gaestebuch
	{
	background-color: #F7F7F7;
	color: #000000;
	border: 1px solid #666666;
	}

.table_ausgabe_gaestebuch
	{
	width: 100%;
	text-align: left;
	border-spacing: 0px;
	font-size: 10px;
	}
	
.table_ausgabe_gaestebuch_head
	{
	background-color: #8CACCF;
	padding: 3px;
	font-size: 10px;
	}
	
.table_ausgabe_gaestebuch_text
	{
	background-color: #B9CCE1;
	padding: 3px;
	font-size: 10px;
	}
	
.table_ausgabe_gaestebuch_leerzeile
	{
	background-color: #E8E8E8;
	padding: 3px;
	font-size: 10px;
	}



.admin_panel
	{
	position: absolute;
	bottom: 10px;
	left: 0px;
	z-index:3000;	
	}