/*---	
	CSS Document $Revision: 0.0 $
	
	TOC
	1.	Layout Mechanism 
	2.	Content Section
	4.  Newsbox Section
	3.  Footer	
	4.  Subcontent left
	5.  Tobbar
	6.  Warenkorb
	7.  Popup images on inline links
	8.  Tab Impressum
	9.  Tooltip, Wetter	
	
---*/
body {
	background-color: #fff;/*E59F61;*/
/*	background-image:  url(images/back_2500.jpg);*/
	background-repeat: repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;/*0.76em;*/
	color: #000;
	margin: 0px;
}

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

a { color: #565353;/*5D7B50*/ text-decoration: none;}
a:visited { color: #8DD8BO;/*f96;*/ text-decoration: none;}
a:hover, a:visited:hover { color: #bfbfbf; text-decoration: none; }

hr { 
	height: 0;
 	border-bottom: 1px solid #D9E4d4;/*E6A66C*/
 	border-top: 0px;
 /* background-color:#;  Netscape 6/7, Mozilla 	
    color:#E6A66C; height: 1px;  IE, OPERA 
    border: #E6A66C;  IE, OPERA */
}  

.rss { 
	float: right; 
	width: 15px; 
	height:15px; 
	margin-top: -14px;
	padding-right: 20px;
}

#search {
	font-family: Verdana;
	width: 170px;
	height: 25px;
	float: right;
	color: #000;
	font-size:11px;
	margin-top: 8px;
  /*margin-top: 185px;
	padding: 8px;*/
	margin-right: 0px;
	background-color: #fff; 
	z-index:3;
}

* html #search { 
	margin-right: 2px;
	margin-top: 8px;
}

.searchinput {
	font-family: Verdana;
	font-size: 11px;
	border:1px solid #ccc;
	padding:1px 1px 1px 1px;
	color: #000;
	background-color: #fff;
	margin: 1px 1px 1px 1px;
	width:90px;
	height: 20px;
}

.submitbutton {
	background-color: #D9E4D4;
	border:1px solid #999;
	font-weight:bold;
	font-size:0.78em;
	color:#000;
	cursor:pointer;
}


h1 { color: #5D7B50; font-size: 18px;}
h2 { color: #5D7B50; font-size: 15px; border-bottom: 1px solid #D9E4d4;}
h3 { color: #5D7B50; font-size: 13px;}
h4 { color: #5D7B50; font-size: 12px; border-bottom: 1px dashed #d9e4d4;}
h5 { color: #5D7B50; font-size: 12px; border-bottom: 1px dashed #d9e4d4; margin: 4px 0px 5px 0px; padding: 0px 0px 2px 0px;}


.linie { 
	color:#5D7B50;/*D9E4D4;*/
}

#logo{
	float:left;
	padding: 0px 0 0 16px;
}

#container {
	margin: 0 auto;
	width: 910px;
	height: auto !important;
	min-height: 400px;
	height: 400px;
	border: solid 0px #000;
	padding-top: 0px;
	background-color: #transparent;
}

#navright {
	float: left;
	width: 150px;
	height: 20px;
	border: solid 0px #000;
	margin-left: 818px;
	margin-top: 45px;
	font-size: 11px;
	color: #000;
	text-align: left;
}

* html #navright { 
	margin-left: 444px; 
	margin-top: 45px;
}

#inhalt {
	float:left;
	z-index: 1000;
	background-image:  url(images/2008_back_prolonger.gif);
	background-color:#transparent;
	background-repeat:repeat-y;
	width:910px;
	height: auto !important;
	min-height: 450px;
	height: 450px;
}

#textbereich {
	float: left;
	color: #000;
	margin-left: 6px;
	margin-right: 0px;
	margin-top: -15px;
	width: 460px;
	height: auto !important;
	min-height: 400px;
	height: 400px;
	border: solid 0px #000;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	z-index: 1000;
	border: 0px solid #f00;
}

#textbereich a { color: #565353;/*5D7B50;*/}
#textbereich a:visited { color: #4C783A;/*f96;*/ }
#textbereich a:hover, a:visited:hover { color: #4C783A; }

* html #textbereich { 
	margin-top:-21px; 
	background-color: #fff; 
	margin-left: -25px;
}

#textbereich .imgempty {
	border: 0px solid rgb(217, 228, 212);;
	margin: 0px 10px 0px 0px;
