/*

Bildschirmversion für geomanten.de (screen, projection) 

V2 - 07 november 2006, pmm
last change 2008-09-24
*/



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



1. Kalibrierung und Typselektoren 



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





/* Kalibrierung, Little Boxes, S. 76 */

* { padding: 0; margin: 0 0; }



/* Firefox Rollbalken erzwingen, Little Boxes, S. 77 */

html { height: 101%; } 



/* Grundlegende Gestaltung, Little Boxes, S. 47ff. */

body {

	height: 100%; 

	color: #ffdb53;

	background-color: #680000;

	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

	font-size: small; 

}

/* Restaurierung der wichtigsten Abstände, Little Boxes, S. 77*/

p, ul { 

  margin-top: 0 ;

  margin-right: 0 ;

  margin-bottom: 1em ;

  margin-left: 0; 

}  

ul ul { 

  margin: 0; 

} 

li { 

  margin-top: 0 ; 

  margin-right: 0; 

  margin-bottom: 0; 

  margin-left: 1em; 

} 



cite { font-style: normal; }



/* Hyperlinks für die ganze Seite, Little Boxes, S. 52ff. */

a {

	color: #ffdb53;

	text-decoration: none; 

}

a:hover, 

a:focus {

	color: #da7e12; 

}

/* Z. B. in Netzwerk - Link zurück zur Übersicht */

.smallfont { font-size: 90%; }



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



2. DIV-Bereiche 	



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



/* Feste Breite und von links ausrichten, Little Boxes, S. 78 */ 

#wrapper {

	width: 760px; 

	height: 100%;

  margin: auto; 

}



#navibereich {

	float: left; 

	width: 140px;

	margin-top: 135px; 

}

	#navibereich li {

		list-style-type: none; 

		padding-right: 10px; 

		padding-bottom: 10px; 

	}

   #navibereich a.current { color: #da7e12;  }

   #navibereich ul li li { 

      font-size: 85%; 

      padding: 0; 

      padding-left: 5px; 

      margin: 0; 

      margin-top: 3px; 

      }



#bildbereich {

	position: relative; /* wg. absoluter Positionierung von #copyright */

	float: left; 

	width: 250px;

	height: 100%;  

	text-align: center; 

	background-color: #870000; 

}

	#bildbereich h1 {

		font-family: 'Trajan Pro','Lucida Sans', sans-serif; 

		font-size: 222%; 

		font-weight: normal;

      font-style: normal;

		letter-spacing: 2px; 

		text-transform: uppercase; 

		padding-top: 35px; 

	}

	#bildbereich p {

		margin-top: 3px; 

		letter-spacing: 2px; 

		padding-bottom: 35px; 

	}

	#bildbereich img {

		border: 1px solid #ffdb53; 

		margin-bottom: 70px; 

	}

	#bildbereich p#copyright  {

		position: absolute; 

		left: 10px;

		bottom: 20px; 

		font-size: 70%; 

		padding: 0; 

		letter-spacing: 1px; 

	}



#textbereich {

	float: right; 

	width: 350px;

	line-height: 1.6em; 

	padding-left: 20px; 

	margin-top: 135px; 	

}

	#textbereich h1 {

		font-size: 130%;

		color: #da7e12; 

		margin-bottom: 1em; 

	}

	#textbereich h2 {

		font-size: 110%; 

		margin-top: 1.5em; 

		margin-bottom: 1em; 

	}

	#textbereich p {

		margin-top: 1.25em; 

	}

	#textbereich blockquote {

		margin-bottom: 2em; 

	}

	#textbereich blockquote p {

		margin-top: 0.75em; 

		margin-bottom: 0; 

	}



	/* Links im Inhalt wieder unterstreichen */

	#textbereich a {

		text-decoration: underline; 

	}

	

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



3. Das Kontaktformular



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



form {

  background-color: #680000;

  width: 200px; /* Breite des Formulars */

  padding: 15px;

  padding-left: 0; 

/*  border: 4px solid #680000;*/

}

label { 

   display: block; /* Beschriftung auf eigener Zeile */

   margin-top: 0.5em; 

} 



/* Beide Eingabefelder gleichlang */

textarea {

  width: 280px;

/*  border: 4px solid #680000;*/

  margin-bottom: 1em;

}

textarea { height: 10em; }

input#el_0,
input#el_1,
textarea#el_2 {
  background-color: #c20000;
}


input#el_0:focus,
input#el_1:focus,
textarea#el_2:focus {

  background-color:#ffdb53;

}

/* End of file */