/* CSS Ropswitha Birk-Becht ------------- */

* {
  padding: 0;
  margin: 0;
  font-size: 100.1%;
  font-family:Arial, Helvetica, sans-serif;

}


html, body {background-color:transparent;
	height:100%;
	min-height:100%;
}

body  {	background-color:#FFFDEE;
	position:relative;
	margin-top:5px;
	}

table{	margin: 25px 20px 20px 30px;}

p { background-color:transparent;
	color:#BA2630;
  	font-size:80%;
  	line-height:120%;
  	margin: 25px 60px 0px 30px;
}

th p {background-color:transparent;
	color:#036;
  	font-size:80%;
  	line-height:130%;
	padding:3px 5px 5px 5px;
	margin:15px 0px 5px 0px;}


td p {background-color:transparent;
	color:#036;
  	font-size:80%;
  	line-height:130%;
	padding:3px 5px 5px 5px;
	margin:15px 0px 5px 0px;}

ul, ol { list-style-position:outside; color:#BA2630;}


hr{color:#8F1E29; 
	text-align:left;
	width:90%;
	height:1px;
	text-shadow: none;
	margin:10px 10px 20px 20px;}
	





/* LAYER -----------------   */
/*  Hintergrund mit Paar -----------   */

#Layer1{ position:absolute; 
	left:200px; 
	top:0px; 
	width:809px; 
	height:100%; 
	min-height:100%; 
	background-color:#FFF; 
	background-image: url(Paar_Foto/Birk-Becht_Paar_Blau_03_340.gif); 
	background-position:top left; 
	background-repeat:no-repeat; 
	display:block;
	z-index:1;}
	
/* Rubrikleiste -------------------  */

#Layer2 {position:absolute; 
	left:240px;
	top:151px;
	width:763px;  /*   740  */
	height:22px; 
	background-color:#BA2630;
	display:inline;
	z-index:2;}
	
	
#Layer2impressum {position:absolute; 
	left:240px;
	top:151px;
	width:765px;
	height:22px; 
	background-color:#BA2630;
	display:inline;
	z-index:10;}
	
#Layer2impressum h1 {background-color:transparent;
	color:#FFF;
	font-size:95%;
	font-weight:bold;
	line-height:5%;
	margin:10px 0px 0px 20px;}		
	
#Layer2 h1 {background-color:transparent;
	color:#FFF;
	font-size:95%;
	font-weight:bold;
	line-height:5%;
	padding:3px 0px 5px 0px;
	margin:10px 0px 0px 20px;}	
	
/* Haupttext  -------------------  */

#Layer3 {position:absolute; 
	left:240px;
	top:173px;
	width:482px;
	height:100%; 
	min-height:100%; 
	background-color:#FFFDEE;
	display:inline;
	z-index:3;}
	

#Layer3breit {position:absolute; 
	left:240px;
	top:173px;
	width:490px;
	height:100%; 
	min-height:100%; 
	background-color:#FFFDEE;
	border-right:280px solid #BA2630;
	display:inline;
	z-index:10;}
	
		
	
/* fuer AGB und Impressum um blaue Schrift zu erzeugen ---*/

	
#Layer7 {position:absolute; 
	left:240px;
	top:173px;  
	width:765px;  /* 488px   */
	height:100%; 
	min-height:100%; 
	background-color:#FFFDEE;
	display:block;
	z-index:20;}
		
#Layer7 p {width:350px; color:#336;}
#Layer7 hr {width:350px; color:#336;}	
	
	
/* ENDE fuer AGB und Impressum um blaue Schrift zu erzeugen ---*/


/* Leiste links ------  */

#Layer4 {
	position: absolute;
	top: 151px;
	left: 730px;
	width: 277px;

	height:auto%; 
	min-height: 100%;
	background-color: #BA2630;
	background-image: url(herz/herz-rot-3-300.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: inline;
	z-index: 4;
}

/*  Test mit neuer Breite   */

#Layer4breit {position:absolute;
	top:151px;
	left:730px;
	width:280px;
	height:auto%; 
	min-height:100%; 
	background-color:transparent;
	background-image: url(herz/herz-rot-3-300.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display:inline;
	z-index:20;
}
#Layer4breit h1 {background-color:transparent;
	color:#FFF;
	font-size:105%;
	line-height:90%;
	font-weight:bold;
	letter-spacing:3px;
	margin:128px 0px 0px 25px;}
	
