/*  =========================================================
stylesheet - kfz riedl
datei:  monitor.css
datum:  080812
autor:  creativwerk
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } 

/* Allgemeine Selektoren */

html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body { 
   color: white; 
   background-color: #ebebeb; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small;
  
}
h1 { font-size: 200%; font-weight:lighter;} 
h2 { font-size: 150%; }
h3 { font-size: 130%; }
li { font-size: 80%; }

address {
   text-align: center;  
   
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}
/* Hyperlinks */
a { color: white; text-decoration: none; outline: none;} 
a:link { color: white; text-decoration: none; outline: none; }  
a:visited { color: white; text-decoration: none; outline: none; } 
a:hover { color: #003366;}
a:focus { color: #003366;}
a:active { color: #003366; }

#fuss a   {    color: #999; }
#fuss a:link  {    color: #999; }
#fuss a:hover { color: #999; border-bottom: 1px solid #999;}
#fuss a:focus { color: #999; border-bottom: 1px solid #999;}
.fussactive {  color: #999; border-bottom: 1px solid #999; }



/* Allgemeine Klassen und IDs */
.clearing {clear: both;}
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}

#logo {
	background-image:url(logo_riedl_web.gif);

	height: 75px;
	margin:0;
	padding:0;
	border:0;
	background-position: right;
	background-repeat: no-repeat;
}

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */

#wrapper { 
   color: white; 
   background-color: #f8c200; 
   width: 90%;  
   margin: 25px auto;


}
#kopf {
   background-color: #ddd;
   background-image:url(kopf_bild.jpg); 
   background-repeat:no-repeat; 
   height: 100px;
    
}


#kopf p { 
	padding: 5px 0px 5px 0px;
	margin-bottom: 0;
}
#kopf a { 
	border: 0;
}

#navi { height: 1.3em;
	background-color: #003366;
	padding: inherit;
	text-align: left; 
	border-top: 1px solid #003366;


}

#navi ul { 
	margin-bottom: 3px;
}

#navi li {
	font-size: 90%;
	display: inline;
	list-style-type: none; 
	line-height: 1.3em;
}
#navi a:link { color: white; text-decoration: none; outline: none; border: 1em solid #003366; border-top: 2px solid #003366; border-bottom: 2px solid #003366; background: #003366;}  
#navi a:visited { color: white; text-decoration: none; outline: none; border: 1em solid #003366; border-top: 2px solid #003366; border-bottom: 2px solid #003366; background: #003366;} 
#navi a:hover { color: #003366; border: 1em solid #f8c200; border-top: 2px solid #f8c200; border-bottom: 4px solid #f8c200; background: #f8c200;}
#navi a:focus { color: #003366; border: 1em solid #f8c200; border-top: 2px solid #f8c200; border-bottom: 4px solid #f8c200; background: #f8c200;}
#navi a:active { color: #003366; border: 1em solid #f8c200; border-top: 2px solid #f8c200; border-bottom: 4px solid #f8c200; background: #f8c200; }

.naviactive { color: #003366; border: 1em solid #f8c200; border-top: 2px solid #f8c200; border-bottom: 4px solid #f8c200; background: #f8c200; }

#text{ 
	padding: 20px 10px 20px 20px;
	background-image:url(index_bild.jpg); 
	background-position: center top; 
	height:565px; 

}
#textindex{ 
	padding: 20px 10px 20px 20px; 
	background-image:url(index_bild.jpg); 
	height:565px; 
	background-position:center top; 

}
	#text a { 
	border-bottom: 1px  solid white; 
	}	
	#text a:hover,
	#text a:focus { 
      border-bottom: 1px solid white; 
	}
#texta {
	float:left;
	border-right:solid white 1px;
	margin-top:20px;
	padding:0 20px 0 0;
}

#textb {

	float: left;
	margin:20px 0;
	padding:0 20px 0 5px;
	border-right:solid white 1px;

}

#textb li {
	font-size:150%;
	list-style-type: square;
	line-height: 150%;

}


#textc { width:400px; 
	float: left;
	margin:20px 0;
	padding:0 20px;
	line-height: 150%; color:#003366;
}
#textc a { color: #003366; text-decoration: underline; outline: none;} 
#textc a:link { color: #003366; text-decoration: underline; outline: none; }  
#textc a:visited { color: white; text-decoration: none; outline: none; } 
#textc a:hover { color: #003366;}
#textc a:focus { color: #003366;}
#textc a:active { color: #003366; }
#textd { text-align:center;
	margin:20px 0;
	padding:0 20px;
	line-height: 150%;
}

#fuss {
	color: #999;
	background-color: #ddd;
	padding: 2px 20px 20px 20px;
	border-top: 1px solid #003366; 
	margin-top: 20px;
}

#fussli {
	font-size: 80%; 
	float:left;
}
#fussre {
	font-size: 80%;
	float: right;
}


.noborder a { 
	border: none; background:none;
}

/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */