/*

Theme Name: Tears of Joy: Sky
Theme URI: http://strictly-html.de/
Description: based upon sketches by Claus Grütering
Version: 1.1
Author: Arnd H. Fricke
Author URI: http://strictly-html.de/
Version: 1.0
Tags: white, blue, liquid width, accessible, XHTML1.0 strict, editor-style
License: proprietary, customer only, all rights reserved

*/

body
{
	font-family:Verdana,sans-serif;
	font-size:100%;
	color:black;
	 background:#eef1f6  url(./images/blatt_blass.png) top left no-repeat; 
	/* background:#eef1f6 url(./images/hg_body_toj_alternativ2.jpg) fixed top left no-repeat; */
}

html,body,div,p,ul,ol,li,dl,dd,dt,blockquote,address,h1,h2,h3,h4,h5,h6,img,form,fieldset
{
	margin:0;
	padding:0;
}

#page
{
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	position:relative;
}

body.single #page
{
	max-width:70em;
}


.nodisplay
{
	display:none !important;
}

.noscreen
{
	position:absolute !important;
	left:-1000px !important;
	visibility:hidden !important;
	height:0 !important;
	width:0 !important;
}

#header
{
	font-size:200%;
	position:absolute;
	top:2em;
	right:1em;
	width:7em;
	z-index:5;
}
#header h2
{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	text-align:center;
	font-variant:small-caps;
	line-height:1.1;
}

#header h2 a:link,
#header h2 a:visited
{
	text-decoration:none;
	color:#24170e;
	opacity:.7;
}
#header h2 a:hover,
#header h2 a:active,
#header h2 a:focus
{
	text-decoration:none;
	color:#24170e;
	opacity:1;
}

#header em.description
{
	display:block;
	margin:0;
	font-size:33%;
	font-weight:normal;
	font-style:italic;
	letter-spacing:.2em;
	font-variant:normal;
	color:white;
}

/*
#header h2:hover em,
#header a:focus+em
{
	color:black; 
	visibility:hidden;
}
*/


#content
{/*
	margin:0 0 1em 1em;
	padding:0 17em 2em 1em;*/
	margin:0 17em 1em 1em;
	padding:0;
	color:black;
}

#content h1 a:link
{
	text-decoration:none;
	color:#24170e;
}

#content.index 
{
	margin-top:2em;
}

#content.index h1
{
	color:black;
	text-align:center;
	font-size:120%;
	font-weight:normal;
	font-variant:small-caps;
	margin:0 0 .5em 0;
	
}

#content.index h1 small
{
	font-size:76%;
	font-variant:normal;
}

#content.index .post
{
	background:white;
	width:16em;
/* 	height:16em; */
	float:right;
	font-size:86%;
	margin:0 .5em 2em 0;
	padding:0;
	position:relative;
	border:1px dotted #7897be;
	cursor:default;
}

#content.index .post:hover
{
	border:1px solid #7897be;
}


#content.index .post h2
{
	font-size:110%;
	font-weight:normal;
	color:#7897be;
	text-align:center;
	font-variant:small-caps;
	margin:0;
	padding:.1em;
}


#content.index .post h2 a:link
{
	border-bottom:1px solid #7897be;
}
#content.index .post h2 a:visited
{
	border-bottom:1px dotted #7897be;
}

#content.index .einleitung
{
	height:14em;
	padding:0;
	overflow:auto;
}

#content.index .einleitung h2+h2
{
	display:none;
}

#content.index .weiter
{
	margin:.5em 0 0 0;
	text-align:right;
	font-weight:bold;
	font-size:93%;
	visibility:hidden;
}
#content.index .weiter span
{
	position:absolute;
	height:0;
	width:0;
	overflow:hidden;
}
#content.index .einleitung a
{
	text-decoration:none;
}
#content.index .einleitung:hover .weiter
{
	visibility:visible;
}
/*
#content.index .weiter:after
{
	content:" →";
}*/

#content.index .einleitung p
{
	font-size:86%;
	margin:0;
	padding:.5em;
	text-indent:0;
}

