/* !=== wrappers and containers ===  */

body {
	background: url(/gifs/rete-logo-footer.gif) center bottom no-repeat;
}

#contentWrapper {
	margin-bottom: 21px;
	padding-bottom: 21px;
	background: url(/gifs/horizontal-line.gif) 0 100% repeat-x;
/* 	background: url(/gifs/vertical-line.gif) 515px 0 repeat-y; */
}

/* !=== header === */

#header {
	height: 84px; 
	margin: 0; 
	padding: 0;
/* 	background: #ffc;  */
}


#header #homeLink a {
	display: block;
	width: 540px;
	height: 84px;
	text-indent: -5000px;
	background-image: url(/gifs/rete-logotype.gif); 
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	font: normal normal 63px/1 Garamond, Georgia, "Times New Roman", Times, serif;
}


#header #homeLink a:link, 
#header #homeLink a:visited {
	background-position: 0 0;
}

#header #homeLink a:hover {
	background-position: 0 -84px;
}


/* !=== nav === */

#nav { 
	background: url(/gifs/horizontal-line.gif) left bottom repeat-x;
	margin: 0 0 21px 0;
	padding:0;
}

#nav ul { 
	margin:11px 0 3px 0;
	padding:3px 0;
	list-style: none;
	text-align: center;
	border-top: 1px solid #b1be9c;
}

#nav li {
	display:inline;
	margin:0;
	padding:0 6px 0 3px;
}

#nav li a {
	margin: 0;
	padding:1px 4px;
	text-decoration: none;
	font-weight: bold;
}

#nav li a:link { color: #637e3a; }

#nav li a:visited { color: #601d22; }

#nav li a:hover {
	color: #313e1c;
}

#nav #navHome, 
#nav #navEnglisch, 
#nav #navErdkunde, 
#nav #navBiologie, 
#nav #navLernen, 
#nav #navNotizen,
#nav #navArchiv {
	border-right: 1px solid #b1be9c;
}

#nav #navHome a,
#nav #navArchiv a, 
#nav #navKontakt a { font-weight: normal; }

#nav .currentSec a:link,
#nav .currentSec a:visited {
	background-color: #ac7837; /* #4a5e2b; */
	color: #fff;
/* 	background-image: url(/gifs/corner-ornament.png); */
/* 	background-position: top left; */
/* 	background-repeat: no-repeat; */
}

#nav .currentSec a:hover {
	background-color: #805929;
	color: #fff;
}


/* !=== content ===  */

/* !---  headline image replacement --- */

#sec-englisch h2, .h2-englisch	{ background-image: url(/gifs/h2-englisch.gif); }
#sec-erdkunde h2, .h2-erdkunde	{ background-image: url(/gifs/h2-erdkunde.gif); }
#sec-biologie h2, .h2-biologie	{ background-image: url(/gifs/h2-biologie.gif); }
#sec-lernen h2, .h2-lernen		{ background-image: url(/gifs/h2-lernen.gif); }
#sec-notizen h2, .h2-notizen	{ background-image: url(/gifs/h2-notizen.gif); }
#sec-kontakt h2		{ background-image: url(/gifs/h2-kontakt.gif); }
#sec-archiv h2		{ background-image: url(/gifs/h2-archiv.gif); }
#sec-impressum h2	{ background-image: url(/gifs/h2-impressum.gif); }
#sec-kontakt h2		{ background-image: url(/gifs/h2-kontakt.gif); }
#sec-websiteinfo h2	{ background-image: url(/gifs/h2-ueber-rete.gif); }
#sec-stichwort h2	{ background-image: url(/gifs/h2-stichwort.gif); }
#sec-abo h2			{ background-image: url(/gifs/h2-abo.gif); }
#sec-suche h2		{ background-image: url(/gifs/h2-suche.gif); }

.h2-fehler			{ background-image: url(/gifs/h2-fehler.gif); }

#sec-stichwort .box h3 { margin-bottom: 21px; }
 

/* article list  */
.articleList {
	margin:0 0 21px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #dfded8;
	border-left: 1px solid #dfded8;
/* 	background: #ffc; */
}

#sec-home .articleList {
	margin-bottom: 42px;
}

#content .articleList h3 {
	font-family: "Lucida Sans", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1428571em; /* 16px */
