/* Google Font API */
/* Google-Fonts wurden am 26.10.2022 aus Datenschutzgründen DEAKTIVIERT"! */
/* @import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700);  */

/* Basis-Stylesheet: */
@import url(../yaml/core/base.css);

/* Screen-Layout: */
@import url(../yaml/navigation/vlist.css);
@import url(../yaml/forms/gray-theme.css);

@import url(../yaml/screen/typography.css);
@import url(../yaml/screen/screen-FULLPAGE-layout.css);

/* Druck-Layout: */
@import url(../yaml/print/print.css);

/* --- Änderungen für ra-klaus-peters.de -------------------------------------------------------- */
@font-face {
    font-family: 'peters';
    src: url('./fonts/peters-webfont.eot');
    src: url('./fonts/peters-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/peters-webfont.woff') format('woff'),
         url('./fonts/peters-webfont.ttf') format('truetype'),
         url('./fonts/peters-webfont.svg#peters') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { 
		background: none repeat scroll 0 0 #eee;
		color:#334;	/* Haupt-Textfarbe */
		font-family: peters, Arial, Helvetica, Verdana, sans-serif;
		/* font-size: 85.0%; */
				
		/* padding: 0 0; */
		/*
		background: #ccc url("../images/background.jpg") repeat top left fixed;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
		*/
	} 

	header {
    background: none repeat scroll 0 0 #eee;
    color: #334;

	}
	header hr {
    background: none repeat scroll 0 0 #334;
    color: #334;
    margin: 0;
    padding: 0;	
	}
	
	footer {
    background: none repeat scroll 0 0 #eee;
    color: #334;
	}	

	footer p {
	font-size: 66.6%;
	}
	
	a {
    background: none repeat scroll 0 0 transparent;
    color: #009;
    text-decoration: none;
	}
	
	.info {
		background: #eee none repeat scroll 0 0;
		text-align: justify;
	}

	.ym-g5 {
		width: 5%;
	}

	.ym-g45 {
		width: 45%;
	}
	
	.ym-g90 {
		width: 90%;
	}

	.ym-g95 {
		width: 95%;
	}
	h4 {
		text-align:left;
		font-size:115%;
	}
	
	td {
		line-height: 1.1em;
		padding: 0.25em 0.50em 0.50em 0.50em;
		margin: 0;
	}
	
.ym-wbox {
	padding: 1.0em 1.0em 1.0em 1.0em; /* oben rechts unten links */
	}
footer .ym-wbox {
    padding: 0.5em;
}
header .ym-wbox {
    padding: 0.5em;
}
#main .info {
    margin-bottom: 0.5em;
}

/*  S U P E R F I S H  ========================================================= */
	.sf-menu {
		z-index:		99;  /* WNW */
	}

	.sf-menu {
		background:	#ace;		/* Gesamt-MENÜ -Background */ /* hier hellblau */
		margin: 0 0 0 0;		/* oben rechts unten links */
		padding: 0.1em 0.0em;	/* oben/unten links/rechts */
	}

	/* Link an sich "a": */	
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		text-decoration:none;
		text-shadow: 0 1px 1px rgba(0,0,0,.5);
													/*  transp ==> dann kommt .sf-menu background durch! */
		background: rgba(160,192,224,1.0);		/* rot grün blau 0.0 - 1.0 transp - dicht   =^ #ace */
			/* Die diversen Links selber:  */
		padding-left: 	0.25em; /* neu */
		padding-right: 	0.25em; /* neu */
	}

	.sf-menu a.sf-with-ul {  /* das mit dem Untermenü! */
		padding-left: 	0.25em; /* neu */
		padding-right: 	0.25em; /* statt 2.25 */
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}

	.sf-menu li a{
		background: rgba(160,192,224,1.0);
	}
	.sf-menu li ul  {			/* Submenü-Fläche!!! */
		padding-right: 	10.0em; /* statt 2.25 */
		background: rgba(160,192,224,0.85);
				
		-webkit-border-radius: 0.2em; 
		-moz-border-radius: 0.2em; 
		border-radius: 0.2em;
	}