#content.index .datum_autor
{
 	background:#7897be; 
	text-align:center;
	font-size:76%;

}
#content.index .postmetadata
{
	height:2em;
	overflow:hidden;
	background:#ddd;
	padding:2px;
	margin:0;
	font-size:76%;
}

#content.index .catlink
{
	float:left;
	padding-left:4px;
}
#content.index .catlink a
{
	color:#24170e;
	text-decoration:none;
}
#content.index .commentlink a
{
	float:right;
	border:1px solid #7897be;
	color:#24170e;
	border-radius:1em;
	-moz-border-radius:1em;
	-khtml-border-radius:1em;
	-webkit-border-radius:1em;
	padding:2px;
	font-size:120%;
	text-decoration:none;
}
#content.index .commentlink a:link,
#content.index .commentlink a:visited
{
	background:white;
}

#content.index .einleitung img
{
	display:block;
	margin:auto;
}

#content.single .datum_autor
{
/* 	float:right; */
	max-width:none;
	font-size:86%;
	font-weight:normal;
	color:white;
 	background:#7897be; 
	text-align:right;
/* 	line-height:1; */
	margin:0;
	padding:1px 0 1px 0;
/* 	padding:.3em 1em 0 0; */
}


#content .post h1
{
/* 	background:#7897be; */
/* 	color:#24170e; */
	color:#7897be;
	text-align:left;
	font-size:120%;
	font-weight:normal;
	font-variant:small-caps;
	margin:0;
	padding:.1em 0 .1em 24px;
}

#content.single h2
{
	color:black;
	margin:1em 0 3.5em 24px;
	padding:0;
	font-size:93%;
	font-weight:bold;
}
#content.single h3
{
	margin:3em 0 1em 0;
	border-left:22px solid #7897be;
	padding:0 0 0 2px;
	font-size:100%;
	font-weight:bold;
}

#content.single h4
{
	margin:1em 0 .5em 24px;
	padding:0;
	font-size:93%;
	font-weight:bold;
}

h1+h2,h2+h3,h3+h4
{
	margin-top:0;
}

.entry+h2
{
	margin-top:0;
}


#content.single p
{
	padding:0 1em 0 24px;
	margin:0 0 3em 0;
	font-size:93%;
	max-width:36em;
	line-height:1.4;
	text-align:left;
}


#content.single p+p
{
	/* margin-top:.5em; */
	text-indent:1em;
}
#content.single .parole+p
{
	text-indent:0;
}


#content.single ul, #content.single ol
{
	padding:0;
	margin:1em 0 1em 4em;
	list-style:square;
}
#content.single ul
{
	list-style:square;
}
#content.single li
{
	font-size:93%;
	max-width:36em;
	margin: 0 0 2em 0
}





#content.single p.intro,
#content.single h2+p
{
	/* font-size:76%;*/
	/* font-weight:bold; */
/* 	color:#7897be; */
}

#content 

#content.single h2+p+p
{
	text-indent:0;
	margin-top:1em;
}

#content.single div.einleitung p
{
	font-size:93%;
	font-weight:normal;
}


#content.single .gedicht_kurz
{
	text-indent:0;
	line-height:3;
	margin-left:2em;
}
#content.single .gedicht_lang
{
	text-indent:0;
	line-height:2;
	margin-left:2em;
}

#content.single address
{
	line-height:1.4;
	margin:1em 0 1em 2em;
	font-style:italic;
/* 	font-size:86%; */
}

#content.single blockquote
{
	background:url(./images/blockquote.gif) right no-repeat;
	margin:2em;
	padding:0 0 0 1em;
	font-style:italic;
	line-height:1.6;
}
#content.single blockquote cite
{
	display:block;
	text-align:right;
}

abbr
{
	cursor:help;
	border-bottom:2px dotted #7897be;
}

del
{
	text-decoration:line-through;
}
ins
{
	text-decoration:underline;
	border-bottom:1px solid black;
}