#Layer4breit h2 {background-color:transparent;
	color:#FFF;
	font-size:95%;
	line-height:90%;
	font-weight:bold;
	letter-spacing:3px;
	margin:50px 0px 0px 25px;}
	
#Layer4breit p {background-color:transparent;
	color:#FFF;
  	font-size:75%;
  	line-height:160%;
  	margin: 15px 15px 5px 25px;}

/*  ENDE TEYT ------------  */

#Layer4 h1 {background-color:transparent;
	color:#FFF;
	font-size:105%;
	line-height:90%;
	font-weight:bold;
	letter-spacing:3px;
	margin:128px 0px 0px 25px;}
	
#Layer4 h2 {background-color:transparent;
	color:#FFF;
	font-size:95%;
	line-height:90%;
	font-weight:bold;
	letter-spacing:3px;
	margin:50px 0px 0px 25px;}
	
#Layer4 p {background-color:transparent;
	color:#FFF;
  	font-size:75%;
  	line-height:160%;
  	margin: 15px 15px 5px 25px;}
	
#Layer4 a {background-color:#FFF;
	color:#000;
  	font-size:75%;
  	line-height:160%;
	padding:3px;
  	margin: 15px 15px 5px 0px;}	

	
/* Navigation links ------  */

#Layer5 {position:absolute; 
	left:0px; 
	top:0px; 
	width:200px; 
	height:100%; 
	min-height:100%; 
	background-color:#FFFDEE; 
	background-image: url(elemente/weiss_150px.gif); 
	background-position:top left; 
	background-repeat:repeat-x;
	z-index:5;}
	

/* NAVI Innenseiten ------------  */

a:link {
  background-color:transparent;
  text-decoration:none;
  }
  
  
a:visited {
  background-color:transparent;
  text-decoration:none;
  }
  
a:hover {
  background-color:transparent;
    text-decoration:underline;
  }
  
a:active {
  background-color:transparent;
  text-decoration:none;
  }
  
  
 /* NAVI LINKS ------------  */

a.anavi:link {
  background-color:transparent;
  text-decoration:none;
  }
  
  
a.anavi:visited {
  background-color:transparent;
  text-decoration:none;
  }
  
a.anavi:hover {
  background-color:transparent;
  background-image:url(elemente/kreis_schatten_20px.gif);
  background-position:top left;
  background-repeat: no-repeat;
  padding:0px 0px 0px 30px;
  text-decoration:none;
  }
  
a.anavi:active {
  background-color:transparent;
  text-decoration:none;
  } 
  
 /* NAVI LINKS ------------  */

a.navirot:link {
  background-color:#E8AAAE;
  color:#336;
  text-decoration:none;
    padding:3px;
  }
  
  
a.navirot:visited {
  background-color:#E8AAAE;
    color:#FFF;
  text-decoration:none;
    padding:3px;
  }
  
a.navirot:hover {
  background-color:#E8AAAE;
    color:#336;
  text-decoration:none;
  padding:3px;
  }
  
a.navirot:active {
  background-color:#E8AAAE;
    color:#FFF;
  text-decoration:none;
    padding:3px;
  } 
    


/* Innentexte ---------------  */

h1 {background-color:transparent;
	color:#BA2630;
	font-size:105%;
	font-weight:bold;
	line-height:110%;
  	margin: 50px 50px 15px 30px;
}




/* Ueberschriften Titelleisten ------------  */
h1.seitentitel {background-color:transparent;
	color:#BA2630;
	font-size:200%;
	line-height:70%;
	margin:20px 0px 0px 420px;
}


h1.seitentitelsmall {background-color:transparent;
	color:#BA2630;
	font-size:100%;
	font-weight:normal;
	line-height:130%;
	border-bottom:1px dotted #8F1E29;
	margin: 5px 0px 0px 420px;
	padding:10px 0px 10px 0px;
}

h1.seitentitelextrasmall {background-color:transparent;
	color:#BA2630;
	font-size:85%;
	line-height:70%;
	font-weight:bold;
	margin:15px 0px 0px 420px;
}



/* ----------------- Titelleiste ENDE -----------  */





.starter{margin:60px 60px 15px 30px}



h2 {background-color:transparent;
	color:#BA2630;
	font-weight:bold;
	font-size:95%;
	line-height:110%;
	 margin: 30px 50px 15px 30px;
}

