@charset "utf-8";
/* CSS Document */

html, body, #form1 { height:100%; }

/* General Definitions
----------------------------------------------- */
body {
	background:url(img/bg/bodybg.jpg) repeat top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	}
	
/* float the stuff - declare widths later */
#content, #leftcol, #maincol, #rightcol, #head h1, #nav{
	float:left;
	}
	
h1, h2, h3, h4, h5, h6, table {
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
a:link{ text-decoration:underline; color:#956939;}
a:visited{ text-decoration:underline; color:#484240; font-style:italic;}
a:hover, a:visited:hover{ text-decoration:none; color:#7c532e;}
a:visited:hover{ font-style:italic; }
a:active, a:visited:active{ text-decoration:none; color:#7c532e; }
a:focus{ outline:1px dotted #cba874; color:#7c532e; }


/* Header & Navigation List 
----------------------------------------------- */
#headwrapper{
	width:940px;
	margin:0 auto 6px auto;
	padding-top:20px; /* avoid pushing the footer out of viewport through top-spacing */
	}
#head {
	width:940px;
	height:99px;
	background:url(img/bg/headbg.png) repeat-x top left;
	}

h1{ margin:0; padding:0; width:150px; height:55px;}
h1 a img{ border:0; outline:0; }

#nav { 
	width:776px; 
	margin:6px; 
	height:85px; 
	background:url(img/bg/navbg.jpg) repeat-x top left;
	}
#nav ul{ display:block; margin-top:34px; border-top:1px dotted #ffeabf; }
#nav ul li{ display:inline; }
#nav ul li a{ 
	display:block; 
	float:left;
	width:autox; 
	margin:0 7px; padding:10px 8px 10px 8px; 
	font-size:16px;
	color:#bcde60;
	text-decoration:none;
	}
#nav ul li a:hover, #nav ul li a:active, #nav ul li a:visited:hover,
#nav ul li a.active { 
	background:#3f660e; 
	color:#ffd98c;
	text-decoration:underline; 
	border-bottom:1px solid #a88350;
	}


/* Site body structure & background images
----------------------------------------------- */
#wrapper{
	width:940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto -55px;
	padding:0;
	}
.push{ height:55px; }
/* sticky footer technique - footer: 30px + 15px border + 10px margin */

	
#container{
	background: url(img/bg/container_bg.jpg) repeat-y right top;
	width:940px;
	}



#content{
	width:666px;
	}
	
	
#showcase {
	width:666px;
	padding-bottom:9px;
	background:url(img/bg/showcase_shd.png) no-repeat bottom left;
	}

#leftcol {
	width:193px;
	background:url(img/bg/leftcolbg.jpg) repeat-x top left;
	}
	
#maincol {
	width:472px;
	border-left:1px dotted #683f3f;
	background:url(img/bg/contentbg.jpg) repeat-x top left;
	}	

.maincollist { float:left;width:220px;margin-bottom:20px }
.maincollist ul {margin-left:20px}
.maincollist ul li { padding-left:16px; background:url(img/dot.gif) no-repeat 2px;line-height:22px }
	
#rightcol{
	width:274px;
	}

#bottomshade{
	width:940px;
	margin:0 auto;
	height:60px;
	background:url(img/bg/shd_pagebottom940.png) no-repeat top left;
	}
	
#footer{
	clear:both;
	border-top:15px solid #3a5315;
	background:url(img/bg/footerbg.png) repeat-x top left;
	color:#3a5315;
	height:30px;
	margin-top:10px;
	text-align:center;
	}



/* Left Content (gemeinde)
---------------------------*/

#content h2{
	display:block;
	width:auto;	height:26px;
	padding:0 0 0 45px;
	color:#c7a274;
	line-height:24px;
	font-size:19px;
	background:url(img/bg/content-h2bg.jpg) repeat-x top left;
	}
	
#wappen img{
	display:block;
	width:auto;
	margin:0 auto;
	}
	
#leftcol h2{
	background:none; height:auto;
	margin:0 7px 0 7px;
	color:#673b15;
	padding:0;	text-align:center;
	border-top: 1px solid #815732;
	border-bottom: 1px solid #815732;
	}
	

#gemeinde_contact{
	background:#cba674;
	padding:5px;
	margin:3px 7px 10px 7px;
	border-right: 1px solid #89725b;
	border-bottom: 1px solid #89725b;
	color:#38302b;
	}
	
ul.contact li{
	font-size:11px;
	padding-left:23px;
	margin:2px;
	}