#content.single .post
{
 	background:white;
	margin:0;
	padding-top:2em;
	max-width:65em;

	border-left:1px solid #7897be;
	border-right:1px solid #7897be;
}




#content a:link
{
	color:#24170e;
	text-decoration:underline;
}
#content a:visited
{
	color:#7897be;
	text-decoration:underline;
}
#content a:hover,
#content a:active,
#content a:focus
{
	color:#24170e;
	text-decoration:none;
	background:#fff9b9;
}


#content a img
{
	border:1px dotted #7897be;
	padding:1px;
}
#content a:hover img,
#content a:active img,
#content a:focus img
{
	border:1px solid #7897be;
	padding:1px;
}


#content a.link_extern
{
	padding-right:18px;
	background:url(./images/exit.gif) right no-repeat;
}

#home #content h1 a,#home  #content h2 a, #home #content h3 a
{
	text-decoration:none !important;
	display:block;
}



#content.single p.weiter
{
	clear:both;
	text-align:right;
	max-width:none;
}


#content.single a.more-link
{
	display:block;
	font-size:93%;
	font-style:italic;
}



#content.single .postmetadata
{
	clear:both;
	background:#ddd;
	padding:.2em 0 .2em 2em;
	font-size:76%;
	max-width:none;
}
#content.single .postmetadata p
{
	max-width:none;
}


#content.single .box1
{
	clear:left;
	float:left;
	margin:0 1em 1em 0;
	padding:.5em;
	font-size:86%;
	font-style:italic;
}
#content.single .box2
{
	clear:right;
	float:right;
	margin:0 0 1em 1em;
	padding:.5em;
	font-size:86%;
	font-style:italic;
}
#content.single .textbox1
{
	width:8em;
	clear:left;
	float:left;
	margin:0 1em 1em 0;
	padding:.5em;
	border:1px solid gray;
	background:#eee;
}
#content.single .textbox2
{
	width:8em;
	clear:right;
	float:right;
	margin:0 0 1em 1em;
	padding:.5em;
	border:1px solid gray;
	background:#eee;
}





#content p.toplink,
#content p.zu_komment
{
	clear:both;
	float:right;
	margin:0 1px 1em 0;
	text-align:right;
	max-width:none;
}

#content .toplink a,
#content .zu_komment a
{
	font-size:76%;
	padding-right:15px;
	text-decoration:none;
	color:#7897be;
}

#content .zu_komment a
{
	background:url(./images/runter.gif) right no-repeat;
}
#content .toplink a
{
	background:url(./images/rauf.gif) right no-repeat;
}



#content.single del
{
	color:gray;
	text-decoration:line-through;
}
#content.single ins
{
	background:#ffffcc;
	text-decoration:none;
}

#content.single .alignright
{
	max-width:none;
	display:block;
	clear:right;
	float:right;
	text-align:center;
	font-size:76%;
	margin:0 0 1em 1em;
}
#content.single .alignleft
{
	max-width:none;
	display:block;
	clear:left;
	float:left;
	text-align:center;
	font-size:76%;
}

#content.single p.unterschrift
{
	clear:both;
	margin-top:1em;
	text-align:right;
	font-variant:small-caps;
}

#content.single p.abschnitt
{
margin-top:3em;
text-indent:0;
}


#content .prevnext
{
	display:block;
	width:16em;
	float:right;
	font-size:86%;
	margin:0 .5em 2em 0;
	padding:1px;
}

#content .prevnext img
{
	margin-top:3em;
	width:53px;
	height:64px;
	border:none !important;
}

#content #prev {text-align:left}
#content #next {text-align:right}

#content #prev img
{
	background:url(./images/vor.gif) center no-repeat;
}
#content #next img
{
	background:url(./images/rueck.gif) center no-repeat;
}
#content a:hover #prev img
{
	background:url(./images/vor_hover.gif) center no-repeat;
}
#content a:hover #next img
{
	background:url(./images/rueck_hover.gif) center no-repeat;
}



#content .vor_rueck
{
	clear:both;
	margin:1em 0 1em 0;
	padding:1em;
	font-size:76%;
	border:1px solid #eee;
}

