@charset "utf-8";
/*	RFW Kärnten | Stylesheet
**	www.rfw-kaertne.at
**	Author: pixelpoint mutlimedia | www.pixelpoint.at
**
******
**	Table of Contents
**
**	00 	Reset Default HTML
**	01 	General Declarations  -  styling common HTML elements, setting colors & fonts
**	02 	Structure  -  Overall page structure, fixed elements ( widths, floats positioning)
**	03 	Classes  -  reusable Elements & content structure
**	04 	Content Styling - Area specific styling & image replacement
**			04.1	Navigation
**			04.2	Quick Links box (rechts oben)
**			04.3	Headerbild + Video
**			04.4	Columns Frontpage & Sidebar
**			04.5	Artikel-Listen
**			04.6	Artikel Detailansicht
**			04.7	Footer
**	05 	Javascript Elements - overlays & js elements
**
*****/

/*
**	00 Reset Default HTML
*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;	padding: 0;
		border: 0;	outline: 0;
		font-weight: inherit;	font-style: inherit;
		font-size: 100%;	font-family: inherit;
		vertical-align: baseline;
	}
	ul, ol{ list-style:none; }


/*
**	01 General Declarations
*/
	body{
		background:#e5e6e6 url(images/bg/body.png) repeat-y top center;
		color:#231f20;
		font:italic normal 13px/1.33em "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		}
		
	a:link, a:visited{ text-decoration:underline; color:#231f20; }
	a:hover, a:active{ text-decoration:none; background-color:#fcbb75;}
	a:active{ outline:none; border:none; }
	
	a img{ border:none; }
	
	h2{ font-size:22px; line-height:2em; font-weight:bold; }
	h3{ font-size:16px; line-height:1.5em; font-weight:bold; margin-bottom:12px; }
	h4{ font-size:13px; line-height:3em; text-transform:uppercase; font-weight:bold; letter-spacing:0.05em; font-style:normal;}
	
	strong, b, em{ font-weight:bold; }
	p{ margin-bottom:1em; }
	
	small{ font-size:10px; }
	
	label{ display:block; text-indent:6px; }
	input, textarea, select { 
		width:90%;
		padding:5px 6px;
		margin-bottom:12px;
		border:1px solid #999; 
		background:#fff;
		}
	input:focus, textarea:focus, select:focus{
		border-color:#f7941e;
		}
				
		#article input { margin-bottom:0;padding-bottom:0px; }
		
	textarea{ height:150px; }
	
	button, #bu_order, #btn_marktplatz, #submit_faq {
			display:inline-block;
			background:#fcbb75 url(images/bg/button.png) repeat-x top left;
			border:1px solid #777;
			padding:5px 16px;
			font-size:14px;
			font-weight:bold;
			cursor:pointer;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			}
			button:hover, #bu_order:hover, #btn_marktplatz:hover, #submit_faq:hover { background-position:0 -40px; }
			
	#bu_order { width:300px }
	
	fieldset  
	{
	    border:1px solid #c0c0c0;
	    margin-bottom:10px; 
	    padding-bottom:5px
	      }
	      
	fieldset  p
	{
	    margin-bottom:4px; 
	    width:500px;
	      }

    legend {
          border:0;
          font-size:14px;
          padding: 10px 5px;
          margin-left:12px;
          }
    
    #marktplatzdiv fieldset{ border:0; }

/*
** 02 Structure
*/

	#wrapper 
	{
		width:960px; margin:0 auto;	
		border-top:none;
		border-bottom:none;}
	#header{ position:relative; overflow:hidden; background:#fff url(images/bg/header.png) no-repeat bottom right; }
	#content{ padding:25px 15px; overflow:hidden; }
	#footer{ clear:both; }
	
/*
** 03 Classes
*/

	.column{ 
		float:left; 
		width:298px; 
		margin-right:15px; 
		background:#e2e3e4; 
		border:1px solid #999; 
		}
		#content .column.last{ margin-right:0; }
		#content .column.mitte 
		{
		    background:none;
		    border:0;
		    float:left; 
		    width:298px; 
		    margin-right:15px; 
		    }
		#content .column h2{
			width:298px;
			height:80px;
			border-bottom:1px solid #999;
			}
			#content .column h2 a {
			width:298px;
			height:80px;
			display:block;
			text-indent:-9999px;
			}
			#content .column h2 a:hover{
			background:none;
			}
		#content .column a.more{ 
			float:right; 
			font-weight:bold; 
			text-decoration:none; 
			padding:0 6px; }
		
	.widecolumn{ 
		float:left; 
		width:613px; 
		margin-right:15px; 
		background:#e0e1e2 url(images/bg/article.png) repeat-x top left;
		border:1px solid #999; 
		}
		.widecolumn h2{
			display:inline-block; padding:0 40px 8px 20px;
			margin-top:10px;
			color:#fff;
			line-height:1.6em;
			background:#f7941e url(images/bg/h2.png) no-repeat bottom right;
			}
		
	#content .paging{
		display:block; text-align:center;
		background:#fff;
		margin:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		}
		#content .paging li{
			display:inline;
			margin:0 3px;
			padding:0;
			background:0;
			}
		#content .paging li a,
		#content .paging li span{
			display:inline-block;
			height:25px;
			line-height:25px;
			border:1px solid #ccc;
			padding:0 10px;
			text-decoration:none;
		}
		#content .paging li span{ color:#999; }
	
	div.clear{ clear:both; height:0; width:100%; }

