/* ============================================== */
/*                                                */
/*       Snoopy's Welt - www.snoopyswelt.ch       */
/*                                                */
/*                                                */
/* Version   Datum     Anpassungen                */
/* -------   -------   -----------                */
/*   1.0    13.08.08   Urversion                  */
/*   2.0    13.08.08   Start in PHP/Laysers       */
/*                                                */
/*                                                */
/*                                                */
/* ============================================== */


/* ==================== MAIN ==================== */

html
{
	scrollbar-base-color:        #666666;  /* ??? */
	scrollbar-face-color:        #C8D65B;  /* Bar */
	scrollbar-arrow-color:       #000000;  /* Pfeile */
	scrollbar-track-color:       #B6D5F4;  /* leer-Bar */
	scrollbar-3dlight-color:     #000000;  /* links oben Aussen */
	scrollbar-darkshadow-color:  #000000;  /* rechts unten Aussen */
	scrollbar-highlight-color:   #000000;  /* links oben Innen */
	scrollbar-shadow-color:      #000000;  /* rechts unten Innen */
}

body
{
	background:			#ffffff url(Graphiken/Hintergrund.jpg) repeat fixed 100% 100%; /* #A6CCF3 */

	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-weight:        normal;
	color:              #000000;
	font-size:          11px;
	line-height:        22px;
/*	letter-spacing:     1px; NICHT GESTATTET WEGEN SNOOPY-BILDER              */

	position:			absolute;
	padding:            0px;
	margin:             0px;
	text-align:         justify; /* main-Box zentrieren in IE 5 und hoeher */
}
	
#body
{
	padding:            0px;
	margin:             0px;
}

#Info_Ecke
{
	position:			absolute;
	top:				0px;
	right:				0px;
	margin:				0;
	height:				200px;
	z-index:			2;
}

#Info_Ecke_Links
{
	position:			absolute;
	top:				0px;
	left:				0px;
	margin:				0;
	height:				200px;
	z-index:			2;
}

#NoScreen
{
	display:			none;
}
#Umfrage_Seite
{
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				100%;
	height:				100%;
	margin:				0;
	z-index:			20;
	background:			url(Graphiken/50-50.gif) repeat 100% 100%;
	padding:            0px;
}

#Umfrage
{
	position:			absolute;
	top:				82px;
	left:				300px;
	width:				380px;
	height:				470px;
	margin:				0;
	z-index:			21;
	background:			#adcff4 url(Graphiken/Hintergrund_Umfrage.jpg);
	padding:            10px;
	border:				1px solid #000000;
	text-align:         center;
}

/* =================== Inhalt =================== */

#Inhalt
{
	z-index:			30;
}

#Inhalt a
{
	font-weight:        bold;
	text-decoration:    underline;
	color:              #000000;
	padding:            3px;
	background-color:   #C8D65B;
	border:				1px solid #ffffff;
}

#Inhalt a:hover
{
	font-weight:        bold;
	text-decoration:    none;
	background-color:   #C8D65B;
	padding:            3px;
	color:              #000000;
	border:				1px solid #000000;
}


#Ink
{
	font-weight:        bold;
	color:              #0066ff;
	border-bottom:		1px dashed #0066ff;
}


/* =================== Inhalt =================== */

#Karte
{
	font-weight:        normal;
	text-decoration:    none;
	padding:            0px;
	background-color:   #ffffff;
	border:				0px solid #ffffff;
}

#Karte a
{
	font-weight:        normal;
	text-decoration:    none;
	padding:            0px;
	background-color:   #ffffff;
	border:				0px solid #ffffff;
}

#Karte a:hover
{
	font-weight:        normal;
	text-decoration:    none;
	padding:            0px;
	background-color:   #ffffff;
	border:				0px solid #ffffff;
}


/* ================ Belegungs-Tabelle ================ */

.tab_titel
{
	background-color:	#eef3c3;
	border-color:		#666666;
	border-style:		solid; 
	border-width:		1px;
}

.tab_frei
{
	background-color:	#ccffcc;
	border-color:		#666666;
	border-style:		solid; 
	border-width:		1px;
}

.tab_knap
{
	background-color:	#66cc99;
	border-color:		#666666;
	border-style:		solid; 
	border-width:		1px;
}

.tab_voll
{
	background-color:	#ff6600;
	border-color:		#666666;
	border-style:		solid; 
	border-width:		1px;
}