.vor
{
	display:block;
	float:right;
	padding:0 16px 0 0;
	background:url(./images/re.gif) right no-repeat;
}
.rueck
{
	display:block;
	float:left;
	padding:0 0 0 16px;
	background:url(./images/li.gif) left no-repeat;
}

.clearer
{
	clear:both;
}

dl
{
	margin-left:24px;
}

dl dt
{
	font-size:93%;
	font-weight:bold;
	width:10em;
	float:left;
	margin: 0 0 0 0;
}

dl dd
{
	font-size:93%;
	margin: 0 0 1em 11em;
}

#content.single dd address
{
	font-style:normal;
	line-height:1.3;
	margin-left:0;
	margin-top:0;
	padding-left:0;
	padding-top:0;
}







/* Kommentare */

#kommentare
{
	padding:0;
	margin:3em 0 0 0;
	font-family:Courier,monospace;
}

#content #kommentare h2
{
	font-family:Verdana,sans-serif;
	color:white;
	background:#7897be;
	font-weight:normal;
	font-size:120%;
	margin:0;
	padding:2px 2px 2px 24px;
}


#kommentare ol li
{
	list-style:none;
	padding:0;
	margin:0;
	max-width:none !important;
}

#kommentare fieldset
{
	clear:both;
	border:none;
}
#kommentare fieldset p
{
	text-indent:0 !important;
	margin:0 !important;
	padding:0;
	max-width:none !important;
}


#kommentare fieldset .input_metadata
{
	width:12em;
	padding:.5em;
	float:left;
	text-align:right;
	background:#ddd;
}

#kommentare fieldset legend
{
	display:none;
}


#kommentare fieldset label
{
	font-size:93%;
	font-weight:normal;
}

#kommentare fieldset input
{
	font-size:100%;
	font-family:Courier,monospace;
	display:block;
	width:11em;
	border:1px solid #ddd;
	padding:1px;
	margin:0;
}
#kommentare fieldset textarea
{
	font-size:100%;
	font-family:Courier,monospace;
	margin:0;
	border:1px solid #ddd;
	padding:12px 5px 5px 26px;
	width:30em;
	height:16em;
	background:white url(./images/zitatpfeil.gif) top left repeat-y;
}
#kommentare fieldset textarea:focus
{
	border:1px solid #7897be;
}


#kommentare input#submit
{
	position:relative;
	bottom:2em;
	font-family:Verdana,sans-serif;
	font-size:93%;
	font-weight:bold;
	color:white;
	cursor:pointer;
	background:#7897be;
	border:1px solid #7897be;
}

#kommentare input#submit:hover,
#kommentare input#submit:active,
#kommentare input#submit:focus
{
	border:1px solid black;
}


#kommentare .commentlist
{
	/* background:white; */
	font-family:Courier,monospace;
	font-size:100%;
	margin:0;
	padding:0;
	padding:0 !important;
	margin:0 !important;
	max-width:none;
}

#kommentare b
{
	color:red;
}

.commentlist strong
{
	font-weight:normal;
	letter-spacing:.2em;
}

.commentlist li
{
	clear:left;
	margin:0;
	padding:0;
	max-width:none;
	padding:0 !important;
	margin:0 !important;
}


.commentlist li blockquote p.commentmetadata
{
	width:13em;
	padding:1em 2em 2em 0 !important;
	float:left;
	text-align:right !important;
	 background:#ddd;
/* 	background:#7897be; color:white; */
}
#kommentare .commentlist blockquote
{
	text-align:right;
	margin:0;
	padding:0;
	font-style:normal;
	background:none;
}
#kommentare .commentlist blockquote cite
{
	font-style:normal;
	display:inline;
}

#kommentare blockquote p
{
	text-indent:0 !important;
	margin:0 0 1em 0 !important;
}
.commentlist li.Trackback blockquote
{
	border:1px dotted #1da51d;
	background:url(./images/tb12.gif) bottom right no-repeat;
}