ul.contact li.fax{background:url(img/icon/fax.gif) no-repeat left center;}
ul.contact li.fon{background:url(img/icon/fon.gif) no-repeat left center;}
ul.contact li.mail{background:url(img/icon/mail.gif) no-repeat left center;}
ul.contact li.web{background:url(img/icon/home.gif) no-repeat left center;}
ul.contact li.map{background:url(img/icon/map.gif) no-repeat left center;}
/* useable for all contact lists, like on the righcol */


/*  Middle Content (entries)
----------------------------*/
.entry{
	color:#484240;
	background:#caac88;
	margin:0 12px 18px 0;
	padding:6px;
	border-bottom:1px dotted #683f3f;
	overflow:hidden;
	}
	
.entry h3{
	font-size:18px;	 line-height:22px;
	display:block;
	margin-bottom:10px;
	font-weight:normal;
	}
.entry h3 a:link, .entry h3 a:visited{	color:#673b15;	text-decoration:underline;	}
.entry h3 a:hover, .entry h3 a:active{	color:#894d37;	text-decoration:none; }

	
.date{
	margin:0 0px 10px 0;
	width:55px;	height:63px;
	background:url(img/bg/datebg.png) no-repeat top left;
	text-align:center;
	float:left;
	}
	
.date span.month{
	display:block;	width:54px;
	font-size:10px;
	color:#ffd98c;
	line-height:15px;	height:15px;
	text-transform:uppercase;
	}
.date span.day{
	display:block; 	width:54px;
	font-size:36px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#38302b;
	line-height:36px;	height:48px;
	}
	
#sponsorenartikel{
	width:auto;
	padding:10px 0;
	}
	
#sponsorenartikel ul li{
	display:inline;
	width:210px;	height:100px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	float:left;
	}
	
    #maincol ul li.lilinks { background:url(slideshow_bg2.png);padding:0px}
    #maincol ul li.lilinks a { background:url(a2.gif) no-repeat 18px 15px; display:block;padding:10px 18px 8px 27px}
    #maincol ul li.lilinks a span { color:#c0c0c0; font-size:0.8em}
    #maincol ul li.lilinks a:hover { background:url(a3.gif) no-repeat 18px 15px; }
    

/* Right column elements
----------------------------*/
#rightcol{ color:#af8554; z-index:0;}

#rightcol h4{
	color:#8e6436;
	font-weight:normal;
	font-size:18px;	line-height:24px;
	margin-bottom:10px;
	}

#rightcol a:visited, #rightcol a:hover, #rightvol a:visited:hover, 
#rightcol a:active, #rightcol a:focus { color:#cba674;}

.bottomborder{
	border-bottom:1px dotted #af8554;
	padding-bottom:5px;
	margin-bottom:+2px;
	}
	
#sponsoren.shdbox{
	width:258px; height:87px;
	background:url(img/bg/sponsor_shd.png) no-repeat top right;
	}
	
#sponsoren img{
	width:251px; height:79px; border:2px solid #4a291f;
	}
	
#calendar_wrap.shdbox{
	margin:8px auto;
	width:258px; height:203px;
	background:url(img/bg/calendar_shd.png) no-repeat top right;
	}

#calendar{
	width:255px;
	height:175px;
	background:url(img/bg/calendarbg.jpg) no-repeat top left;
	}

#calendar ul{ display:block; width:auto; height:31px; background:url(img/bg/calendar_switchbg.png) repeat-x top left; }
#calendar ul li{ display:inline; }
#calendar ul li a{ 
	display:block; 
	width:auto; 
	float:left; 
	height:19px;
	font-style:normal;
	padding: 6px 10px 6px 11px;
	font-family:Georgia; font-size:16px;}
#calendar ul li a:link, #calendar ul li a:visited{ color:#956939; }
#calendar ul li a:hover, #calendar ul li a:active{ color:#ffd98c; }	
#calendar ul li a:focus, #calendar ul li a:active{ border:0; outline:0; }

#calendar table{
	width:auto;
	margin:4px auto 0 auto;
	}
#calendar th{ color:#fcd992; background:#673b15; }
#calendar td{ color:#38302b; background:#AF8554; }
#calendar table td, #calendar table th{
	text-align:center;
	padding:1px 4px 2px 4px; }
	
#calendar td a{ color:#38302b; text-decoration:underline; background:#ffd98c; }

