/* neuer teil des css                   			*/
/* gemäss auftrag villa unspunnen       			*/
/* änderungen:*/
/* 28.01.06 - erstellung - robuehler@r-r.ch			*/

/* ------------------------------ */
/* Angaben zum Print-Seitenlayout */
@page { margin-top:1.7cm;
        margin-bottom:1.4cm;
        margin-left:2cm;
        margin-right:2cm;
	}

/* ------------------------------ */
/* allgemeine einstellungen       */

/* bereich body */
html,body {
	height:100%;
	}
body {
	PADDING-TOP:10px;
	PADDING-RIGHT:0px;
	PADDING-LEFT:5px;
	PADDING-BOTTOM:10px;
	MARGIN:0px 10px;
	BACKGROUND-COLOR:#ffffff;
	font-family:Arial, Helvetica, sans-serif , geneva;
	color:#315184;
	font-size:100%;
	font-weight:normal;
	}

	h1 {color:#315184; background-color:transparent; font-family:Arial, Helvetica, sans-serif , geneva; font-size:140%; font-weight:lighter;}
	h2 {color:#315184; background-color:transparent; font-family:Arial, Helvetica, sans-serif , geneva; font-size:130%;}
	h3 {color:#315184; background-color:transparent; font-family:Arial, Helvetica, sans-serif , geneva; font-size:120%; border-bottom:#005488 1px solid; padding-bottom:10px; word-spacing:5px; }
	h4 {color:#315184; background-color:transparent; font-family:Arial, Helvetica, sans-serif , geneva; font-size:90%; text-align:left; font-weight:bold;padding-top:0px;margin-bottom:-10px;}
	h5 {color:#315184; background-color:transparent; font-family:Arial, Helvetica, sans-serif , geneva; font-size:75%;}
	h6 {color:#315184; background-color:transparent; font-family:Arial, Helvetica, sans-serif , geneva; font-size:75%;}
	p  {color:#315184; background-color:transparent; font-family:Arial, Helvetica, sans-serif , geneva; font-size:75%; line-height:150%;padding-bottom:10px;}
	ul, dl, ol {color:#315184; background-color:transparent; font-family:Arial, Helvetica, sans-serif , geneva; font-size:75%;}

	/* breite text */
	@media screen {
		.width, .footerwidth, hr, #footer {width:740px;}
		.widthnavi {width:180px;}
		.widthcontent {width:560px;}
		}
	@media print {	
		.width, .footerwidth, hr, #footer {width:100%;} 
		.widthnavi {width:0%;}
		.widthcontent {width:100%;}
		#navigation{display:none;}
		}

		
		
/* Bereich Header */
	.width{border-top:#315184 1px solid;}
	#head {position:relative;z-index:1;text-align:center;left:180px;top:10px;width:560px;height:120px;}
	#logo1{position:relative;z-index:2;text-align:center;top:10px;width:100%;}
	#logo2{position:relative;z-index:3;text-align:center;top:10px;width:100%;}
	#title{text-align:center;}



/* Bereich Navigation */
	#navigation {
		MARGIN:0px;  
		MARGIN-BOTTOM:5px; 
		PADDING-TOP:0px; 
		PADDING-RIGHT:0px; 
		PADDING-LEFT:0px; 
		PADDING-BOTTOM:0px; 
		WIDTH:100%; 
		liste-style-position:outside;
		/*white-space:nowrap;*/
	}
	#navigation ul {
		MARGIN:0px;
		margin-bottom:15px;
		PADDING:0px; 
		LIST-STYLE-TYPE:none; 
		font-size:93%;
		font-weight:bolder;
		PADDING-LEFT:0px; 
	}
#navigation > ul > li > ul {
		MARGIN-top:10px;
	}
	#navigation ul ul {
		LIST-STYLE-TYPE:none; 
		margin-bottom:10px;
		font-size:89%;
		font-weight:bolder;
		PADDING-LEFT:0px; 
	}
	#navigation ul > li > ul > li > a {
		margin-top:5px;
		}	
	#navigation ul ul ul {
		LIST-STYLE-TYPE:none; 
		list-style:url(images/pfeil-re.gif);
		font-size:85%;
		font-weight:normal;
		PADDING-LEFT:15px; 
	}
	#navigation ul ul ul ul {
		LIST-STYLE-TYPE:none; 
		list-style:none;
		font-size:80%;
		font-weight:normal;
		PADDING-LEFT:20px; 
	}
	#navigation a {		
		font-family:Arial, Helvetica, sans-serif , geneva;
		text-decoration:none;
		}
	#navigation a:link {
			color:#315184;
			}
	#navigation a:visited {
			color:#315184;
			}
	#navigation a:hover {
			text-decoration:underline;
			color:#cc0000;
			}
	#navigation a:active {
			color:#cc0000;
			}
	#navigation a:link.aktiv, #navigation a:visited.aktiv,#navigation a:active.aktiv{
			color:#cc0000;
			}


