/* 
 * Webauftritt Gemeinde Fläsch
 * 
 * HTML | CSS | Typo3 by noermaen.ch
 *
 */

@media all {

	* {
		margin: 0;
		padding: 0;
	}
	
	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option { padding-left: 0.4em; }
	
	html { height: 100%; }
	
	body {
		min-height: 101%;
		font-size: 100.01%;
		position: relative;
		color: #000;
		background: #fff;
		text-align: left;
		background: #fff;
		padding: 10px;
		
		/*background-image:url("../../fileadmin/templates/grundtemplate/css/../img/hintergrund_grafik.jpg");
		background-repeat:repeat;*/
	}
	
	img {
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
	 
	 /* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
	#page {
		/*border: 4px #ccc solid;*/
		background: #fff;
	}
	
	#page_margins {
		border: 2px #7F7A26 solid;
		/*min-width: 756px;*/
		max-width: 95%;
		margin: auto;
	}
	
	#header { 
	    background-color:#7F7A26;
		position: relative;
		border-bottom: 2px solid #7F7A26;
		/*height: 100px;*/
	}
	
	#topnav {
		/*position: absolute;
		top: -10000px;
		right: -10000px;*/
		/*color: #fff;*/
		/*background: transparent;
		text-align: right;*/
		/* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
		visibility:hidden;
	}
	
	#main {
		clear: both;
		width: auto;
		color: #000;
		background: #fff;
		margin: 0;
		padding: 0;
	}
	
	#footer { 
		clear: both; 
		/*color: #888;*/
		/*background: #ddd;*/
		border-top: 2px solid #7F7A26;  
		padding: 10px 10px 10px 10px;
		margin-top:2em;
		
		text-align:center;
	}
	
	
	/**********************************
	 ** Formatierung des Div-Geruestes
	 **********************************/
	 
	 /* linke Spalte */
	#col1 {
		float: left;
		width: 18%;
		min-width: 12em;
		margin: 0;
	}
	
	#col1_content {
		padding-top: 0.5em;
		margin-left: 0.3em;
		margin-right: 10px;
		color: #444;
		background: inherit;
	}
	
	/* Mittlere Spalte */
	#col2 { 
		width: 58%; 
		float:left; 
		margin: 0;
	}
	
	#col2_content {
		/*padding-top: 1.5em;*/
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 10px;
		min-height:40em;
		/*height:auto;*/
	}
	
	/* Rechte Spalte */
	#col3 {
		width: auto;
		border-left: 1px dashed #ddd;
		border-right: 0px dotted #ddd;
		margin-left: 76%; 
		margin-right: 0%; 
	}
	
	#col3_content {
		padding-top: 0.5em;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	/**********************************************
	 *** Styles fuer den Header-Content 
	 **********************************************/
	 
	 .knospen {
	 	
	 }
	
	#header_left {
		background-image:url("../../fileadmin/templates/grundtemplate/css/../img/knospen.jpg");
		background-position:right bottom;
		background-repeat:no-repeat;
		background-color: #CCBF00;
		/*height: 110px;*/
		
	}
	
	#headerbalken {
		color:#FFFFFF;
		padding-top: 5px;
		padding-bottom: 3px;
		padding-left: 5px;
		/*margin-top:14px;*/ /*IE: 4px */
		border-top: 1px solid #FFFFFF;
		width: 100%;
	}
	
	#siterootLinks {
		float: left;
		margin-top: 2px; 
	}
	
	#headerbalken a {
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		display:inline;
	}
	
	#headerbalken a:hover {
		text-decoration:underline;
	}

	/*** Styles fuer die Breadcrumb-Navigation ***/
	
	#breadcrumb {
		/*height: 109px;*/
		padding: 8px;
	}
	
	#breadcrumb_content {
		border: 1px dotted #FFFFFF;
		padding: 5px 18px 5px 18px;
		font-size:10px;
		padding-bottom: 8px;
		
	}
	
	#breadcrumb_content ul {
		/*margin: 4px;*/
		display:block;
		list-style-type:none;
		padding-left: 15px;
	}
	
        #breadcrumb_content ul li {
		padding-top: 3px;
		padding-bottom: 3px;
		margin-top: 2px;
		margin-bottom: 2px;
		
	}
	
	#breadcrumb_content ul li a  {
		padding-left: 30px;
		padding-top: 4px;
		padding-bottom: 4px;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#breadcrumb_content ul li a:hover {
		text-decoration:underline;
	}
	
	
	#Sitemap {
		background-image:url("../../fileadmin/templates/grundtemplate/css/../img/sitemap_icon.jpg");
		background-repeat:no-repeat;
		background-position:left;
	}
	
	#Kontakt {
		background-image:url("../../fileadmin/templates/grundtemplate/css/../img/kontakt_icon.jpg");
		background-repeat:no-repeat;
		background-position:left;
	}
	
	#Impressum {
		background-image:url("../../fileadmin/templates/grundtemplate/css/../img/impressum_icon.jpg");
		background-repeat:no-repeat;
		background-position:left;
	}
	
	#breadcrumb_content ul li.aktiv a {
		text-decoration:underline;
	}
	
	
	
	/*************************
	 * CSS fuer die Suchform
	 *************************/
	
	#suchform {
		border-top: 1px solid #FFFFFF;
		margin-top:6px;
		padding-top: 6px;
		/*padding-left: 3px;*/
	}
	
	#suchform table {
		width: 100%;
		/*padding-right:20px;*/
	}
	
	#suchform input {
		border: 1px solid #FFFFFF; 
		/*height: 17px;*/
		/*background-color: #7A7A7A;*/
		background-color:#F1ECA0;
		color: #FFFFFF;
	}
	
	#suchform input.suchfeld {
		width:97%;
		height: 19px;
		margin-right: 5px;
		color: #2C2C2C; 
	}
	
	#suchform input.suchbutton {
		background-color: #7F7A26;
	}
	
	
	.dunkelgruen {
		background-color:#7F7A26;
	}
	
	/******************************** 
	 ** Farbschemas fuer die Spalten 
	 ********************************/
	
	#col1 { 
		/*background: #fee;*/ 
	}
	#col1_content { 
		/*background: #edd;*/ 
	}
	
	#col2 { 
		/*background: #efe;*/ 
		/*background-color:#D6D6D6;*/
	}
	#col2_content { 
		/*background: #ded; */
	}
	
	#col3 { 
		/*background: #eef;*/ 
	}
	#col3_content { /*background: #dde;*/ }
	
	#main { 
		/*background: #fff;*/ 
		/*background-color: #D6D6D6;*/ 
	}
		
	/* 
	 * Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
	 * dem Spaltenhintergrund erscheinen. 
	 */
	
	#col1 { z-index: 3; }
	#col2 { z-index: 5; }
	#col3 { z-index: 1; }
	#col1_content { z-index: 4; }
	#col2_content { z-index: 6; }
	#col3_content { z-index: 2; }
	#col1_content, #col2_content, #col3_content { position: relative; }
	
	
	/*****************************************
	 ** Markupfreie CSS-Floatclearing-Lösungen 
	 *****************************************/
	
	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; }
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow: hidden; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none; }
	
	
	/******************
	 ** Subtemplates 
	 ******************/
	
	.subcolumns {
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow: hidden;
	}
	
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {
		float: left;
		overflow: hidden;
	}
	
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {
		float: right;
		overflow: hidden;
	}
	
	/*.c25l, .c25r { width: 24.999%; }*/
	
	.c25l, .c25r { width: 25%; }
	
	.c33l, .c33r { width: 33.333%; }
	
	.c50l, .c50r { 
		/*width: 49.999%;*/
		width: 49%;
		/*margin-left: 3px; 
		margin-right: 3px;*/
	}
	
	.c66l, .c66r { width: 66.666%; }
	/*.c75l, .c75r { width: 74.999%; }*/
	
	.c75l, .c75r { width: 75%; }
	
	.c38l, .c38r { width: 38.196%; }
	
	/* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; }
	
	/* Goldener Schnitt */
	.subc  { padding: 0; overflow: hidden; }
	.subcl { padding: 0; overflow: hidden; }
	.subcr { padding: 0; overflow: hidden; }
	
	/* TV-Objekt 50/50 mit Header-Div */
	#col2_content .subcolumns {
		border-bottom: 1px dashed #DDDDDD;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
	}
	
	/* TV-Objekt 50/50 mit Bild und HeaderDiv */
	.bildlinkespalte {
		padding: 0.3em 0em 0em 0.3em;
	}
}