/*
** 04 Content Styling
*/
	h1, h1 a{ display:block; width:230px; height:130px; float:left; }
	h1 a, h1 a:hover{ text-indent:-9999px; background:#fff url(images/replace/rfw-Logo.png) no-repeat center center; }
	
/* 04.1 Navigation */

	ul#navigation{	width:730px; margin:62px 0 43px 230px; font-family:Tahoma, Geneva, Arial, sans-serif;	}
	ul#navigation li{ display:block; float:left; position:relative; }
	ul#navigation li:hover{ background:#fcbb75; }
	ul#navigation li a{ 
		display:block;
		font-style:normal; 
		font-weight:normal; 
		text-decoration:none;
		line-height:15px;
		padding:5px 10px;
		}
		
	/* Sub level 1 */
	ul#navigation li ul{ 
		display:none; 
		position:absolute;
		left:0;	top:25px;
		z-index:10;
		padding:3px;
		border:1px solid #ccc;
		background:#fff;
		-moz-box-shadow:0px 5px 12px #222;
		}
		ul#navigation li:hover ul{ display:block; }
		ul#navigation li ul li{ float:none; width:150px; z-index:10; }
	
	/* Sub level 2 */
	ul#navigation li ul li ul{
		top:5%; left:85%;
		z-index:15;
		display:none;
		}
		ul#navigation li:hover ul li ul{ display:none; }
		ul#navigation li ul li:hover ul{ display:block; }
	
	
		
/* 04.2 quickLinks Box */

	div#quickLinks{
		background:#ccc url(images/bg/quickLinks.png) repeat-x top left;
		width:286px; height:120px;
		padding:0 12px;
		position:absolute;
		top:0; right:10px;
		z-index:5;
		border:1px solid #b0afb1;
		-moz-border-radius-bottomleft:15px;
		-moz-border-radius-bottomright:15px;
		-webkit-border-bottom-left-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		border-bottom-left-radius:15px;
		border-bottom-right-radius:15px;
		}
		#quickLinks h3{ margin-bottom:0; line-height:2em;}
		#quickLinks a{
			display:block;
			font-size:10px;
			line-height:12px;
			text-decoration:none;
			}
			
		#quickLinks ul.rfw{
			width:196px;
			overflow:hidden;
			}
			#quickLinks ul.rfw li{
				display:block;
				width:50px; margin:0 15px 0 0;
				float:left;
				}
			#quickLinks ul.rfw a{	text-align:center;	padding-top:55px; }
				ul.rfw a.team{ background: url(images/icon/team.png) no-repeat 0 0; }
				ul.rfw a.functionaries{ background:url(images/icon/functionaries.png) no-repeat 0 0; }
				ul.rfw a.program{ background:url(images/icon/program.png) no-repeat 0 0; }
				ul.rfw a:hover{ background-position: 0 -120px; }
				
		#quickLinks ul.web20{
			position:absolute;
			top:0; right:12px;
			width:90px;
			padding-top:15px;
			}
			#quickLinks ul.web20 li{
				height:28px;
				margin-bottom:5px;
				}
			#quickLinks ul.web20 a{	padding-left:30px;	}
				#quickLinks li.facebook a{ background:url(images/icon/fb.png) no-repeat 0 0; }
				#quickLinks li.xing a{ background:url(images/icon/xing.png) no-repeat 0 0; }
				#quickLinks li.rss a{ background:url(images/icon/rss.png) no-repeat 0 0; }
				#quickLinks li.youtube a{ background:url(images/icon/youtube.png) no-repeat 0 0;}
				/*ul.web20 a:hover{ background-position:0 -50px; }*/
	
