/******************************************************/
/* CSS Definitionen für haus-und-grund-lage.de        */
/*  (c) 2005, webmaster ÄT haus-und-grund-lage D0T de */
/* Design & Layout by Heiko Timpe www.timpe-design.de */
/*       add. Prog by Michael Wegner, www.yavantho.de */
/******************************************************/
/* Valid CSS         http://jigsaw.w3.org/css-validator/
/* successful tested with:
/*   MSIE 6
/*   FIREFOX 1.0.1
/*   NS 6.2
/*   NS 7.1
/* ist sogar lesbar mit
/*   LYNX :)    http://www.delorie.com/web/lynxview.html
/* aber wie gewohnt Probleme mit
/*   NS 4.78 ...
*******************************************************/


/* ACHTUNG: 
	#004187; 
wurde zugunsten "websicherer Farben" zu
	#00377d */

	
/******************************************************/
/* grundsätzlich erst mal unseren Font vorbestimmen:  */
/******************************************************/


body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, div, td, th, address, nobr, b, i
  { font-family:Times New Roman, Tms Rmn, Times, Serif; }
  

body {
	width:850px;
	background:#FFFFFF; 
	color:#000000;
	margin:0px;
	padding:0px;
	}



/********************************************************/
/*   HEADERS                                            */
/********************************************************/

h1 {	
	color:#004187;
	font-size:20pt;
	}


/********************************************************/
/*   LINKS                                              */
/********************************************************/


/* Default link */
a:link, a:visited, a:active { 
	color:#00377d; /*#555599; */
	text-decoration:none;  
	}
a:hover { 
	background:#00377d;
	color:#FFFFFF;
	text-decoration:none; 
	}

/* Menu Link */
a.menu:link, a.menu:visited, a.menu:active { 
	color:#000000; 
	text-decoration:none;  
	display: block;
	}
a.menu:hover { 
	background:#00377d; 
	color:#FFFFFF;
	text-decoration:underline; 
	}

/* Active Menu Link */
a.active:link, a.active:visited, a.active:active { 
	font-weight:bold;
	color:#004187; 
	text-decoration:none;  
	display: block;
	}
a.active:hover { 
	background:#00377d;
	font-weight:bold;
	color:#FFFFFF; 
	text-decoration:underline;  
	}

/* Bold Menu Link inverse */
a.bold:link, a.bold:visited, a.bold:active { 
	font-weight:bold;
	color:#00377d; 
	text-decoration:none;  
	}
a.bold:hover { 
	background:#00377d;
	color:#FFFFFF;
	text-decoration:none; 
	}


/********************************************************/
/*   TABLES                                             */
/********************************************************/

/* ACHTUNG AUFPASSEN!! IE-3-Pixel-Gap!!! */

table.maintable {
	width:850px;
	table-layout:fixed;
	border-spacing:3px;
	empty-cells:show;
	border-collapse:separate;
	}

td.header {
	background:#00377d;
	color:#FFFFFF;
	font-family:Arial, Helvetica, Helv, sans-serif;
	font-size:11pt;
	font-weight:bold;
	text-align:left;
 	padding: 5px 10px;
	}

table.coll {
	margin-top:4px;
	border-collapse:collapse;
	padding:0px;
	}

table.fixed {	
	border:1px solid #00377d;
	table-layout:fixed;
	border-spacing:3px;
	empty-cells:show;
	border-collapse:separate;
	}

td.smallright {
	font-size:8pt;
	text-align:right;
	padding-right:5px;
	}
	
	
td.mainbg {
	background:#FFFFFF URL( "bilder/layerkl_j.jpg");
	}

td.padding {
	padding:6px;
	}
	

