/*##############################################

CSS-Formatierungen fuer Schreinerei Spescha Rueun

###########################################*/


 /*#################################################
           Kalibrierung  
#################################################*/

* {		padding: 0; margin: 0;		} /*Kalibrierung der abstaende */

html	{ height: 101%;	} /*erzwingt Scrollbar im Firefox */

 /*#################################################
 allgemeine Formatierungen von HTML-Elementen
#################################################*/
body   {
	color:           #000000;
	font-size:        small;
	font-family:      Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height:      140%;
	background-color: #0f0f0f;
	background-image: url(img/design/A.gif);
	background-repeat: no-repeat;
	height:           100%;
	list-style-image:url(img/design/Abullet.jpg); }


h1		{	font-size: 150%;		}
h2		{	font-size: 130%;		}

a		{	text-decoration: none;	outline: none; border: none;	}


li a{
color: #000000;
border-bottom: 1px dotted #333333;}


li a:hover{
color: #3CA74E;
border-bottom: 1px dotted #3CA74E;}



 /*#################################################
Formatierungen fuer das Layout
#################################################*/

/*########## Kopfbereich ##############################*/
#wrapper	{
	z-index: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10%;
	margin-right: 10%;
}


#kopf	{
	z-index: 1;
	position: relative;
	width: 100%;
	height: 160px;
	
}

#logo		 {
	position:          absolute;
	z-index:           2;
	top:               10px;
	right:             0;
	width:             500px;
	height:            100px; }
#logo a  {
	background-image: url(img/design/logoA.gif);
	background-repeat: no-repeat;
	display: block;
	 }
	

#logo a:hover   {
	background-image: url(img/design/logoT.gif);
 }

#logo a img {
border: 0 solid #000000;
}

#topnav		{
	z-index: 3;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30px;
	width: 100%;
	border-top-color: #AAAAAA;
	border-top-width: 2px;
	border-top-style: solid;
	border-bottom-color: #AAAAAA;
	border-bottom-width: 2px;
	border-bottom-style: solid;	
}
#topnavtext	 {
	text-align: center;
	z-index:     6;
	height:      auto;
	padding-top: 10px;
	float:       left;
}

#topnavtext a {
	color:         #AAAAAA;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

#topnavtext a:hover {
	color: #3CA74E;
}
.topnav_active {
	color: #ffffff !important;
}

.topnav_active a:hover {
		color: #3CA74E !important;
}
/* ############# Inhaltsbereich #############*/
#innerwrapper	 {
	position:          relative;
	z-index:           7;
	width:             100%;
	height: auto;
	padding-bottom: 30px;		
	}

#inhalt	{
	position: relative;
	top: 0;
	left: 0;
	z-index: 8;
	height: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	
	
}

#text		{
	z-index: 10;
	position: static;
	margin: 0;
	height: auto;
	margin-bottom: 70px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #cccccc;
	min-height: 150px;
	
}
#text img  {
	vertical-align: top;
	float: left;
	padding-right: 15px;}

.titeltext {
float: left;
width: 30%;
text-transform: uppercase;
text-align: right;
letter-spacing: 2px;
color: #3CA74E;
padding-right: 1em;}

.textntitel {
float: left;
width: 60%;
}

.textntitel a:hover{
color: #3CA74E;
border-bottom: 1px dotted #3CA74E;}
.textntitel a {
color: #000000;
border-bottom: 1px dotted #000000;}

.winzig  {
	font-size: xx-small;
	color: #cccccc;
	margin-bottom: 0;
	margin-top: 0;
	height: 2px; }

.bildohnetext  {
	margin-right:  3000px;
	vertical-align: top }

.bildlinks {
margin-left: 0;
margin-right: auto;
vertical-align: top }
.bildrechts {
	margin-left: 15px;
	float: right;}	

.titel_ft  {
	color:         #990707;
	font-size:      120%;
	text-transform: uppercase;
	letter-spacing: 1px }

#wechselbild {
background-image: url(img/sujets/wandern.jpg);
width: 565px;
height: 391px;
margin-left: auto;
margin-right: auto;
}

#wechselbild2  {
	background-image: url("img/holz_.jpg");
	position:          relative;
	width:             565px;
	height:            378px;
	margin-left: auto;
	margin-right: auto;
	 }

#holz_ {
position: relative;
top: 160px;
left: 50px;
}


/*############Fussbereich################*/

#slogan		  {
	position:     relative;
	z-index:       11;
	bottom:        20px;
	left:          0;
	height:        auto;
	border-top:    2px solid #3CA74E;
	border-bottom: 2px solid #3CA74E;
	width: 90%; 
	color:         #3CA74E;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px; }


#fussbild	    {
	position:      absolute;
	z-index:       12;
	right:        -30px;
	bottom:        -30px;
	width:         200px;
	height:        141px;
	border:        solid 2px #3CA74E;
	}

#copyright {
	height: 45px;
	padding-top: 30px;
	font-size: 75%;
	text-align: center;
	position: absolute;
	color: #474747;
	margin-left: -3000px;
visibility: hidden;}


 /*#################################################
           Zuruecksetzen von Abstaenden und float
#################################################*/
.clearing 	{clear: both;}
h2, p, ul, ol {	margin-bottom: 1em;	}
ul ul {	margin-bottom: 0;	}
li {		margin-left: 1em;		}