/***********************
 ** Skiplink-Navigation 
 ***********************/

@media screen, print {
	.skip {
		position: absolute;
		left: -1000em;
		width: 20em;
	}
}

/*************************************
 ** CSS fuer den Seite Drucken - Link 
 *************************************/
 
 #service-links {
 	border-top:1px solid #4A4A4A;
	padding-top: 5px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	
	padding-right: 10px;
	padding-top: 8px;
	
	
	text-align:right;
	
	float:right;
 } 

/*************************************
 ** CSS fuer den PDF-Print-Link
 *************************************/
 
.printlink a {
	padding: 2px 20px 2px 7px;

	
	background-image:url("../../fileadmin/templates/grundtemplate/css/../img/print_1.gif");
	background-position: right;
	background-repeat:no-repeat;
	text-decoration: none;
	font-weight: bold;
}

.pdflink a {
	padding: 2px 20px 2px 7px;
	margin-right: 10em;
	background-image:url("../../fileadmin/templates/grundtemplate/css/../img/pdf.gif");
	background-position:right;
	background-repeat:no-repeat;
	text-decoration: none;
	font-weight: bold;
}

#footer span a:hover {
	text-decoration:underline;
}

#validator-icons {
 	margin-top: 2em;
	text-align:center;
}

#validator-icons a img {
	margin-top: 0.5em;
}

/*************************************
 ** CSS fuer den Fontsizing-Block
 *************************************/

#fontsizingblock {
	float: right; 
	margin-right: 1em;
}

#fontsizingblock a {
	padding-right: 5px;
}

/*************************************
 ** CSS fuer den Kontakt-Block
 *************************************/
 #kontaktspalte {
 	padding: 0em 0.9em 0.8em 0.9em;
	font-size: 1.2em;
	background-color:#F1ECA0;
	line-height:1.5em;
	margin-bottom: 0.8em;
 }
 
  #kontaktspalte p {
 	padding-top: 0.8em;
	/*
	padding: 0em 0.2em 0em 0.2em;
	font-size:1.2em;
	*/
 }/* 
 * Webauftritt Gemeinde FlŠsch
 * 
 * HTML | CSS | Typo3 by noermaen.ch
 *
 */
 