/*	padding: 5px; */
	float: left;
	background-color: rgb(244, 244, 243);
}

#textbereich .imgleft {
	border: 0px solid rgb(217, 228, 212);
	margin: 0px 10px 0px 0px;
/*	padding: 5px; */
	float: left;
/*	background-color: rgb(244, 244, 243);*/
}

#textbereich .imgright {
	border: 0px solid rgb(217, 228, 212);
	margin: 0px 0px 0px 10px;
/*	padding: 5px; */
	float: right;
/*	background-color: rgb(244, 244, 243);*/
}

#textbereich .imgmiddle {
	border: 0px solid rgb(217, 228, 212);
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	background-color: rgb(244, 244, 243);
}

#textbereich .imgfewo  {
	border: 1px solid rgb(217, 228, 212);
	margin: 0px 0px 10px 0px;
	padding: 0px; 
	background-color: rgb(244, 244, 243);
}

#textbereich ul{
	margin-top: 0px;
	margin-bottom: 5px;
}
#textbereich ul li {
	list-style: disc outside url(images/button_square.gif);
	margin-bottom: 12px;
}

#navtree {
	color: #ccc;
	font-size: 11px;     
	padding-bottom: 2px;
}

#navtree a { color: #ccc; }
#navtree a:visited { color: #ccc; }
#navtree a:hover,  #navtree a:visited:hover{ color: #828282; text-decoration: none;}

#totop {
	color: #ccc;
	font-size: 11px;     
	padding-top: 20px;
	text-align: right;
}

#totop a { color: #ccc; }
#totop a:visited { color: #ccc; }
#totop a:hover,  #navtree a:visited:hover{ color: #828282; text-decoration: none;}

.next p {
	color: #666; font-size: 10px; padding-top: 18px; text-align: right; border-top: 1px dashed #d9e4d4;
}

#sidebarrechts {
	float: left;
/*	background-image:  url(images/backright.gif);
	background-repeat: repeat-y;*/
	background-color: #transparent;
	width: 169px;/*160*/
	height: auto !important;
	min-height: 400px;
	height: 400px;
	margin-top: 0px;/*-15px;*/
	margin-left: 11px; /*12*/
	border: 0px solid #f00;
}

* html #sidebarrechts { margin-left: 4px; }

/* ------- NEWSBOX --------*/
#newsbox {
	float:left;
	position:relative;
	background-image:url(images/box_news_head.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color: #fff;
	margin-top: 2px; /*-5px;*/
	margin-bottom: 15px;
	width: 139px;/*148*/
	height: auto !important;
	min-height: 20px;/*16*/
	height: 20px; /*16px*/
	text-align:left;
	color: #000;
	font-weight: bold;
	padding:10px;/*4px*/
	padding-top: 9px;
	padding-left: 15px;
	margin-left: -1px;
	border-bottom: 0px solid #ccc;
}

#newsbox a { color: #000;}

#mitte {
	float: left;
	background-image: url(images/box_news_prolonger.gif);
	background-repeat: repeat-y;
	height: auto !important;
	width: 160px;
	padding-left: 8px;
	margin-left: -4px;
	margin-top: -15px;
	font-size: 11px;
}


#mitte a { color: #5F5F5F; }
#mitte a:visited { color: #828282; }
#mitte a:hover,  #mitte a:visited:hover{ color: #999; text-decoration: none;}

#newscontent {
	float: left;
	width: 130px;
	height: auto !important;
	margin-left: 12px; 
	padding-top: 0px;/*3*/
}

* html #newscontent { 
	margin-left: 6px;
}

#footerbox {
	float: left;
	background-image: url(images/box_news_footer.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	height: 18px;
	width: 170px;
	margin-left: -4px;
	margin-bottom: 5px;
}

/* ------- CALENDAR --------- */
#calendar {
	float:left;
	position:relative;
	background-image:url(images/box_block_head.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color: #fff;
	margin-top: 2;/*-5pxpx;*/
	margin-bottom: 15px;
	width: 139px;/*148*/
	height: auto !important;
	min-height: 20px;/*16*/
	height: 20px;
	text-align:left;
	color: #006EB6;
	font-weight: bold;
	padding: 10px;/*4px*/
	padding-top: 9px;
	padding-left: 15px;
	margin-left: -1px;
	border-bottom:0px solid #ccc;
}