/* Bereich Pfad */
p.pfad {text-align:left;font-size:70%;}
p.pfad a {color:#315184;text-decoration:none;}
p.pfad a:hover {color:#cc0000;text-decoration:underline;}



/* Bereich Content */
#content {
	BORDER-top:#315184 1px solid; 
	PADDING-TOP:10px; 
	PADDING-bottom:10px; 
	width:100%;
	}
#front #content {
	BORDER-top:none; 
	}
	#content h4{
		text-align:left;}
	#content p{
		text-align:justify;}
	
	#content a {
		color:#cc0000;
		text-decoration:none;
		padding-left:10px;
		background-repeat:no-repeat;
		background-image:url(images/pfeil-re.gif);
		}
	#content li a {
		color:#cc0000;
		text-decoration:none;
		padding-left:10px;
		background-repeat:no-repeat;
		background-image:none;
		}
	#content a:hover {
		color:#cc0000;
		text-decoration:underline;
		}
	#content ul {
	/*LIST-STYLE-TYPE:none;
	*/
	PADDING-LEFT:15px;
	list-style-image : url(images/pfeil-re.gif);
}
	#content img {
	border:1px solid #315184;
	margin-right, margin-bottom:10px;
	margin-top:15px;
	}
	#content > table > tbody > tr > td > p > img
	{
	margin-top:0px;
	}
	/* aktualisiert-hinweis */
	#content p.aktual {
		font-size:60%; 
		color:#315184;
		text-align:right;
		}
	#content .searchword {
	background-color : #E7E7EF;	
	}
	#content table {
	margin-top:10px;
	padding-top:10px;
	margin-left:-3px;
	}
	#content table td p {
	line-height:100%;
	padding-bottom:5px;
	}

/* frontseite */
#front #content p, #front #content h4 {text-align:center;}
#front a.decorationnone{background-image:none;text-decoration:none;}

/* Bereich footer */
#footer {
	BORDER-top:#315184 1px solid; 
	height:20px;
	text-align:justify;
	}
	#footer .footer {  
		font-size:65%; 
		color:#315184;
	}
	#footer .footer a {  
		color:#cc0000;
		font-weight:normal;	
		text-decoration:none;
	}
	#footer .footer a:hover {  
		color:#cc0000;
		font-weight:normal;	
		text-decoration:underline;
	}




/* ------------------------------ */
/* jahresprogramm */
	#content .uebersicht	{width:100%;border:0px;background-color:White;border-spacing:2px;text-align:center;}
	#content .uebersicht a 	{background-image:none;padding-left:0px;}
	#content .tabvonbis, #content .anlassright, #content .foto, #content .newsdatum	{width:28%;}
/*	#content .anlassright 	{width:28%;}
	#content .foto 			{width:28%;}*/
	#content .ref, #content .tabanlass, #content .anlassleft, #content .newstext {width:72%;padding-left:10px;}
