@charset "utf-8";
@import url("forms.css.php");
/*
   Eric Meyer reworked Reset 
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
/*	content: ""; */
}
blockquote, q {
/*	quotes: "»" "«";*/
}    

blockquote:before {
    font-size: 2em;
    content: "»";
    }
blockquote:after {
    font-size: 2em;

    content: "«";
    }

blockquote[cite]:after,
q:before, q:after {
    display: relative;

	content: "«\Asaid "attr(cite);
}

body {
    padding: 0 2em;
    
    font-family: "Bitstream Vera Sans", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    
    color: #000;
    background: #fff;

    
    
/*
       http://24ways.org/2006/compose-to-a-vertical-rhythm
 */
/*    background:url("http://24ways.org/examples/compose-to-a-vertical-rhythm/underline.gif"); */

}

/*
 * block elements
 */

h1 {
    font-size: 3.3em;
    margin: 0;
    
    }

h2 {
    position: relative;
    
    margin-top: 1.5125em;
    margin-bottom: 0.2875em;

    padding: 0;

    font-size: 2.5em;
    line-height: 1.2;
    font-weight: normal;
    
    color: #47442e;
/*    background: #fff; */
	
/*	background: url("http://haukerehfeld.de/misc/css/measure.png") no-repeat;
	border: 1px solid red; */
    }


h3 {
    margin: 0.8em 0 0.4em 0;

    font-family: Helvetica, Arial, sans-serif;
    font-size: 2em;
    line-height: 1;

    }

h4 {
    font-weight: bold;
    }

p {
    margin: .5em 0 1.5em 0;
    }

pre {
	margin: 0.5em 1.5em;
	max-width: 100%;
	overflow: auto;
	
	font-family: "Bitstream Vera Sans Mono", monospace;
    }

blockquote {
    margin: 0;
    margin-left: 1em;
    margin-top: 0.66666em;
    }

blockquote p {
    margin: 0 0 1.5em 0;
    padding: 0;
    }
/* add >> and << */
/*blockquote > p:first-child:before {
    content: "\00bb";
    }
blockquote > p:last-child:after {
    content: "\00ab";
    }*/

q {
    quotes:  "“" "”" "‘" "’";
    quotes:  "»" "«" "›" "‹";
    }

/* citations need less vertical margin to the quote */
p.cite {
    margin-left: 4em;
    margin-top: -0.75em;
    
    padding-bottom: 0.75em;
    }

a img, img {
    display: block;
    border: 1px solid gray;
	outline: 0;
    }

a img {
	background: none;
	}

div.image {
	display: inline;
	max-width: 100%;
	}


p.img-description,
.image p {
    margin: 0;
    margin-bottom: 1.5em;
	margin-top: -1.5em;
	padding: 0 1em;
    }
.image p:before {
	content: "Image: ";
	font-weight: bold;
	}

table {
	caption-side: top;
	table-layout: auto;
	border-spacing: 1em;
	empty-cells: hide;
	
	width: 50em;
	overflow: scroll;

	}

table caption {
	padding: 0 0.1em;
	
    font-size: 1.333333334em;
	font-weight: bold;
    line-height: 1;

	background: #eee;
	}
	
tr > * {
	padding: 0 0.1em;
	
	overflow: scroll;
	}

th {
	font-weight: bold;
	
	color: black;
	background: #eee;
	
	}

td {
	border: 1px solid #eee;
    }

table a img {
	max-width: 10em;
	}



ul,ol,dl {
    /* accomodate for li margin-bottom on last li */
    margin: 1.5em 0 2.625em 1em;
    padding-left: 1em;

    }

ul, ol {
    list-style-position: outside;
    text-indent: 0;
    }

li > ul, li > ol {
    margin-top: 0.5em;
    margin-bottom: 0.3em;
    }

ul {
    list-style-type: disc;
    }

ol {
    list-style-type: decimal;
    }




li {
    margin-bottom: 0.375em;
    }

dt {
    font-style: italic;
    }

dt:after {
    content: ":";
    }

dd + dt {
    margin-top: 1em;
    }
dd {
    margin-left: 2em;
    }

/*
 * Inline elements
 */
a {
    text-decoration: none;
    
    color: #000;
    background: #ccf274;
    }
a:visited {
    color: black;
    background: #eee;
    }
a:visited:hover {
    text-decoration: line-through;
    }
a:hover {
    color: #fff;
    background: #47442e;
    }
:focus {
	color: black;
	background: yellow;
	}

strong {
    font-weight: bold;
    }

em {
    font-style: italic;
    }

acronym, abbr {
    border-bottom: 1px dashed #000;
    }

samp {
    }
dfn {
    font-style: italic;
    }
dfn:before {
    content: "→";
    }

sub {
    font-size: 80%;
    vertical-align: sub;
    }
sup {
    font-size: 80%;
    vertical-align: super;
    }

code {
    font-family: "Bitstream Vera Sans Mono", monospace;
    }

span.percentbar:after {
	content: "%";
	}


/**
 Elements found everywhere
*/

h2 a:visited {
    color: black;
    background: white;
    }
h2 a:hover {
    color: #fff;
    background: #47442e;
	}

abbr.date {
    text-decoration: none;
	border-bottom: none;
 }

