/*--------------------------------------------------
  
  * Filename:			stylesheet.css
  * Description:		all 
  * Version:			1
  * Website:			http://www.buergerforum-tirol.at
  * Author:				Markus B�rgler
  
  
	==STRUCTURE=======================================
  
  * Page width:			850px
  * Layout:				


	==SCREEN========================================

	==STYLESHEET INDEX================================
  
  $0 - Reset
  $1 - Allgemein
  $2 - Header Styles
  $3 - Navigation Styles
  $4 - Content Styles
  $5 - Footer Styles
=================================================*/

/******************************** 
   $0 RESET
 ********************************/
/*==ERIC MEYER'S RESET CSS========================*/
   
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,  
b, u, i, center,  
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-size: 100%;  
	vertical-align: baseline;  
	background: transparent;  
}  
body {line-height: 1;}  
ol, ul {list-style: none;}  
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after,q:before, q:after {content: '';}    

/* remember to define focus styles! */  
:focus {outline: 0;}
 
/* remember to highlight inserts somehow! */  
ins {text-decoration: none;}  
del {text-decoration: line-through;}  

/* tables still need 'cellspacing="0"' in the markup */  
table {  
	border-collapse: collapse;  
	border-spacing: 0;  
} 


/******************************** 
   $1 ALLGEMEIN
 ********************************/

body{
	font-family: "Lucida Grande",Lucida,Arial,Helvetica,sans-serif;
	/*font-size:12px; �nderung sebi*/
	font-size: 1.2em;
	color:#333333;
	background: url('../images/bg.png') repeat-y;
	background-position: top center;
}

#wrapper{
	position:relative;
	width:850px;
	margin:0 auto;
	background: url('../images/gletscher.jpg') no-repeat;
	background-position:0 -50px;
}

#main{
	width: 801px;
	margin:0 auto;
	background:url('../images/transparenz.png');
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	overflow:hidden;
}

h1{
	font-size:2em;
	color:#FFFFFF;
	text-align:left;
}

h2{
	font-size: 1.5em;
	margin: 20px 0 0 0;
	text-align:left;
}

h3{
	font-size: 1.3em;
	color:#336600;
	margin: 5px 0 0 0;
	text-align:left;
}

p{
	margin: 10px 0;
	line-height:1.5;
	letter-spacing:0.2px;
}

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

a:hover, a:focus{
	text-decoration:underline;
}

.date{
	color: #aaa;
	margin: 5px 0;
}

.active{
	background:#ffffff;
	color:#333333;
}

.actpage{
	font-weight:bold;
}

/******************************** 
   $2 HEADER STYLES
 ********************************/
#header h1{
	padding: 0 0 130px 35px;
	margin-top: 35px;
	letter-spacing:2px;
}

#header h1 a{ color:#fff; text-decoration:none; }
#header{overflow:hidden;}

#header #slideshow{
	width: 950px;
	overflow:hidden;
	background: #CACACA url('../images/bg.png') repeat-x;
	margin-top:-26px;
}

#header img{
	display:block;
	margin: 0 auto;
	margin-top:31px;
}
 
/******************************** 
   $3 NAVIGATION STYLES
 ********************************/

#mainnav{
	position:relative;
	overflow:hidden;
}

#navigation{
	margin: -5px 0 0 135px;
	position:relative;
	float:left;
}

#navigation li{
	display:inline-block;
	line-height: 2em;	
}

#navigation li a{
	display:inline-block;
	color: #ffffff;
	padding:10px 15px 5px 15px;
	font-size:12px;
	letter-spacing:1px;
}

#navigation li a:hover,#navigation li a:focus{text-decoration:underline;}

#navigation a.active, #subnavigation a.active,#navigation a.active:hover{
	color:#333333;
}


/* AAA */
#schrift{  
	position:absolute; 
	right:35px; 
	padding:5px 0 5px 0;
}

#schrift li { 
	display:inline-block; 
	line-height:2em;
}

#schrift li a { color:white;}
#schrift #plus { font-size:14px;}
#schrift #standard { font-size:12px;}
#schrift #minus { font-size:10px;}


/* SUBNAVIGATION */
#subnavigation{
	overflow:hidden;
	margin: 40px 0 0 0;
	float:left;
	width:135px;
}

#subnavigation li img{
	margin: 0 0 0 7px;
	position:relative;
	top:7px;
}

#subnavigation>li{padding:10px 0 10px 0;}
#subnavigation li.active{
	background:#ffffff;
	color:#333333;
}

#subnavigation li a{
	color:#ffffff;
	display:inline-block;
	margin-left:10px;
	/*padding: 0px 0;*/
}

#subnavigation li.active a{
	display: inline-block;
	color:#333333;
}
#subnavigation li a:hover, #subnavigation li a:focus{text-decoration: underline;}

#subnavigation li ul li{margin: 0;}

#subnavigation li.active ul li a{
	display:inline-block;
	padding-left: 40px;
}

/******************************** 
   $4 CONTENT STYLES
 ********************************/

#content{
	min-height:450px;
	width: 600px;
	padding: 40px  15px 0 15px;
	margin: 0 0 0 0px;
	background:#ffffff;
	border-right:1px solid #CACACA;
	overflow:hidden;
	text-align:justify;
}

#content h1{
	color:#336600;	
}

#content a,#content a:visited{
	color:#336600;
	text-decoration:underline;
}

#content ul, #content dl{
	list-style-type:disc;
	margin: 0 0 0 15px;
	line-height:1.5;
}

#content ol{
	list-style-type:decimal;
	margin: 0 0 0 15px;
	line-height:1.5;
}

#article{
	clear:both;
	margin:30px 0 0 0;
	padding:0px 15px 0px 15px;
}

/******************************** 
   $5 FOOTER STYLES
 ********************************/

#footer{
	position:relative;
	color:#ffffff;
	width:801px;
	margin:0 auto;
	clear:left;
	overflow:hidden;
	padding: 20px 0;
	background:url('../images/transparenz.png');
}

#footer dl{
	float:left;
	width: 135px;
	font-style: italic;
	line-height: 1.5em;
	text-align: center;
}

/* SITEMAP Frontend */

ul#sitemap{
	overflow:hidden;
	font-size:10px;
	position:relative;
	left:40px;
}

ul#sitemap a, ul#sitemap a:visited{color:#ffffff;}

/* erste Ebene */
ul#sitemap li{
	float:left;
	width:8em;
	padding: 5px;
	font-size:11px;
	font-weight:bold;
}

/* zweite Ebene */
ul#sitemap li ul{margin-top:10px;}
ul#sitemap li ul li{
	padding: 5px 0;
	font-weight:normal;	
}

/* dritte Ebene */
ul#sitemap li ul li ul{
	position:absolute;
	left:-9999em;
	background:#ffffff;
	
}

ul#sitemap li ul li:hover ul{
	left:auto;
	margin: 0 0 0 5px;
}

ul#sitemap li ul li ul li{
	padding:5px 10px;
	float:none;
	width: 50px;
}

ul#sitemap li ul li ul li a, ul#sitemap li ul li ul li a:visited{color:#333333;}



address{
	display:none; 
	background:url('../images/tirol.png') no-repeat;
	width: 13em;
	float:right;
	font-style:italic;
}


/******************************** 
   $6 Flash Bildrotation Style
 ********************************/

#imgRotationFlash {
	background-color:#333333;
	width:320px;
	height:245px;
	margin-left:0px;
	
}

#imgRotationFlash #flashBildrotation {
	margin-left:10px;
	margin-top:10px;
}