/* 04.3 Banner + Video */

	#banner{ 
		float:left; 
		width:630px; height:270px; 
		margin-right:20px; 
		clear:both;
		overflow:hidden; 
		}
		
	#video{ 
		float:right; 
		width:295px; 
		margin-right:15px;
		overflow:hidden;
		}
		#player{
			width:277px; /* 195 */
			height:184px; /* 202 */
			padding:9px;
			margin:12px 0 6px 0;
			z-index:5000;
			background:url(images/bg/player.png) no-repeat top left;
			}
		#video h3{
			width:65px;
			float:left;
			line-height:1.15em;
			margin:4px 8px 0 0;
			white-space:normal;
			}
		#video a{
			display:block;
			width:65px;	height:42px;
			float:left;
			overflow:hidden;
			margin-right:8px;
			}
	
/* 04.4 Content - Säulen / Sidebar (Termine, Anwerben, Aktuelles, Unternehmer) */
	
	#events{
		}
		#events h2, #news h2.events { background:url(images/replace/events.jpg) no-repeat right top; }
		#content #events a.more { display:block; float:none; text-align:right; }
		#content #news a.more { display:block; float:none; text-align:right; }
		
		#events .vevent, #news .vevent {
			padding:12px;
			border-bottom:1px solid #999;
			}
			.vevent .dtstart{
				float:left;
				display:block;
				width:60px;
				height:80px;
				margin-right:12px;
				background:url(images/bg/date.png) no-repeat top left;
				text-align:center;
				line-height:25px;
				}
				.vevent .dtstart .day{
					display:block;
					height:55px; line-height:60px;
					font-size:36px;
					color:#fff;
					}
			.vevent h3{ margin-bottom:0; font-size:14px; }
			

		#events h2.song{ background:url(images/rfwsongdownload.jpg) no-repeat right top; }
		
		#events h2.news{  background:url(images/replace/news.jpg) no-repeat right top; }
		
	
	#recruit{
		background:#e2e3e4 url(images/siegel.png) no-repeat bottom right;
		}
		#recruit h2{ background:url(images/replace/recruit.jpg) no-repeat right top; }
		
		#recruit div.ad{
			padding:15px 170px 15px 12px;
			}
		#recruit div.ad h3{ width:270px; }
		#recruit div.ad strong{ display:block; width:270px; margin-bottom:1em; }
		#recruit div.ad ul{ display:block; width:270px; margin:0px; padding:0 0 0 15px; margin-bottom:1em; list-style-type:circle; }
		#recruit div.ad p{width:130px !important;}
		
	#mitglied{
		background:#e2e3e4;
		margin-top:15px;
		}
		#mitglied h2{ background:url(images/replace/mitglied.jpg) no-repeat right top; }
		#mitglied p { padding:15px; }
		
	#news{
		}
		#news h2{ background:url(images/replace/news.jpg) no-repeat right top; }
		
		#news .article,
		#events .article,
		#news .gallery
		 {
			padding:12px;
			border-bottom:1px solid #999;
			overflow:hidden;
			}
			#news > div:last-child{ border-bottom:none; }
		
		#news .article img, #events .article img{ float:right; margin:0 0 6px 6px; }
		
		#news .gallery a.thumb, #events .gallery a.thumb{ display:inline-block; margin:0 5px 5px 0; height:60px; width:80px; overflow:hidden; }
		
	#forum{
		text-align:center;
		padding-bottom:25px;
		}
		#forum h2{ background:url(images/replace/unternehmer.jpg) no-repeat right top;}
		
		#forum span a{
			display:block;
			text-align:left;
			padding:6px 12px;
			margin:12px 0 20px;
			font-size:14px;
			text-decoration:none;
			font-weight:bold;
			background:url(images/bg/forumlink.png) repeat-y top left;
			}
			#forum a:hover{ background:#fcbb75; }
		
	



