/*Stylesheet für die Seite in www.kb-ft.de 
------------------------------------------
1. Kalibrirung und allgemeines 
------------------------------------------*/
* {padding: 0; margin: 0;}
html { height: 101%; }	
h2, h3, ul, ol {margin-bottom:  4px;}

li { margin-left: 1em;}
h2 { font-size: 200%; padding-top: 10px; text-align: center;}
h3 { font-size: 150%; text-align: center;}

body {color:whitesmoke; background-color: #8c8c8c; background-image: url(fotos/back.jpg);
		font-family: serif, "DejaVu Sans Mono", Helvetica, sans-serif, Verdana, Arial,   ;
		font-size:small;}
		
address {
	text-align: center;   /*font-size: 80%; --- zu klein*/
	font-style: normal;
	letter-spacing: 2px,
	line-height: 1.5em;}
	
	a { text-decoration: none; outline: none; }
	a:link { color: #d90000;}                                /* Farbe des a-linkes*/
	a:visited { color: #cc6666;}                             /* Farbe sofern besucht */
	/*a:hover, a:focus { border-bottom: 1px solid #d90000; }    Unterstrich, seine Farbe bei Maus darüber */ 
	a:active {color: white; background-color: #d90000; }     /* Farbe und Kästchenfarbe beim Klicken */


	
	.skiplink {
		position: absolute;
		top: -2000px;
		left: -3000px;
		width: 0px;
		height: 0px,
		overflow: hidden;
		display: inline; }     /*unsichtbar machen des skiplinks*/
		
div.box {
		background-color: white;
		width: 240px;
		padding: 5px;
		margin: 5px;}
		
/*----------------------------
2. Styles für Layoutbereiche   
------------------------------*/			
		
#wrapper {color:black; 
			width: 800px;
			margin-top: 10px;
			margin-right: auto;
			margin-bottom: 10px;
			margin-left: auto;}
			
#kopfbereich {color:black;
			margin-bottom: 10px;}  /*  background-color: #8c8c8c;  background-color: #f3c600; serif, "DejaVu Sans Mono", Helvetica, sans-serif, Verdana, Arial,*/

#navibereich {
			text-align: right;
			color: black;}
#navibereich li {
			display: inline;
			list-style-type: none;
			margin: 0;}
#navibereich a { 
			color: black;
			padding: 4px 8px 4px 8px;
			border: 1px solid #8c8c8c;}
#navibereich a:hover, 
#navibereich a:focus, 
#startseite #navi01 a,
#buero #navi02 a,
#aktuell #navi03 a,
#referenz #navi04 a,
#kontaktseite #navi05 a,
#anfahrt #navi06 a,
#archiv #navi07 a,
#impres #navi08 a {
			color: black;
			background-color: #E6E6DC;
			border-bottom-color: #E6E6DC;}
#navibereich a:active {
			color: black;
			background-color: white;}

#textbereich {
	      background-color: #E6E6DC;
			padding: 10px;
			border-width: 1px;
			border-style: solid;
			border-color: black;
			overflow: hidden;}
			
#tabelle1 {
			color: black;
			background-color: white;
			padding: 10px;
			table-layout: auto;
			text-align: center;}
			
#fussbereich {
			padding-top: 15px;
			height: 65px;
			background-image: url(grafik/fussbild.jpg);
			margin-top: 5px;
			border: 1px solid black;}     /*border-bottom: 2px solid #f3c600;padding-bottom: 6px;*/
			
/* Kontaktformular----------------*/

form {
	background-color: #eee;
	width: 450px;
	padding: 20px;
	border: 1px solid #8c8c8c;}
label {
	display: block;
	cursor: pointer;}
input#absender,
textarea {
	width: 450px;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;	}
textarea {
	height: 7em;	}
input#absender:focus {
	background-color: #d9d9d9;}

/* Ende --------------------------------------------------------*/