/* Klaus Oehlmann Stand: 04.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; }

/* 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: #000081; 
	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: 98%;
	height: 96%;
	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 Druckansicht ausblenden:                       */  
/*******************************************************************/

#navigation a {font-size: 0px; position: absolute; top: -200px; left: -300px;  } 

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

#textbereich 
{	margin: 5%;
	padding: 2%;
	border: 0;
	text-align: center;
}

.para01 
{   height: 0; width: 0; }


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

.para03 { 
	float: left;
	color: #000081;
	font-size: small;
	padding: 1em;
}

.para04 {
	float: right;
	color: #000081;
	font-size: small;
	padding: 1em;
}
.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: #003366;
	position: relative;
	top: 20%;
	left: 22%;
	padding: 10px;
	border: 2px solid #ffff00;
	height: 10%;
	width: 60%;
	line-height: inherit;
	visibility: visible;
	font-size: 120%;
}	
	
/******************************************************************/
/* Ende des Textbereichs                                          */
/******************************************************************/

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

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

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

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

.skiplink {position: absolute;
	top: -20000px;
	left: -30000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

form {
	background-color: #cccccc;
	width: 470px;
	padding: 20px;
	border: 2px solid #ffff00;
	position: relative;
	top: 5%;
	left: 32%;
	
	}
label {
	display: block;
	cursor: pointer;
	color: #333399;
	font-size: 80%;
	padding: 8px;
	}

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