@media all { 
	
	/* überschriften, Fliesstexte */
	
	body {
		color: #444;
		/*font-size: 81.25%; yaml-default*/
		font-size: 62.5%; /*Jetzt ist die Standart-Schriftart 10px */
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#seitenueberschrift {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#seitenueberschrift h1 {
		font-size: 2em;
		/*color: #888;*/
		color: #444444;
		margin: 0em 0em 0.3em 0em;
		padding-top: 0.5em;
		font-weight: bold;
		border-bottom: 1px #ddd solid;
		display: block;
		height: 1%;
	}
	
	/******************************************************* 
	  Schriftgrösse und Zeilenabstand  im Content-Bereich 
	 *******************************************************/
	#col2_content {
		font-size: 1.2em;
		line-height: 1.6em;
		padding: 0.5em 0.5em 0em 0.5em;
	}
	
	h2 {
		font-size: 1.1em;
		color: #7F7A26;
		margin: 0.5em 0em 0.2em 0em;
		padding-top: 0em;
		font-weight: bold;
		/*text-decoration: underline;*/
		/*border-bottom: 1px #ddd solid;*/
		text-decoration: none;
	}
	
	h3 {
		font-size: 1.1em;
		/*color: #888;*/
		color: #7F7A26;
		margin: 0.5em 0em 0.2em 0em;
		padding: 0em 0em 0em 0em;
		font-weight: bold;
		/*border-bottom: 1px #ddd solid;*/
	}
	
	h4 {
		font-size: 1em;
		color:  black;
		margin: 0.5em 0em 0.2em 0em;
		padding: 0em 0em 0em 0em;
		font-weight: bold;
		/*border-bottom: 1px #ddd solid;*/
	}
	
	/*h5 {
		font-size: 1.0em;
		color: #888;
		margin: 0 0 0.30em 0;
		font-style: italic;
	}
	
	h6 {
		font-size: 1.0em;
		color: #888;
		margin: 0 0 0.30em 0;
		font-style: italic;
	}
	*/
	
	strong,b {
		font-weight: bold;
	}
	
	em,i {
		font-style: italic;
	
	}
	
	pre,code {
		font-family: "Courier New", Courier, monospace;
	}
	
	#col2_content p {
		padding: 0.3em 0em 0.3em 0em;
		/*text-align:justify;*/
	}
	
	/******************************************  
	  Bildpositionierung 
	 ******************************************/
	
	img.float_left {
		float: left;
		margin-right: 1em;
		margin-bottom: 0.15em;
		border: 0;
	}
	
	img.float_right {
		float: right;
		margin-left: 1em;
		margin-bottom: 0.15em;
		border: 0;
	}
	
	img.center {
		text-align: center;
		background: #fff;
		padding: 4px;
		border: 1px #ddd solid;
	}
	
	img.framed {
		padding: 3px;
		border: 1px #ddd solid;
		background: #f4f4f4;
	}
	
	/******************************************  
	  Auszeichnung lokaler und Externer Links
	 ******************************************/
	
	a {
		color: #4A4A4A;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	a:focus {
		
	}
	
	/*** Auszeichnung externer Links **/
	a.external-link {
		text-decoration: underline;
		padding: 0em 0em 0.1em 1.7em;
		margin: 0em 0em 0em 0.1em; 
		background-image: url("../../fileadmin/templates/grundtemplate/css/../img/external_link.jpg");
		background-position: left;
		background-repeat: no-repeat;
	}
	
	a.internal-link { 
	    text-decoration: underline;
		padding: 0em 0em 0.1em 1.5em;
		margin: 0em 0em 0em 0.1em; 
		background-image: url("../../fileadmin/templates/grundtemplate/css/../img/internal_link.jpg");
		background-position: left;
		background-repeat: no-repeat;
	}
	
	/* ### Lists | Listen  #### */
	#col2_content ul, #col2_content ol, #col2_content dl {
		line-height: 1.5em;
		margin: 0 0 1em 1em;
	}
	
	#col2_content li {
		margin-left: 1.5em;
		line-height: 1.5em;
	}
	
	/************************************** 
	 Top-Navigation Formatierungen
	 **************************************/
	
	#topnav a {
		color: #fff; background : transparent;
		text-decoration: none;
		background: transparent;
	}
	
	#topnav a:hover {
		text-decoration: underline;
		background-color: transparent;
	}
	
	#topnav a:focus {
		text-decoration: underline;
		background-color: transparent;
	}
	
	/************************************** 
	 Footer LInkformatierungen
	 **************************************/
	
	#footer a {
		
	}
	
	#footer a:hover { /*background-color: #eef;*/
		text-decoration: underline;
	}
	
	#footer a:focus { /*background-color: #eef;*/
		
	}
	
	/************************************** 
	  Formulare 
	 **************************************/
	form {
		overflow: hidden;
	}
	
	input,textarea { 
	/*width: auto;
		border: 1px #ccc solid;
		background: #fafafa;
		padding: 3px;
		color: #777;*/
		
	}
	
	input[type=text]:focus,textarea:focus { 
	/*
		background: #f0f0f0;
		color: #333;
		border-color: #666;
		*/
		
	}
	
	/*** Klasse fuer die Mail-Links ***/
	
	.mail {}
	
	
	
	/************************************** 
        Formatierung Inhaltstabellen
     **************************************/
	
	#col2_content table {
		border-collapse: collapse; 
		border-spacing: 0em; 
		border-bottom: 1px solid #8D8D8D; 
		margin: 0.8em 0.2em 0.6em 0em;
		width: 100%; 
		
		/* width: 90%; */
		/*border: 1px solid silver; */
	}
	
	#col2_content table.contenttable tr td {
		padding: 0.1em 0.5em 0.1em 0.5em; 
		border-top: 1px solid #8D8D8D; 
	}
	
	#col2_content table.contenttable caption {
		font-weight:bold;
	}
	
	#col2_content table.contenttable tr.tr-even td {
		background-color: #F1ECA0; 
	}
	
	#col2_content table td {
		vertical-align:top;
	}
	
	/** Formatierung der Tabellen welche ueber RTE eingefuegt werden **/
	
	#col2_content table.noborder {
		border-bottom:none;
		margin: 0.2em 0.2em 0.2em 0em;
	}
	
	#col2_content table.noborder tr td {
		border-top: none;
	}
	
	#col2_content table.noborder tr td p {
		margin: 0em; 
		padding: 0em; 
	}
		
	
	/*************************************
	 ** CSS fuer das Sitemap
	 *************************************/
	 
	 /* Div wo das Sitemap drin ist */
	 .tx-flseositemap-pi1 {
	 
	 }
	 
	 /* Erste Ebene */
	 .tx-flseositemap-pi1 ul {
	 	margin-left: 3em;
		list-style:square;
	 }
	 
	 .tx-flseositemap-pi1 ul li {
	 	padding: 0.4em;
		margin-left: 3em;
	 }
	 
	 /* Zweite Ebene */
	 .tx-flseositemap-pi1 ul li ul {
	 
	 }
	 
	 .tx-flseositemap-pi1 ul li ul li {
	 
	 }
	 
	 /*************************************
	 ** CSS fuer das Sitemap
	 *************************************/
	 
	 .csc-mailform-field {
		margin-bottom: 13px; 
		clear:both;
	  }
	 
	.csc-mailform-field label {
		clear:left;
		display:block;
		float:left;
		padding-right:10px;
		text-align:right;
		width:132px;
	}
	
	.csc-mailform-check {
		width:132px;
	}
	
	.csc-mailform-field input {
		border:1px solid #666;
		padding-left:0.5em;
		margin-top: 3px;
	}
}/* 
 * Webauftritt Gemeinde Fläsch
 * 
 * HTML | CSS | Typo3 by noermaen.ch
 *
 * CSS fuer das Druck-Layout
 *
 */