#calendar a {
	color: #000;
}

#calendarmitte {
	float: left;
	background-image: url(images/box_block_prolonger.gif);
	background-repeat: repeat-y;
	height: auto !important;
	width: 160px;
	padding-left: 8px;
	margin-left: -4px;
	margin-top: -15px;
	font-size: 11px;
}


#calendarmitte a { color: #5F5F5F; }
#calendarmitte a:visited { color: #828282; }
#calendarmitte a:hover,  #calendarmitte a:visited:hover{ color: #999; text-decoration: none;}

#calendarcontent {
	float: left;
	width: 130px;
	height: auto !important;
	margin-left: 12px; 
	padding-top: 0px;/*3*/
}

* html #calendarcontent { 
	margin-left: 6px;
}


#calendarfooter {
	float: left;
	background-image: url(images/box_block_footer.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	height: 10px;
	width: 170px;
	margin-left: -4px;
	margin-bottom: 5px;
}

/* ------- BLOCK --------- */
#block {
	float:left;
	position:relative;
	background-image:url(images/box_block_head.gif);
	background-repeat:no-repeat;
	background-position:top;	
	background-color: #fff;
	margin-top: 2px; /*-5px;*/
	margin-bottom: 15px;
	width: 139px;/*139*/
	height: auto !important;
	min-height: 20px;/*16*/
	height: 20px; /*16px*/
	text-align:left;
	color: #000;
	font-weight: bold;
	padding:10px;/*4px*/
	padding-top: 9px;
	padding-left: 15px;
	margin-left: -1px;
	border-bottom: 0px solid #ccc;
}

#block a {
	color: #000;
}

#blockmitte {
	float: left;
	background-image: url(images/box_block_prolonger.gif);
	background-repeat: repeat-y;
	height: auto !important;
	width: 160px;
	padding-top: 1px;
	padding-left: 8px;
	margin-left: -4px;
	margin-top: -15px;
	font-size: 11px;
}

#blockmitte a { color: #5F5F5F; }
#blockmitte a:visited { color: #828282; }
#blockmitte a:hover,  #blockmitte a:visited:hover{ color: #999; text-decoration: none;}

#blockcontent {
	float: left;
	width: 130px;
	height: auto !important;
	margin-left: 12px; 
	padding-top: 0px;/*3*/
}

* html #blockcontent { 
	margin-left: 6px;
}

#blockfooter {
	float: left;
	background-image: url(images/box_block_footer.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	height: 18px;
	width: 170px;
	margin-left: -4px;
	margin-bottom: 5px;
}

/* ------- WETTER --------- */
/*#wetter {
	margin: 0px 0 0 0px;
	color: #fff;
}*/
#wetter {
	float:left;
	position:relative;
	background-image:url(images/box_block_head.gif);
	background-repeat:no-repeat;
	background-position:top;	
	background-color: #fff;
	margin-top: -6px;/*2px;*/ /*-5px;*/
	margin-bottom: 15px;
	width: 139px;/*139*/
	height: auto !important;
	min-height: 20px;/*16*/
	height: 20px; /*16px*/
	text-align:left;
	color: #000;
	font-weight: bold;
	padding:10px;/*4px*/
	padding-top: 9px;
	padding-left: 15px;
	margin-left: -1px;
	border-bottom: 0px solid #ccc;
}

#wetter a {
	color: #000;
}

#wettermitte {
	float: left;
	background-image: url(images/box_block_prolonger.gif);
	background-repeat: repeat-y;
	height: auto !important;
	width: 160px;
	padding-top: 1px;
	padding-left: 5px;
	margin-left: -4px;
	margin-top: -15px;
	font-size: 11px;
}

#wettermitte a { color: #5F5F5F; }
#wettermitte a:visited { color: #828282; }
#wettermitte a:hover,  #blockmitte a:visited:hover{ color: #999; text-decoration: none;}

#wettercontent {
	float: left;
	width: 130px;
	height: auto !important;
	margin-left: 12px; 
	padding-top: 0px;/*3*/
}

* html #wettercontent { 
	margin-left: 6px;
}

#wetterfooter {
	float: left;
	background-image: url(images/box_block_footer.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	height: 18px;
	width: 170px;
	margin-left: -4px;
	margin-bottom: 5px;
}

