/*
	color definitions:

		#E9E9E9 (body bg)

		#AB7733 (headings)
		RGB, decimal: 	171 119 51
		HSB:		34 70 67

		#AB4733 (links)			
		RGB, decimal:	171 71 51
		HSB:		10 70 67

		#783224 (example blocks, dark border)
		RGB, decimal:	120 50 36
		HSB:		10 70 47

		#DE9B43 (example blocks, bright border)
		RGB, decimal:	222 155 67
		HSB:		34 70 87

		#DED9D3 (example blocks, background)
		RGB, decimal:	222 217 211
		HSB:		34 5 87
*/


body {
        background-image:       url("blogbg.png");
        background-color:       #E9E9E9;
        /* background-attachment:  fixed; */
        background-position:    center;
        background-repeat:      repeat-y;
	font-size:		10pt;
	font-family:		Georgia, "Times New Roman", Times, serif;
	line-height:		200%;
}

/* ======================== http://jendryschik.de/wsdev/einfuehrung/css/breite-und-hoehe 
                            http://jendryschik.de/wsdev/einfuehrung/eigenschaften/breite-und-hoehe
*/
/* Für kaputte Browser */
body {
  /* Alle Inhalte horizontal zentrieren */
  text-align: center;
}
body * {
  /* Textausrichtung korrigieren */
  text-align: left;
}
/* ======================== */




div.topdiv {
        width:                  642px;
        margin-left: 		auto;
        margin-right: 		auto;
}

div.topdiv#footer p {
	text-align:		center;
	border-top:		solid 1px #aaa;
	width:			66%;
	margin-top:		5ex;
        margin-left:            auto;
        margin-right:           auto;
	margin-bottom:		0ex;
	padding-top:		0.5ex;
}

div.topdiv#footer  {
        text-align:             center;
}
div.topdiv#footer p + p {
        margin-top:             0ex;
}


img#title {
        border: 		1px #000 solid;
}

/* =================================================
    Teaser
   ================================================= */

div.articleteaser h1 {
	font-size: 		180%;
	line-height:		2ex;
}

div.articleteaser div.intro {
	margin-top: 		1em;
	margin-bottom: 		1em;
}

div.articleteaser div.intro:first-letter {
        font-weight:            bold;
        float:                  left;
        font-size:              300%;
        color:                  #aaa;
}

/* =================================================
    Blockelements
   ================================================= */


h1, h2, h3, h4, h5, h6, p.h7, th {
        font-family:            "Trebuchet MS", sans-serif;	
	font-weight:		bold;
        color:                  #AB7733;
}

h1 {
        font-size:              150%;
	margin-top:		2ex;
}

h2 {
        font-size:              130%;
}

h3 {
        font-size:              120%;
}

h4, h5, h6, p.h7, th {
        font-size:              110%;
}

th {
	vertical-align:		top;
}

pre.example {
	padding:		3px 3px 3px 2em;
	background-color:	#DED9D3;
	border-bottom:		solid 1px #783224;
	border-right:		solid 1px #783224;
	border-top:		solid 1px #F7AC4A;
        border-left:            solid 1px #F7AC4A;
}
.ok {background: #9f9;} 
.warning {background: #FFD780;} 
.error {background: #f99;}


div.video {
	text-align:		center;
}


caption {
	text-align:		center;
	font-weight:		bold;
}

pre {
        line-height:            150%;
	font-size:		90%;	
}

div.meta > span {
	border-bottom:		solid 1px #000;
}

div.downloads {
	font-size:		small;
}


img.blockimg {
	margin: 3px; 
}
div.imgcontainer {
	text-align:		center;

}

/* =================================================
    Hyperlinks
   ================================================= */

a:link, a:visited, a:active {
	text-decoration:	none;
	font-weight:		bold;
	color:			#AB4733;
}

a.plainlink img {
	border:			none;
}