@media print
{
body * {font-size: 12pt; font-family: "Times New Roman", Times, serif; }
blockquote { font-family: "Times New Roman", Times, serif; }
code.css, code.xhtml, em.file { font-family:"Courier New", Courier, mono;}

h1 {font-size: 16pt; font-weight:bold; color: #336699;  background:inherit;  margin:0.4em 0 0.5em 0; border-bottom: 1px #ccc solid;}
h2 {font-size: 14pt; font-weight:bold; color: #666; background: inherit;   margin:0.2em 0 0.5em 0; padding: 0.3em; }
h3 {font-size: 12pt; font-weight:bold; margin:0.4em 0 0.3em 0;}

/* Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
h1,h2,h3 { page-break-after:avoid; }

abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }

/* Sichtbare Auszeichnung der URLs von Links */
#col3 a[href^="http:"], #col3 a[href^="https:"], 
#col1 p a[href^="http:"], #col1 p a[href^="https:"],
#col2 p a[href^="http:"], #col2 p a[href^="https:"]
{
	padding-left: 0;
	background-image: none;
}

a[href]:after {
 content:" <URL: "attr(href)">";
 color:#444;
 background-color:inherit;
 font-style:italic;
} 

/* Umformatierung der Layoutboxen */
body {margin:0; padding: 0;}
#page_margins, #page {min-width: inherit; margin:0; padding: 0; border: 0; } 
#topnav {display: none;}

#header {height: auto;}
#header img {position:relative; top:0; left:0; padding:0; }
#nav_main {display:none;}
#teaser { margin: 1em 0 0 0; padding: 0; border:0; }

#main {margin: 0; padding: 0;}

#col1 {display:none;}
#col1_content {display:none;}

#col2 {display:none;}
#col2_content {display:none;}

#col3 { margin:0; padding: 0; border:0; }
#col3_content {margin:0; padding: 0; border:0; }

#footer {display: none;}

}
/* 
 * Webauftritt Gemeinde Fläsch
 * 
 * HTML | CSS | Typo3 by noermaen.ch
 *
 */

/*******************************
 ul-tag um die ganze Navigation
********************************/

#mainnavi ul {
	list-style-type: none;
	margin: 0em 0pt;
	font-size:1.2em;
	/*line-height:1.2em; */
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #7F7A26;
	margin-top: 0.5em; 
	
	/*border-left: 1px solid #7F7A26;*/
}

#mainnavi ul a {
	display: block;
	text-decoration: none;
}

#mainnavi ul li {
	float: left;
	margin: 0pt;
	padding: 0pt;
	width: 100%;
}

/*******************************
 Navigation 1. Hierarchie
********************************/

#mainnavi ul li a {
	background-color: #FFFFFF;
	border-top: 1px solid #7F7A26;
	color: #444444;
	padding-left:10px;
	padding-top: 0.3em; 
	padding-bottom: 0.3em;
	width: 95%;
	font-weight:bold;
}

#mainnavi ul li a:hover {
	background-color: #F1ECA0;
}

/** Navigation 1. Hierarchie Link aktiv **/

#mainnavi ul li.link_aktiv_sub a {
	font-weight:bold;
	text-decoration:none;
	background-color:#F1ECA0;
	border-bottom: 1px solid #7F7A26;
}

/** 1. Hierarchie Link aktiv ohne Unterseiten**/
#mainnavi ul li.link_aktiv a {
	font-weight:bold;
	text-decoration:none;
	background-color:#F1ECA0;
}


/*******************************
 Navigation 2. Hierarchie
********************************/


#mainnavi ul li ul {
	list-style-type: none;
	padding: 0pt;
	font-size: 0.95em;
	border-bottom: none;
	margin: 0.4em 0em 0.8em 0em;
	border-left: none;
}

#mainnavi ul li ul li {
	float: left;
	margin: 0pt;
	padding: 0pt;
	width: 100%;
	/*border-top:none;*/
}

#mainnavi ul li.link_aktiv_sub ul li a {
	padding: 2px 0px 3px 5%;
	width: 90%;
	border-top:none;
	/*border-bottom: 1px dotted #444444;*/
	border:none;
	font-weight:normal;
	text-decoration:none;
	background:none; 
	color: #444444;
	margin-left: 1em;  
}

#mainnavi ul li.link_aktiv_sub ul li a:hover {
	/*background-color: #F1ECA0;*/
	background-color:#FFFFFF;
	text-decoration:underline;
}

/*** Navigation 2. Hierarchie Link aktiv ***/

#mainnavi ul li.link_aktiv_sub ul li.link_aktiv a {
	font-weight:bold;
	/*background-color: #F1ECA0;*/
}

/************************************
 Verbergen der Access-Keys
*************************************/
#mainnavi dfn, #col1_content .hidden {
	position: absolute;
	left: -1000em;
	width: 20em;
}

/*** Formatierung des Navi-Headers ***/
#col1_content h4 {
	border: none;
	margin-left: 0.2em;
	/*text-decoration:underline; */
	font-size: 1.8em;
	color: #7F7A26; 
}



/***************************************************** 
 *** Navigation 3. Hierarchie ***
 *****************************************************/
 
#thirdNaviHierarchie ul {
	border-left: 1px solid #7F7A26;
	border-top: 1px solid #7F7A26;
	border-bottom: 1px solid #7F7A26;
	float:left;
	
	/*display:inline;*/
	
	list-style-type:none;
	margin: 0.3em 0em 0.3em 1em;
	padding: 0.2em;
	font-size: 1.2em;
}

#thirdNaviHierarchie ul li {
	border-right: 1px solid #7F7A26;
	display: inline;
	float:left;
	margin:0pt;
	padding:0pt;
}

#thirdNaviHierarchie ul li a {
    /*background-color: #CCBF00;*/
	display:block;	
	padding: 4px 5px 4px 5px;
	text-decoration:none;
}

#thirdNaviHierarchie ul li a:hover {
	/*text-decoration: underline;*/
	background-color: #F1ECA0;
}

#thirdNaviHierarchie ul li.link_aktiv {
	font-weight:bold;
	/*background-color: #F1ECA0;*/
}


/*****************************************************
 *** Suckerfish Dropdown-Menu fuer Schnellzugriff   **
 *****************************************************/

#schnellzugriff {
	/*margin-top: 0.5em;*/
	
}

#schnellzugriff ul {
	/*float: left;*/
	list-style: none;
	line-height: 1;
	width: 75%;
}

#schnellzugriff ul li {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #F1ECA0;
}