/*	#content .tabanlass 	{width:72%;}
	#content .anlassleft 	{width:72%;}*/

	#content .uebersicht .tabmonat{
	background-color:#E7E7EF;
	padding-right:10px;
	font-weight:bold;
	text-align:right;
	color:#315184;
	font-size:75%;
	height:30px;
	padding-top:10px;
	}
	#content .uebersicht .tabvonbis, #content .uebersicht .newsdatum {
	background-color:#527194;
	padding-right:10px;
	font-weight:bold;
	text-align:right;
	color:#FFFFFF;
	font-size:75%;
	}
	#content .uebersicht .tabanlass, #content .uebersicht .newstext {
	background-color:#E7E7EF;
	padding-left:10px;
	text-align:left;
	color:#315184;
	font-size:75%;
	}
	#content .uebersicht .newstitel {
	background-color:#E7E7EF;
	line-height:14px;
	text-align:center;
	font-weight:bold;
	color:#315184;
	font-size:100%;
	height:30px;
	}
	#content .uebersicht .newstitel p {
	color:#cc0000;
	}
	#content .uebersicht .warn {
	line-height:14px;
	text-align:center;
	color:#CC0000;
	font-style:italic;
	font-size:75%;
	}
	#content .uebersicht .warn2 {
    line-height:14px;
	color:#CC0000;
	/*font-size:75%;*/
	}
	#content .uebersicht .img {
	border:1px solid #315184;margin-top:0px;
	}
	#content .uebersicht .tabanlass .linkuebersicht {
	font-family:Arial, Helvetica, sans-serif , geneva;
	/* font-size:75%; */
	text-decoration:none;
	font-weight:bolder;
	text-align: left;
	/*padding-top:10px;
	padding-bottom:10px;*/
	line-height:200%;
	}
	#content .uebersicht .newstext .linkuebersicht {
	font-family:Arial, Helvetica, sans-serif , geneva;
	/* font-size:75%; */
	text-decoration:none;
	font-weight:bolder;
	text-align: left;
	/*padding-top:10px;
	padding-bottom:10px;*/
	}

	#content .uebersicht .tabanlass a.linkuebersicht:link, #content .uebersicht .newstext a.linkuebersicht:link {
	color:#315184;
	}
	#content .uebersicht .tabanlass a.linkuebersicht:visited, #content .uebersicht .newstext a.linkuebersicht:visited {
	color:#315184;
	}
	#content .uebersicht .tabanlass a.linkuebersicht:hover, #content .uebersicht .newstext a.linkuebersicht:hover{
	color:#cc0000;
	text-decoration:underline;
	}
	#content .uebersicht .tabanlass a.linkuebersicht:active, #content .uebersicht .newstext a.linkuebersicht:active{
	color:#cc0000;
	}
	#content .uebersicht .tabanlass a.linkuebersicht:focus, #content .uebersicht .newstext a.linkuebersicht:focus{
	color:#cc0000;
	text-decoration:underline;
	}
	#content .uebersicht a.link {
		color:#cc0000;
		text-decoration:none;
		padding-left:10px;
		background-repeat:no-repeat;
		background-image:url(images/pfeil-re.gif);
	}
	#content .cent {
	text-align:center;
	}
	#content .uebersicht .anlassright {
	background-color:#E7E7EF;
	}
	#content .uebersicht .anlassright p {
	text-align: right;
	padding-right:10px;
	color:#315184;
	font-weight:bolder;
	}
	#content .uebersicht .anlassleft {
	background-color:#E7E7EF;
	padding-left:10px;
	text-align:left;
	color:#315184;
	}
	#content .uebersicht .anlasscenter {
	background-color:#E7E7EF;
	text-align:center;
	color:#315184;
	}
	#content .uebersicht .right {
	text-align:right;
	}
	a.linkbuchung:link, a.linkbuchung:visited {
	color:#cc0000;
	text-decoration:none;
	}
	a.linkbuchung:hover, a.linkbuchung:active, a.linkbuchung:focus {
	color:#cc0000;
	text-decoration:underline;
	}

/* Bereichs-Bild */
#anlassbild {
	/*width:740px;*/
	text-align:center;
	PADDING-bottom:10px; 
	MARGIN-bottom:10px; 
	}
	
 .floatleft { 
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #315184;
	}
ul.zusatz {
	background-image:none;
	list-style:none;
	list-style-image:none;
	}
/* elemente der neuen seite jahresprogramme */
#content a.linkmonth {
	color:#315184;
	text-decoration:none;
	font-weight:bolder;
	background-image:none;
	}
#content a.linkmonth:hover {
	color:#cc0000;
	text-decoration:underline;
	font-weight:bolder;
	background-image:none;
	}
#content a.linkmonth:active {
	color:#cc0000;
	text-decoration:none;
	font-weight:bolder;
	background-image:none;
	}
#content a.linkmonthactive {
	color:#cc0000;
	text-decoration:none;
	font-weight:bolder;
	background-image:none;
	}
/* ende elemente der neuen seite jahresprogramme */
#content a.decorationnone{background-image:none;text-decoration:none;}

#content p.lead {font-weight:bolder;}