.commentlist .comment_text
{
	font-size:100%;
	border:1px solid #ddd;
	margin:0 0 1em 13.5em;
	padding:12px 5px 5px 12px;
	min-height:8em;
	background:white url(./images/zitatpfeil.gif) top left no-repeat;
}


.commentlist .claus .comment_text
{
	background:white url(./images/zitatpfeil_admin.gif) top left no-repeat;
}


.commentlist cite a:link.url,
.commentlist cite a:visited.url
{
	padding-right:20px;
	background:url(./images/exit.gif) right no-repeat;
}
.commentlist cite a:hover.url,
.commentlist cite a:active.url,
.commentlist cite a:focus.url
{
	padding-right:20px;
	background:#ddd url(./images/exit-ani.gif) right no-repeat !important;
}



.commentmetadata a img
{
	border:none;
}

.rsslink a
{
	padding-right:14px;
	background-image:url(./images/rss12.png) !important;
	background-position:right !important;
	background-repeat:no-repeat !important;
}
a.tb
{
	padding-right:14px;
	background-image:url(./images/tb12.png) !important;
	background-position:right !important;
	background-repeat:no-repeat !important;
}

#kommentare a:link
{
	color:#7897be;
	text-decoration:underline;
}
#kommentare a:visited
{
	color:#24170e;
	text-decoration:underline;
}
#kommentare a:hover,
#kommentare a:active,
#kommentare a:focus
{
	color:#7897be;
	text-decoration:none;
	background:#ffffcc;
}



/* Sidebar */

#sidebar
{
	background:#afbdd0 url(./images/blatt.jpg) bottom center repeat-y;
	position:fixed;
	top:0;
	right:2em;
	z-index:4;
	width:14em;
	padding:0;
/* 	border-left:1px dashed #7897be; */
/* 	border-right:1px dashed #7897be; */
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
	text-align:center;
}
#sidebar h6
{
	font-size:200%;
	font-variant:small-caps;
	font-weight:normal;
	color:white;
	padding:0;
	margin-top:2em;
	margin-bottom:0;
	line-height:1.1;
	position:relative;
	top:1px;
	left:1px;
}

#sidebar em.description
{
/* 	display:none; */
	display:block;
	font-size:33%;
	font-weight:normal;
	font-style:italic;
	letter-spacing:.2em;
	font-variant:normal;
/* 	background:white; */
/* 	border-radius:4px; */
/* 	color:white; */
	color:black;
/* 	opacity:.7; */
	margin:0;
}

#sidebar h6 a
{
	opacity:.5;
	color:white;
	text-decoration:none;
}
#sidebar h6 a:hover,
#sidebar h6 a:active,
#sidebar h6 a:focus
{
	color:white;
	opacity:.7;
}


#sidebar #sb_1
{
	font-size:86%;
/* 	width:15em; */
	padding-top:4em;
/* 	float:left; */
/* 	background:url(./images/teppich.jpg) bottom left no-repeat; */
}


#sidebar #sb_2
{
	font-size:86%;
/* 	width:15em; */
/* 	float:left; */
}

#sidebar ul
{
	list-style:none;
	margin:0;
	padding:0;
	background:url(./images/w30.png) repeat;
	font-size:93%;
}

#sidebar h2,#sidebar h3
{
	font-size:100%;
	font-weight:normal;
	font-variant:small-caps;
	background:#7897be;
	margin-top:.5em;
}


#sidebar #sb_1 h2,
#sidebar #sb_1 h3,
#sidebar #searchform label
{
	color:#24170e;
}


#sidebar li a:link,
#sidebar li a:visited
{
	color:#24170e;
	text-decoration:none;
	padding:1px;
	display:block;
}

#sidebar li a:hover,
#sidebar li a:active,
#sidebar li a:focus
{
	text-decoration:underline;
}


#sidebar #sb_2 .blogroll a
{
	padding-right:18px;
	background:url(./images/exit.gif) right no-repeat;
}

#sidebar #sb_2 li.linkcat
{
	margin-left:0;
	list-style:none;
}
#sidebar #sb_2 li.linkcat ul
{
	margin-left:0;
}