#schnellzugriff ul li a {
	display: block;
	width: 100%;
	font-size: 1.2em;
	color: #444444;
	font-weight: bold;
	text-decoration:none;
	border: solid #7F7A26;
	border-width: 2px 2px 2px 2px;
	padding: 0.3em 0em 0.3em 10px;
	margin: 0em;
	width: 95%;
	background-color: #F1ECA0;
}


#schnellzugriff ul li:hover a, #schnellzugriff ul li.sfhover a {
	background: #7F7A26 none repeat scroll 0%;
	color: #FFFFFF;
}
/* Fuer untere Ebenenen a-link anpassen/ueberschreiben! */
#schnellzugriff ul li:hover ul li a, #schnellzugriff ul li.sfhover ul li a {
	background: #F1ECA0;
	color: #444444; 
}

#schnellzugriff ul li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 70%;
	margin: 0em 0em 0em 1.3em;
	border: solid #7F7A26;
	border-width: 0px 2px 2px 2px;
	background-color:#F1ECA0;
}

#schnellzugriff ul li ul li {
	width: 100%;
	/*border: solid #F1ECA0;
	border-width: 1px 0px 0px 0px;*/
}

#schnellzugriff ul li ul li a {
	font-weight:normal;
	font-size: 1em;
	width: 80%;
	border: none;
}

#schnellzugriff ul li:hover ul, #schnellzugriff ul li.sfhover ul {
	left: auto;
}


/* Status fuer Hover */
#schnellzugriff ul li ul li:hover, #schnellzugriff ul li ul li.sfhover {
	background: #7F7A26;
	color:#FFFFFF; 
	border: none;
	/*border: solid white;
	border-width: 1px 0px 0px 0px;*/
}

#schnellzugriff ul li ul li:hover a, #schnellzugriff ul li ul li.sfhover a {
	background: #7F7A26;
	color:#FFFFFF; 
}






/* 
 * Webauftritt Gemeinde Fläsch
 * 
 * HTML CSS Typo3 by noermaen.ch
 *
 * Styles fuer die News-Extension
 *
 */
 
 
/************************************************************
   Styles fuer den News-Anriss in der rechten Spalte
 ************************************************************/
 
#holdNewsDiv h4 {
	font-size: 1.2em;
	margin-top: 0.4em;
}

.newsitem {
	padding: 8px; 
	border-bottom: 1px solid #7F7A26;
	line-height:1.5em;
}

#holdNewsDiv h5 a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:2px;
	color: #7F7A26;
	font-size:1.1em;
}

.newsheaderlink a:hover {
	text-decoration:underline;
}
 
.linktoNewsSingleViews a {
	text-decoration:none;
}

.linktoNewsSingleViews a:hover {
	text-decoration:underline;
}

.newsdate {
	/*font-style:italic;*/
	font-weight:bold;
}

.newsdate a {
	text-decoration:none;
}

.news-latest-gotoarchive {
	padding-top: 0.3em;
	text-align:right; 
}

.news-latest-gotoarchive a  {
	text-decoration:none;
	font-weight:bold;
}

.news-latest-gotoarchive a:hover {
	text-decoration:underline;
}

/************************************************************
   Anzeige einer einzelnen News
 ************************************************************/
 
 /* Ganzes Div um einzelne News-Meldung */
 .singleitem{}
 
 .timedata {
 	font-weight:bold;
 	font-family:Georgia, "Times New Roman", Times, serif;
 }
 
 .singleitem h1{
	font-size: 1.8em;
	/*color: #888;*/
	color:#003300;
	margin:0pt 0pt 0.2em;
	padding-top:0.2em;
	font-weight: bold;
	border-bottom: 1px #ddd solid;
	display: block;
	height: 1%;
	line-height: 2em;
 }
 
 .singleitem a {
 	text-decoration:none;
 }

 .singleitem a:hover{
 	text-decoration:underline;
 } 
 .backlink {}
 
 .backlink a{
 	display:block;
 	/*font-weight:bold;*/
	color:#003300; 
	border-top: 1px #ddd solid;
	padding: 0.5em 0em 0em 0em;
	margin: 0.5em 0em 0em 0em;
 }
 
 /* Div um ein Bild */
 .news-single-img {
 	float:left; 
	margin: 1em 1em 0em 0em;
	
 }
 
 .news-single-imgcaption {
 	text-align:center;
 	font-size:0.9em;
	color:#999999;
 }
 
 .news-single-img img {
 	border: 1px solid #003300;
 }
 
 .backlink {
 	clear: both;
 }
 
 
/************************************************************
   Archiv Styles 
 ************************************************************/
 
 /* Div um das ganze Archiv */
 .archivmenu{
 
 }
 
 .archivmenu ul {
 	list-style:square;
 }
 
  .archivmenu ul li {
	color:#003300; 
	/*font-weight:bold;*/
 }	
 
 .archivmenu ul li a {
 	text-decoration:none;
	color:#003300; 
 }	
 
 .archivmenu ul li a:hover {
 	text-decoration:underline;
 }



/************************************************************
   Listenansich 
 ************************************************************/

/*Div um einzelnes Item */
.newslist {
	margin: 0em 0em 0.8em 0em; 
}

.newslist h3 {
	display:block; 
	border-bottom: 1px solid #333300; 
	padding: 0em 0em 0.1em 0em; 
	margin: 0em 1em 0em 0em; 
	height: 1%;
}

.newslist h3 a{
	color: #333300; 
	text-decoration:none;

}

.newslist a img {
	border: 1px solid #003300; 
	float: right; 
	margin: 0em 2.5em 1em 1em; 
}

.date {
	font-size:0.8em; 
	font-weight:bold; 
}

.newsinhalt {
	padding: 0.2em; 
	color: #333300; 
}

.morelink {
	clear:both;
	text-align:right; 
	padding: 0em 2.5em 0em 0em;
}	

.morelink a {
	text-decoration:none; 
	font-weight:bold;  
}

.morelink a:hover {
	text-decoration: underline; 
}





/**************************************************
   Styles fuer CSS-Styled Content Inhaltselemente
 **************************************************/
 
 /*** Link-to-Top ***/
 
 .csc-linkToTop {
 	clear:both;
 }
 
 .csc-linkToTop a {
	text-decoration: none;
	padding: 0em 0em 0.1em 1.4em;
	margin: 0em 0em 0em 0.1em; 
	background-image: url("../../fileadmin/templates/grundtemplate/css/../img/nach_oben_link.jpg");
	background-position: left;
	background-repeat: no-repeat;
	color: #7F7A26;
 }
 