h2.h2linie {background-color:transparent;
	color:#BA2630;
	font-weight:bold;
	font-size:95%;
	line-height:110%;
	border-top:0px;
	border-right:0px;
	border-bottom:2px solid #8F1E29;
	border-left:0px;
}



h3 { background-color:transparent;
  	font-size:80%;
  	line-height:120%;
	color:#BA2630;
  	margin: 20px 60px 0px 30px;
}

/* Rosa Balken fuer die Termineseite --  */
h4 {background-color:#E68087;
	color:#FFF;
	width:400px;
	height: 15px;
	font-weight:bold;
	font-size:90%;
	line-height:110%;
	border-bottom:1px solid #BA2630;
	padding:1px 2px 3px 32px;
	margin:30px 0px 5px 0px;}

/* Bodytext und der Rest ----------  */


.bodyzurperson{ background-color:transparent;
	color:#BA2630;
  	font-size:80%;
  	line-height:120%;
  	margin: 15px 20px 0px 0px;
}

.bodyperson{ background-color:transparent;
	color:#BA2630;
  	font-size:80%;
  	line-height:120%;
  	margin: 25px 20px 0px 30px;
}

.bodyblue{ background-color:transparent;
	color:#336;
  	font-size:80%;
  	line-height:120%;
  	margin: 25px 60px 0px 30px;
}

.bodybluebold{ background-color:transparent;
	color:#336;
  	font-size:80%;
  	line-height:120%;
	font-weight:bold;
  	margin: 25px 60px 0px 30px;
}

.bodykontakt{ background-color:transparent;
	color:#BA2630;
  	font-size:75%;
  	line-height:140%;
	text-align:left;
  	margin: 3px 5px 2px 5px;
}

.bodybold{ background-color:transparent;
	color:#BA2630;
  	font-size:80%;
  	line-height:120%;
  	font-weight:bold;
  	margin: 25px 60px 0px 30px;
}

.bodyrechts{ background-color:transparent;
	color:#BA2630;
  	font-size:80%;
  	line-height:120%;
  	text-align:right;
  	margin: 25px 60px 0px 30px;
}



.bodylinie{ background-color:transparent;
	width:350px;
	height:25px;
	color:#336;
  	font-size:75%;
  	line-height:100%;
	padding:3px 0px 10px 0px;
	border-bottom:1px solid #336;
  	margin: 5px 60px 0px 30px;
}

.abschlussatz {background-color:transparent;
	color:#8F1E29;
  	font-size:100%;
  	line-height:120%;
  	font-weight:bold;
  	margin: 30px 60px 30px 30px;
	padding:0px 0px 10px 15px;
}
	

/*  Abstand der Bilder vom Text  -------------  */


.buleft { background-color:transparent;
	color:#8F1E29;
  	font-size:70%;
  	line-height:130%;
  	margin: 30px 50px 0px 40px;
	border-bottom:1px solid #8F1E29;
	padding:0px 10px 15px 0px;
}

/*  Foto  */

.foto { float:left; width:210px; height:270px;}


/* UL und li NORMAL -------------   */


ul { background-color:transparent;
  	font-size:80%;
  	margin: 30px 50px 0px 50px;
}

ul.ulnavi { background-color:transparent;
  	font-size:80%;
  	margin: 120px 10px 10px 0px;

}

li{ background-color:transparent;
	color:#BA2630;
  	font-size:100%;
  	line-height:130%;
  	margin: 5px 5px 0px 10px;
}

li.nodisc{list-style-type:none;
  	margin: 10px 0px 0px 10px;}

	
li.linavi{
	margin: 10px 10px 0px 0px;
	text-align:right;
	list-style-type:none;}


/* Copyright ----------------  */

.copyright { background-color:transparent;
	width:350px;
	height:auto;
  	font-size:75%;
  	line-height:120%;
	border-top:1px dotted #999;
	border-right:0px;
	border-bottom:1px dotted #999;
	border-left:0px;
  	margin: 25px 60px 50px 30px;
	padding:10px;
}



/* FORMULAR ------  */
checkbox {text-align:right; margin-left:25px;}

.formular1{ background-color:transparent;
padding:5px;
	width:100px;
	height:auto;
}

.formular2{ background-color:transparent;
padding:5px;
	width:340px;
	height:auto;
}