td.btop {	border-top:1px solid #ccc; }
td.bbottom {	border-bottom:1px solid #ccc; }
td.bleft {	border-left:1px solid #ccc; }
td.bright {	border-right:1px solid #ccc; }

td.border { border: 1px solid #ccc; }
	
table#submenu {
	border:2px solid #004187;
	margin:0;
	border-collapse:collapse;
	table-layout:fixed;
	width:200px;
	}

th.submenu {
	font-family:Arial, Helvetica, Helv, sans-serif;
	font-size:10pt;
	background:#004187;
	color:white;
	}	
	
td.submenu {
	font-family:Arial, Helvetica, Helv, sans-serif;
	font-size:10pt;
	color:#004187;
	padding:6px 2px 0 0;
	text-align:left;
	background:#FFFFFF URL( "bilder/layerkl_j.jpg");
	}	

/********************************************************/
/*   GLOBALS                                            */
/********************************************************/

.blue {	color:#004187; }
.white { color:#fff; }

.tms { font-family: Times New Roman, Tms Rmn, Times, Serif }
.helv {	font-family:Arial, Helvetica, Helv, sans-serif; }
	
	
.left {	text-align: left; }
.center {	text-align: center; }
.right {	text-align: right; }
.block { text-align: justify; }

.top {	vertical-align: top; }
.middle {	vertical-align: middle; }
.bottom {	vertical-align: bottom; }

.bold { font-weight:bold; }
.small { font-size:9pt; }
.big { 
	font-size:14pt; 
	font-weight:bold;
	}


/********************************************************/
/*   PARAGRAPHS                                         */
/********************************************************/

p.small { font-size:9pt; }
p.margin { width:300px; }
p.nomargin { margin:0 }

p.double { 
	width:340px;
	font-size:12pt;
	line-height:24pt;
	}


.inhalt {
	width:800px;
	text-align:left;
	padding:0 14pt;
	}
	
/********************************************************/
/* LIST ELEMENTS */
/********************************************************/

ul { margin-bottom: 4px; }


ol.abc {
	list-style-type:lower-alpha;
	}
ol.iii {
	list-style-type:lower-roman;
	}

li.margin {
	margin-top:6pt; }
li.normal {
	margin-top:0pt; }

	

/********************************************************/
/* STYLESHEETS FOR MW FORM */
/********************************************************/

form { margin:0px; }


/***************************************/
/* Standard-Vorlagen für Formular-Felder:
/***************************************/
	
input.button { 
	font-family:Times New Roman, Tms Rmn, Times, Serif; 
	font-size:11pt; 
	padding:0px;  
	height:20px;
	font-weight:bold;
	color:#FFFFFF;
	background:#00377d;
	height:22px;	
	cursor:pointer;

	border: 1px solid black;
	}	

input.file,
input.text,
textarea.textarea {
	font-family:Times New Roman, Tms Rmn, Times, Serif; 
	font-size:11pt; 
	background:#EEEEEE URL( "bilder/layerkl_j.jpg");
	color:#00377d;
	border: 1px solid;
  border-left-color:#000000;
  border-top-color:#000000;
  border-right-color:#CCCCCC;
  border-bottom-color:#CCCCCC;
	}

	
input.checkbox,
input.radio {
	color:#000080;
	vertical-align:middle;
	}	

select.select {
	font-family:Times New Roman, Tms Rmn, Times, Serif; 
	font-size:11pt; 
	background:#EEEEEE URL( "bilder/layerkl_j.jpg");
	color:#00377d;
	border: 1px solid;
  border-left-color:#7A0000;
  border-top-color:#7A0000;
  border-right-color:#FFDB6E;
  border-bottom-color:#FFDB6E;
	}

fieldset.fieldset {
	border:1px solid #7A0000;
	/* color:#FFFDC9;*/
	margin-bottom:10px;
	padding:5px;
	}
	
/************************************/
/* ... und für fehlerbehaftete Felder:
/************************************/

p.error {
	background:#FFB0B0;	
	color:#BB0000;
	font-weight:bold;
	}

span.error {
	/* background:#FFB0B0;	*/
	color:#BB0000;
	}
	
input.text_error,
textarea.textarea_error {
	background:#FFB0B0;
	color:#400040;
	font-family:Times New Roman, Tms Rmn, Times, Serif; 
	font-size:11pt; 
	border: 1px solid;
	border-left-color:#191919;
	border-top-color:#191919;
  border-right-color:#BBBBBB;
  border-bottom-color:#BBBBBB;
  }

select.select_error {
	font-family:Times New Roman, Tms Rmn, Times, Serif; 
	font-size:11pt; 
	background:#FFB0B0;
	color:#400040;
	font-size:9pt;
	border: 1px solid;
  border-left-color:#7A0000;
  border-top-color:#7A0000;
  border-right-color:#FFDB6E;
  border-bottom-color:#FFDB6E;
	}

input.checkbox_error,
input.radio_error {
	background:#FFB0B0;
	color:#400040;
	}	

/******************************************************************************/
/* optionale Formate:                                                         */
/******************************************************************************/