/* 	font-size: 1.2857143em;  18px */
	line-height: 21px;
	font-weight: bold;
	margin: 0 0 21px 0;
	padding: 0 0 0 21px;
/* 	text-indent: 25px; */
/* 	background:  url(/gifs/paragraph-ornament.png) 19px 0 no-repeat; */
}

#content #homeFirstArticle {
	border: none;
	margin-top: 0;
	padding-top: 0;
	border-bottom: 1px solid #dfded8;
	margin-bottom: 41px; /* 1px less because of the border  */
}

#content #homeFirstArticle h3 {
	margin-bottom: .75em; 
	padding: 0;
	font-size: 2em; 
	line-height: 1.5; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #637e3a;
}


#content .articleList h3 a {
	display: block;
	padding-left: 27px;
	background:  url(/gifs/paragraph-ornament.png) 0 0 no-repeat;	
}

#content #homeFirstArticle h3 a {
	color: #637e3a;
	padding-left: 0;
	background-image: none;
}

#content #homeFirstArticle p { padding-left: 0; margin-bottom: 1.5em; }

#content .articleList p { 
	margin: 0 0 0 0;
	padding: 0;
	padding-left: 21px; 
}

/*
#content .articleList ul, 
#content .articleList h4,
#content .articleList h5,
#content .articleList h6 {
	padding-left: 21px;
}  
*/ 

#content #postRelatedArticles .current { display: none; }

#content p.meta, 
#content p.meta a:link,
#content p.meta a:visited { color: #666; }

#content .articleList p.meta a:hover { color: #333; }

#content .articleList p.meta { 
	font-size: .875em;
	line-height: 21px;
	margin:21px 0 0 0;
	padding:0 0 0 21px;
}

/* individual articles  */	
.post { 
	padding-bottom: 0; 
	margin-bottom: 20px;
	border-bottom: 1px solid #fff; 
	background: url(/gifs/horizontal-line.gif) bottom left repeat-x;
}	

#content .post p.meta { 
	clear: both;
	margin:21px 0 3px 0;
	padding:9px 21px;
	font-size: 12px; 
	line-height: 21px; 
}

#content .post p.meta,
#content .post p.meta a:link,
#content .post p.meta a:visited {
	color: #333;
	background-color: #dfded8;	
}

#content .post p.meta a:hover { color: #fff; background-color: #666; text-decoration: none; }

#content .post .meta .likeIt { color: #80272d; }

/* images inside an anchor tag are thumbnails - it's ok to force the old ones into fixed dimensions */
#content .post  a img,
#content #homeFirstArticle  a img { 
	padding-bottom: 21px; 
	background-image:url(/gifs/icon-lupe.gif); /* icon for "see larger version" */
	background-position: bottom right;
	background-repeat: no-repeat;
}

#content a.floatR img,
#content  img.floatR { 
	float: right;
	margin: 0 0 21px 20px;
}


#content .post a:hover img {
	background-color: #d8dfce;
}

/* this class is usually applied to img-surrounding anchor tags */
#content .post .leftFloat, /* legacy classes */
#content .post .floatL {
	float: left;
	margin: 0 20px 21px 0;
	padding: 0;
	border: none;
}

#content .post .leftFloat img, /* legacy classes */
#content .post .floatL img {
	margin: 0;
}


#content .post img.stdAloneImg,
#content .post img.blockImg {
	display: block;
	float: none;
	margin:21px 0;
	padding: 0;
}

#content .post img.inlineImg {
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

/* "zufaellig ausgewaehlt" in der "related articles" box am ende jedes beitrags */
#container #content .post .note h5 span {
	font-size: .9em;
	text-transform: none;
	color:#666;
}

#content .teaser .buchtippTitle {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .2em;
	color: #426127;
}


/* hReview Buchbesprechung (Microformats) */
#dtreviewed { display: none; } /* das Datum im hReview Format wird ausgeblendet */

.photo { 
	float: right; 
	margin: 0 0 21px 21px;
	background: #fff;
	width:190px;
	height: 294px;
}


/* !--- download list for "Materialien" --- */

#content .downloadList,
#content .dloadliste { /* dloadliste is a legacy class */
	list-style: none;
	margin: 21px 0;
	padding:0;
	background-color: #F5F4D7;
