/* 
Theme Name: 6
Theme URI: http://s-fels.de/wp-content/themes/iconis-triple/iconis-triple.zip
Description: Valid XHTML 1.1 and valid CSS 3.0 (only partly IE-fixed)
Version: 2.0
Author: Stefan Fels
Author URI: http://s-fels.de/

	The CSS, XHTML and design is released under CC:
	Attribution-NonCommercial-ShareAlike 2.0 Germany
	(http://creativecommons.org/licenses/by-nc-sa/2.0/de/)
	
	ToDos:
	* fixing some margin and padding values for IE
	* fixing visibility of some borders in IE
	* fixing floating of navigation items in IE

*/

/* general... */
	* { margin: 0; padding: 0; }
	body { background: #c96 url(images/bg-body.png) fixed repeat-x 0 0; color: #666; font-size: 100.01%; letter-spacing: .02em; text-align: center; }
	/* links... */
		:link :visited :hover :active :focus { border: 0; text-decoration: none; }
		a, a:link { color: #ff0000; }
		a:hover, a:active, a:focus { border-bottom: 1px dotted #6c3; color: #6c3; }		
		a img { border: 0; }
	/* ...links */
	/* fonts... */
		abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
		b, strong { font-weight: bold; }
		blockquote { background: #f3f3f3; border-left: 1px solid #666; border-right: 1px solid #666; font-family: 'Lucida Sans Unicode',sans-serif; margin: 1em .5em; padding: 0 1em; }
		cite, em, i { font-style: italic; }
		code { background: #f3f3f3; font-family: monospace; font-size: larger; }
		h1, h2, h3, h4, h5, h6, p { margin: 0; padding: .5em 0; }
		h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.2em; }
h1 
{ 
font-size: 16px; 
text-align: center;
padding: 0px;
margin: 0px;
}
h2 
{ 
font-size: 14px; 
text-align: center;
}

h3 
{ 
font-size: 13px; 
text-align: center;
padding: 0px;
margin: 0px;
}

#navmenu
{
padding: 3px 0px 4px 20px;
font-size: 15px;
border-bottom: 1px black solid;
}

#navmenu a
{
font-weight: bold;
text-decoration: underline;
color: red;
}

#navmenu a:hover
{
font-weight: bold;
text-decoration: underline;
color: yellow;
}
		
		h4 { font-size: medium; }
		h5 { font-size: small; }
		h6 { font-size: x-small; }
	/* ...fonts */
	/* forms... */
		fieldset { border: 0; }		
		input, textarea { background-color: #ddd; letter-spacing: .1em; }
		input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { background: #fff; }
	/* ...forms */
	/* lists... */
		ul { list-style: none; }
	/* ...lists */
/* ...general */
/* borders... */
	/* all... */
		input, textarea, 
		#seite, .eintrag_funktionen, ol.comment_liste li, 
		#spalte2 td, #spalte3 td, #spalte2 th, #spalte3 th
			{ border: 1px solid #666; }
		#spalte2 td#today, #spalte3 td#today
			{ border: 1px solid #f30; }
	/* ...all */
	/* bottom... */
		#kopf, 
		#spalte1, #oben, .eintrag_navigation, .eintrag_kontainer, .comment_kopf, 
		.spalte2, .spalte3, #spalte2 > ul > li > ul, #spalte3 > ul > li > ul, #suche, #spalte2 table, #spalte3 table, #spalte2 .kategorie_wolke, #spalte3 .kategorie_wolke, ul.wetter, div#blogroll
			{ border-bottom: 1px solid #666; }
		* html #spalte2 ul li ul, * html #spalte3 ul li ul
			{ border-bottom: 1px solid #666; }
		.eintrag_titel a, .eintrag_titel a:link
			{ border-bottom: 1px dotted #f30; }
		.eintrag_titel a:visited
			{ border-bottom: 1px dotted #c66; }
		.eintrag_titel a:hover, .eintrag_titel a:active, .eintrag_titel a:focus
			{ border-bottom: 1px dotted #6c3; }
	/* left... */
		.inhalt_kontainer, .eintrag_details, .eintrag_titel, #comments, 
		.spalte2, .spalte3
			{ border-left: 1px solid #666; }
	/* right... */
		#spalte1, #comments, .inhalt_kontainer, .eintrag_details, .eintrag_titel, 
		.spalte2
			{ border-right: 1px solid #666; }
	/* top... */
		.eintrag_kontainer, .eintrag_details, .eintrag_titel, #comments, #unten, 
		#fuss
			{ border-top: 1px solid #666; }
	/* none... */
		a.rssKopf, 
		.navigation a, .eintrag_navigation a, .eintrag_details a, 
		#spalte2 a, #spalte3 a, 
		#fuss a
			{ border: 0; }
	/* ...none */
/* ...borders */
/* bgcolors... */
	.eintrag_kontainer, 
	#spalte2 td, #spalte3 td
		{ background-color: #fff; }
	.navigation, .eintrag_navigation, .eintrag_details, .eintrag_funktionen, ol.comment_liste li.alt, 
	#spalte2
		{ background-color: #eee; }
	#spalte1, ol.comment_liste li, 
	#spalte2 tfoot td, #spalte3, #spalte3 tfoot td, 
	#fuss
		{ background-color: #ddd; }
	#seite
		{ background-color: #ccc; }
	#kopf
		{ background-color: #eae5cf; }
	#spalte2 th, #spalte3 th
		{ background-color: #f30; }
/* ...bgcolors */
/* colors... */
	#seite, .eintrag_details, 
	#abschicken, .current_page_item a, 
	a#anmeldung:link, a#anmeldung:visited, a#anmeldung:hover, a#anmeldung:active, a#anmeldung:focus
		{ color: #666; }
	#spalte2 th, #spalte3 th
		{ color: #eee; }
	#kopf h1 a, #kopf h1 a:link, #kopf h1 a:visited, .beschreibung, 
	.current_page_item .page_item a, .current_page_item .page_item a:link
		{ color: #f30; }
	.fehler, 
	.current_page_item .page_item a:visited
		{ color: #c66; }
	#kopf h1 a:hover, #kopf h1 a:active, #kopf h1 a:focus, 
	.current_page_item .page_item a:hover, .current_page_item .page_item a:active, .current_page_item .page_item a:focus
		{ color: #6c3; }
/* colors... */
/* images... */
	#kopf { background: url(images/bg-header.jpg) no-repeat 0 0; }
	/* icons... */
		.links { background: url(images/action_back.gif) no-repeat 0 50%; }
		.rechts { background: url(images/action_forward.gif) no-repeat 100% 50%; }
		.author, .verfasser { background: url(images/user.png) no-repeat 0 50%; }
		.category { background: url(images/folder.png) no-repeat 0 50%; }
		.comment, .recent_comments a { background: url(images/comment.png) no-repeat; }
		.date, .monats_wolke li { background: url(images/calendar.png) no-repeat 0 50%; }
		.edit { background: url(images/pencil.png) no-repeat 0 50%; }
		.comment_metadaten .edit { background: url(images/comment_edit.png) no-repeat 0 50%; }
		.exit { background: url(images/lock_go.png) no-repeat 0 50%; }
		.time { background: url(images/time.png) no-repeat 0 50%; }
		.inhalt_kontainer p a[rel=external], #spalte3 a, div#blogroll a { background: url(images/application_double.png) no-repeat; }
		.galerie a { background: url(images/camera.png) no-repeat; }
		.page_navigation a { background: url(images/application_side_expand.png) no-repeat; }
		.accesskey code { background: url(images/lightbulb.png) no-repeat; }
		.recent_trackbacks a { background: url(images/comments.png) no-repeat; }
		a.impressum { background: url(images/vcard.png) no-repeat 0 0;}
		a.wrench { background: url(images/wrench.png) no-repeat 0 0; }
		a.layout { background: url(images/layout_content.png) no-repeat 0 0; }
		a.rss { background: url(images/rss.png) no-repeat 0 0; }
		a.license { background: url(images/page_key.png) no-repeat 0 0; }
	/* ...icons */
	/* buttons... */
		a.rssKopf { background: url(../../../../www.feedburner.com/fb/images/pub/feed-icon32x32.png) no-repeat 0 0; }
		a#license { background: url(../../../../creativecommons.org/images/public/somerights20.png) no-repeat 0 0;}
		a#firefox { background: url(images/but-firefox.png) no-repeat 0 0; }
		a#zielgruppe { background: url(images/but-zielgruppe.png) no-repeat 0 0; }
		a#klowand { background: url(images/but-klowand.png) no-repeat 0 0; }
		a#rssCount { background: url(images/but-feedburner.png) no-repeat 0 0; }
		a#b-logs { background: url(images/but-b-logs.png) no-repeat 0 0; }
		a#w3cComp { background: url(images/but-w3c-site.png) no-repeat 0 0; }
		a#xhtml { background: url(images/but-val-xhtml.png) no-repeat 0 0; }
		a#css { background: url(images/but-val-css.png) no-repeat 0 0; }
		a#rss { background: url(images/but-val-rss.png) no-repeat 0 0; }
		a#geovisitors { background: url(images/but-visitors.png) no-repeat 0 0; }
		a#vds { background: url(../../../../www.datenschutzzentrum.de/material/themen/rotekarte/rotekarte_109x139_t.gif) no-repeat 0 0;}
	/* ...buttons */
/* ...images */
/* cursors... */
	a#anmeldung { cursor: text; }
/* ...cursors */
/* text... */
	#seite, 
	#spalte2 caption, #spalte3 caption
		{ text-align: left; }
	.eintrag_details, .eintrag_kontainer div.wort_wolke, .eintrag_kontainer div.kategorie_wolke, .eintrag_funktionen, 
	#spalte2 td, #spalte3 td, #spalte2 th, #spalte3 th, #spalte2 .kategorie_wolke, #spalte3 .kategorie_wolke, 
	#fuss
		{ text-align: center; }
	.rechts
		{ text-align: right; }
	a.rssKopf, 
	.button a
		{ text-indent: -999em; }
	a.rssKopf, 
	.button a
		{ text-decoration: none; }
/* ...text */
/* lists... */
	.inhalt_kontainer ul { list-style-type: circle; margin: 0 1em; padding: .5em 1em; }
/* ...lists */
/* fonts... */
	#visual h1, 
	#spalte1
		{ font-family: Georgia,serif; }
	.navigation, .eintrag_navigation, .eintrag_details, 
	#spalte2, #spalte3, 
	#fuss
		{ font-family: 'Lucida Sans Unicode',sans-serif; }
	b, strong, 
	#visual h1, .beschreibung, 
	.inhalt_kontainer p a, 
	.current_page_item, .current_page_ancestor, #abschicken, #spalte2 caption, #spalte3 caption, #spalte2 td#today, #spalte3 td#today, #spalte2 td a, #spalte3 td a
		{ font-weight: bolder; }
	.inhalt_kontainer p a.intlink, 
	.current_page_item .page_item, 
	a#anmeldung
		{ font-weight: normal; }
	em, i, 
	.fehler
		{ font-style: italic; }
	#visual h1
		{ font-size: 4em; }
	.spalte2, .spalte3, 
	#fuss
		{ font-size: .9em; }
	#seite
		{ font-size: .8em; }
	.beschreibung
		{ font-size: large; }
	.eintrag_funktionen
		{ font-size: smaller; }
	#spalte2 h2, #spalte3 h2, #spalte2 caption, #spalte3 caption
		{ font-size: small; }
/* ...fonts */
/* lines... */
	.navigation
		{ line-height: 2em; }
	#seite, 
	.eintrag_navigation
		{ line-height: 1.5em; }


	#spalte2 .kategorie_wolke
		{ line-height: 1em; }
/* ...lines */
/* positioning & sizes... */
#seite { margin: 1em auto; position: relative; width: 74.1em; }
	#kopf { position: relative; }
		#visual { height: 180px; position: relative; }
			#visual h1 { left: 1em; position: absolute; top: 0; }
			.beschreibung { bottom: 1em; position: absolute; right: 1em; }
			a.rssKopf { bottom: 1.5em; display: block; left: 1em; height: 34px; margin: 0; padding: 0; position: absolute; width: 34px; }
	#spalte1 { float: left; margin: 0 0 -1px 0; width: 41.9em; }
		.navigation { display: block; height: 2em; }
			#oben { margin: 0 0 2em; }
			#unten { margin: 0; }
				.navigation .links { float: left; margin: 0 0 0 .5em; padding: 0 0 0 1em; width: 19.3em; }
				.navigation .rechts { float: right; margin: 0 .5em 0 0; padding: 0 1em 0 0; width: 19.3em; }
		.eintrag_navigation { display: block; height: 3em; margin: 0 0 2em; }
			.eintrag_navigation .links { float: left; margin: 0 0 0 .5em; padding: 0 0 0 1.5em; width: 18.8em; }
			.eintrag_navigation .rechts { float: right; margin: 0 .5em 0 0; padding: 0 1.5em 0 0; width: 18.8em; }
				.navigation a, .eintrag_navigation a { padding: 0 .5em; }
		h2.seiten_titel { clear: both; margin: 1em 0; padding: 0; }
		.fehler { margin: 0 1.5em 1em; }
		.eintrag_kontainer { clear: both; margin: 2em 1em 2em; padding: 0; }
			.eintrag_titel { padding: 1em 1em 0; }
			.eintrag_details { display: block; margin: -1px 0 0; padding: .2em 1em; }
				.author, .category, .comment, .date, .edit, .comment_metadaten .edit, .exit, .time { padding: 0 1em 0 2em; }
			.inhalt_kontainer { padding: 1em 2em; }
				.inhalt_kontainer p a[rel=external], .inhalt_kontainer p a[rel=external]:link, .inhalt_kontainer p a[rel=external]:visited { padding: 0 0 0 1.7em; }
				.inhalt_kontainer p a.intlink[rel=external] { background: none; padding: 0; }
				.inhalt_kontainer ul { list-style-type: circle; margin: 0 1em; padding: .5em 1em; }
				ul.monats_wolke { display: block; padding: 0 0 2em; }
					ul.monats_wolke li { display: inline; padding: 0 1em 0 1.8em; white-space: nowrap; }
				.eintrag_funktionen { margin: 2em 1em 1em; padding: 1em; }
				#comments { margin: 0; padding: 0 2em 2em; }
					h3.comments { margin: 1em 0; }
					ol.comment_liste { list-style-type: upper-roman; padding: 0 0 0 2em; }
						ol.comment_liste li { margin: 0 0 2em; padding: 1em; }
							.comment_kopf { margin: 0 0 .5em; }
								.verfasser { padding: 0 0 0 2em; }
								.comment_metadaten { display: block; }
					#comments textarea { width: 30.3em; }
	#spalte2, #spalte3 { float: left; margin: 0 0 -1px 0; width: 16em; }
		.spalte2, .spalte3 { margin: 0 0 0 -.1em; padding: 1em; }
			#spalte2 code, #spalte3 code { background: transparent; }
			#spalte2 h2, #spalte3 h2 { margin: 0 0 .3em; }
				.galerie a { display: block; padding: 0 0 0 1.7em; }
				.page_navigation a { display: block; padding: 0 0 0 1.7em; }
				.accesskey code { padding: 0 0 0 1.4em; }
				#spalte3 a { display: block; padding: 0 0 .2em 1.7em; }
				#recent_comments a, #recent_trackbacks a { display: inline; padding: 0 0 0 1.5em; }
			#spalte2 > ul > li > ul, #spalte3 > ul > li > ul, * html #spalte2 ul li ul, * html #spalte3 ul li ul { margin: 0 0 1em; padding: 0 0 1.5em; }
				#spalte2 ul li ul li, #spalte3 ul li ul li { padding: 0 .5em .25em; }
			#suche { margin: 0 0 1em; padding: 0 0 2em; }
				#suche legend, #suche label { display: none; }
					#s { padding: .1em .05em; width: 13.5em !important; width: 11em; }
					#abschicken { display: none; }
			#spalte2 caption, #spalte3 caption { margin: 0 0 .3em; padding: .5em 0 0; }
			#spalte2 table, #spalte3 table { padding: .5em 0 1.5em; width: 100%; }
				#spalte2 td, #spalte3 td, #spalte2 th, #spalte3 th { padding: 0; }
					#spalte2 td a, #spalte3 td a { display: block; }
			#spalte3 .kategorie_wolke, #spalte2 .kategorie_wolke { padding: 0 0 2em; }
				#spalte2 .kategorie_wolke a, #spalte3 .kategorie_wolke a { padding: 0 .2em; }
			h2.wetter, h2.galerie { padding: 1.5em 0 .5em; }
			ul.wetter { margin: 0 0 1em; padding: 0 0 2em; }
				ul.wetter li { clear: both; display: block; min-height: 1.5em }
					.weather_title { float: left; }
					.weather_info { float: right; }
			ul.button { padding: .5em 0 0; }
				.button a { display: block; height: 15px; margin: 0; padding: 0; width: 88px; }
					a#license { height: 31px; margin: 0 0 1em; width: 88px; }
					a#vds { height: 139px; margin: 2em 0 0; width: 109px; }
			div#blogroll { margin: 0 0 1em; padding: 0 .5em 2em; }
				div#blogroll a { display: block; margin: 0; padding: 0 0 0.5em 1.7em; }
				div#blogroll br { display: none; }
	#fuss { clear: left; }
			a.impressum, a.wrench, a.layout, a.rss, a.license { padding: 0 0 0 1.8em; }
/* ...positioning & sizes */

#spalte2 h4, #spalte3 h4
{
font-size: 14px;
background-color: #cf5070;
padding: 5px;
color: white;
}

#spalte2 p, #spalte2 ul, #spalte2 ol, #spalte3 p, #spalte3 ul, #spalte3 ol
{
font-size: 13px;
margin-left: 7px;
line-height: 14px;
padding-bottom: 5px;
}

.inhalt_kontainer a img
{
border: 1px solid black;
margin: 5px;
}