/*--- // -------------------------------------------------------
		
		@ Gemeinde Flims
		@ /css/screen.css
		@ Style-Sheet f�r das allgemeine Layout
		
		@ 15.11.2007 UC
		@ alpha 0.1
		
		@ Content:
		-	General
			- Links
		-	Links / Farben
		-	Kopfzeile
		-	Area
		-	Header
			- Utilities
				- Volltextsuche
		- Visuals
		- Hauptkategorien
		- Navigation
		- Frontsite
		- General Site - Content
			- Content
				- Breadcrumb
			- Tabright
		-	News
			- Frontseite
			- List
		-	Footer
		- 	Kontakt / Ecard
		-	Paging (Bl�tterfunktion)
		-	Sitemap
		-	Bildgalerie
		-	Vereinsliste
		-	Gewerbeliste
		-	Hotelliste
		-	Aemterliste
		-	boxen
			-	InfoRed
		-	Search
		-	Sonstige Klassen (Editor)
		
		Changelog:

	
		Farben:
			d. rot: #C00028	(wie logo)	
			d.grau: #666; (helpnavigation)
			h.grau: #f2f2f2
			h.grau: ##EDEDED
			
	-------------------------------------------------------- // ---*/



	/* --------------------------------------------------
		General
	-------------------------------------------------- */
		html {
			margin:0;
			padding:0;
		}
		body {
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.69em;
			line-height:1.4em;
			color:#000;
			height:100%;
			margin-bottom:1px;
			padding:0;
		}
		textarea, input {font-family:Arial, Helvetica, sans-serif;}
		textarea{font-size:1em;}
		address{font-style:normal;}
		fieldset{
			border:none;
			margin:0px;
			padding:0px;
		}

		/* schriften */
		h2{line-height:1.2em;}
		h2.red{color:#C00028;}
		h2.bg-gray{background-color:#EDEDED;}
		h3{font-size:1em;}
		.invisible {
			display:inline;
			left:-1000px;
			overflow:hidden;
			width:0px;
			position:absolute;
			top:-1000px;
			height:0px;
		}
		.clear {clear:both; }

		/* Links */
		a{text-decoration:underline;}
		a.redlink{color:#C00028;}
		a.posRight {float:right;}
		a.posLeft {float:left;}
		
		.line-trenner{
			background:url(../images/div/trenner.jpg) repeat-x;
			border:0;
			height:1px;		
		}
		.line-trenner-small{
			background:url(../images/div/trenner.jpg) repeat-x;
			border:0;
			height:1px;
			width:680px;
		}
		table.line-trenner tr {
			background:url(../images/div/trenner.jpg) repeat-x;
			border:0;
			height:1px;		
		}
		table.line-trenner, table.line-trenner tr:first-child {
			background:none;
			height:auto;
		}
		table.line-trenner td {
			padding:1em 0;
			vertical-align:top;
		}


	/* --------------------------------------------------
		Kopfzeile / Access for All
	-------------------------------------------------- */
		#kopfzeile{
			display:inline;
			left:-1000px;
			overflow:hidden;
			width:0px;
			position:absolute;
			top:-1000px;
			height:0px;
		}


	/* --------------------------------------------------
		Area
	-------------------------------------------------- */
		#area{
			width:900px;
			margin:10px auto;
		}
		
		
	/* --------------------------------------------------
		Header
	-------------------------------------------------- */
		#header{
			height:80px;
			width:inherit;
			background: url(../images/logo/gemeinde_flims.gif) no-repeat;
		}
		
		/* Logo Link auf Home */
			#linkhome{
				display: block;
				float:left;
				width:400px;
				height:80px;
			}
		
		/* Logo Link auf Home */
			#tageskarten{
				display: block;
				float:left;
				margin-left:10px;
				width:63px;
				height:78px;
				background: url(../images/div/tageskarten.jpg) top left no-repeat;
			}
		
		/* Utilities */
			#utilities{float:right;}
			ul#helpnavi{
				list-style:none;
				float:left;
				margin:0 20px 0 0;
				padding:3px 0;
			}
			#helpnavi li{
				display:block;
				float:left;
				padding:0 5px;
				margin:0;
				border-left:1px solid #666;
			}
			#helpnavi li.first{border-left:none;}
			#helpnavi a{color:#000}
			
			div#utilities fieldset {
				float:left;
			}
			/* Volltextsuche */
				form#volltextsuche input#suche{
					border: 1px solid #999;
					padding:1px 4px 3px 4px;
					margin:0;
				}
				form#volltextsuche button{
					background: url(../images/icons/search.gif) no-repeat;
					width:15px;
					height:15px;
					cursor:pointer;
					margin-left:5px;
					
					border:0;
					color:#fff;
					text-indent:-200px;
					vertical-align:bottom;
				}
	
	
	/* --------------------------------------------------
		Visuals
	-------------------------------------------------- */
		#visuals{
			height:350px;
			background-repeat:no-repeat;
			margin:0 0 20px 0;
		}
		.visualsmall{
			height:175px !important;
			background-repeat:no-repeat;
		}


	/* --------------------------------------------------
		Hauptkategorien
	-------------------------------------------------- */
			ul#hauptkategorien{
				width:515px;
				list-style-type:none;
				float:right;
			}
			ul#hauptkategorien li{
				display:block;
				float:left;
				width:150px;
				height:30px;
				margin:10px 10px 0 0;
				padding:5px;
				
				background-color:#FFF;
				filter:alpha(opacity=95);
				-moz-opacity:0.95;
			}
			ul#hauptkategorien li a{
				display:block;
				width:inherit;
				height:100%;
				font-size:1.25em;
				color:#000;
				font-weight:bold;
				text-decoration:none;
			}
			ul#hauptkategorien li.hi{background-color:#C33;}
			ul#hauptkategorien li.hi a{color:#fff;}


	/* --------------------------------------------------
		Navigation
		
			Farben:
			d. rot: #C00028	(wie logo)
			d.grau: #666; (helpnavigation)
			h.grau: #f2f2f2
			h.grau: ##EDEDED
	-------------------------------------------------- */
			/*--- Navigation 1 ---*/
			div#navigation ul{
				margin:0;
				padding:0;
			}
				div#navigation ul.nav-2 li{
					border-bottom: 1px solid #fff;
					display:block;
				}
				div#navigation ul.nav-2 li a{
					text-decoration:none;
					color:#000;
					display:block;
					background-color:#EDEDED;
					padding:5px 5px 5px 15px;
				}
				div#navigation ul.nav-2 li.hi a {
					background-color:#C00028;
					color:#fff;
				}
				div#navigation ul.nav-2 li.lo a:hover {
					color:#fff;
					background-color:#C00028;
				}
			
			/*--- Navigation 1.1 ---*/
				div#navigation ul.nav-2 li.lo ul.nav-3{display:none;}/* nav ausblenden */
				
				div#navigation ul.nav-3 li,div#navigation ul.nav-3 li a{
					display:block !important;
					background-color:#FFF !important;
					color:#000 !important;
				}
				div#navigation ul.nav-3 li a{
					padding:0 5px 1px 25px;
					background:url(../images/nav/listpoint.jpg) no-repeat 10px 0;
				}
				div#navigation ul.nav-3 li.nav-last a{background-image:url(../images/nav/listpoint_last.jpg);}
				div#navigation ul.nav-3 li.nav-first{border-top:10px solid #fff;}
				div#navigation ul.nav-3 li.nav-last{border-bottom:10px solid #fff;}
				
				div#navigation ul.nav-3 li.lo a:hover{
					color:#C00028 !important;

				}
				div#navigation ul.nav-3 li.hi a{
					color:#C00028 !important;
					font-weight:bold !important;
				}


	/* --------------------------------------------------
		Frontsite
	-------------------------------------------------- */
		#content .frontbox{
			width:310px;
			float:left;
			margin:0 40px 30px 0;
		}
		/* --- news tableft ---*/
		#news-front-permanent {
			height:268px;
			width:300px;
			padding:5px 5px 20px 5px;
			margin:0 0 10px 0;
		}
		#news-front-permanent p {
			padding:0 8px;
		}
		#news-front-permanent a {
			float:right;
			color:#FFFC27;
		}
		#news-front-permanent h2{
			font-size:2.63em;
		}
		#frontnews-red, #frontnews-white{
			min-height:100px;
			padding:5px 5px 20px 5px;
			margin:0 0 10px 0;
		}
		#frontnews-red{
			color:#FFF;
			background:#c00028 url(../images/news/bg_schatten.jpg) bottom right no-repeat;
		}
		#frontnews-red a{color:#FFF;}
		#frontnews-white{
			border-top:1px solid #f2f2f2;
			background:#f2f2f2 url(../images/news/bg_schatten_newsbox_white.jpg) bottom right no-repeat;
		}
		#frontnews-red h2, #frontnews-white h2{font-size:1.75em;}
		#frontnews-white h2{color:#999;}
		#tabright{
			float:left;
			width:220px;
			margin:0 0 20px 0;
		}


	/* --------------------------------------------------
		General Site - Content
	-------------------------------------------------- */
		#content{width:inherit;}	
		#tableft{
			width:195px;
			float:left;
			margin:0 20px 0 0;
		}	
		#tabmiddle{
			width:460px;
			float:left;
			margin:0 25px 0 0;
		}
		#tabmiddle a{
			color:#C00028;
		}
		#tabright{
			width:200px;
			float:left;
			margin:0;
		}
		.tabfullscreen{
			width:685px !important;
			margin:0 !important;
		}
		
		/* Content */
			/* Breadcrumb */
			#breadcrumb{
				margin:0 0 10px 0;
				color:#666;
			}
			#breadcrumb .trenner{padding:0 3px;}
			#breadcrumb a{color:#666;}
			#breadcrumb strong{margin-right:3px;}


		/* Tabmiddle */
		#tabmiddle h2{
			margin:15px 0 15px 0;
			padding:0;
			font-size:2.01em;
			color:#C00028;
		}

		/* Tabright */
		#tabright h2{
			margin:0 0 15px 0;
			font-size:1.75em;
			padding:10px;
		}


	/* --------------------------------------------------
		News
	-------------------------------------------------- */
		/* Frontseite */
		ul#box-news{
			padding:0px;
			margin:0px;
		}
		ul#box-news li{
			list-style: none;
			padding:0 0 20px 0;
		}
			/*--- Datum ---*/
			div.newsdatum {
				display:block !important;
				float:left;
				width:28px;
				border-bottom:1px solid #CCC;
				border-right:2px solid #CCC;
			}
			div.newsdatum span.monat, div.newsdatum span.tag{
				display:block;
				text-align: center;
				font-family:Arial, Helvetica, sans-serif;
			}
			
			div.newsdatum span.monat{
				background-color:#C00028;
				color:#FFF;
				text-transform:uppercase;
				padding:2px 3px;
				font-size:0.9em;
			}
			div.newsdatum span.tag{
				font-weight:bold;
				color:#000;
				background-color:#f2f2f2;
				padding:4px 3px;
			}
			ul#box-news div.newscontent{
				float:left;
				margin:0 0 0 10px;
				width:160px;
			}
			ul#news-list div.newscontent{
				float:left;
				margin:0 0 0 10px;
				width:628px;
			}
			div.newscontent a{color:#C00028;}


		/*--- List ---*/
			ul#news-list{
				padding:0px;
				margin:0px;
			}
			ul#news-list li{
				list-style:none;
				padding:0 0 20px 0;	
			}
			#news-list h3{
				margin:0;
				padding:0;
			}		
			#news-list h3 a{
				text-decoration:underline;
				color:#000;
			}
			#news-list .news-datum{
				color:#666;
				margin:0 0 5px 0;
			}
			#news-list .kategorie{color:#C00028;}
			.newsabstand{padding:0 0 15px 17px;}


		/*--- List ---*/
		 #filterSelection{
			border-top:1px solid #CCC;
			border-bottom:1px solid #CCC;
			background-color:#f2f2f2;
			width:675px;
			padding: 10px 5px;
			color:#666;
		 }


	/* --------------------------------------------------
		Footer
	-------------------------------------------------- */
		#footer{
			height:20px;
			margin:10px 0 0 215px;
			padding:5px 10px;
			border-top:1px solid #CCC;
			border-bottom:25px solid #FFF;
			background-color:#f2f2f2;
			color:#666;
		}
		#footer .trenner{padding:0 5px;}
		#footer span{ display:block;float:left;color:#666;}
		#footer a{ display:block;float:left;color:#666;}


	/* --------------------------------------------------
		Kontakt / Ecard
	-------------------------------------------------- */
	div#kontaktform label { /* Alle Labels UND Formularelemente ausw�hlen */
		width: 130px;
		display:block;
		float:left;
	}
	div#kontaktform label.big { /* Alle Labels UND Formularelemente ausw�hlen */
		width: 100px;
	}
	
	div#kontaktform input { /* Alle Labels UND Formularelemente ausw�hlen */
		width:300px;
		border: 1px solid #999;
		padding:3px;
		margin:1px 5px 1px 1px;
	}
	div#kontaktform input.checkbox {
		width:20px;
	}
	div#kontaktform textarea { /* Alle Labels UND Formularelemente ausw�hlen */
		padding:3px;
		margin:1px 5px 1px 1px;
		display: block;
		float: left;
		width: 300px;
		height:90px;
		border: 1px solid #999;
	}
	form br { /* Alle Zeilenumbr�che in Formularen ausw�hlen */
		clear: left; /* das floating der labels und inputs aufheben */
	}
	div.required{margin:0 0 15px 80px;}
	div#kontaktform input.btn-red{
		width:100px;
		/*color:#000;
		background-color:#F7F8F9;*/
		color:#fff;
		background-color:#C00028;
		border: 1px solid #C00028;
		cursor:pointer;
	}
	#kontaktadresse{
		float:right;
		padding:0 10px 0 0;
	}
	
	/* --- error Kontaktformular ---*/
	p.alert, ul.fielderrors{
		padding:5px;
		margin:0 0 10px 0;
		width:380px;
		color:#fff;
		background-color:#C00028;
		border: 1px solid #C00028;
	}


	/* --------------------------------------------------
		Paging (Bl�tterfunktion)
		News
	-------------------------------------------------- */
	div.paging{margin-bottom:25px;}
	div.paging a.paging-lo{
		padding:2px 5px;
		background-color:#f2f2f2;
		border:1px solid #999;
	}
	div.paging strong{
		padding:2px 5px;
		color:#FFF;
		background-color:#C00028;
		border:1px solid #C00028;
	}
	div.paging a{
		text-decoration:none;
		color:#000;
	}


	/* --------------------------------------------------
		Sitemap
	-------------------------------------------------- */
	#sitemap ul li a{color:#000;}	
	#sitemap ul.nav-1{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#sitemap ul.nav-1 li{margin:0 0 15px 0;}
	#sitemap ul.nav-2 li, #sitemap ul.nav-3 li{margin:0;}

	#sitemap ul.nav-2{list-style-type:square;}
	#sitemap ul.nav-3{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	#sitemap ul.nav-3 li a{
		padding:0 5px 1px 25px;
		background:url(../images/nav/listpoint.jpg) no-repeat 10px 0;
	}
	#sitemap ul.nav-3 li.nav-last a{background-image:url(../images/nav/listpoint_last.jpg);}
	#sitemap ul.nav-3 li.nav-first{border-top:10px solid #fff;}
	#sitemap ul.nav-3 li.nav-last{border-bottom:10px solid #fff;}


	/* --------------------------------------------------
		Bildgalerie
	-------------------------------------------------- */	

	/*--- Subgalerien ---*/
	ul#gal-subgaleries, ul#gal-pictures{
		list-style: none;
		margin:0;
		padding:0;
	}
	#gal-subgaleries li, #gal-pictures li{
		float: left;
		margin:0 20px 20px 0;
		width: 100px;
		height: 100px;
	}
	#gal-subgaleries li a, #gal-pictures li a{
		display:block;
		height:100%;
	}
	#gal-subgaleries li a:hover, #gal-pictures li a:hover{
		background-color: #f2f2f2;
		border-bottom: 1px solid gray;
	}	
	.pic-preview{
		height: 80px;
		cursor: pointer;
		background-color: #f2f2f2;
	}
	pic-preview img{border:none;}
	#gal-subgaleries li a, #gal-pictures li a{color:#666;}


	/* --------------------------------------------------
		Vereinsliste
	-------------------------------------------------- */
	ul#vereinsliste{
		list-style-type: none;
		margin:0;
		padding:0;
	}
	ul#vereinsliste li{
		padding:5px 0 0 0;
	}
	#vereinsliste li div.box-info{
		float:left;
		width:200px;
		margin:0 10px 0 0;
	}
	#vereinsliste li div.box-address{
		float:left;
		width:200px;
		margin:0 10px 0 0;
	}
	#vereinsliste li div.box-links{
		float:left;
		width:265px;
		margin:0;
	}	
	#vereinsliste li div.abstand{border-top: 10px solid #fff;}


	/* --------------------------------------------------
		Gewerbeliste
	-------------------------------------------------- */
	ul.gewerbeliste{
		list-style-type: none;
		margin:0;
		padding:0;
	}
	ul.gewerbeliste li{padding:5px 0 0 0;}
	ul.gewerbeliste li div.box-info{
		float:left;
		width:200px;
		margin:0 10px 0 0;
	}
	ul.gewerbeliste li div.box-address{
		float:left;
		width:200px;
		margin:0 10px 0 0;
	}
	ul.gewerbeliste li div.box-links{
		float:left;
		width:265px;
		margin:0;
	}
	ul.gewerbeliste li div.abstand{border-top: 10px solid #fff;}


	/* --------------------------------------------------
		hotelliste
	-------------------------------------------------- */
	ul.hotelliste{
		list-style-type: none;
		margin:0;
		padding:0;
	}
	ul.hotelliste li{padding:5px 0 0 0;}
	ul.hotelliste li div.box-info{
		float:left;
		width:200px;
		margin:0 10px 0 0;
	}
	ul.hotelliste li div.box-address{
		float:left;
		width:200px;
		margin:0 10px 0 0;
	}
	ul.hotelliste li div.box-links{
		float:left;
		width:265px;
		margin:0;
	}
	ul.hotelliste li div.abstand{border-top: 10px solid #fff;}


	/* --------------------------------------------------
		Aemterliste
	-------------------------------------------------- */
	ul#aemterliste{
		list-style-type: none;
		margin:0;
		padding:0;
	}
	ul#aemterliste li{padding:5px 0 0 0;}
	#aemterliste li div.box-info{
		float:left;
		width:200px;
		margin:0 10px 0 0;
	}
	#aemterliste li div.box-address{
		float:left;
		width:200px;
		margin:0 10px 0 0;
	}
	#aemterliste li div.box-links{
		float:left;
		width:265px;
		margin:0;
	}	
	#aemterliste li div.abstand{border-top: 10px solid #fff;}


	/* --------------------------------------------------
		Boxen
	-------------------------------------------------- */
		/*--- InfoRed ---*/	
		#box-infored{
			/*min-height:100px;*/
			padding:10px 10px 20px 10px;
			margin:0 0 10px 0;
			background:url(../images/news/bg_schatten.jpg) #c00028 bottom right no-repeat;
			color:#FFF;
		}
		#box-infored a{color:#FFF;}


	/* --------------------------------------------------
		Search
	-------------------------------------------------- */
		#search-results{
			padding:0 0 30px 0;
			margin:0;
		}
		#search-results li{
			list-style-type:none;
			padding:5px 0 0 0;
		}
		#search-results li div.line{margin:5px 0;}
		#search-results li a{color:#C00028;}
		span.relevance{
			width:10px;
			height:10px;
			display:block;
			float:left;
			margin:0;
			padding:0;
			border-top:3px solid white;
		}
		span.r1{background-color:#f2f2f2;}
		span.r2{background-color:#ccc;}
		span.r3{background-color:#B4B4B4;}
		span.r4{background-color:#999;}
		span.r5{background-color:#666;}
		span.relevancenumber{
			display:block;
			float:left;
			margin:0;
			padding:0;
			border-top:3px solid white;
		}
		
	
	/* --------------------------------------------------
		Gallery
	-------------------------------------------------- */
	
	div#galerie a {
		display: block;
		float: left;
		position:relative;
		width:210px;
		height:60px;
		margin: 0 18px 10px 0;
		background-repeat:no-repeat;
		text-decoration:none;
	}
	
	div#galerie a span {
		color:#fff;
		display: block;
		position:absolute;
		height:17px;
		bottom:0;
		left:0;
		right: 0;
		width: 200px;
		padding:0 5px;
		text-align:right;
		font-weight:normal;
		background:url(../images/lightbox/transparency.png) bottom left repeat;
	}
		
	div#gallery-det a {
		float: left;
		display:block;
		background-position:center;
		background-repeat:no-repeat;
		width:120px;
		height:120px;
		border: 2px solid #eae8e8;
		margin: 0 12px 12px 0;
	}
		
		
	/* --------------------------------------------------
		Sonstige Klassen (Editor)
	-------------------------------------------------- */
	
	table tr td, table tr th {
		font-size:0.69em;
	}
	
	#content table tr td, #content table tr th {
		font-size:1em;
	}
	
	.red-font {
		color:#C00028;
	}

	.pdf-icon {
		background: url(../images/icons/pdf_icon.gif) center left no-repeat;
		padding-left: 28px;
	}
	
	.image-left {
		margin:8px 8px 8px 0;
		float:left;
	}
	
	.image-right {
		margin:8px 8px 8px 0;
		float:right;
	}
	
	.image-top-left {
		margin:0 8px 8px 0;
		float:left;
	}
	
	.image-top-right {
		margin:0 8px 8px 0;
		float:right;
	}
	
	.image-border {
		border:1px solid #e7e7e7;
	}