a			{	
				text-decoration : none;
				color : #990000;
				font-weight : bolder;
			}
a img {
	border:	0;
}
			

h3			{
				color : black;
			}




body		{	

				background-position : 	center;
				background-color : 	rgb(192,192,192) ;
				background-repeat : 	no-repeat;
				color : 		black;
				font-family:		arial;		
				padding:		0;
				margin:			0;
}
		



/*********** Zusätzlicher Seiten- Container für allfällige Transparenzeffekte ***********/
#page	{
	/*
			margin-top : 30px;
			margin-left : 3%;
			margin-right : 3%;	
			width : 94%;
	*/
		}


/*********** Titelleiste ***********/ 

#wappen	{
				position : absolute;
				
				z-index : 1;
		}

#wappen img {
				height : 170px;

		}

#head	{
				background-image : url("Bilder/verlaufopen.png");
				font-size : 16px;
				text-align : left;
		}

a.active {		
				color: rgb(192,192,192);
		}

#head a:hover {
				color: rgb(192,192,192);
}



#schriftzug 	{
				height : 90px;	
				padding-left : 150px;
			}

#schriftzug img {
				height : 90px;
				
			}


#leiste		{
				height : 80px;
				background-image : url(Bilder/verlauf.png);
				background-repeat : repeat-x;
				position:		relative;
}			

/*********** Navigation in drei Schichten entsprechend dem Farbenband***********/

#navi		{
				/*position : relative;*/
				margin-left : 160px;
}

#navi a		{
				float : 	left; 
				text-decoration : none;				
				padding-left : 0px;
				font-weight : bold;
				/*border:	dotted 1px black;*/
				margin-left : 5px;
				margin-right : 5px;
				color : black;
}

#navi div { /* also navione, navitwo und navithree */
				height:			26px;
				padding-top:		4px;
				-moz-box-sizing:	border-box;
}

#navione	{
				/*position : absolute;
				width : 800px;*/
				/*height : 20px;
				margin-top : 5px;*/
}

#navitwo	{
				/*position : absolute;
				width : 700px;*/
				/*margin-top : 10px;
				margin-left : 10%;
				margin-right : 30%;*/
}
#navitwo a:hover {
				color:			#990000;
}
#navithree	{
				/*position : absolute;
				width : 600px;*/
				/*margin-left : 5px;
				margin-right : 5px;*/
				color : rgb(192,192,192);
}

/*********** Login Formular ***********/

#login		{
				position : 		absolute;
				right:			8px;
				width:			150px;
				height:			80px;
				top:			0;
}

#login form	{
				padding : 		0px;
				margin : 		0px;	
}

#login input {
				position:		absolute;
				border:			solid 1px #990000;
				background-color:	#cccccc;
}
#login input:focus {
				background-color:	white;
}
#login #login_user {
				top:			3px;
				right:			0;
}
#login #login_pw {
				top:			30px;
				right:			0;
}
#login #login_submit {
				top:			56px;
				right:			0;
}

#logout		{
				position : absolute;
				right:			8px;
				top:			28px;
}

#logout form	{
				padding : 0px;
				margin : 0px;	
			}





/*********** Äusserer Container für Inhalt ***********/
#content	{

				position : relative;
				float : left;
				width : 100%;
				height : 70%;
			
		}

/***********Bilderbalken ***********/

#picsleft	{
				position : relative;
				float : left;
				width : 110px;
			}

#picsleft img {
				position : relative;
				float : left;
				width : 90px;		
				margin-top : 5%;	
				border : groove 5px rgb(153,0,51);
			}

#picsbottom	{
				position : relative;
				float : left;
				width : 100%;	
				height : 150px;	
				background-image : url("Bilder/verlauf2.png");
			}

#picsbottom img {
				position : relative;
				float : left;
				width : 120px;
				margin-left : 3%;
				border : groove 3px black;
			}

/*********** Innerer Container für Inhalt ***********/
#content-text {
				position : 		relative;
				float : 		left;
				width : 		70%;
				min-height : 		400px;
				margin-left : 		45px;
				padding-left : 		80px;
				padding-bottom:		24px;
				font-size : 		13px;
}
#content-text td, #content-text th {
				font-size:		13px;
}



/*********** Karte Talgarten ***********/
#karte img  {
			position : relative;
			width : 600px;
			margin-top : 20px;
			}


/*********** Für netten Effekt im Text ***********/

#farben		{

			width : 30%;
			margin-left : 35%;
			margin-right : 35%;
			}

#red	{
			color : red;
			text-align : left;
		}

#silver		{	
			color : rgb(192,192,192);
			text-align : center;
			}

#black		{
			color : black;
			text-align : right;
			}

			
/****** Allgemein ******/
.error {
	font-weight:		bold;
	color:				red;
}
.success {
	font-weight:		bold;
	color:				green;
}
.fullwidth {
	width:				100%;
}

/****** Formulare (im Internen bereich) ******/
table.form_intern {
	border:				0;
	border-collapse:	collapse;
}
table.form_intern td.label {
	vertical-align:		top;
	padding-right:		32px;
	font-weight:		bold;
}

.form_intern input, .form_intern select, .form_intern button, .form_intern textarea{
	color:				black;
	border:				solid 1px #666666;
	background-color:	#dddddd;
	margin-top:			1px;
}

.form_intern input:focus, .form_intern select:focus, .form_intern textarea:focus {
	background-color:	#ffffff;
}

/****** Formular-Tabelle (mit Rahmen) ******/
table.formliste_intern {
	border:				solid 1px #666666;
	background-color:	#dddddd;
	border-collapse:	collapse;
}
table.formliste_intern th {
	border:				solid 1px #666666;
	background-color:	#cccccc;
}
table.formliste_intern td {
	border:				solid 1px #666666;
	padding-left:		4px;
	padding-right:		4px;
}

/****** Tabellen (allgemein bzw. im Internen Bereich) ******/
table.liste, table.liste_intern {
	border:				solid 1px #666666;
	background-color:	#eeeeee;
	border-collapse:	collapse;
}
table.liste_intern tr:hover {
	background-color:	#dddddd;
}
table.liste th, table.liste_intern th {
	border:				solid 1px #666666;
	background-color:	#cccccc;
}
table.liste td, table.liste_intern td {
	border:				solid 1px #666666;
	padding-left:		4px;
	padding-right:		4px;
}
/****** Anlässe ******/
.anlass_wichtig td {
	font-weight:		bold;
	font-size:			110%;
}