#sidebar #rss
{
	position:absolute;
	right:5px;
	top:5px;
	z-index:99;
}

/*
#sidebar #rss li,
#sidebar #rss li a
{
	display:inline;
}*/

#sidebar #rss a:link, #sidebar #rss a:visited
{
	text-indent:-10em;
	overflow:hidden;
	height:38px;
	width:38px;
	background:transparent url(./images/rss38.png) center no-repeat !important;
	border:none;
	padding:0;
}
#sidebar #rss a:hover, #sidebar #rss a:active, #sidebar #rss a:focus
{
	background:transparent url(./images/rss38.gif) center no-repeat !important;
	border:none;
	padding:0;
}

#sidebar #archive li,
#sidebar #archive li a
{
	font-size:93%;
	display:inline;
}

#searchform
{
	margin-bottom:1em;
}

#searchform fieldset
{
	width:100%;
	padding:0;
	border:0;
}

#searchform  label
{
	display:block;
	font-size:93%;
	font-weight:normal;
	background:#7897be;
	color:white;
	padding:1px 3px 1px 3px;/* wie h3*/
	margin:.5em 0 .5em 0;
	cursor:pointer;
}

#searchform input#s
{
	border:1px solid #111;
	background:#fcfcfd;
	padding:3px;
	width:14em;
	background:transparent url(./images/lupe.gif) left center no-repeat;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
}
#searchform input#s:focus
{
	border:1px solid #7897be;
	background:white url(./images/lupeblass.gif) left center no-repeat;
}

#searchform input#searchsubmit
{
	background:white;
	border:none;
	padding:0;
	font-size:93%;
	cursor:pointer;
}
#searchform input#searchsubmit:hover,
#searchform input#searchsubmit:active,
#searchform input#searchsubmit:focus
{
	text-decoration:underline !important;/* Keine Chance */
	border-bottom:1px solid #24170e;
}

.suche #searchform input#s
{
	font-size:120%;
	width:22em;
	background:white url(./images/lupe.gif) left center no-repeat;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
}

.suche #searchform fieldset
{
	margin-left:24px;
}




#sidebar .current_page_item ul,
#sidebar .current_page_ancestor ul
{
	display:block;
}

p#logout
{
	font-size:76%;
	position:fixed;
	bottom:0;
	right:0;
	z-index:99 !important;
	background:white;
	border:2px dotted red;
	font-weight:bold;
	width:10em;
	padding:.5em;
	text-align:center;
}




/* Juengste Kommentare */

#recent_comments blockquote
{
	font-family:Courier,Courier,monospace;
	font-size:100%;
	margin: .5em 0 .5em 0;
	padding:.5em;
	background:white;
	border:1px solid #ddd;
	text-align:left;
}
#recent_comments blockquote cite
{
	display:block;
	font-style:normal;
	text-align:right;
}







#footer
{
	clear:both;
	margin:2em 17em 2em 1em;
	border-top:1px solid #ddd;
}
#footer p
{
	text-align:right;
	font-size:76%;
	padding-right:20px;
	background:url(./images/wordpress.png) right no-repeat;
}

#footer a
{
	color:#24170e;
	text-decoration:underline;
}




/* gallery */

#content ul.gallery 
{
	margin:0 0 0 24px;
	padding:0;
	list-style:none;
	clear:both;
}

#content ul.gallery li
{
	height:185px;
	width:165px;
	overflow:auto;
	text-align:center;
	list-style:none;
	float:left;
	margin:0 5px 5px 0;
	text-align:center;
	font-size:63%;
}

#content ul.gallery span
{
	margin-bottom:-1em !important; /*  FAHR ZUR HÖLLE  */
}



ul.gallery a img
{
	cursor:url(./images/lupe.gif), auto;
}


/* attachment page */

#content.attachment h1
{
	text-align:center;
	color:black;
	margin-top:4em;
}
#content.attachment .entry p
{
	white-space:nowrap;
	margin-left:0;
	margin-right:0;
	margin-top:1em;
	text-align:center;
}