/* 	border-top: 1px solid #d5bb9a; */
/* 	border-bottom: 1px solid #d5bb9a; */
}

#content .downloadList li,
#content .dloadliste li{
	font-size: 12px;
	line-height: 21px;
}

#content .downloadList li a,
#content .dloadliste li a {
	display: block;
	padding:10px 21px 11px 84px;
	background-position: 18px 50%; /* background images start with a dot, therefore -3 pixels (18px) with positioning */
	background-repeat: no-repeat;
	font-weight: bold;
}

#content .downloadList a:hover,
#content .dloadliste a:hover 	{ background-color: #e6dcbc; }

#content .downloadList li.doc a,
#content .dloadliste li.doc a 	{ background-image: url(/gifs/icon-doc.gif); }
#content .downloadList li.dot a,
#content .dloadliste li.dot a 	{ background-image: url(/gifs/icon-dot.gif); }
#content .downloadList li.pdf a,
#content .dloadliste li.pdf a 	{ background-image: url(/gifs/icon-pdf.gif); }
#content .downloadList li.zip a,
#content .dloadliste li.zip a 	{ background-image: url(/gifs/icon-zip.gif); }
#content .downloadList li.mp3 a,
#content .dloadliste li.mp3 a 	{ background-image: url(/gifs/icon-mp3.gif); }
#content .downloadList li.htm a,
#content .dloadliste li.htm a 	{ background-image: url(/gifs/icon-htm.gif); }
#content .downloadList li.txt a,
#content .dloadliste li.txt a 	{ background-image: url(/gifs/icon-txt.gif); }

/* !--- tagCloud  ---- */

#tagCloud {
	margin: 0;
	padding: 21px;
	text-align: justify;
	line-height: 26px;
	vertical-align: baseline;
	background: #f0f2eb url(/gifs/corner-ornament.png) top left no-repeat;
}

#tagCloud a:link {  
	color: #5f5c4a;
}

#tagCloud a:hover {  
	color: #3f3d31;
}

#sec-home #tagCloud { margin-top: 0; }

h4.tagCloud { 
	font-family: "Lucida Sans", Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 19px;  
	line-height: 21px;
	margin-bottom: 0; 
	padding: 0;
	color:#666;
}

p.tagCloud { text-align: right; margin-top: 0; color: #666; }

/* !--- twitterFeed  ---- */

#sec-home #twitter_div h5.twitterPosts {
	margin-bottom: 11px;
 	padding: 5px 0 5px;
	text-align: center;
	background: #f4f4d7 url(/gifs/round-corner.png) top left no-repeat;
}

#twitter_div {
	border-bottom: 1px solid #dfded8;
	padding-bottom: 17px;
	margin-bottom: 41px;  /* 1px less because of the border   */
}

/* !--- archive page  ----  */

#sec-archiv h3 { text-align: center; }


.archiveList ul { margin: 0 0 21px 0; padding: 0 0 20px 0; border-bottom: 1px solid #bfbdb1; list-style: none; }

.archiveList li { margin: 0 0 21px 0; padding-left: 10px; font-weight: bold; line-height: 21px; }

.archiveList li.s { padding-top: 10px; padding-bottom:11px; }

.archiveList li span { font-weight: normal; line-height: 21px; }

.archiveList h2 {
	margin-bottom: 0;
	background-position: top left;
	background-repeat: no-repeat;
}

/* !--- page Navigation in archive section --- */

#sec-archiv #pageNavBoxEnglisch #archivePageNavEnglisch,
#sec-archiv #pageNavBoxBiologie #archivePageNavBiologie,
#sec-archiv #pageNavBoxErdkunde #archivePageNavErdkunde,
#sec-archiv #pageNavBoxLernen #archivePageNavLernen,
#sec-archiv #pageNavBoxNotizen #archivePageNavNotizen { 
	display: none; 
}

/* !--- image replacement in archive section --- */
#sec-archiv .h2Englisch 	{ background-image: url(/gifs/h2-englisch.gif); }
#sec-archiv .h2Erdkunde		{ background-image: url(/gifs/h2-erdkunde.gif); }
#sec-archiv .h2Biologie 	{ background-image: url(/gifs/h2-biologie.gif); }
#sec-archiv .h2Lernen	 	{ background-image: url(/gifs/h2-lernen.gif); }
#sec-archiv .h2Notizen	 	{ background-image: url(/gifs/h2-notizen.gif); }

