/* Diese Formatdefinitionen sind als Teil des Gesamtwerkes "breitendorf.de"
   urheberrechtlich geschützt. Bitte respektieren Sie die Arbeit anderer.
   Einfallslose Plagiate schaden meinem und Ihrem Ruf. */

/* IE 4.x und Netscape 4.x ausschließen */
@media screen,projection{

body{
	background:#EEE url(hintergrund-body.png) repeat-x fixed bottom;
	color:#333;
	font:94% Georgia,"Times New Roman",Times,serif;
	margin:0;
	padding:0;
	text-align:center;
}
.body{
	margin:0 auto;
	text-align:left;
	width:42em;
}

a,a:link,a:visited{
	color:#039;
	font-weight:bold;
}
a:visited{color:#4A7EB6;}
a:hover,#menue a:hover{
	color:#00F;
	text-decoration:underline;
}
a:hover img{border-color:#CCF;}
#top,#top a,#bottom,#bottom a{
	color:#FFF;
	text-decoration:none;
}
#top a:hover,#bottom a:hover{
	color:#FFF;
	text-decoration:underline;
}

#top{
	background:#4A5E49 url(breitendorf.jpg) repeat-x bottom;
	border-bottom:5px solid #4A5E49;
	margin:0;
	padding:128px 1.2em 5px;
	text-align:center;
	text-shadow:0 0 4px #4A5E49;
}
#top h1{
	font-size:280%;
	margin:0;
}
#top h1 a:hover{
	filter:Glow(color=#4A5E49,strength=3);
	text-decoration:none;
	text-shadow:0 0 16px #4A5E49;
	width:100%; /* for the filter */
}
.versteckt{display:none;}
#hilfsmenue{
	left:-1000em;
	position:absolute;
}
#top h2{
	font-size:115%;
	margin:0;
}
#top h2,#top h2 a{font-weight:normal;}
.styleswitcher{
	font-size:69%;
	line-height:3em;
	margin:-3em 0.4em 0 47em;
	text-align:right;
	white-space:nowrap;
}
.styleswitcher a:link,.styleswitcher a:visited{
	color:#FFF;
	padding:0 2px 1px 3px;
	text-decoration:none;
}
.styleswitcher a:hover{
	background:#FFF;
	background:rgba(255,255,255,0.7);
	color:#000;
	text-shadow:none;
}
.stylestandard{display:none;}

#inhalt{
	float:left;
	line-height:1.5em;
	margin:0 0 10px;
	width:32.6em;
}
.inhaltsblock{
	background:#FFF url(hintergrund-schatten.png) repeat-x;
	border:solid #DDD;
	border-width:0 2px 2px;
	padding:1.2em;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
	-moz-border-radius-bottomleft:9px; /* Firefox/Mozilla only */
	-moz-border-radius-bottomright:9px;
	-webkit-border-bottom-left-radius:9px; /* Safari only */
	-webkit-border-bottom-right-radius:9px;
}
#inhalt h1,#inhalt h2,#inhalt h3{
	background:url(hintergrund-ueberschrift.png) no-repeat left top;
	color:#4A5E49;
	margin:1.5em 0 1em -7px;
	padding:7px 0 0 7px;
	page-break-after:avoid;
}
#inhalt h1{
	font-size:150%;
	margin-top:0;
	padding-top:10px;
	width:100%; /* fix for IE 5.0 */
}
#inhalt h2{font-size:130%;}
#inhalt h3{font-size:111%;}