.tab_weis
{
	background-color:	#dddddd;
	border-color:		#666666;
	border-style:		solid; 
	border-width:		1px;
}

/* ================ Interne Seiten ================ */

.R
{
	text-align:         right;
}

.L
{
	text-align:         left;
}

/* =================== MouseOver-Hilfe Gassi-Service =================== */

a.info
  {
	position:			relative;
	z-index:			1;
	text-decoration:	none;
  }

a.info:hover
	{
	z-index:			2;
	background-color:	#ededed;
	}

a.info span
	{
	display: none;
	}

a.info:hover span
	{
	display:			block;
	position:			absolute;
	top:				24px;
	left:				-160px;
	width:				340px;
	background-color:	#ffffcc;
	border:				1px solid #006600;
	color:				#006600;
	font-size:          13px;
	line-height:        19px;
	padding:            6px;
	text-align:			left;
}

#Intern
{
	z-index:			99;
}

#Intern a
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-weight:        bold;
	font-size:          13px;
	text-decoration:    none;
	background-color:   #C8D65B;
	padding:            1px;
	color:              #000000;
	border:				1px solid #000000;
}

#Intern a:hover
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-weight:        bold;
	font-size:          13px;
	text-decoration:    none;
	background-color:   #ffff00;
	padding:            1px;
	color:              #000000;
	border:				1px solid #000000;
}


img a         {border: 1px solid #C8D65B;} 
img a:hover   {border: 1px solid #C8D65B;} 
img a:visited {border: 1px solid #C8D65B;} 
img a:link    {border: 1px solid #C8D65B;} 



/* ==================== Menu ==================== */

#Menu
{
	position:			relative;
	z-index:			9;
	color:				#98a634;
	font-family:		Comic Sans MS, Geneva, Arial, Helvetica, sans-serif;
	font-size:			16px;
	letter-spacing:     1px;
	font-weight:		bold;
	padding:            0px;
	margin:             0px;
	line-height:        30px;
}

#Menu a 
{
	font-weight:        bold;
	text-decoration:    none;
	color:              #98a634;
	padding:            3px;
	background-color:   #ffffff;
	border:				1px solid #ffffff;
}


#Menu a:hover
{
	font-weight:        bold;
	text-decoration:    none;
	background-color:   #C8D65B;
	padding:            3px;
	color:              #000000;
	border:				1px solid #000000;
}

/* ==================== Foto-Archiv Version 4 (Kalenderteil) ==================== */

#Kal
{
	font-size:			20px;
	background-color:   transparent;
	border:				0px;
	line-height:        20px;
}

#Kal a 
{
	text-decoration:    none;
	background-color:   transparent;
	border:				0px;
	line-height:        20px;
}


#Kal a:hover
{
	text-decoration:    none;
	background-color:   transparent;
	border:				0px;
	line-height:        20px;
}

#KalSub
{
	font-size:			10px;
	line-height:        14px;
}

#KalLeer
{
	font-size:			20px;
	background-color:   transparent;
	border:				0px;
	line-height:        20px;
}

#KalHilfe
{
	background:			#ffffcc;
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-weight:        normal;
	color:              #000000;
	font-size:          11px;
	line-height:        22px;
	padding:            20px;
	margin:             10px;
	text-align:         justify; /* main-Box zentrieren in IE 5 und hoeher */
	border:				1px solid #000000;
}

/* ==================== Fuss ==================== */

#Fuss
{
	position:			relative;
	z-index:            2;
	text-align:         center;
	font color:			#9AC5F0;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	font-weight:		normal;
	letter-spacing:     1px;
}

#Fuss a 
{
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	font-weight:		bold;
	letter-spacing:     1px;
	text-decoration:    none;
	color:              #000000;
	padding:            2px;
	border:				1px solid #000000;
}


#Fuss a:hover

{
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	font-weight:		bold;
	letter-spacing:     1px;
	text-decoration:    none;
	color:              #C8D65B;
	background-color:   #000000;
	padding:            2px;
	border:				1px solid #000000;
}


/* ==================== Formulare ==================== */

input, textarea
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#000000; 
	font:				normal;
	font-size:			11px; 
	letter-spacing:		1px;
}

.input_text
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#000000; 
	font:				normal;
	font-size:			11px; 
	letter-spacing:		1px;

	background-color:	#eef3c3;
	border-color:		#000000;
	border-style:		solid; 
	border-width:		1px;
}

.input_text2
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#000000; 
	font:				normal;
	font-weight:        bold;
	font-size:			11px; 
	letter-spacing:		1px;

	background-color:	#eef3c3;
	border-color:		#000000;
	border-style:		solid; 
	border-width:		1px;
	text-align:         center;
}

.input_gesperrt
{
	background-color:	#dddddd;
	border-color:		#000000;
	border-style:		solid; 
	border-width:		1px;
	overflow:           auto;
}

.input_select
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#000000; 
	font:				normal;
	font-size:			11px; 
	letter-spacing:		1px;

	background-color:	#eef3c3;
	border-color:		#000000;
	border-style:		solid; 
	border-width:		1px;
}

