/* Klaus Oehlmann Stand: 27.04.2011                */ 
/***************************************************/
/* Basis-Reset für alle Bereiche                   */
/***************************************************/

* {	padding: 0; 
	margin: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	}

h1, h2, h3, h4, h5, h6, 
p, blockquote,adress, pre,
table { margin-bottom: 0.5em }

ul, ol, dl { margin-bottom: 0;}


blockquote {margin: 1em 2em; }

/* alle Listen weiter einrücken */ 
ul, ol, dl {margin-left: 1em;}

/* Listenelemente weiter einrücken */
li {margin-left: 1em; } 

/* Definitionen in Definitionslisten weiter einrücken */
dd {margin-left: 2em;}

/* verschachtelte Listen ohne Aussenabstand */
ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl
{margin-top: 0;
 margin-bottom: 0; }

/**************************************************/
/* Basis-Formatierungen je Seite HTML und BODY    */
/**************************************************/ 
	
html{height: 101%;} 	

body { font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #003399; 
	background-color: #540008; 
	font-size: medium; }
	
h1, h2, h3, h4, h5, h6 {font-weight: normal;}	

/* h1 { font-size: 153%;}  /* ca 20px */ 
h1 { font-size: 116%;}
h2 { font-size: 140%;}  /* ca 18px */
h3 { font-size: 123%;}  /* ca 16px */
h4 { font-size: 120%;}  /* ca 15px */
h5 { font-size: 115%;}  /* ca 14px */
h6 { font-size: 106%;}  /* ca 13px */

/****************************************************************/
/*  individuelle Seiteneinstellungen Einhüllung                 */ 
/*  Wrapper umschließt die gesamte Seite
/****************************************************************/

#wrapper
{	
	color: #000081;
	background-color: #d6cebe;
	width: 95%;
	height: 95%;
	margin-left: auto;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: 1%; 
	border: 0;
}
/*******************************************************************/
/*   Kopfbereich für alle Seiten identisch                         */  
/*******************************************************************/

#kopfbereich
{  	color: #000081;
   	background-color: #D9D2A6;
	padding: 1%;
	height: 5%;
	position: static;
	text-align: center;
	border-bottom: solid #ffff00 1px;
}

/*******************************************************************/
/*   Navigation für alle Seiten identisch                          */  
/*   Background-Color wie der Wrapper                              */
/*   die Listenelemente in li werden mit Display:inline 		   */	
/*   nebeneinander gestellt                                        */ 
/*******************************************************************/

#navigation { padding: 2%; font-family: Arial, Helvetica, sans-serif;} 

#navigation ul {text-align: center;}

#navigation li {text-decoration: none; display: inline;}

#my_private_website #navigation a,
#kontakt #navigation a,
#my_sendmail #navigation a 

{ 	background-color: #D9D2A6;
	color: 000081;
	font-family: inherit; 
	font-size: large;
	padding: 5px; 
	border: 3px solid;
	border-bottom-color: #555555;
	border-left-color: #ddd0d0;
	border-top-color: #FFFFf0;
	border-right-color: #999999;
	text-decoration: none;
}


#my_private_website #navigation #pos1 a,
#kontakt #navigation #pos3 a 
{ 
	background-color:#FFFFf3;
	font-style: italic;
}

#navigation a:hover {color: #9966FF;}

.clearing {clear:both;}

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

/***********************************************************/
/*   Textbereich individuell von Seite zu Seite            */
/***********************************************************/ 

#textbereich {
	text-align: center;
}


#my_private_website #textbereich 
{	margin: 2%;
	padding: 2%;
	border: 0;
}

#kontakt #textbereich,
#my_sendmail #textbereich
{ 	margin: 3%;
	padding: 1%;
	border: 0;
}

.para01 
{
	padding: 1%; border: 5px #CCCC00 inset;
	margin: 1%;
	background-color: #FFFFf3;
}


.para02 
{	margin: 1%;
	border: 10px solid;
	border-top-color: #555555;
	border-right-color: #ddd0d0;
	border-bottom-color: #FFFFf0;
	border-left-color: #999999;
}

.para03 { 
	float: left;
	font-size: small;
	padding: 1em;
	border: 0;
}

.para04 {
	float: right;
	font-size: small;
	padding: 1em;
	border: 0;
}

.para05 {
	padding: 5px; 
	font-size: large;
	border: 3px solid;
	border-bottom-color: #555555;
	border-left-color: #ddd0d0;
	border-top-color: #FFFFf0;
	border-right-color: #999999;
	margin-left: 30%;
	margin-right: 30%;
 }


.bildlinks {
	float: left;
	padding: 0;
	border: 1px solid #ffff00;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: -30px;
	margin-bottom: 80px;
	display: inline;
}

.clearing {clear: both;}

#div_02 {
	background-color: #D9D2A6;
	color: #000081;
	position: static;
	padding: 10px; 
	margin-left: 20%;
	margin-right: 20%;
	border: 2px solid #ffff00;
	height: 10%;
	width: 60%;
	line-height: inherit;
}	

#div_02 form {border: 0;} 	
/******************************************************************/
/* Ende des Textbereichs                                          */
/******************************************************************/

/******************************************************************/
/* Fußbereich                                                     */
/******************************************************************/ 

#fussbereich
{
	margin: 0;
	padding: 1%;
	font-size: 80%;
	border-top: solid #ffff00 1px;
	background-color: #D9D2A6;
	text-align: center;
}

#fussbereich p {border: 0; margin: 0; padding: 12px; background-color: #D9D2A6;} 

.para09 {
	font-size: 118%;
	color: #FFFF00;
}

/*******************************************************************/
/*   Ende Fußbereich                                               */
/*******************************************************************/ 	

form {
	background-color: #D9D2A6;
	width: auto;
	padding: 2%;
	border: 2px solid #ffff00;
	position: static;
/*	top: 5%;
	left: 32%;  */
	margin-left: 20%;
	margin-right: 20%;
	
	}
label {
	display: block;
	cursor: pointer;
	color: #333399;
	font-size: 80%;
	padding: 8px;
	}

#absender, #betreff, #textarea {
	width: 430px;
	border: solid #ffff00 1px;
	margin-bottom: 1em;
	}
	
textarea {
	height: 7em;
	}
	
#absender:focus,
#betreff:focus,
#nachricht:focus {
	background-color: #d9d9d9;
/*	font-size: 12px;  
	font-family: Arial, Helvetica, sans-serif;  */
}