.csc-linkToTop a:hover {
	text-decoration: underline;
}
 
/*** Div um ganzen Inhalts-Typ Text-mit-Bild ***/ 
div.csc-textpic {
	
}

/*** Div zum clearen der Float-Umgebungen ***/
div.csc-textpic-clear { 
	clear: both; 
	margin-bottom: 1em; 
	border-top: 1px dashed #DDDDDD;
}


div.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
div.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
div.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

div.csc-textpic div.csc-textpic-imagecolumn {
	display: inline;
	float: left;
}

/*** Falls angegeben wird dass Rahmen gelegt werden soll ***/
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 1px solid #444444;
	padding: 0px;
}

div.csc-textpic-imagewrap { padding: 0pt; }
div.csc-textpic img { border: medium none; }
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image { float: left; }

div.csc-textpic div.csc-textpic-imagewrap ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;
	padding: 0pt;
}

div.csc-textpic div.csc-textpic-imagewrap ul li {
	float: left;
	margin: 0pt;
	padding: 0pt;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image { float: left; }
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt { float: none; }
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd { float: none; }
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img { border: medium none; }
dl.csc-textpic-image { margin: 0pt; }

dl.csc-textpic-image dt {
	display: inline;
	margin: 0pt;
}

dl.csc-textpic-image dd { margin: 0pt; }

div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, 
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, 
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
	display: inline;
	margin-right: 10px;
}

div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image, 
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image, 
div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
	display: inline;
	margin-left: 10px;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	display: inline;
	margin-left: 10px;
}

/*** Bild-Unterschrift ***/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { 
	margin: 0pt;
	padding: 0.1em 0em 0em 0.8em;
	font-size: 0.9em;
	/*font-style:italic;*/ 
	color: #7F7A26;
	font-weight:bold;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { margin: 0pt; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 9px;
}

div.csc-textpic-equalheight div.csc-textpic-imagerow {
	display: block;
	margin-bottom: 5px;
}

div.csc-textpic div.csc-textpic-imagerow { clear: both; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap { margin-right: 10px !important; }

div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { 
	margin-left: 1.8em !important; 
}

div.csc-textpic-above div.csc-textpic-text { clear: both; }

div.csc-textpic-center { text-align: center; }

div.csc-textpic-center div.csc-textpic-imagewrap { margin: 0pt auto; }

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image { text-align: left; }

div.csc-textpic-center div.csc-textpic-text { text-align: left; }

div.csc-textpic-right div.csc-textpic-imagewrap { float: right; }

div.csc-textpic-right div.csc-textpic-text { clear: right; }

div.csc-textpic-left div.csc-textpic-imagewrap { float: left; }

div.csc-textpic-left div.csc-textpic-text { clear: left; }

div.csc-textpic-intext-left div.csc-textpic-imagewrap { float: left; }

div.csc-textpic-intext-right div.csc-textpic-imagewrap { float: right; }

div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	clear: both;
	float: right;
}

* html div.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }

div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	clear: both;
	float: left;
}

* html div.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }

/* 
 * Webseite Gemeinde Fl&auml;sch
 * 
 * HTML CSS Typo3 by noermaen.ch
 *
 */

.filelinks div {
	/*background: transparent url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/default.gif") no-repeat scroll left top;*/
	margin-bottom: 10px;
	padding-left: 25px;
}

.filelinks span { display: block; }

.filelinks .filecount {
	display: block;
	margin-bottom: 5px;
}


.filelinks ul {
	list-style:square;
	margin: 1em 1em 1em 1.5em;
}

.filelinks ul li a {
	color: #000000;
	text-decoration: none;
}

.filelinks ul li a:hover { text-decoration: underline; }


/*** Styling des ersten Filelinks ***/
.first {
	
}

/*** Styling der ungeraden Zeilen ***/
.odd {
	
}

/*** Styling der geraden Zeilen ***/
.even {
	
}