/* ------- AKTUELLE THEMEN --------- */
#themen {
	float:left;
	position:relative;
	background-image:url(images/box_block_head.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color: #fff;
	margin-top: -5px;
	margin-bottom: 15px;
	width: 148px;
	height: auto !important;
	min-height: 16px;
	height: 16px;
	text-align:left;
	color: #000;
	font-weight: bold;
	padding:4px;
	padding-top: 9px;
	padding-left: 15px;
	margin-left: -1px;
	border-bottom: 0px solid #ccc;
}


#themen a {
	color: #000;
}

#themenmitte {
	float: left;
	background-image: url(images/box_block_prolonger.gif);
	background-repeat: repeat-y;
	height: auto !important;
	width: 160px;
	padding-left: 8px;
	margin-left: -4px;
	margin-top: -14px;
	font-size: 11px;
}


#themenmitte a { color: #5F5F5F; }
#themenmitte a:visited { color: #828282; }
#themenmitte a:hover,  #themenmitte a:visited:hover{ color: #999; text-decoration: none;}

#themencontent {
	float: left;
	width: 130px;
	height: auto !important;
	margin-left: 12px; 
	padding-top: 3px;
}

* html #themencontent {
	margin-left: 6px;
}


#themenfooter {
	float: left;
	background-image: url(images/box_block_footer.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	height: 10px;
	width: 170px;
	margin-left: -4px;
	margin-bottom: 5px;
}


/* ------- ACCESS KEYS --------- */
#AccessKeys {
	float:left;
	position:relative;
	background-color: #transparent;
	margin-top: -5px;
	margin-bottom: 15px;
	width: 148px;
	height: auto !important;
	min-height: 16px;
	height: 16px;
	text-align:left;
	color: #006EB6;
	font-weight: bold;
	padding:4px;
	padding-top: 9px;
	padding-left: 15px;
	margin-left: -1px;
	border-bottom: 0px solid #ccc;

}

#AccessKeysmitte{
	float: left;
	height: auto !important;
	width: 160px;
	padding-left: 8px;
	margin-left: -4px;
	margin-top: -14px;
	font-size: 11px;
}

#AccessKeysmitte a { color: #5F5F5F; }
#AccessKeysmitte a:visited { color: #828282; }
#AccessKeysmitte a:hover,  #AccessKeysmitte a:visited:hover{ color: #999; text-decoration: none;}

#AccessKeyscontent {
	float: left;
	width: 130px;
	height: auto !important;
	margin-left: 12px; 
	padding-top: 3px;
}

* html #AccessKeyscontent { 
	margin-left: 6px;
}

#AccessKeysfooter {
	float: left;
	height: 10px;
	width: 170px;
	margin-left: -4px;
	margin-bottom: 5px;
}

/* ------------ NEWSLETTER BOX ------------ */

#newsletterbox {
	float:left;
	position:relative;
	background-color: #transparent;
	margin-top: -5px;
	margin-bottom: 15px;
	width: 148px;
	height: auto !important;
	min-height: 16px;
	height: 16px;
	text-align:left;
	color: #006EB6;
	font-weight: bold;
	padding:4px;
	padding-top: 9px;
	padding-left: 15px;
	margin-left: -1px;
	border-bottom: 0px solid #ccc;
}

#newsletterbox a {
	color: #248;
}

#newslettermitte {
	float: left;
	height: auto !important;
	width: 160px;
	padding-left: 8px;
	padding-top: -14px;
	margin-left: -4px;
	margin-top: -20px;
	font-size: 11px;
}


#newslettermitte a { color: #5F5F5F; }
#newslettermitte a:visited { color: #828282; }
#newslettermitte a:hover,  #newslettermitte a:visited:hover{ color: #999; text-decoration: none;}

#newslettercontent {
	float: left;
	width: 130px;
	height: auto !important;
	margin-left: 12px; 
	padding-top: 3px;
}

* html #newslettercontent { margin-left: 6px;}

#newsletterfooter {
	float: left;
	height: 10px;
	width: 170px;
	margin-left: -4px;
	margin-bottom: 5px;
}

#footer {
	float:left;
	background-image:  url(images/2008_back_prolonger.gif);
	background-repeat:repeat-y;
	background-color:#transparent;
	background-position:bottom;
	width: 910px;
	height:40px;
}

/* ------------ FOOTER ------------ */