/* set august as active month */
#calendar ul li a#aug_link{
	color:#ffd98c;
	background:url(img/bg/augustbg.png) no-repeat top left;
	}
	
#directselect{
	padding-bottom:10px; }	
	
a.selectgemeinde{
	background:url(img/bg/selectbg.jpg) no-repeat top left;
	display:block;	width:220px;
	margin:0 auto;
	padding:5px 10px 9px 10px;
	border:none; outline:none;
	color:#212121;		text-decoration:none;
	}
a.selectgemeinde:visited{ color:#212121; }
a.selectgemeinde:hover{ color:#383028; background:url(img/bg/selectbg-over.jpg) no-repeat top left; }
	
#gemeindeliste{
	height:175px;
	width:220px;
	margin:1px 0 0 12px;
	z-index:1;
	position:absolute;
	background:url(img/bg/gemeindeliste_layerbg.png) no-repeat top left;
	padding:5px 15px 15px 5px;
	}


#gemeindeliste ul{
	display:block;
	height:150px;
	width:auto;
	background:#3a2417;
	overflow:auto;
	}
#gemeindeliste ul li{	padding:2px 0 3px 8px; }

a.closelink{ display:block; width:80px; float:right; margin:5px 15px 0 0; }


#ital a { 
	display:block; 
	clear:left;
	background:url(img/ita_button_on.jpg) no-repeat;
	font-family:Georgia, Arial;
	font-size:18px;
	color:#6f1f00;
	padding:18px 0 0 22px;
	margin:10px 0 0 10px;
	width:219px;
	height:33px;
	}
#ital a:hover { 
	background:url(img/ita_button_over.jpg) no-repeat;
	color:#38302b;
	}
	
#slo a { 
	display:block; 
	clear:left;
	background:url(img/slo_button_on.jpg) no-repeat;
	font-family:Georgia, Arial;
	font-size:18px;
	color:#ffffff;
	padding:18px 0 0 22px;
	margin:10px 0 0 10px;
	width:219px;
	height:33px;
	}
#slo a:hover { 
	background:url(img/slo_button_over.jpg) no-repeat;
	color:#fff;
	}
	
#fb a { 
	display:block; 
	clear:left;
	background:url(img/fb_button_on.jpg) no-repeat;
	font-family:Georgia, Arial;
	font-size:14px;
	color:#ffffff !important;
	padding:10px 0 0 52px;
	margin:0px 0 0 10px;
	width:189px;
	height:41px;
	text-decoration:none;
	}
#fb a:hover { 
	background:url(img/fb_button_over.jpg) no-repeat;
	color:#fff;
	text-decoration:underline;
	}
#jungewilde a { 
	display:block; 
	clear:left;
	background:url(img/junge_wilde_button.png) no-repeat;
	font-family:Georgia, Arial;
	font-size:14px;
	color:#ffffff !important;
	padding:10px 0 0 52px;
	margin:10px 0 0 10px;
	width:241px;
	height:120px;
	text-decoration:none;
	text-indent:-9999em !important;
	}
#wetter a { 
	display:block; 
	clear:left;
	background:url(img/wetter.jpg) no-repeat;
	font-family:Georgia, Arial;
	font-size:18px;
	color:#ffffff;
	padding:18px 0 0 22px;
	margin:10px 0 0 10px;
	width:219px;
	height:110px;
	}
#wetter a:hover { 
	background:url(img/wetter.jpg) no-repeat;
	color:#fff;
	}

/* Generic Classes
----------------------------------------------- */
.spacing{
	width:auto;
	margin:8px;
	}
	
.textright{ text-align:right; }
.textleft{ text-align:left; }
.textcenter{ text-align:center; }
	
.alignleft{
	float:left;
	width:auto;
	}
.alignright{
	float:right;
	width:auto;
	}
.alignleft img, .alignright img{
	display:block;
	}
.aligncenter{
	display:block;
	margin:0 auto;
	}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* IE6 Hacks
----------------------------------------------- */
* html #calendar_wrap.shdbox{
	background:none;
	}
* html #gemeindeliste{
	background:url(img/bg/gemeindeliste_layerbg.jpg) no-repeat top left; 
	padding:5px;
	}
* html #sponsoren.shdbox{
	background:none;
	}
* html #bottomshade{
	height:3px;
	background:url(img/ie6/bottomshade.gif) no-repeat top left;
	}
* html #leftcol {
	overflow:hidden;
	}
	
* html #nav ul li a{ 
	margin:0 6px; padding:10px 6px 10px 6px; 
	}