/* 04.5 Content - StandardArtikel Liste */

	#articleList ul{
		padding:10px;
		}
		#articleList li{
			background:#fff url(images/bg/articleList.png) repeat-x bottom left;
			padding:10px; margin-bottom:10px;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			border-radius:15px;
			overflow:hidden;
			}
			#articleList .thumb{ float:left; margin-right:25px; }
			#articleList .sub{ font-size:10px; }
			#articleList h3{ margin-bottom:12px; border-bottom:1px solid #f7941e; margin-left:130px; }
			#articleList h3 a{ text-decoration:none; }
			
			#articleList .gallery a{ display:inline-block; margin:0 5px 5px 0; height:80px; width:108px; overflow:hidden; }
			
			a.videoPlayerPlay, a.videoPlayerPlay:hover { height:315px ; width:572px; margin:0;padding:0; line-height:normal;display:block; margin-bottom:12px; }
			a.videoPlayerStop { width:115px ; height:70px; display:inline;float:left;margin-right:10px;overflow:hidden; }
			.onlinezeitung a { background:url(images/icon/pdf.png) no-repeat;display:block;line-height:30px;height:35px;padding-left:40px }
	
	/* Multiple Lists (reset bg of .widecolumn for each section)*/
	#articleList .section {
		background:#e0e1e2 url(images/bg/article.png) repeat-x top left;
		padding-bottom:25px;
		border-bottom:1px solid #999;
		}
		#articleList .section:last-child{ border-bottom:none; }

	/* Sub-Navigation for Categorized ArticleList */
	ul#CategorySelector{ 
		background:#fff;
		border:1px solid #999;
		width:220px;
		position:relative;
		display:inline-block;
		margin:0 10px;
		float:left;
		}
		ul#CategorySelector ul{ 
			display:none; 
			z-index:200; 
			background:#fff; 
			box-shadow:0 5px 10px #111;
			-moz-box-shadow:0 5px 10px #111;
			-webkit-box-shadow:0 5px 10px #111;
			}
		ul#CategorySelector:hover ul{ display:block; position:absolute;}
		
	ul#CategorySelector li{ margin:0; background:none; line-height:15px; padding:0; }
	ul#CategorySelector li a{ display:block; padding:5px; text-decoration:none;}
	
	button#marktplatz{ float:left; margin-top:2px; }
	
/* 04.6 Content - StandardArtikel Detail */

	#article.widecolumn{
		padding:0 10px 10px;
		width:593px;
		overflow:hidden;
		}
		#article.widecolumn h2{ margin-left:-10px; }
		#article .attachedImages{
			width:180px;
			text-align:center;
			float:right;
			margin:70px 0 0;
			}
			#article .attachedImages img{ margin-bottom:10px; }
			
		#article h3{
			margin:30px 0 20px;		
		}
		#article p{ padding:0 10px; }
		#article .bookmark{
			background:#f7941e;
			height:15px; line-height:30px;
			margin-top:40px;
			padding:15px 20px;
		}
		
		#article hr
        { 
            border: 0;
            color: #f7941e;
            background-color: #f7941e;
            height: 1px;
            margin:6px 0;
        }
        
        #article ul
        { 
            list-style-type:circle !important;
            padding-left:inherit;
            margin-left:30px;
        }
        
        #article .gallery a{ display:inline-block; margin:0 5px 5px 0; height:80px; width:108px; overflow:hidden; }