#container_footer {
	float:left;
	background-image:url(images/2008_back_footer.gif);
	background-repeat:no-repeat;
	background-color:#transparent;
	width: 910px;
	height: auto !important;
	padding: 24px 0px 25px 0px;/*14 0 25 0*/
	color: #666;
	font-size: 11px;
}

#container_footer a {color: #666/*828282*/; text-decoration: none;}

#container_footer_l {
float:left;
width: 300px;
padding-left: 28px;
}

#container_footer_c {
float:left;
width: 248px;
text-align: center;
}

#container_footer_r {
float:left;
width: 300px;
text-align: right;
}

/* ------------ SUBCONTENT LEFT ------------ */

#schrift {
	float:left;
	position:relative;
	margin-top: -5px;
	margin-bottom: 15px;
	height: auto !important;
	min-height: 20px;
	height: 20px;
	text-align:center;
	color: #000;
	font-weight: normal;
	margin-left: 3px;
	padding:9px;
}

#praettigau {
	float:right;	
	margin: 5px 20px 4px 0px;
	padding:5px;
}

* html #praettigau { margin: 5px 10px 4px 0px; }

.tableKlettern { border: 0px dashed #eee;}
.tableKlettern td { border-bottom: 1px dashed #eee;}

/* ------------ TOPBAR ------------ */
#topbar {
	float:right;
	width: 400px; /*590*/
	height: 16px;
	margin-right: 32px;
	text-align: right;
	color: #828282;
	font-size: 11px;
	margin-top: 6px;
	border: 0px solid #f00;
}

#topbar a {color: #828282;text-decoration: none;}

* html #topbar { 
       margin-right: 15px;
}

/* ------------ WARENKORB ------------ */
#korbinhalt {
	text-indent:0px;
	position: relative;
	left: 10px;
	width: 130px;
	background-color: #eee;
	padding: 0px 10px 10px 10px;
}

#korbinhalt a, #korbinhalt a:visited {
	color:#783903;
	text-decoration: none;
}


#korbinhalt a:hover {
	color:#AA784E;
	text-decoration: none;
}

/* ----- POPUP IMAGES ON INLINE LINKS ----- */

#imageslinks p {margin-left:15px; margin-right:20px;} /* muss angepasst werden */
               
a.screen, a.screen:visited {
	color: #c00; 
	position: relative; 
	z-index: 1;
}
a.screen strong {
	position: absolute;
	visibility: hidden; /* hide the image */
	width: 300px; /* give it a width */
	height: 0; /* no height to solve an Opera bug that makes it selectable when hidden */
/*	border: 1px solid rgb(217, 228, 212);  add a border 
	margin: 0px 1px 0px 0px;*/
	padding: 5px; 
/*	background-color: rgb(244, 244, 243);*/
	left: -40px; /* position:the image */
	top: -176px;
}
/** html a.screen strong{ left: -60px; top: -170px; position: the image in IE }*/

a.screen:hover {
	text-decoration:none; 
	border:0; /* needed for this to work in IE */ 
	z-index:1000;
}
a.screen:hover strong {
	visibility:visible; /* make the image visible */
	height:200px; /* now give it a height */
	cursor:pointer; /* for IE */
	z-index:500; 
}
a.screen:hover strong img {
	border:0; /* remove the link border */
}
/* ---------- tabellen impressum -------------*/
.tab_imp {
	width: 100%;
	height: 72px;
    padding: 0;
	border-bottom: 0px solid #eee;
}

.tab_impleft {
	width: 200px;
	float: left;
}

.tab_impright {
	float: right;
	width: 230px;		
	padding: 0 0 0 10px;
	border-left: 1px solid #eee;
}

/* Tooltip */

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
	position: relative;
	text-decoration: none;
	font-style: bold;
	border-bottom:0px dotted #4dbcf3;
}

a.tooltip:hover {
	background: transparent;
	z-index: 100;
}

a.tooltip span {
	display: none;
	text-decoration: none;
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
	width: 420px;
	z-index: 100;
	color: #000;
	border: 1px solid;
	border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
	border-left: 4px solid #4dbcf3;
	padding: 2px 10px 2px 10px;
	background: #EEEEEE;
	/*font-family: Verdana, Arial, Helvetica, Sans-serif;*/
	font-style: Normal;
	text-align: left;
}