#content * + p.post-meta {
	text-indent: 0em;

	color: #888;
	}

/**
   Special Rules following
   */

#wrapper {
    display: block;
    
    width: 50em;
    
    margin: auto;
    margin-bottom: 3em;
    }
#content img {
	max-width: 100%;
	margin: 1.5em 0;
	}

#content img.thumbnail {
	max-width: 8em;
	}

#content p {
	text-indent: 3em;
	}

#content h1 + p,
#content h2 + p,
#content h3 + p,
#content h4 + p,
#content h5 + p,
#content h6 + p,
#content table + p,
#content img + p,
#content textarea + p {
	text-indent: 0em;
	}


#header {
    clear: both;
    
    font-size: 1em;
    border-bottom: 1px solid #f00;
    }

#header #siteHeader {
    height: 2em;

    margin: 0;
    
    font-size: 2em;
    line-height: 2em;
    text-align: center;

    color: #000;
    background: #ccf274;

    border-bottom: 0.75em solid #b7ee00;
    }
#header #siteHeader span {
    height: 2em;
    padding: 0.1em;
    
    color: #47442e;
    background: #fff;
    }


#header #tagline {
    height: 1.6666666667em;

    margin: 0;
    padding-left: 1.33333333333333333333333333333334em;

    font-family: "Georgia", serif;
    font-size: 1.5em;
    line-height: 1.666666666667em;
    
    color: #fff;
    background: #47442e;
    }

#navigation {
    width: 50em;
    min-height: 4em;
    
    border-top: 0.5em solid #47442e;
    }

#navigation ul {
    position: relative;
    list-style-type: none;
    
    margin: 0;
    padding: 0;
    
    text-indent: 0;
    }

#navigation li {
    float: left;

    margin: 0;
    padding: 0;
    }

#navigation li li {
    display: block;
    float: none;
    clear: both;
	overflow: hidden;
    width: 16.666666667em;

    border-top: 1px solid #ccf274;
    }

#navigation li li li {
    /* padding-left: 1em;*/
    border-top:none;
    }

#navigation li a, 
#navigation li span {
    display: block;
    width: 5.3333333333333333333333334em;
    height: 1em;
    
    padding: 0.5em 1.5em 0.5em 1.5em;
    
    font-family: "Georgia", serif;
    font-size: 2em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;

    color: #47442e;
    background: #fff;
    }

#navigation li a.active,
#navigation li span.active {
    padding-top: 0.3em;

    border-top: 0.2em #47442e solid;
    }

#navigation li a:hover,
#navigation li a:visited:hover {
    color: #47442e;
    background: #cdceae;
    }


#navigation li li a,
#navigation li li span {
    width: auto;
    height: auto;
    
    font-size: 1em;
    text-align: left;
	line-height: 1.5em;

    }


#navigation li li a:hover,
#navigation li li a:visited:hover {
    color: #fff;
    background: #47442e;
    }

#navigation li li a.active,
#navigation li li span.active {
    padding-top: 0.5em;

    color: #47442e;
    background: #cdceae;

    border-top: 0;
    }

#navigation li li li a,
#navigation li li li span {
    padding-left: 3em;
    }


#navigation li li li li a,
#navigation li li li li span {
    padding-left: 4.5em;
    }



#archives, #projects {
	margin-top: 4em;
	margin-bottom: 3em;
	padding: 0;
	
	color: #888;
	background: #47442e;

    border-bottom: 1px solid #f00;
    }
#archives h3 {
	height: 1em;
	margin-top: 0;
	padding: 0.5em;
	
	text-align: center;

    color: #fff;
    background: #ccf274;

    border-top: 1px solid #f00;
    border-bottom: 0.75em solid #b7ee00;
	}

#archives h3 span {
	padding: 0.1em;
    color: #47442e;
    background: #fff;
	
	}

#archives > ul {
/*	margin: 0;
	margin-top: 2.5em;

*/	   
	padding-right: 1em;
    }	

#archives h4 {
	font-family: "Georgia", serif;
	font-weight: normal;
	
	color: #cdceae;
}
	
#archives ul {
	list-style-type: none;
    }

#archives .article a {
    color: #ccf274;
    background: none;
    }
#archives .article a:visited {
    color: #ccc;
    background: none;
    }
#archives .article a:hover {
    color: #47442e;
	background: #fff;
    }
#archives .article a:visited:hover {
    text-decoration: line-through;
    }

#archives .article.active a {
	font-weight: bold;
	text-decoration: none;
	
	color: #fff;
	background: #47442e;
	
	}
#archives .article.active a:hover {
    color: #47442e;
	background: #fff;
    }

#archives .date { 
    }

.lernliste li { font-size: 1.75 em; }
.lernliste li li { font-size: 0.8 em; }
.lernliste li li li { font-size: 0.8 em; }
.lernliste li li li li { font-size: 0.8 em; }
.lernliste li li li li li { font-size: 0.8 em; }

#content ul.gallery {
	width: 100%;
	overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 1;
    background: #999;
    }
#content .gallery li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    }
#content .gallery li a {
    margin: 0;
    padding: 0;
    }
#content .gallery li a img {
    margin: 0;
    padding: 0;
    border: 1px solid trans;
    }
#content .gallery + * {
    clear: both;
    }