/* 04.7 Footer */

		#Footer{ 
		    clear:both; 
		    padding:0;
		    background: #8f9091 url(images/bg/footer.png) repeat-y center top;
		    color:#d0d0d0;
		}
		
	        #Footer .center{ background:#8f9091; overflow:hidden;width:930px; padding:0 15px 15px 15px; margin:0 auto;}
	        #Footer h4{ font-size:18px; font-style:italic; }
	        #Footer a:link, #Footer a:visited{ color:#d0d0d0;}
	        #Footer a:hover{ color:#fff;}
	
	/* Sitemap */	
		#Sitemap{ 
			width:630px; 
			padding:0px;
			float:left;
			}

		#Sitemap h5{ font-size:14px; font-weight:normal; text-transform:uppercase; }
		
		/* Sitemap.inlinelist */
		#Sitemap ul { width:630px;list-style-type:none; }
	    #Sitemap ul li{ width:150px; display:inline; float:left; }
		#Sitemap ul li ul{ display:block; width:150px; padding:3px;	}
		#Sitemap ul li ul li{ float:none; display:block; width:150px; z-index:10; }
	
	/* Impressum */
		#Impressum{ 
			width:260px; 
			float:left; 
			}
		
		#Impressum span.tel{ display:block;}
		#Impressum p { margin:10px 0}
		
/*
** 05 Javascript Elements
*/

/* Slideshow overlay */

	#img{ border:1px solid #fff; }
	.jquery_overlay{ display:none; background:#fff; text-align:left; }
	.jquery_overlay .next,
	.jquery_overlay .prev{ 
			position:absolute;	top:40%;
			cursor:pointer;
			background-color:#fff;
			text-decoration:none;
			display:block;
			padding:10px 20px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
		}
	.jquery_overlay a.prev:hover,
	.jquery_overlay a.next:hover{ background-color:#fcbb75; }
	
	.jquery_overlay .next{ right:6px; }
	.jquery_overlay .prev{ left:6px;}
	
	.jquery_overlay .info{ 
		border:1px solid #fff;
		background:#fff; 
		line-height:15px; 
		padding:6px 12px;
		}
	.jquery_overlay .info strong{
		display:block;
		}
		
	.jquery_overlay .progress {
		position:absolute;
		top:45%;
		left:50%;
		display:none;
		margin:-33px 0 0 -33px;
		}
		
/* Modal Form 01 */	
	button#ask{display:none; }
	
	#forum #askQuestion{
		width:248px;
		padding:12px 24px 36px;
		border:1px solid #999;
		text-align:left;
		background:#fff url(images/bg/article.png) repeat-x bottom left;
		}
		#askQuestion h3{
			border-bottom:1px solid #f7941e;
		}
		#askQuestion small{
			width:90%;
			display:block;
			color:#666;
			margin:-12px 0 12px;
		}
		#askQuestion #closeAsk{ 
			position:absolute;
			top:6px; right:6px;
			cursor:pointer;
		}
		
	#marktplatzdiv{
		width:454px;
		padding:12px 24px 36px;
		border:1px solid #999;
		text-align:left;
		background:#fff url(images/bg/article.png) repeat-x bottom left;
		}
		#marktplatzdiv h3{
			border-bottom:1px solid #f7941e;
		}
		#marktplatzdiv small{
			width:90%;
			display:block;
			color:#666;
			margin:-12px 0 12px;
		}
		#marktplatzdiv #closemarktplatz{ 
			position:absolute;
			top:6px; right:6px;
			cursor:pointer;
		}
		

ul#manav li
{
 cursor:pointer;
 list-style-type:none;
 text-align:left;
 list-style:none;
 display:inline;
 float:left;
 width:300px;
 }

ul#manav li ul {
    display: none;
    text-decoration:none;
       position:absolute;
       z-index:10;
}
ul#manav li:hover > ul {
    display: block;
    cursor:pointer;
    
}

ul#manav li ul li {
    width:300px;
    clear:left;
    margin:0;
    margin-left:-20px;
}


.antwort  
{
    font-style:normal; 
    margin-top:12px;
    font-weight:normal !important;
    font-size:11px;
    display:none;
           }