.input_tabelle
{
	background-color:	#eef3c3;
	border-color:		#000000;
	border-style:		solid; 
	border-width:		1px;
}

.input_tabelle2
{
	background-color:	#eef3c3;
	border-color:		#000000;
	border-style:		solid; 
	border-width:		1px;
	line-height:        8px;
}

.input_knopf
{
	font-weight:		bold; 
	background-color:	#c8d65b;
}

.input_knopf_old
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px; 
	color:				#000000; 
	font-style:			normal; 
	font-weight:		bold; 
	text-align:			center; 
	letter-spacing:		1px;
	border-style:		solid; 
	border-width:		2px; 
	border-color:		#000000; 
	background-color:	#c8d65b;
}

.input_box
{
	border-style:		solid; 
	border-width:		0px; 
	background-color:	#CDB984;
}

.Autotext
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-weight:        normal;
	color:              #544f3f;
	font-size:          11px;
	letter-spacing:     1px;

	background-color: #d5c9a1;
	border-color:     #d5c9a1;
	border-style:     solid;
	letter-spacing :  1px;
	border-width:     1px;
}

.InfoFeld
{
	font-weight:        bold;
	color:              #000000;
	font-size:          11px;
	letter-spacing:     1px;
	text-align:         center;

	width:				350px;
	background-color:	#FD0100;
	border-color:		#000000;
	border-style:		solid;
	letter-spacing:		1px;
	border-width:		1px;
}

.InfoFeldOK
{
	font-weight:        bold;
	color:              #000000;
	font-size:          11px;
	letter-spacing:     1px;
	text-align:         center;

	width:				350px;
	background-color:	#C8D65B;
	border-color:		#000000;
	border-style:		solid;
	letter-spacing:		1px;
	border-width:		1px;
}



/* ==================== Formulare Kalender 2012 ==================== */

input:focus, textarea:focus
{
	background-color:   #ffffcc;
}

.td_kal_1
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#000000; 
	background-color:	#ccffff;
	font:				bold;
	font-size:			14px; 

	padding-top:        2px;
	padding-bottom:     2px;
	padding-right:      10px;
	padding-left:       10px;

	border-color:		#99cccc;
	border-style:		solid; 
	border-width:		1px;
}

.td_kal_2
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#000000; 
	background-color:	#ccffff;
	font:				bold;
	font-size:			11px; 

	padding-top:        2px;
	padding-bottom:     2px;
	padding-right:      10px;
	padding-left:       10px;

	border-color:		#99cccc;
	border-style:		solid; 
	border-width:		1px;
}

.td_kal_3
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#000000; 
	background-color:	#dddddd;
	font:				normal;
	font-size:			10px; 

	border-color:		#bbbbbb;
	border-style:		solid; 
	border-width:		1px;
}
.input_kal_1
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#000000; 
	background-color:	#dddddd;
	font:				normal;
	font-size:			10px; 

	border-color:		#000000;
	border-style:		solid; 
	border-width:		0px;

	padding-top:        2px;
	padding-bottom:     2px;
	padding-right:      10px;
	padding-left:       10px;

}






/* ================= Link-Codes ================= */
/*
http://forum.de.selfhtml.org/archiv/2004/12/t96824/

:link     = für Verweise zu noch nicht besuchten Seiten
:visited  = für Verweise zu bereits besuchten Seiten
:focus    = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover    = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active   = für gerade angeklickte Elemente 
*/

/* ================= Farb-Codes ================= */
/*
Grün          #C8D65B
Blau Hell     #D6E7F9
Blau Mittel   #B6D5F4
Blau Dunkel   #8DBDEE
Rot           #FD0100
repeat-x
*/