/* CSS 3 substring matching attribute selector */
#inhalt a[href|="http://"],#inhalt a[href^="http://"]{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAAXNSR0IB2cksfwAAAA9QTFRF////ZmZm7u7u3d3dzs7OfJJAVAAAACJJREFUGBkFwYEBACAMwyDS+f/NAqrgXg26hm6Nbm66gRv4BhEANlrUbYgAAAAASUVORK5CYII=) no-repeat right;
	padding-right:8px;
}
/* Fix for a little bug in Opera 9 */
#inhalt a[href^="http://www.breitendorf.de"],#inhalt a.lokal{
	background:none;padding:0;
}
p,ul,ol,dl,blockquote{
	margin-bottom:0.7em;
	margin-top:0.7em;
}
ul{list-style-type:circle;}
li,dt,dd{margin-bottom:0.3em;margin-top:0.3em;}
dt{
	font-weight:bold;
	margin-top:0.7em;
}
code,pre{background:#F5F5FF;}
acronym{border-bottom:1px dotted #999;cursor:help;}
img{
	background:#EEE;
	border:7px solid #EEE;
	color:#000;
	display:block;
	margin:2em auto;
	text-align:center;
}
img.rahmenlos{background:transparent;border:none;}
img.links{
	float:left;
	margin:0 1em 1em 0;
}
img.rechts{
	float:right;
	margin:0 0 1em 1em;
}
p.foto{
	color:#666;
	font-size:smaller;
	line-height:1.2em;
	margin:2em 0;
	text-align:center;
}
p.foto img{
	margin:0 auto 0.4em;
	-webkit-box-shadow:2px 2px 3px #CCC;
}
.uri{color:#666;font-size:smaller;}
#inhalt .uri a{background:none;color:#666;font-weight:normal;padding:0;text-decoration:none;}
.error{color:#F30;font-weight:bold;}

textarea,input[type=text],input[type=email]{
	background:#F9F9F9;
	border-width:1px;
	color:#000; /* importand, black isn't always the default */
	padding:2px;
}
textarea:focus,input[type=text]:focus,input[type=email]:focus{background:#FFE;}

#inhalt .kasten{
	background:url(hintergrund-ueberschrift.png) no-repeat -2px -1px;
	float:right;
	font-size:smaller;
	line-height:1.3em;
	margin:0 0 1.5em 1.5em;
	text-align:center;
	width:6.5em;
}
#inhalt .kasten h3{
	background:none;
	margin:0;
	padding:0.4em 0 0;
}
#inhalt .kasten dl,#inhalt .kasten dd{margin:0;}
#inhalt .kasten dt{margin:0.5em 0 0;}

#menue{
	float:right;
	margin:10px 0;
	overflow:hidden;
	width:9em;
}
#menue h2{display:none;}
#menue h3{
	background:#4A5E49 url(hintergrund-wiese.jpg) repeat-x top;
	border-bottom:3px solid #4A5E49;
	color:#FFF;
	font-size:100%;
	margin:0;
	padding:5px 0.3em 2px;
	text-align:center;
	text-shadow:0 0 4px #4A5E49;
}
#menue ul{
	background:#FFF url(hintergrund-schatten.png) repeat-x;
	border:solid #DDD;
	border-width:0 2px 2px;
	list-style-type:none;
	margin:0 0 10px;
	padding:0.5em;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	-webkit-border-bottom-left-radius:9px;
	-webkit-border-bottom-right-radius:9px;
}
#menue ul li{
	border-bottom:1px solid #4A5E49;
	margin:0;
	overflow:hidden;
	padding:0;
}
#menue ul li a,#menue ul li .aktiv{
	display:block; /* maximiert die Klickbereiche */
	font-weight:bold;
	padding:4px 0;
	text-decoration:none;
}

#untermenue{
	color:#666;
	line-height:1.04em;
	margin-top:0;
}

#bottom{
	background:#4A5E49 url(hintergrund-wiese.jpg) repeat-x top;
	border-bottom:5px solid #4A5E49;
	clear:both;
	font-size:smaller;
	font-weight:bold;
	margin:0;
	padding:15px 1.2em 10px;
	text-align:center;
	text-shadow:0 0 4px #4A5E49;
}
#bottom a{padding:9px 1px 10px;}
#bottom a.hoch{
	font-size:113%;
	margin:0 -2px;
	padding:2px 3px 4px;
}
#bottom a.hoch:hover{
	background:rgba(255,255,255,0.7);
	color:#000;
	text-decoration:overline;
	text-shadow:none;
}

#bottom .feed,#bottom .feed:link,#bottom .feed:visited{
	background:url(hintergrund-feed.png) no-repeat -500px 50%;
	margin-left:1px;
	padding-left:15px;
}
#bottom .feed:hover{background-position:0% 50%;}

}

@media screen and (view-mode: minimized) {
	.body,#inhalt,#menue{float:none;width:auto;}
	.inhaltsblock,#menue ul{border-left:0;border-right:0;}
}

@media print{
	#top,.versteckt,#hilfsmenue,.styleswitcher,form,#menue,#bottom{display:none;}
	a{text-decoration:none;}
	a:after{content:" ["attr(href)"]";font-size:smaller;}
	img{border:1px solid #000;display:block;margin:0.3em 0}
	img.links{float:left;margin:0 1em 1em 0;}
	img.rechts{float:right;margin:0 0 1em 1em;}
}