.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */
/* Style properties for HTML elements based on the HTML 4.01 Specification.
   <http://www.w3.org/TR/html401/cover.html#toc>

 ------------------------ELEMENTS  (BEGINN)------------------------------
*/

/* Section 7.5: The document body */
body
{
	margin: 0;
	padding:0.0625em 0.75em 0.75em 0.75em; 	
	/* min-width: 62em;*/
	/*font-size: 75.01%;   12px [1] */
	/*line-height: 1.5em;  18px [2] */
	/*min-width: @ersetze_body_min-width;;	744px*/
	font-size:100.01%;		/*16px [1] */
	line-height: 1.35em;	/*18px [2] */
	color: #000000;
	font-family: Verdana, Luxi Sans, Helvetica, sans-serif;
	background-color:#b0b0b0;
	background-image:url(http://www.gemeinde.naturns.bz.it/grafiken/bg_img_1.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

h1 {
  
  line-height: 1.5em;  /*24px */	/*1,33*18=24*/
  margin: 1em 0; /* 16px 0 */
  font-size:1.15em; 
  color:#003366;
  text-align:left;
}
h2 {
  line-height: 1.3em;  /*21px  */
  margin: 1em 0;  /*16px 0 */
  font-size:0.8em; 
  color:#000000;
  text-align:left;
}
h3 {
  /*font-style: italic;*/
  margin: 1em 0; /* 16px 0 */
  font-size:0.7em; 
  color:#000000;
  text-align:left;
}
h4, h5, h6 {
  font-size: .55em; /* 9px */
  line-height: 1.125em; /* 18px */
  margin: 0.875em 0; /* 14px 0 */
}
/*h4 {
  text-transform: uppercase;
}
h5 {}
h6 {
  font-style: italic;
}*/
address {}

/* Section 9: Text */
/* 9.2: Structured text */
em {}
strong {}
dfn {}
code {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}
samp {}
kbd {}
var {}
cite {}
abbr {}
acronym 
{
	cursor:help;
	background-color:transparent;
	border-style:dashed;
	border-width:0em 0em 0em 0em;
	border-color:#000000;
}
blockquote {}
q {}
sub {}
sup {}
/* End of 9.2 */
/*da ul nicht in p sein kann muss ul und p gleiche schriftgroesse haben*/
/*p, .main-content ul li */
p, ul li, ol li, table
{
	font-size:0.75em;	/*9px schriftgroesse fuer std. texte*/
}
ul p, ul table, p table, ul ul li, ol ol li, p p, table p, table ul li, table ol li{font-size:100%;}	/*Schriftgroesse fuer p in ul, table in ul, table in p  -- .main-content ul ul li */

pre {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}
ins {}
del {}

/* Section 10: Lists */
ul {
	margin: 1em 0;
	padding: 0 0 0 1.5em;
	list-style-type:disc;
	list-style-image:none;
}
ul ul {
	margin: 0;
	padding: 0 0 0 1.25em;
	list-style-type:circle;
	list-style-image:none;
}
ul ul ul
{
	list-style-type:square;
	list-style-image:none;
}
/*ul a{text-decoration:none;}
ul a:hover{text-decoration:underline;}*/
ol {
  /*padding: 0 2em;*/
	margin: 1em;
	padding: 0 0 0 1.5em;
	list-style-type:decimal;
}
ol ol {
  margin: 0;
  padding: 0 0 0 1.25em;
  list-style-type:lower-alpha;
}
ol ol ol {
	list-style-type:lower-roman;
}

li {
  margin: 0;
  padding: 0;
}
dl {}
dt {}
dd {}

/* Section 11: Tables */
/*table {width:auto; max-width:99%;}*/
table {width:99%;}
caption {}
thead {}
tfoot {}
tbody {}
colgroup {}
col {}
tr {}
td {}
th,td{padding:0em 0.5em;}
.sidecol-b th, .sidecol-b td,.sidecol-c th, .sidecol-c td{padding:0 0 0 0.2em;}

th, th a, th a:link, th a:visited, th a:hover, th a:active, th a:focus
{background-color:#c5d4e7;color:#003366;}

.verticaltable th, .verticaltable th a, .verticaltable th a:link, .verticaltable th a:visited, .verticaltable th a:hover, .verticaltable th a:active, .verticaltable th a:focus,
.verticaldetailtable th, .verticaldetailtable th a, .verticaldetailtable th a:link, .verticaldetailtable th a:visited, .verticaldetailtable th a:hover, .verticaldetailtable th a:active, .verticaldetailtable th a:focus
{background-color:#c5d4e7;color:#003366;}

.verticaltable{}
.verticaldetailtable{width:50%;}
.verticaltable tr th{width:20%;}
.verticaldetailtable tr th{width:30%;}

.verticaltable th, .verticaldetailtable th{vertical-align:top;}

.verticaldetailtable .even, .verticaltable .even,
.verticaldetailtable .odd, .verticaltable .odd
{background-color:Transparent;}


table
{
	border-style:solid;
	border-width:0.0625em 0.0625em 0.0625em 0.0625em;
	border-color:#e6e6e6;
}
td
{
	border-style:solid;
	border-width:0.0625em 0.0625em 0.0625em 0.0625em;
	border-color:#e6e6e6;
}

table.verticaltable, table.verticaldetailtable
{
	border-style:solid;
	border-width:0.0625em 0.0625em 0.0625em 0.0625em;
	border-color:#e6e6e6;
}
.verticaltable td, verticaldetailtable td
{
	border-style:solid;
	border-width:0.0625em 0.0625em 0.0625em 0.0625em;
	border-color:#e6e6e6;
}

/* Section 12.2:  The A element */
/*
a, a:link, a:visited, a:active, a:focus
a:hover, a:hover, a:link:hover, a:visited:hover, a:focus:hover,
a:link:hover, a:visited:hover, a:focus:hover
*/
a, a:link
{
	color:#000000;
	text-decoration:underline;
}
/*a:link {}*/
a:visited 
{
	color:#000000;
	text-decoration:underline;
}
a:hover, a:link:hover, a:visited:hover, a:focus:hover 
{
	color:#ffffff;
	text-decoration:underline;
	background-color:#004A7D;
}
a:active 
{
	color:#0860A8;
	text-decoration:underline;
}
a:focus 
{	
	color:#0860A8;
	text-decoration:none;
}
a:link:hover {} /* [4] */
a:visited:hover {}
a:focus:hover {}

/* Section 13: Objects, Images, and Applets */
img {border:0;}
/*.main-content p img {padding:0.5em;}abstand zu umfliessendem text bei bildern im content*/
.main-content img {padding:0em 0.5em 0.5em 0em;}
object {}
applet {}

/* Section 15: Alignment, font styles, and horizontal rules */
/* 15.2: Fonts "[...] their use is discouraged in favor of style sheets." */
tt {}
i {}
b {}
big {}
small {}
/* End of 15.2 */
hr 
{
	color:#004A7D;
}

/* Section 16: Frames */
iframe {}

/* Section 17: Forms */
form {}

input{}/*keine allgemeine definitionen machen wegen egov-style*/
input:focus {}

input.text, textarea.textarea, input.textarea, input.select,input.button
{
	width:auto;
	border:0.05em solid;
	border-color:#004A7D;
	font-size:100%;
	margin-top:0.2em ;
}

input.button
{
	background-color:transparent;
}
input.radio, input.checkbox
{
	border:0;
}


button {}
button:focus {}
select {}
select:focus {}
optgroup {}
option {}
textarea {}
textarea:focus {}
label {}
fieldset {}
legend {}

/*
  [1] All calculations are based on the assumption that 1em is 12px.
  [2] If you specify a font-size, also consider to specify a line-height property.
  [3] If you don't specify something other than monospace, mozilla will calculate
      its own font-size based on the user preferences.
  [4] "... prevents hover styles from being applied to non-hyperlink anchors."
      <http://devedge.netscape.com/viewsource/2003/arbitrary-hover/>
*/


.margin0{margin:0;}

.width5{width:5%;}
.width10{width:10%;}
.width15{width:15%;}
.width20{width:20%;}
.width25{width:25%;}
.width30{width:30%;}
.width33{width:33%;}
.width35{width:35%;}
.width40{width:40%;}
.width45{width:45%;}
.width50{width:50%;}
.width55{width:55%;}
.width60{width:60%;}
.width66{width:66%;}
.width65{width:65%;}
.width70{width:70%;}
.width75{width:75%;}
.width80{width:80%;}
.width85{width:85%;}
.width90{width:90%;}
.width95{width:95%;}
.width99{width:99%;}
.width100{width:100%;}
.width12{width:12%;}
.width14{width:14%;}
.width16{width:16%;}

.schwarz-dummy{padding-left:1em;}
.weiss-dummy{padding-left:1em;}

.schwarz-iconAktuell{background: url(../system/web/images/schwarz/iconAktuell.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconAnzeige{background: url(../system/web/images/schwarz/iconAnzeige.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconAt{background: url(../system/web/images/schwarz/iconAt.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconAuto{background: url(../system/web/images/schwarz/iconAuto.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconBlatt{background: url(../system/web/images/schwarz/iconBlatt.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconBlume{background: url(../system/web/images/schwarz/iconBlume.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconBrille{background: url(../system/web/images/schwarz/iconBrille.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconBuch{background: url(../system/web/images/schwarz/iconBuch.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconClosedLock{background: url(../system/web/images/schwarz/iconClosedLock.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconCross{background: url(../system/web/images/schwarz/iconCross.gif) no-repeat 0.125em 50%;padding-left:1.25em;}

.schwarz-iconDE{background: url(../system/web/images/schwarz/iconDE.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconEarth{background: url(../system/web/images/schwarz/iconEarth.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconEuro{background: url(../system/web/images/schwarz/iconEuro.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconEvents{background: url(../system/web/images/schwarz/iconEvents.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconGIS{background: url(../system/web/images/schwarz/iconGIS.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconHackerl{background: url(../system/web/images/schwarz/iconHackerl.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconHome{background: url(../system/web/images/schwarz/iconHome.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconInfo{background: url(../system/web/images/schwarz/iconInfo.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconIT{background: url(../system/web/images/schwarz/iconIT.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconKalender{background: url(../system/web/images/schwarz/iconKalender.gif) no-repeat 0.125em 50%;padding-left:1.25em;}

.schwarz-iconKey{background: url(../system/web/images/schwarz/iconKey.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconKlappe{background: url(../system/web/images/schwarz/iconKlappe.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconKontakt{background: url(../system/web/images/schwarz/iconKontakt.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconMouse{background: url(../system/web/images/schwarz/iconMouse.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconOpenLock{background: url(../system/web/images/schwarz/iconOpenLock.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconPfeil{background: url(../system/web/images/schwarz/iconPfeil.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconSchach{background: url(../system/web/images/schwarz/iconSchach.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconShop{background: url(../system/web/images/schwarz/iconShop.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconSonne{background: url(../system/web/images/schwarz/iconSonne.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconStern{background: url(../system/web/images/schwarz/iconStern.gif) no-repeat 0.125em 50%;padding-left:1.25em;}

.schwarz-iconStern2{background: url(../system/web/images/schwarz/iconStern2.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconsuche{background: url(../system/web/images/schwarz/iconsuche.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconUhr{background: url(../system/web/images/schwarz/iconUhr.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconVogel{background: url(../system/web/images/schwarz/iconVogel.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.schwarz-iconZettel{background: url(../system/web/images/schwarz/iconZettel.gif) no-repeat 0.125em 50%;padding-left:1.25em;}


.weiss-iconAktuell{background: url(../system/web/images/weiss/iconAktuell.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconAnzeige{background: url(../system/web/images/weiss/iconAnzeige.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconAt{background: url(../system/web/images/weiss/iconAt.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconAuto{background: url(../system/web/images/weiss/iconAuto.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconBlatt{background: url(../system/web/images/weiss/iconBlatt.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconBlume{background: url(../system/web/images/weiss/iconBlume.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconBrille{background: url(../system/web/images/weiss/iconBrille.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconBuch{background: url(../system/web/images/weiss/iconBuch.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconClosedLock{background: url(../system/web/images/weiss/iconClosedLock.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconCross{background: url(../system/web/images/weiss/iconCross.gif) no-repeat 0.125em 50%;padding-left:1.25em;}

.weiss-iconDE{background: url(../system/web/images/weiss/iconDE.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconEarth{background: url(../system/web/images/weiss/iconEarth.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconEuro{background: url(../system/web/images/weiss/iconEuro.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconEvents{background: url(../system/web/images/weiss/iconEvents.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconGIS{background: url(../system/web/images/weiss/iconGIS.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconHackerl{background: url(../system/web/images/weiss/iconHackerl.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconHome{background: url(../system/web/images/weiss/iconHome.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconInfo{background: url(../system/web/images/weiss/iconInfo.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconIT{background: url(../system/web/images/weiss/iconIT.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconKalender{background: url(../system/web/images/weiss/iconKalender.gif) no-repeat 0.125em 50%;padding-left:1.25em;}

.weiss-iconKey{background: url(../system/web/images/weiss/iconKey.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconKlappe{background: url(../system/web/images/weiss/iconKlappe.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconKontakt{background: url(../system/web/images/weiss/iconKontakt.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconMouse{background: url(../system/web/images/weiss/iconMouse.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconOpenLock{background: url(../system/web/images/weiss/iconOpenLock.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconPfeil{background: url(../system/web/images/weiss/iconPfeil.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconSchach{background: url(../system/web/images/weiss/iconSchach.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconShop{background: url(../system/web/images/weiss/iconShop.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconSonne{background: url(../system/web/images/weiss/iconSonne.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconStern{background: url(../system/web/images/weiss/iconStern.gif) no-repeat 0.125em 50%;padding-left:1.25em;}

.weiss-iconStern2{background: url(../system/web/images/weiss/iconStern2.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconsuche{background: url(../system/web/images/weiss/iconsuche.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconUhr{background: url(../system/web/images/weiss/iconUhr.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconVogel{background: url(../system/web/images/weiss/iconVogel.gif) no-repeat 0.125em 50%;padding-left:1.25em;}
.weiss-iconZettel{background: url(../system/web/images/weiss/iconZettel.gif) no-repeat 0.125em 50%;padding-left:1.25em;}

/*------------------------ELEMENTS (ENDE)------------------------------*/

/* Presentation stylesheet */

/* IDs */

#header{display:inherit;}
#header2{display:inherit;}
#col-b{display:inherit;}
#col-c{display:inherit;}
#footer{display:inherit;}

#main {
  border: 0px solid;
  min-width: 37.5em; /*600px*/
  max-width: 80em; /*991px*/
  margin: 0 auto;
}
#main-content-header{background-color:transparent;}
#main-content-footer{background-color:transparent;}

#header
{
	/*background: url(../grafiken/header_bg.gif) #686868 no-repeat right top;*/
	background-color:#005a86;
	background-image:url(http://www.gemeinde.naturns.bz.it/grafiken/bg_img_1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	/*overflow:hidden;*/
	height:9.125em;	/*98px => 98/3 / 16*4 =2,8*/
	/*border:0;
	border-bottom-width:0.1em;
	border-style:solid;*/
	border-color:#FFFFFF;
	border-width: 0 0 0 0; 
	border-style: solid;
}
/*keine farben in id's definieren, kann man naemlich ohne id-verwendung nicht mehr ueberschreiben --> #header, #header a*/
#header .title,
#header2 .title
{
  margin: 0;
  padding: 0;
}
#header2
{
	background-color:#3f9fe0;
	height:1.75em /*24px*/;	/*24px*/
	/*overflow:hidden;*/
	/*overflow:visible;	muss visible sein,da sonst der firefox das ausgeklappte menu nicht anzeigt*/
	margin:0;
	padding:0;
	background-image:none;
	background-position:right top;
	background-repeat:no-repeat;
}


#footer {

	margin:0;
	padding:0;
	height:1.5em ;	/*24px*/
	background-color:#3F9FE0;
	background-image:none;
	background-position:left top;
	background-repeat:repeat-x;
}



/* backgrounds */
.cols-wrapper {
  background-color: transparent;
}
/*hintergrundfarbe li+re spalte,
hintergrundbild rechte spalte*/
#main {
  /*background: #efefef url(pattern.gif);*/
	background-color:#F7F8FA;
	background-image:url(http://www.gemeinde.naturns.bz.it/grafiken/bg_img_3.jpg);
	background-position:right 7.625em;
	background-repeat:repeat-x;
}
/*hintergrundbild linke spalte*/
#columns
{
	background-image:url(http://www.gemeinde.naturns.bz.it/grafiken/bg_img_4.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}
/*hintergrundbild content*/
#col-a
{
	background-image:url(http://www.gemeinde.naturns.bz.it/grafiken/bg_img_2.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}


/* classes */
.box
{
	overflow:hidden;	/*auto*/
	/*font-size:0.7em;	11px*/
	color:#000000;
	border-color:#FFFFFF;
	border-width: 0em 0em 0em 0em; 
	border-style: solid;
	background-color:transparent;
	margin:0.25em 0em 0em 0em;
	padding:0em 0em 0em 0em;
}
.box2
{
	overflow:hidden;	/*auto*/
	/*font-size:0.7em;	11px*/
	color:#000000;
	border-color:#a7ccf1;
	border-width: 0em 0em 0em 0em; 
	border-style: dotted;
	background-color:transparent;
	margin:0em 0em 0em 0em;
	padding:0em 0em 0em 0em;
}
.main-content {
  overflow:auto;
  text-align:left;
 /* font-size:0.75em;*/
  margin:0.5em 1em 1em 1em;	/*margin:1em; ds: damit oben der inhalt in einer linie mit menu und boxenueberschrift ist*/
}

.cols-wrapper {
  /*border: 0.05em; 1px*/
  /*margin: 0 -0.05em;  0 -1px */
  /*border-style: none dotted dotted dotted;*/
}
/*
.hide-left .cols-wrapper {
  border-left: none;
  margin-left: 0;
}
.hide-right .cols-wrapper {
  border-right: none;
  margin-right: 0;
}
.hide-both .cols-wrapper {
  border-style: none none dotted none;
  margin: 0;
}*/

#footer,
.sidecol {
  /*color: #333; DS: kA wo das zutrifft*/ 
}

.sidecol ul {
  padding: 0 0 0 1.125em;	/* 0 0 0 18px*/
}

.kategorien_box{width:100%;margin:0.5em 0;float:left;}
.kategorien_box h2
{
	background-color:#FFFFFF;
	margin:0;
	display:inline;
	padding:0.1em 1em 0.1em 1em; /*0.1em 3em 0.1em 1em;*/
	color:#000000;
	cursor: pointer;
}
.kategorien_box-Expand h2 span, .kategorien_box-Collapse h2 span
{
	padding-left:0.5em;
	padding-right:0.5em;
	margin-left:1.5em;
	background-position:50% 50%;
	background-color: Transparent;
	background-repeat:no-repeat;
}
.kategorien_box-Expand h2 span
{
	background-image:url(../system/web/images/000000_ArrowBottom.gif);
}

.kategorien_box-Collapse h2 span
{
	background-image:url(../system/web/images/000000_ArrowTop.gif);
}

.kategorien_box-Expand .kalender,
.kategorien_box-Expand .kategorien
{
	display:none;
}

.kategorien,.kalender
{
	width:100%;
	float:left;
	background-color:#c8c8c8; 
}
.dateline, .kategorie{width:30%;float:left;height:100%;padding-left:0.5em;text-align:left;/*height: 0.5em;8px*/}
.kategorie p{margin:0;padding:0;}

.dateline{width:10%;float:left;height:100%;padding-left:0.5em;text-align:center;/*height: 0.5em;8px*/}
.dateline a{font-weight:bold;}
#date_selected a
{
	color:#A9A7A5;
}

/*DS: abstand zw kalender und tagesdropdown
.va_kalender{width:33%;float:left;}*/
.va_kalender{width:36%;float:left;margin-right:3%;}
/*.va_kalender table{width:auto;}*/
.va_kalender table{width:100%;}

/*.kalender_controls {float:left;width:66%;}*/
.kalender_controls {float:left;width:60%;}
.kalender_controls select{display:block;}

 .listcol1 {}
 .listcol2 {float:right;}
 
 .entries{text-align:center;}

/*.myclass th
{
	font-weight: bold;
	color: blue;
}*/

.yellowline
{
	background: yellow;
}
.search_results
{
	/*border-left-width:1.5em;	24px*/
	/*border-right-width:1.5em;	24px*/
}
/*.newsrow{
	margin-top: 1em;
	padding:0.25em;
	clear:both;
	float:left;
	width:99%;
}*/
/*DS: 30.1.2008 um den scrolli der durch nachfolgendes padding erzeugt wird zu unterdruecken*/
.newslist{overflow:hidden;}	
.newsrow
{
	/*margin-top: 0.5em;*/
	width:98%;
	margin:0;padding:0;
}
.newsrow div{padding:0.25em;margin:0.25em;}
.newsrow div{margin-left:0;}	/*ds:06.08.2008 - linker abstand machte keinen sinn und wenn ein rahmen eingestellt ist, dann verschwindet der beim verkleinern des fensters, deshalb besser wenn 0*/
.newsrow img{padding-right:0.25em;}
.odd
{
	background-color: transparent;
}
.even
{
	background-color: #f2f2f2;
}
.border
{
	border-width: 0.05em;
	border-style: solid;
	border-color: #000000;
}
.newslisttitle{
font-weight: bold;
font-size: 1em;
float:left;
}
.newslistfoto{
float:left;
border: 0;
}
.newslisttext{
float:left;
}
.newslistdatum{
float:right;
}

.newslist{
width:98%; /*100*/
margin:0;padding:0;
clear:both;
}
.newscolumn{

width:50%;
float:left;
}
.newsicon{
float:left;
}


.clear_both, .clear{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.float_right{float:right;}
.float_left{float:left;}
.none {display: none;}
.inline {display: inline;}

.hide
{
	left: -100em;
	overflow: hidden;
	width: 0;
	position: absolute;
	top: -100em;
	height: 0;
	display:inline;
}

.align_center{text-align:center;}
.align_justify{text-align:justify;}
.align_left{text-align:left;}
.align_right{text-align:right;}


img.align_left{float:left;}
img.align_right{float:right;}

.breadcrumb p{margin:0;}

/*a:link, a:visited, a:hover, a:active, a:focus*/
.breadcrumb, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus
{
	font-weight:bold;
	text-decoration:none;
}
a.abclist:link, a.abclist:visited, a.abclist:hover, a.abclist:active, a.abclist:focus,
.abclist_sel
{
	font-weight:bold;
	text-decoration:none;
}
a.pager:link, a.pager:visited, a.pager:hover, a.pager:active, a.pager:focus,
.pager_sel,
.kategorielist_sel
{
	font-weight:bold;
	text-decoration:none;
}
.breadcrumb a:hover
{
	text-decoration:underline;
	background-color:Transparent;
}
a.abclist:hover
{
	text-decoration:underline;
	background-color:Transparent;
}
a.pager:hover
{
	text-decoration:underline;
	background-color:Transparent;
}
.breadcrumb,  .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus
{
	color:#003366;
}
a.abclist:link, a.abclist:visited, a.abclist:hover, a.abclist:active, a.abclist:focus
{
	color:#003366;
}
a.pager:link, a.pager:visited, a.pager:hover, a.pager:active, a.pager:focus
{
	color:#003366;
}
.abclist_sel
{
	color:#000000;
}
.pager_sel, .kategorielist_sel
{
	color:#000000;
}

.box h2, .box .head
{
	/*background: url(../system/web/images/menu_root.gif) no-repeat;*/
	/*background: url(../system/web/images/menu_root.gif) no-repeat 1.3em 0.25em;*/
	background-image:url(http://www.gemeinde.naturns.bz.it/grafiken/bg_img_2.gif);
	background-color:#c5d4e7;
	background-repeat:no-repeat;	/*no-repeat;*/
	background-position:0.4em 0.3em;	/*0.2em 0.25em;*/
	font-size:0.75em;	/*9px Schriftgroesse h2 in box = schrifgroesse wie menu*/
	width: 90%;	/*80%;*/	/*DS;es muss hier eine groessenangabe sein weil der ie sonst die grafik nicht richtig positioniert, aber nicht 100% da sonst ein scrolli beim firefox kommt wegen dem padding*/
	padding:0.3em 0.3em 0.3em 2.3em;	/*padding-left:2em;*/
	font-weight:bold;
	color:#000000;
	text-align:left;
	margin:0;		/*margin: 0.5em 0;*/
}
.box2 h2, .box2 .head
{
	/*display:inline;*/
	/*text-transform: uppercase;*/
	font-weight:bold;
	font-size:0.75em;	/*12px*/
	color:#003366;
	text-align:left;
	margin: 0.25em 0;
}
.box2 p
{
	display:inline;
	padding:0.125em;
	/*font-size:0.75em;	12px*/
}
.box p
{
	margin:inherit;
}

.box ul, .box2 ul, .box3 ul, .box4 ul
{margin:0;}
.box ol, .box2 ol, .box3 ol, .box4 ol 
{margin:0.5em}

/*.sucheeinzeilig {vertical-align:middle;}
.sucheeinzeilig form{display:inline;}
.sucheeinzeilig h2{display:inline;}*/
.sucheeinzeilig h2{float:left;}


/*HorizontalMenu - TRAY*/
.hmenu p
{
	font-size:0.75em;	
	padding:0.125em;
	margin:0;
}
.hmenu, .hmenu a, .hmenu a:link
{
	color:#000000;
}
.hmenu a, .hmenu a:link
{
	text-decoration:none;
}
.hmenu a:visited 
{
	color:#000000;
	text-decoration:none;
}
.hmenu a:hover 
{
	color:#FFFFFF;
	text-decoration:underline;
	background-color:#005a86;
}
.hmenu a:active 
{
	color:#000000;
	text-decoration:none;
}
.hmenu a:focus 
{	
	color:#000000;
	text-decoration:none;
}





p.fliesstext2
{
	font-size:0.8em;
	color:#000000;
}

/*.wetterbox{
width: 140px;
height: 60px;
border: 1px solid black;
}
.wetter{
 font-size: 0.75em;
}
.wetterthreecell{
width:33%;
float:left;
text-align:center;
 font-size: 0.75em;
}*/
.wetterbox
{
	/*height:100%;
	float:left;*/
	margin:0;
	padding:0;
	height:100%;
}
.wetterthreecell
{
	display:block;
	text-align:center;
	width:4.5em;
}


ul.fotokategorielist, ul.fotolist
{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.fotolist li
{
	display: inline;
}
ul.fotolist li img, ul.fotokategorielist li img
{
	padding:0 0.5em 0.5em 0;
}

.newslist h2 a
{
    background-image:none;
	background-repeat:no-repeat;
	background-position:0em 0em;
	padding:0em 0em 0em 0em;
}

.newslist h2 a, .newslist h2 a:link
{
	font-size:1.05em;
	color:#000000;
	text-decoration:none;
}
.newslist h2 a:visited 
{
	color:#000000;
	text-decoration:none;
}
.newslist h2 a:hover, .newslist h2 a:link:hover, .newslist h2 a:visited:hover,.newslist h2 a:focus:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:#004A7D;
}
.newslist h2 a:active 
{
	color:#0860A8;
	text-decoration:none;
}
.newslist h2 a:focus 
{	
	color:#0860A8;
	text-decoration:none;
}

a.cssgraphicmode, a.csshighcontrast, a.cssnostyle
{
	border:solid 0.0125em #000000;
	/*font-size:175%;*/
	font-size:130%;
	font-weight:bold;
	margin-left:0.125em;
	margin-right:0.125em;
	height:1.5em;
	width:1.5em;
	display:block;
	float:left;
	text-align:center;
	vertical-align:middle;
}
a.cssgraphicmode img{vertical-align:text-bottom;background-color:Transparent;}
a.csshighcontrast{color:#000000;background-color:#FFFF00;}
a.cssnostyle{color:#000000;background-color:#FFFFFF;}

form{margin:0;}

li.hidemenu a{display:none;}
li.hidemenu li a{display:inline;}	


/*erweiterte Menupunktklassen - BEGINN*/
.ext-mp1, .TreeView .ext-mp1
{
	background-color:inherit;
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 0em;
	border-style:solid;
	border-width:0em 0em 0em 0em;
	border-color:inherit;
}
a.ext-mp1, a.ext-mp1:link, ul.Menu li.ext-mp1 a, ul.Menu li.ext-mp1 a:link, .TreeView li.ext-mp1 a, .TreeView li.ext-mp1 a:link
	{color:inherit;}
a.ext-mp1:visited, ul.Menu li.ext-mp1 a:visited, .TreeView li.ext-mp1 a:visited
	{color:inherit;}
a.ext-mp1:active, ul.Menu li.ext-mp1 a:active, .TreeView li.ext-mp1 a:active
	{color:inherit;}
a.ext-mp1:focus, ul.Menu li.ext-mp1 a:focus, .TreeView li.ext-mp1 a:focus
	{color:inherit;}
a.ext-mp1:hover, a.ext-mp1:link:hover, a.ext-mp1:visited:hover, a.ext-mp1:focus:hover,
ul.Menu li.ext-mp1 a:hover, ul.Menu li.ext-mp1 a:link:hover, ul.Menu li.ext-mp1 a:visited:hover, ul.Menu li.ext-mp1 a:focus:hover,
.TreeView li.ext-mp1 a:hover, .TreeView li.ext-mp1 a:hover, .TreeView li.ext-mp1 a:link:hover, .TreeView li.ext-mp1 a:visited:hover, .TreeView li.ext-mp1 a:focus:hover
{
	color:inherit;
	background-color:inherit;
}

.ext-mp2, .TreeView .ext-mp2
{
	background-color:inherit;
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 0em;
	border-style:solid;
	border-width:0em 0em 0em 0em;
	border-color:inherit;
}
a.ext-mp2, a.ext-mp2:link, ul.Menu li.ext-mp2 a, ul.Menu li.ext-mp2 a:link, .TreeView li.ext-mp2 a, .TreeView li.ext-mp2 a:link
	{color:inherit;}
a.ext-mp2:visited, ul.Menu li.ext-mp2 a:visited, .TreeView li.ext-mp2 a:visited
	{color:inherit;}
a.ext-mp2:active, ul.Menu li.ext-mp2 a:active, .TreeView li.ext-mp2 a:active
	{color:inherit;}
a.ext-mp2:focus, ul.Menu li.ext-mp2 a:focus, .TreeView li.ext-mp2 a:focus
	{color:inherit;}
a.ext-mp2:hover, a.ext-mp2:link:hover, a.ext-mp2:visited:hover, a.ext-mp2:focus:hover,
ul.Menu li.ext-mp2 a:hover, ul.Menu li.ext-mp2 a:link:hover, ul.Menu li.ext-mp2 a:visited:hover, ul.Menu li.ext-mp2 a:focus:hover,
.TreeView li.ext-mp2 a:hover, .TreeView li.ext-mp2 a:hover, .TreeView li.ext-mp2 a:link:hover, .TreeView li.ext-mp2 a:visited:hover, .TreeView li.ext-mp2 a:focus:hover
{
	color:inherit;
	background-color:inherit;
}

.ext-mp3, .TreeView .ext-mp3
{
	background-color:inherit;
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 0em;
	border-style:solid;
	border-width:0em 0em 0em 0em;
	border-color:inherit;
}
a.ext-mp3, a.ext-mp3:link, ul.Menu li.ext-mp3 a, ul.Menu li.ext-mp3 a:link, .TreeView li.ext-mp3 a, .TreeView li.ext-mp3 a:link
	{color:inherit;}
a.ext-mp3:visited, ul.Menu li.ext-mp3 a:visited, .TreeView li.ext-mp3 a:visited
	{color:inherit;}
a.ext-mp3:active, ul.Menu li.ext-mp3 a:active, .TreeView li.ext-mp3 a:active
	{color:inherit;}
a.ext-mp3:focus, ul.Menu li.ext-mp3 a:focus, .TreeView li.ext-mp3 a:focus
	{color:inherit;}
a.ext-mp3:hover, a.ext-mp3:link:hover, a.ext-mp3:visited:hover, a.ext-mp3:focus:hover,
ul.Menu li.ext-mp3 a:hover, ul.Menu li.ext-mp3 a:link:hover, ul.Menu li.ext-mp3 a:visited:hover, ul.Menu li.ext-mp3 a:focus:hover,
.TreeView li.ext-mp3 a:hover, .TreeView li.ext-mp3 a:hover, .TreeView li.ext-mp3 a:link:hover, .TreeView li.ext-mp3 a:visited:hover, .TreeView li.ext-mp3 a:focus:hover
{
	color:inherit;
	background-color:inherit;
}
/*erweiterte Menupunktklassen - ENDE*/

/*erweiterte Rahmenklasse - BEGINN*/
.ext-border, .main-content .ext-border
{
	padding:0em 0em 0em 0em;
	border-style: solid;
	border-width: 0em 0em 0em 0em; 
	border-color:#FFFFFF;
}
/*erweiterte Rahmenklasse - ENDE */

.strong{font-weight:bold;}

/*freitext BEGINN*/
ul.Menu li a:hover, ul.Menu li a:active, ul.Menu li a:focus, ul.Menu li span.Menu-Hover{background-color:#99ccff;}
ul.Menu li ul li a:hover, ul.Menu li ul li a:active, ul.Menu li ul li a:focus, ul.Menu li ul li span.Menu-Hover{color:#000000;}
a.abclist:hover{background-color:#0860A8;text-decoration:underline;color:#FFFFFF;}
a.pager:hover{background-color:#0860A8;text-decoration:underline;color:#FFFFFF;}
.box2 h2{text-transform:none;}
.verticaltable td h2{ font-size:1.05em;}
.verticaldetailtable{width:80%;}
.box img{padding-bottom:0.3em;}
table,td{border:solid 1px #e6e6e6;}

.TreeView{padding-top:1em;}
.TreeView ul {padding-top:0;}
.TreeView ul ul{list-style-type:disc;padding-top:0;padding-left:2.4em;}
.TreeView ul ul ul{list-style-type:circle;padding-top:0;padding-left:1em;}
.TreeView ul ul ul ul{list-style-type:square;}
.TreeView li {vertical-align:middle;margin-left:1.7em;}
.TreeView li li{padding-left:0em;margin-left:1em;}
.TreeView li a, .TreeView li span{text-decoration:underline;}
.TreeView li ul li a, .TreeView li ul li span{font-weight:normal;}
.TreeView li a:hover, 
.TreeView li ul a:hover, 
.TreeView li ul li ul a:hover,  
.TreeView li ul li ul li ul a:hover,
.TreeView .TreeView-Selected a:hover,
.TreeView li ul .TreeView-Selected a:hover, 
.TreeView li ul li ul .TreeView-Selected a:hover,
.TreeView li ul li ul li ul .TreeView-Selected a:hover,
.TreeView li ul .TreeView-Selected ul li a:hover,
.TreeView li ul .TreeView-Selected ul li ul li a:hover,
.TreeView li ul li ul .TreeView-Selected ul li a:hover
{background-color:#004A7D;color:#FFFFFF}
.TreeView {line-height:1.7em;}
#columns{ border-left:solid 0.25em #FFFFFF; border-right:solid 0.25em #FFFFFF;}
.newsrow h2{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;}
#date_selected a:hover
{
	color:#FFFFFF;
}
.newslist{overflow:hidden;}
.main-content .box h2{width:auto;}


/*HorizontalMenu - NAV OBEN*/

.navmenu p
{
	font-size:0.75em;	
	padding:0.125em;
	margin:0;
}
.navmenu, .navmenu a, .navmenu a:link
{
	color:#FFFFFF;
	text-decoration:none;
}

.navmenu a, .navmenu a:link
{
	text-decoration:none;
}
.navmenu a:visited 
{
	color:#FFFFFF;
	text-decoration:none;
}
.navmenu a:hover 
{
	color:#000000;
	background-color:#ADD8FE;
	text-decoration:underline;
}
.navmenu a:active 
{
	color:#FFFFFF;
	text-decoration:none;
}
.navmenu a:focus 
{	
	color:#000000;
	text-decoration:none;
}
/*freitext ENDE*/