#sec-archiv .h2Material, #sec-home .h2Material	 		{ background-image: url(/gifs/h2-material.gif); }
#sec-archiv .h2Infoartikel, #sec-home .h2Infoartikel 	{ background-image: url(/gifs/h2-infoartikel.gif); }
#sec-archiv .h2Essay, #sec-home .h2Essay		   	 	{ background-image: url(/gifs/h2-essay.gif); }
#sec-archiv .h2Buchtipp, #sec-home .h2Buchtipp		 	{ background-image: url(/gifs/h2-buchtipp.gif); }
#sec-archiv .h2Linktipp, #sec-home .h2Linktipp		 	{ background-image: url(/gifs/h2-linktipp.gif); }



/* !--- Comments and Input Elements --- */

input:focus, textarea:focus { background-color: #F5F4D7; }

#content .comment {
	margin: 20px 0 21px;
	padding: 0;
	border-left: 1px solid #b1be9c;
	
}

#content .comment p.meta { 
	padding:10px 21px 10px;
	margin-bottom: 21px; 
	font-size: 12px; 
	line-height: 21px;
	border-top: 1px solid #b1be9c;
	text-indent: 25px;
	background: #f8f7f0 url(/gifs/paragraph-ornament.png) 18px 9px no-repeat;
}

#content .owner p.meta { background-color: #d8dfce; }


#content .comment .commentMsg {
	padding: 0 21px 0 20px;
}

#content #txpCommentInputForm {
	margin: 21px 0;
	padding: 21px 21px 17px 21px; /* 20px at the bottom because inside the form one input element is 1px off  */
	background-color: #f3edde; 
}

#content #txpCommentInputForm p { 
	font-size: 12px; 
	line-height: 21px; 
}

#content #txpCommentInputForm label { 
	display: block;
	margin: 0;
	padding: 0;
}

#content #txpCommentInputForm textarea, 
#content #txpCommentInputForm input  { 
	margin: 0; 
	padding: 0; 
	font-size: 12px; 
	line-height: 21px; 
}

#content #txpCommentInputForm textarea { width: 379px; height: 210px; }
#content #txpCommentInputForm #commentFormatHint { margin-top: -21px; }

#content #txpCommentInputForm #commentName #commentNameForget label { margin: 0; display: inline; } 

#content #txpCommentInputForm #name,
#content #txpCommentInputForm #email, 
#content #txpCommentInputForm #web { width: 233px; padding: 0 3px; }

/* comment error message */
.commentsError { 
	margin: 21px 0;
	padding: 21px;
	border: 2px solid #9e5b62;
	background-color: #ffc;
}

/* Spam-Blocker - muss leer sein, damit der Kommentar gepostet werden kann */
#importantfield, #htn_antispam { display:none; }


/* ! --- amazon PartnerNet Links --- */

#content p iframe {
	width: 118px;
	height: 270px;
	float: right;
	margin: 0 0 21px 21px;
	padding: 0 0 1px 0;
	border: 1px solid #ccc; 
} 

/* !--- contact form and newsletter (un)subscription form ----  */

#contactForm fieldset,
#newsletterSubscribe fieldset,
#newsletterUnsubscribe fieldset {
	margin: 21px 0;
	padding: 21px 21px 23px 21px; /* 23px at the bottom because inside the form one input element is a little off  */
	background-color: #f3edde;	
}

#contactForm legend, 
#newsletterSubscribe legend,
#newsletterUnsubscribe legend		{ display: none; }

#contactForm .zemRequired 	{ font-weight: bold; }

#contactForm p, 
#newsletterSubscribe p,
#newsletterUnsubscribe p	{ font-size: 12px; line-height: 21px; }

#contactForm label,
#newsletterSubscribe  label,
#newsletterUnsubscribe label { 
	display: block;
	margin: 0;
	padding: 0;
}

#newsletterUnsubscribe #newsletterUnsubCheckbox label { display: inline; margin-left: 10px; }

#contactForm textarea,
#contactForm input,
#newsletterSubscribe textarea, 
#newsletterSubscribe input,
#newsletterUnsubscribe input  { 
	margin: 0; 
	padding: 0; 
	font-size: 12px; 
	line-height: 21px; 
}

