/*
Theme Name: Muckels Layout
Theme URI: http://jurtenrunde.de/
Description: Muckels drittes Layout, welches barrierearm erstellt wurde und sich an dem <a href="http://wordpress-deutschland.org/">default Theme</a> des Wordpress orientiert.
Version: 1.0
Author: Tobias [Muckel] Müller
Author URI: http://jurtenrunde.de/
Tags: grey,  white, black, header, flexible width, two columns, widgets,
*/
body {
	padding:0;/*oben, rechts, unten, links */
	margin:0;/*oben, rechts, unten, links */
	overflow:auto;
	background-color:#fff;
	color:#000;
	font-family: Calibri, "Sans Serif", "Century Gothic";
}

#oben {
	margin:10em 20% 5em 20%;
	padding:0em;
	height:15em;
	color:#fff;
	background-color:#CCC;
	/*background-image: url(Grafiken/logo/01.jpg);*/
	background-position:left bottom;
	background-repeat:no-repeat;
	border:solid 0.25em #2B2B2B;
}

#mitte {
	margin:5em 20% 0em 20%;
	padding:0em;
	background-color:#CCC;
	border:solid 0.25em #2B2B2B;
}


#unten {
	margin:0em;
	padding:0.5em;
	font-size:0.8em;
	text-align:center;
	background-color:#CCC;
	border-top:solid 0.25em #2B2B2B;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

.inhalt {
	margin:0em;
	padding:1.0em;
}

/*Grafiken*/
#oben img {width:100%; margin:0em; padding:0em; border:none;}
.gravata {float:right;}
img {border:none;}
a img {border:none;}

/*Schriften*/
#oben h1 {float:left; display:block; margin:0.25em; padding:0.25em; width:25%; height:80%; font-size:2.0em; text-align:center; }
#oben p {font-size:1.0em; margin:0.25em; padding:0.25em; display:block; height:80%; text-align:center; }
#oben a {color:#fff;}

.ueberschrift {font-variant:small-caps; font-size:3em; text-decoration:underline;}

.inhalt h1 {font-size:1.7em;}
.inhalt h2 {font-size:1.6em;}
.inhalt h3 {font-size:1.5em;}
.inhalt h4 {font-size:1.4em;}
.inhalt h5 {font-size:1.3em;}
.inhalt h6 {font-size:1.2em;}
.inhalt p {}

.inhalt a:link { text-decoration:underline; color:#000; }
.inhalt a:visited { text-decoration:underline; color:#2B2B2B; color:#2B2B2B; }
.inhalt a:hover { text-decoration:underline; font-weight:bold; color:#fff; }
.inhalt a:active { text-decoration:underline; color:#000; }

.inhalt2 a:link { text-decoration:underline; color:#000; }
.inhalt2 a:visited { text-decoration:underline; color:#2B2B2B; color:#2B2B2B; }
.inhalt2 a:hover { text-decoration:underline; font-weight:bold; color:#fff; }
.inhalt2 a:active { text-decoration:underline; color:#000; }

.inhalt code {font: 1.1em 'Courier New', Courier, Fixed;}

.inhalt acronym, #inhalt abbr {
	font-size: 0.9em;
	letter-spacing: 0.07em;
	cursor: help;
}

.inhalt blockquote cite, #inhalt cite {font-style:italic; font-size:0.8em;}
.inhalt blockquote {
	margin:1em 5% 1em 5%;
	padding:0.5em;
	border:0.25em solid #fff;
}

/*Tabellen*/
.inhalt table {
	border-collapse:collapse;
	empty-cells:show;
	border-spacing:0.125em;
}

.inhalt table caption {caption-side:top;}

/* Ausrichtung */
p img {
	padding: 0em;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0.5em;
	margin: 0 0 0.25em 3em;
	display: inline;
	}

img.alignleft {
	padding: 0.5em;
	margin: 0 3em 0.25em 0;
	display: inline;
	}

.alignright {float: right;}
.alignleft {float: left	}

/*Akkorde*/
#inhalt .noten h1 {
	font-size:2.0em;
	text-decoration:underline;
	text-align:center;
}

#inhalt .noten {
	width:90%;
	line-height:2.25em;
	font-family: 'Courier New';
	font-size:1em;
	margin:0.5em auto;/*oben, rechts, unten, links*/
	padding:0em;/*oben, rechts, unten, links*/
	background: url(Grafiken/allgemeines/karo.png);
	border:solid #999 0.15em;
	}

#inhalt .akkord {
	margin:-1.25em 0 0 0;/*oben, rechts, unten, links*/
	padding:0;/*oben, rechts, unten, links*/
	position:absolute;
	font-size:1em;
	font-weight:bold;
	}

#inhalt .info {
	display:block;
	margin:0.5em;/*oben, rechts, unten, links*/
	padding:0.5em;/*oben, rechts, unten, links*/
	font-size:0.8em;
	line-height:1.0em;
	border-top:dashed #999 0.20em;
	border-right:none;
	border-left:none;
	border-bottom:none;
}