.filelinks .ai { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/ai.gif") !important; }
.filelinks .ani { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/ani.gif") !important; }
.filelinks .au { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/au.gif") !important; }
.filelinks .avi { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/avi.gif") !important; }
.filelinks .bmp { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/bmp.gif") !important; }
.filelinks .cdr { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/cdr.gif") !important; }
.filelinks .css { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/css.gif") !important; }
.filelinks .csv { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/csv.gif") !important; }
.filelinks .doc { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/doc.gif") !important; }
.filelinks .dtd { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/dtd.gif") !important; }
.filelinks .eps { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/eps.gif") !important; }
.filelinks .exe { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/exe.gif") !important; }
.filelinks .fh3 { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/fh3.gif") !important; }
.filelinks .flash { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/flash.gif") !important; }
.filelinks .folder { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/folder.gif") !important; }
.filelinks .gif { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/gif.gif") !important; }
.filelinks .htm { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/htm.gif") !important; }
.filelinks .html { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/html.gif") !important; }
.filelinks .ico { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/ico.gif") !important; }
.filelinks .inc { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/inc.gif") !important; }
.filelinks .java { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/java.gif") !important; }
.filelinks .jpg { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/jpg.gif") !important; }
.filelinks .js { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/js.gif") !important; }
.filelinks .max { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/max.gif") !important; }
.filelinks .mid { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/mid.gif") !important; }
.filelinks .mov { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/mov.gif") !important; }
.filelinks .mpeg { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/mpeg.gif") !important; }
.filelinks .mpg { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/mpg.gif") !important; }
.filelinks .pcd { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/pcd.gif") !important; }
.filelinks .pcx { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/pcx.gif") !important; }
.filelinks .pdf { 
	background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/pdf.gif") !important; 
	background-repeat: no-repeat;
}
.filelinks .png { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/png.gif") !important; }
.filelinks .ps { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/ps.gif") !important; }
.filelinks .psd { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/psd.gif") !important; }
.filelinks .rtf { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/rtf.gif") !important; }
.filelinks .sgml { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/sgml.gif") !important; }
.filelinks .swf { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/swf.gif") !important; }
.filelinks .sxc { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/sxc.gif") !important; }
.filelinks .sxw { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/sxw.gif") !important; }
.filelinks .tga { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/tga.gif") !important; }
.filelinks .tif { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/tif.gif") !important; }
.filelinks .ttf { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/ttf.gif") !important; }
.filelinks .txt { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/txt.gif") !important; }
.filelinks .wav { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/wav.gif") !important; }
.filelinks .wrl { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/wrl.gif") !important; }
.filelinks .xls { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/xls.gif") !important; }
.filelinks .xml { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/xml.gif") !important; }
.filelinks .xsl { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/xsl.gif") !important; }
.filelinks .zip { background-image: url("../../fileadmin/templates/grundtemplate/css//typo3/gfx/fileicons/zip.gif") !important; }
/* 
 * Webauftritt Gemeinde Fläsch
 * 
 * HTML CSS Typo3 by noermaen.ch
 *
 * Styles fuer die Indexed-Search
 *
 */


/*************************************************
  Styles fuer die Suchform
 *************************************************/

/*** Div um ganzen Indexed-Search ***/
.tx-indexedsearch {
	margin: 0em 3em 0.5em 3em;
}


.tx-indexedsearch fieldset {
	border: 1px solid #CCBF00;
	display: block;
	line-height: 1.5em;
	margin: 0em 0em 0.5em 0em;
	padding: 1em 1em 1em 1em;
	/*width: 90%;*/
}

.tx-indexedsearch select { width: 15em; }

.tx-indexedsearch legend {
	border: 1px solid #CCBF00;
	color: #7F7A26;
	background: transparent none repeat scroll 0%;
	font-weight: bold;
	margin: 0.5em 0em 0em 0em;
	padding: 0.2em 0.5em 0.2em 0.5em;
}

.tx-indexedsearch label {
	clear: left;
	display: block;
	float: left;
	padding: 0px 10px 0px 0px;
	text-align: right;
	width: 11em;
}


.tx-indexedsearch form div {
	clear: both;
	margin: 0.8em 0em 0.8em 0em;
}

/*** Button ***/
.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button { 
	width: 5em; 
	border: 1px solid #7F7A26;
	
	background-color: #FFFFFF;
	margin-left: 1em;
}

/*** Feld für Suchbegriff-Eingabe ***/
.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword { 
	width: 9em;
	border: 1px solid #7F7A26;
	/*background-color:#CCCCCC;*/
}

/*************************************************
 *** Standard-Styles des Indexed-Search-Plugin ***
 *************************************************/

/*** Liste mit den Seiten-Links ***/
.tx-indexedsearch-browsebox li {
	display: inline;
	margin-right: 5px;
}

/*** Li-Elemenent aktuelle Seite ***/
.tx-indexedsearch-browsebox  li.tx-indexedsearch-browselist-currentPage a {
	
}

/*** Div bei den Resultaten wo der Suchbegriff drinsteckt ***/
.tx-indexedsearch-whatis {
	margin-bottom: 5px;
	margin-top: 10px;
}

/*** Styling des Suchbegriffes selbst ***/
.tx-indexedsearch-whatis .tx-indexedsearch-sw {
	font-style: italic;
	font-weight: bold;
}

.tx-indexedsearch-noresults {
	font-weight: bold;
	text-align: center;
}


/*** Div um alle Suchresultate ***/

.tx-indexedsearch-res {
	/*border: 1px solid black;*/
}


.tx-indexedsearch-secHead {
	margin-bottom: 5px;
	margin-top: 20px;
}

.tx-indexedsearch-secHead h2 {
	margin-bottom: 0px;
	margin-top: 0px;
}


.tx-indexedsearch-res .noResume { color: #666666; }

.tx-indexedsearch-category {
	background: #CCCCCC none repeat scroll 0%;
	font-size: 16px;
	font-weight: bold;
}


/***********************************************************************
   Styles fuer ein einzelnes Suchresultat 
 ***********************************************************************/
 
/*** Div in welchem ein einzelnes gesamtes Suchresultat drinsteckt ***/
.resultitem {
	margin: 0.8em 0em 0.8em 0em !important;
	padding: 0em 0em 0.8em 0em; 
	/*border-top: 1px solid #7F7A26; */
	/*border-top: 1px solid #7F7A26;*/
}

.resultitem a {
	text-decoration:none; 
	color: #7F7A26;
}

.resultitem a:hover {
	text-decoration:underline; 
}

#col2_content .resultitem table {
	border-spacing: 0em !important;
	border-bottom: none !important;
	border-collapse:collapse;
	margin:0.2em 0.2em 0.2em 0.2em;
}

#col2_content table.detailinfos {
	margin:0.2em 0em 0.2em 0em;
}

/* Oberste Zeile für Header */
.resultitem table .headerzelle {
    /* border-bottom: 1px solid #7F7A26; */
}

.resultitem table img {
	padding: 2px 0px 2px 2px; 
}

.title h3 {
	
	margin:0em;
	padding:0em;
}

.title h3 a {
 	font-size:1.1em;
	font-weight:bold;
	color: #7F7A26;
}

.percent{
	color: #444444; 
}

/*** Zelle wo die Description drinsteckt ***/
.description { 
	/*font-style: italic; */
	padding: 0.5em 0em 0.5em 0em;
}

.detailinfos {
	font-size: 1em; 
	line-height:1.4em;
	/*font-family:"Times New Roman", Times, serif; */
	color:#8C8C8C;
}

.detailinfos a {
	text-decoration:none;  
}

/*** Auszeichnung des vorkommenden Suchbegriffes ***/
.tx-indexedsearch-redMarkup { 
	/*color: red;*/
}

.tx-thmailformplus-pi1 h2 {
	margin-bottom: 0px;
	margin-top: 0px;
}

.tx-veguestbook-pi1 { font-size: 100%; }

.tx-veguestbook-pi1 p.tx-guestbook-form-error {
	color: #990000;
	font-weight: bold;
}

.tx-veguestbook-pi1 .tx-guestbook-result {
	float: left;
	font-weight: bold;
}

.tx-veguestbook-pi1 .tx-guestbook-pagination {
	float: right;
	font-size: 75%;
	font-weight: bold;
}

.tx-veguestbook-pi1 h2.tx-guestbook-header {
	background: #666666 none repeat scroll 0%;
	clear: both;
	color: #FFFFFF;
	display: block;
	font-size: 100%;
	font-weight: bold;
	padding: 1em;
	width: 35em;
}

.tx-veguestbook-pi1 .tx-guestbook-left {
	background: #EFEFEF none repeat scroll 0%;
	float: left;
	min-height: 4em;
	padding: 1em;
	width: 12em;
}

.tx-veguestbook-pi1 .tx-guestbook-left { height: 4em; }
.tx-veguestbook-pi1 .tx-guestbook-left p { color: #333333; }

.tx-veguestbook-pi1 .tx-guestbook-right {
	background: #FFFFFF none repeat scroll 0%;
	float: left;
	padding: 1em;
	width: 21em;
}

.tx-veguestbook-pi1 .tx-guestbook-latest p, .tx-veguestbook-pi1 .tx-guestbook-right p { color: #333333; }
.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date, .tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date { font-weight: bold; }

.tx-veguestbook-pi1 .tx-guestbook-right h3 {
	background: transparent none repeat scroll 0%;
	color: #990000;
	font-size: 100%;
	font-weight: bold;
}

.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
	color: #333333;
	font-size: 75%;
	font-style: italic;
}

.tx-veguestbook-pi1 .tx-guestbook-latest {
	clear: both;
	display: block;
	padding: 0.25em;
}

.tx-veguestbook-pi1 .tx-guestbook-field {
	clear: both;
	display: block;
	padding: 1em 0pt;
	width: 100%;
}

.tx-veguestbook-pi1 .tx-guestbook-field label {
	clear: both;
	display: block;
	float: left;
	width: 10em;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
	float: left;
	width: 10em;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
	float: left;
	width: 20em;
}

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
	display: block;
	float: left;
	width: 30em;
}

.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield { color: #990000; }
.tx-veguestbook-pi1 fieldset { border: medium none; }
.tx-veguestbook-pi1 legend { display: none; }

.tx-veguestbook-pi1 .tx-guestbook-freecap {
	background: #F7F7F7 none repeat scroll 0%;
	border: 1px solid #CCCCCC;
	display: block;
	float: left;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap { margin-left: 2.25em; }

.tx-veguestbook-pi1 .tx-guestbook-freecap img {
	display: block;
	float: left;
	padding-left: 0.25em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap input { float: left; }

.tx-veguestbook-pi1 .tx-guestbook-freecap label {
	clear: both;
	display: block;
	float: none;
	margin-bottom: 0.5em;
	width: 10em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap p {
	font-size: 75%;
	padding: 0.25em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap h3 { display: none; }
.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read { color: #990000; }

.tx-veguestbook-pi1 .tx-guestbook-clear {
	clear: both;
	display: block;
}

.tx-veguestbook-pi1 input.tx-guestbook-submit {
	display: block;
	width: auto;
}
/*** Styles fuer Webcam rechte Spalte ***/
 #webcamrightcolumn {
	text-align:center;
	margin: 3em 0em 0em 0em; 
 }
 
 #webcamrightcolumn img {
	border: 1px solid #003300;  
 }
 
 #webcamrightcolumn h2 {
	margin: 0.8em 0em 0.6em 0em; 
	font-size:1.2em;
 }
 
 #webcamrightcolumn a{
	margin: 0.6em 0em 0em 0em;
	color: #7F7A26;
	display:block;
	text-decoration:none;
	font-weight:bold;
 }
 
  #webcamrightcolumn a:hover {
	text-decoration:underline;
 }
 
 
 /*** Div wo die Webcam-Bilder drin sind ***/
 
 .webcambild {
 	text-align:center;
	margin: 1em 0em 1em 0em;
 }
 
 .webcambild img {
 	border: 2px solid #003300;
 }

/* default styles for extension "tx_veguestbook_pi1" */

    .tx-veguestbook-pi1 {
        font-size:100%;
    }
  
    /* error handling */
	.tx-veguestbook-pi1 p.tx-guestbook-form-error {
		font-weight:bold;
		color:#990000;
	}
	
	/* display of result count */
	.tx-veguestbook-pi1 .tx-guestbook-result {
		font-weight:bold;
		float:left;
	}
	
	/* pagination */
	.tx-veguestbook-pi1 .tx-guestbook-pagination {
		font-size:75%;
		font-weight:bold;
		float:right;
	}
	
	/* styles for list mode */
	.tx-veguestbook-pi1 h2.tx-guestbook-header {
		clear:both;
		background:#666;
		color:#FFF;
		display:block;
		font-size:100%;
		font-weight:bold;
		padding: 1em;
		width: 35em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		float:left;
		width:12em;
		background:#EFEFEF;
		min-height:4em;
		padding: 1em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		height:4em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left p {
		color:#333;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right {
		float:left;
		width:21em;
		background:#FFF;
		padding: 1em;
	}
	
	/* styles for latest mode */
	.tx-veguestbook-pi1 .tx-guestbook-latest p,
	.tx-veguestbook-pi1 .tx-guestbook-right p {
		color:#333;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
	.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
        font-weight: bold;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right h3 {
		font-size:100%;
		color:#990000;
		font-weight:bold;
		background:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
		font-size:75%;
		color:#333;
		font-style: italic;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest {
		display:block;
		padding:0.25em;
		clear:both;
	}
	
	/* form styles */
	.tx-veguestbook-pi1 .tx-guestbook-field {
		clear:both;
		width:100%;
		display:block;
		padding: 1em 0;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field label {
		clear: both;
		display: block;
		float: left;
		width: 10em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
		float:left;
		width:10em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
		float:left;
		width:20em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
		width: 30em;
		display: block;
		float: left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 fieldset {
		border:none;
	}
	
	.tx-veguestbook-pi1 legend {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		float:left;
		display:block;
		background:#F7F7F7;
		border:1px solid #CCC;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		margin-left:2.25em;
	}
 
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap img {
		float:left;
		display:block;
		padding-left:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap input {
		float:left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap label {
		clear:both;
		display:block;
		float:none;
		width:10em;
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap p {
		font-size:75%;
		padding:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-clear {
		clear:both;
		display:block;
	}
	
	.tx-veguestbook-pi1 input.tx-guestbook-submit {
		width:auto;
		display:block;
	}