#contactForm .textInput input, 
#newsletterSubscribe .textInput input,
#newsletterUnsubscribe .textInput input			{ width:239px; }
#contactForm .textInput textarea 		{ width:379px; height: 210px; }

#searchFormBody  #searchSubmit{ display: inline; margin-left: 5px; }
#searchFormBody .searchInput { width:200px; }


/* !--- feed links in the sidebar and on the "abo" page --- */

.feedLink {
	margin: 0 0 0 0;
	display: block; 
	padding: 10px 0 11px 35px;
	background-image: url(/gifs/feed-icon.png);
	background-position:  2px 50%;
	background-repeat: no-repeat;
}

#content .feedLink	{ margin-left: 21px; }

#sidebar .feedLink:hover	{ background-color: #f4f3d8; }
#content .feedLink:hover	{ background-color: #fff; }
#content #feedList 			{ margin-left:0; padding-left: 0; }
#content #feedList li	 	{ list-style: none; }


/*  ! === sidebar === */

#sidebar .quotations p { 
	font-family: "Hoefler Text", Garamond, Georgia, "Times New Roman", Times, serif; 
	font-size: 17px;
	line-height: 21px; 
	text-indent: 35px;
	margin:0 0 20px 0;
	padding: 0;
	background: url(/gifs/paragraph-ornament-white.gif) top left no-repeat;
}

#sidebar .quotations p em { display: block; text-align: right; } 


/* related articles list */
#sidebar .relatedArticles,
#sidebar .recentArticles { 
	margin-left: 0; 
	padding-left: 0; 
	list-style: none;
}

#sidebar .relatedArticles li,
#sidebar .recentArticles li {
	margin: 0; 
	padding:0; 
}

#sidebar .relatedArticles li a,
#sidebar .recentArticles li a {
	display: block;
	margin:0;
	padding: 10px 3px 10px 30px;
	border-bottom: 1px solid #bfbdb1; 
	background-image: url(/gifs/paragraph-ornament.png);
	background-position: 3px 10px;
	background-repeat: no-repeat;
}

#sidebar .recentComments {
	font-size: 12px; line-height: 21px;
	margin-left: 0; 
	padding-left: 0; 
	list-style: none;	
}

/* the article currently read is taken out of the list  */
#sidebar .relatedArticles .current,
#sidebar .recentArticles .current { display: none; }


/*  ! === search form ===  */

#searchForm { margin: 21px 0; }

#searchForm #searchInput { width: 189px; margin: 0 0 5px 1px; padding: 0; }
#searchForm #searchSubmit { display: block; margin: 0 0 16px 1px; padding: 0; }


#sec-home #archiveLink {
	font-family: "Lucida Sans", Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 19px; 
	line-height: 21px; 
	margin-bottom: 42px; 
	padding: 0;
}

#sec-home #archiveLink a {
	color: #637e3a;	
}

#sec-suche .articleList .searchExcerpt strong { background-color: #637e3a; color: #fff; }

#sec-suche h3 { padding-left: 21px; }


/* ! === delicious widget on the homepage === */

#delicious-posts-AndreasKalt {
	margin: 21px 0;
	padding: 20px;
	border: 1px solid #bfbdb1;
}

#delicious-posts-AndreasKalt h2 {
/* 	display: block; */
/* 	background-image: url(/gifs/h2-delicious.gif); */
	text-indent: 0;
	font-size: 16px; 
	line-height: 21px; 
	margin-bottom: 0; 
}

#delicious-posts-AndreasKalt h2 a {
	color: #637e3a;
	text-decoration: none;
}

#delicious-posts-AndreasKalt h2 a:hover { background-color: #fff; }

#delicious-posts-AndreasKalt ul { margin-bottom: 0; }

#delicious-posts-AndreasKalt ul li {
	list-style: square;
}

#delicious-posts-AndreasKalt ul li p {
	margin: 0;
	padding: 0;
}

/*  ! === tag cloud on the homepage === */

#sec-home #tagCloud { margin-bottom: 42px; }


/*  ! === footer === */

#footer {  
	margin: 0;
	padding:0 0 21px 0;
}

#footer #jumpTop { text-align: right; }