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

@media screen,projection{

body,input,textarea{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:94%;
}
body{
	background-color:#DDD;
	margin:0;
	padding:8px 0 22px 0;
	text-align:center;
}
.koerper{
	background-color:#222;
	background-image:url(hintergrund-links.png);
	background-position:left top;
	background-repeat:repeat-y;
	color:#DDD;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:770px; /* 720px + 2 * 1px border + 2 * 24px padding */
}
.titel{
	background-image:url(hintergrund-rahmen.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	padding:26px 0 14px 32px;
}
.navigation{
	background-image:url(hintergrund-rahmen.png);
	background-position:right top;
	background-repeat:no-repeat;
	font-size:320%;
	line-height:87px;
	padding:0 33px 0 0;
	text-align:right;
}
.navigation a{
	padding:7px 2px;
}
.navigation a:hover{
	font-weight:bold;
	padding-right:1px;
	text-decoration:none;
	text-shadow:0 0 8px #FFF7CC;
}
.navigation .noop{
	color:#666;
	padding:7px 2px;
	text-shadow:0 0 4px black;
}
.koerper .foto{
	background-image:url(hintergrund-rechts.png);
	background-position:right top;
	background-repeat:repeat-y;
	margin:0;
	padding:0 24px;
	text-align:center;
}
.koerper ul.galerie{
	display:block;
	list-style-type:none;
	margin:0;
	padding:1em 0;
	text-align:center;
}
.koerper ul.galerie li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
.koerper ul.galerie img{
	margin:0 1em 1em 1em;
	vertical-align:middle;
}
.koerper ul.galerie a:hover img{
	border-color:#FFF7CC;
}

a,a:link,a:visited{
	color:#DDD;
	text-decoration:none;
}
.external a{text-decoration:underline;}
a:hover{
	color:#FFF7CC;
	text-decoration:underline;
}
img{
	background-color:#333;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAdCAMAAACZrWzKAAAAAXNSR0IB2cksfwAAAAZQTFRFMzMzZmZm+LrmCwAAAFhJREFUKJGt0FEKACAIA9B5/0sHgm7WPgqSoHgMQxG2EDD1ynlm34z+Y/mNLB5Fw6nqqvSp5bv2tKeatO9d2ZlnB3XNiveq5L5YrE8D/RCuDYaZlpM8sq0FZKYBEaycZd8AAAAASUVORK5CYII=);
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #444;
	font-size:smaller;
}
h1,h2{
	font-size:120%;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.kommentare h3{
	font-size:120%;
	font-weight:normal;
	margin:0;
	padding:0;
}
h3 .datum{font-size:76%;}
abbr{border:0;}
sup{line-height:0.6em;}
.menuecontainer{
	background-image:url(hintergrund-rahmen.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	clear:both;
	padding:0 0 0 24px;
}
#menue{
	background-image:url(hintergrund-rahmen.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	line-height:47px;
	padding:0 27px 13px 0;
	text-align:right;
}
#menue a{
	padding:8px 0.3em 20px 0.3em;
}
#menue a.more{
	background-image:url(hintergrund-erweitern.png);
	background-position:-1491px 10px;
	background-repeat:no-repeat;
	padding-left:18px;
}
#menue a:hover.more{background-position:-994px 10px;}
#menue a.more.show{background-position:-497px 10px;}
#menue a:hover.more.show{background-position:0 10px;}
#menue a.feed{
	background-image:url(hintergrund-feed.png);
	background-position:-495px 11px;
	background-repeat:no-repeat;
	padding-left:20px;
}
#menue a:hover.feed{
	background-position:4px 11px;
}

#beschreibungscontainer{
	margin-top:1px;
	max-width:768px;
}
.vorschau{
	background-image:url(hintergrund-rahmen.png);
	background-position:right top;
	background-repeat:no-repeat;
	float:right;
	text-align:right;
	padding:47px 23px 24px 32px;
}
#beschreibung{
	float:none;
}
.kommentare{
	background-image:url(hintergrund-rechts.png);
	background-position:right top;
	background-repeat:repeat-y;
	clear:left;
	padding:1px 32px 0 32px;
}
.kommentare p{
	margin:7px 0 7px 15px;
}
.kommentare p.name{
	font-size:91%;
	margin:7px 0 30px 15px;
}
.kommentare .vcard{
	margin:0 0 1.2em 15px;
}

.fehler{
	color:#F90;
	font-weight:bold;
}
p.fehler{
	margin:0 0 0.5em 0;
}
form{
	margin:0;
	padding:0 0 0 14px;
}
input{
	margin:0.5em 0 0 0;
}
textarea{
	max-width:686px;
	resize:vertical;
	width:686px; /* Maximum width for IE 6 */
}
textarea,input[type=text]{
	background-color:#EEE;
	border-width:1px;
	color:black;
	padding:2px;
}
textarea:focus,input[type=text]:focus{
	background-color:#FFFCEE;
	color:black;
}
.hilfsmenue{
	background-image:url(hintergrund-rahmen.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:49px;
	line-height:19px;
	padding:0 0 0 24px;
	text-align:right;
}
.hilfsmenue a{
	background-image:url(hintergrund-rahmen.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	float:right;
	margin:0;
	padding:0 33px 30px 25px;
}
.hilfsmenue a:hover{
	text-decoration:overline;
	text-shadow:0 0 4px #FFF7CC;
}

}

@media print{
	.navigation,.menuecontainer,#menue,.vorschau,sup,form,.hilfsmenue{
		display:none;
	}
	abbr,a{border:0;color:black;text-decoration:none;}
	.kommentare a:after{content:" ["attr(href)"]";font-size:smaller;}
}