/*
Theme Name: Software Guide Reloaded
Theme URI: http://sw-guide.de
Description: Software Guide Theme, (c) Michael Woehrer
Author: Michael Woehrer
Author URI: http://sw-guide.de
*/

/*******************************************************************************
Font:
 - Generell : "Lucida Grande", verdana, helvetica, arial, sans-serif;
 - Überschriften: "Trebuchet MS", verdana, helvetica, arial, sans-serif;
 - Code: "Courier New", courier, monospace;
Farben:
 - Dunkelgrau: 	#333 	-- normaler Text
 - Grau:		#888	-- Breadcrumb-Text, Artikelinfos, etc.
 - Hellgrün: 	#43A806 -- Links
 - Blau:		#819bd1 -- Links in Kommentaren
 - Rot:			#DB1064 -- Artikel-Überschriften etc.
 - Hellblau		#DCEEEE -- Border-Farbe Kommentar-Box, Hinweis-Box, etc.
 - Hellgrün		#CAF2B2 -- Border-Farbe Kommentar-Box, Hinweis-Box, etc.

*******************************************************************************/   


/*******************************************************************************
********** Generelles
*******************************************************************************/
/* Übergreifend, Body, Listen */
* { margin: 0; padding: 0; border: none 0; text-decoration: none; font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif; }
body { color: #333; font: 80%/1.5em "Lucida Grande", verdana, helvetica, arial, sans-serif; background: white url(images/std_bg-blackflow-top.png) repeat-x; }
ul { list-style: none;  }
/* Links */
a, a:link { color: #43A806; }
a:visited { color: #43A806; }
a:hover { color: #43A806; text-decoration: underline; }
a:active { color: #43A806; text-decoration: underline; }
a.liexternal { background: url(images/ind_arrow-topright_green.png) no-repeat right; padding-right: 7px; }
a.liwikipedia { background: url(images/link-icon_wikipedia.gif) no-repeat right; padding-right: 11px; }
a.liimdb { background: url(images/link-icon_imdb.gif) no-repeat right; padding-right: 18px; }
a.liftp { background: url(images/link-icon_ftp.png) no-repeat right; padding-right: 13px; }
a.limailto { background: url(images/link-icon_mail.gif) no-repeat right; padding-right: 12px; }
a.liflickr { background: url(images/link-icon_flickr.png) no-repeat right; padding-right: 8px; }
a.lipdf { background: url(images/link-icon_pdf.png) no-repeat right; padding-right: 12px; }
a.lixls { background: url(images/link-icon_excel.png) no-repeat right; padding-right: 12px; }
a.lidoc { background: url(images/link-icon_word.png) no-repeat right; padding-right: 12px; }
a.linsf { background: url(images/link-icon_notes.png) no-repeat right; padding-right: 13px; }
a.lizip { background: url(images/link-icon_zip.png) no-repeat right; padding-right: 12px; }
/* Der "Schacht" als Container mit 970px Breite, zentriert */
div#slot { padding: 0 10px 0 10px; margin: 0 auto 0 auto; width:970px; }
/* Falls Bilder breiter sind als der Content -- für den IE nehmen wir overflow:hidden, separates Stylesheet */
.post .entry img { max-width: 97%; }
/* Überschriften */
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: bold; font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif; }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited { font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif !important; }

/* Sidebar-Überschrift */
#s-sidebar h3 { color: #DB1064; font-size: 11pt; line-height: 11pt; padding: 20px 0 7px 0; }
/* Code */
pre, code { font-family: "Courier New", courier, monospace; font-size: 10pt; color: #073991; }
code {	display: inline; } /* Code ist ein Inline-Element, wir setzen es trotzdem mal */
pre {	/* Siehe: http://sw-guide.de/weblog/2006-10-05/code-bloecke-pre-elemente-auf-webseiten/ */
	   white-space: pre-wrap;       /* css-3 */
	   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	   white-space: -pre-wrap;       /* Opera 4-6 */
	   white-space: -o-pre-wrap;       /* Opera 7 */
	   word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}
pre { display: block; line-height: 130%; margin: 11px 10px 11px 10px; padding: 5px 10px 5px 10px; width: 90%; background: #fcfcfc; border: 1px dotted #dbdbdb; }
/* Zitat */
blockquote { color: #43A806; background: url(images/icon_quote-green.png) no-repeat 0 5px; padding: 0 0 0 23px; font-style: italic; font-size: 95%; }
/* Durchgestrichen */
strike { text-decoration: line-through; color: #919191; }
/* Bilder */
a img { border: none; } 
img.b { border: 1px solid #aaa; padding: 4px; margin-left:0 !important;   } /* Grauer Rand */
img.l {	float: left; margin: 0 30px 5px 0; } /* Links floaten */
img.lb { border: 1px solid #ddd; float: left; margin: 4px 10px 5px 0 !important; padding: 4px;} /* Links floaten und grauer Rans */
img.r {	float: right; margin: 0 0 5px 5px; } /* Rechts floaten */
img.rb { border: 1px solid #aaa; float: right; margin: 4px 0 5px 10px !important; padding: 4px; } /* Rechts floaten und grauer Rand */
/* Acronyme, Abbreviations */
acronym, abbr { cursor: help; border-bottom: 1px dashed #999; }

/* Via-Links, Small */
.via, small { font-size: .85em; color: #777; margin-top: 0px; padding-top: 0px; }
/*Now lets add a 1px border on the top of the hr. For IE you need to give the hr a 
height of whatever the total height of the borders will be. So if you give 
the hr a border of 1px on all sides the height will need to equal 2px. 
See http://www.blakems.com/experimental/hr/  */
hr { border: none 0; border-top: 1px solid #BBBBBB; height: 1px; }


/*******************************************************************************
********** Header
*******************************************************************************/
#s-header { position:relative; height: 68px; margin-bottom: 25px; }
#s-header h1 { text-indent: -999em; height: 68px }
#s-header h1 a { display: block; background: url(images/std_bg-toplogo.gif) no-repeat 10px 50%; height: 65px; text-decoration: none; width: 250px; }
/* the menu */
#tabsmenu { font-size: 93%; line-height: normal; position: absolute; right: 0; bottom: 0; }
#tabsmenu ul { padding: 0; list-style: none; }
#tabsmenu li { display:inline; margin:0; padding:0; }
#tabsmenu a { float:left; background:url(images/std_bg_tabmenu-left.gif) no-repeat 0% -42px; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabsmenu a span { float:left; display:block; background:url(images/std_bg_tabmenu-right.gif) no-repeat 100% -42px; padding:5px 15px 4px 6px; color:#FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsmenu a span { float:none; }
/* End IE5-Mac hack */
#tabsmenu a:hover span { color:#FFF; }
#tabsmenu a:hover, #tabsmenu li#active a { background-position:0% -42px; background-position: left top; }
#tabsmenu a:hover span, #tabsmenu li#active a span { background-position:100% -42px; background-position: right top; }

/*******************************************************************************
********** Content Container
*******************************************************************************/
#content-and-sidebar { clear: both; background: transparent url(images/bg-content-sidebar.png) 647px 0 repeat-y; padding: 10px 0 25px 0; }
div#s-content { float: left; width: 620px; }
div#s-sidebar { float: right; width: 300px; padding-left: 15px; }
div#clearer { clear: both; height: 1px; line-height: 1px; font-size: 1px; }

/*******************************************************************************
********** Footer
*******************************************************************************/
#s-footer1, #s-footer2 { clear: both; margin-top: 0; background: 0 none; }
#s-footer1 { background-color: #292929; }
#s-footer1 ul { margin: 0 auto; width: 970px; padding: 10px 15px 10px 15px; text-align:center; list-style:none; font-size: 8pt; }
#s-footer1 ul li { display:inline; font-size:70%; color:#ccc; background: none; padding: 0;}
#s-footer1 ul li a, #s-footer1 ul li a:link { text-decoration:none; }
#s-footer1 ul li a:hover { text-decoration:underline; }
#s-footer1 ul li.t1 a { color:#797979; font-size: 120%; }
#s-footer1 ul li.t2 a { color:#979797; font-size: 160%; }
#s-footer1 ul li.t3 a { color:#b1b1b1; font-size: 190%; }
#s-footer1 ul li.t4 a { color:#c8c8c8; font-size: 210%; }
#s-footer1 ul li.t5 a { color:#c8c8c8; font-size: 230%; }
#s-footer1 ul li.t6 a { color:#c8c8c8; font-size: 250%; }
#s-footer1 ul li.t7 a { color:#c8c8c8; font-size: 270%; }
#s-footer1 ul li.t8 a { color:#c8c8c8; font-size: 290%; }
#s-footer1 ul li.t9 a { color:#c8c8c8; font-size: 310%; }
#s-footer1 ul li.t10 a { color:#c8c8c8; font-size: 330%; }
#s-footer2 { background-color: #191919; font-size: 8pt; color: #CCCCCC; }
#s-footer2 a { color: #CCCCCC; }
#s-footer2 .footinfo { margin: 0 auto; width: 970px; height: 4.5em; }
#s-footer2 .footinfo .left { float:left; padding-top: 1.5em;   }
#s-footer2 .footinfo .mid { text-align: center; padding-top: 1.5em; }
#s-footer2 .footinfo .right { float:right; padding-top: .7em; }


/*******************************************************************************
********** Intro boxes
*******************************************************************************/
/* 1 - General */
.intro1 { background: #cfeaf5; }
.intro1-top div { background: url(images/bg-corner-topleft-b.png) no-repeat top left; }
.intro1-top { background: url(images/bg-corner-topright-b.png) no-repeat top right; }
.intro1-bottom div { background: url(images/bg-corner-bottomleft-b.png) no-repeat bottom left; }
.intro1-bottom { background: url(images/bg-corner-bottomright-b.png) no-repeat bottom right; }
.intro1-top div, .intro1-top, .intro1-bottom div, .intro1-bottom { width: 100%; height: 15px; font-size: 1px; }
.intro1-content { margin: 0 15px 0 15px }

.intro2 {	background: #e3f7d5; }
.intro2-top div { background: url(images/bg-corner-topleft-g.png) no-repeat top left; }
.intro2-top { background: url(images/bg-corner-topright-g.png) no-repeat top right; }
.intro2-bottom div { background: url(images/bg-corner-bottomleft-g.png) no-repeat bottom left; }
.intro2-bottom { background: url(images/bg-corner-bottomright-g.png) no-repeat bottom right; }
.intro2-top div, .intro2-top, .intro2-bottom div, .intro2-bottom { width: 100%; height: 15px; font-size: 1px; }
.intro2-content { margin: 0 15px 0 15px }

/* 2 - Positioning, Sizing, Text formatting */
.intro1, .intro2 { line-height: 150%; width: 470px; margin: 10px 0 0 0 ; }
.intro1 { float: left; }
.intro2 { float: right; }
.intro1 h2, .intro2 h2 { color: #DB1064; font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif; font-size: 16pt; font-weight: normal; }
.intro1 p, .intro2 p, .intro1 ul, .intro2 ul { padding-top: 10px; }
/* Intro-Trenner, mittels <hr /> gemäß http://www.sovavsiti.cz/css/hr.html */
div#introsep { clear: both; height: 15px; }
div#introsep hr { display: none; }


/* Left box, the main menu for best practices */
.intro1 a, .intro1 a:link, .intro1 a:visited, .intro1 a:hover, .intro1 a:active { text-decoration:underline; font-weight: bold; color:#6686c8; font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; font-size: 1.2em; line-height:1.7em; padding-left: 22px; background:url(images/icon_baustein.png) no-repeat left; }
.intro1 a:hover, .intro1 a:active { color:#DB1064; }
.intro1 ul#lleft { margin-left: 5px; }
.intro1 ul#lright { float: right; width: 200px; }



/*******************************************************************************
********** Breadcrumb-Navigation
*******************************************************************************/
#s-content .breadcrumb { font-size: 8pt; padding-top: 5px; padding-bottom: 10px; color: #888; }
#s-content .breadcrumb span { padding:0 .8em 0 .5em; background:url(images/icon_arrow1.gif) no-repeat .25em .5em; }

/*******************************************************************************
********** Main content
*******************************************************************************/
#s-content .post { line-height: 160%; }
/* Artikel-Überschrift */
.post h2.phead, .post h2.phead a:link, .post h2.phead a:visited  { padding:0; color: #DB1064; font-size: 18pt; line-height: 18pt; font-weight: normal; }
.post h2.phead a:hover, .post h2.phead a:active { text-decoration: underline; }
.post h2.phead img.editpost { margin-left: 8px; }
/* Article sub header (date, category, etc.) */
p.article-sub { font-size: 8pt; line-height: 8pt; margin: 10px 0 15px 0; color: #777; }
p.article-sub a { color: #43A806; }
p.article-sub a:hover { text-decoration: underline; }
/* Überschriften */
.post h1, .post h2, .post h3, .post h4 { font-size: 170%; padding: 1.6em 0 0.7em 0; }
.post h3 { font-size: 115%; padding: 1em 0 0.3em }
.post h4 { font-size: 105%;  }





/* Absätze */
.post .entry p { margin: 15px 0 15px 0; }
/* Read More */
.post .entry .readmore { background: url(images/ind_arrow-right_green.png) no-repeat left; padding-left: 12px; }
.post .entry .readmore:hover { background-image: url(images/ind_arrow-right_red.png); }
/* Links */
.post .entry a, .post .entry a:link { text-decoration: underline; }
.post .entry a, .post .entry a:visited { text-decoration: none; }
.post .entry a:hover { text-decoration: underline; color: #DB1064; }
.post .entry a.liexternal:hover { background-image: url(images/ind_arrow-topright_red.png); }
/* Listen */
.post .entry ul { list-style: none; margin: 0; padding: 0px 0px 5px 10px; }
.post .entry ol { margin: 2px 0 0 12px; padding: 0px 0px 5px 19px; }
.post .entry ul li { background: url(images/bullet04.gif) no-repeat 0 .8em; padding: 3px 0px 3px 13px; }
.post .entry ol li { padding: 2px 0px 2px 0px; }
.post .entry ul li ol li { background: none; }

/* Info-Box: Blau und Grün, Rot */
.post .entry .hint, .post .entry .hint2, .post .entry .warning { margin: 8px 0 8px 0; padding: 4px 6px 4px 6px; font-size: .95em; border: 3px solid #DCEEEE; background: #FFF url(images/bg-box-blue.gif) repeat-x; }
.post .entry .hint2 { background-image: url(images/bg-box-green.gif); border-color: #CAF2B2; }
.post .entry .warning { background: none; background-color: #FFF3F3; border-color: #FFB7BA; }


/* Box "Other plugins I've written" */
.post .entry .otherplugins { clear: both; border: 1px solid #e0e0e0; border: 3px solid #DCEEEE; background: #FFF url(images/bg-box-blue.gif) repeat-x; color: #5f5d5d; font-size: .85em; margin: 0; padding: 10px; line-height: 1.4em; }
.post .entry .otherplugins h3 { color: #333; font-size: 120%; margin:0; padding:0 0 7px 0; }
.post .entry .otherplugins a:link, .post .entry .otherplugins a:visited, .post .entry .otherplugins a:focus, .post .entry .otherplugins a:hover, .post .entry .otherplugins a:active  { font-weight: bold; }
.post .entry .otherplugins ul { padding: 0 0 0 5px; }
.post .entry .otherplugins ul li { padding: 2px 0px 2px 10px; }
/* Download-Icon */
.download { width: 260px; margin-top: 10px; padding: 6px 0 4px 55px; font-size: 80%; border: 3px solid #DCEEEE; background: #f1faf9 url(images/icon_download.png) no-repeat 12px 8px; }
.download a:link, .download a:visited, .download a:hover  { font-weight: bold; text-decoration: underline; font-size: 125% }
/* Pagebar */
#pagebar-bottom .pagebar { margin-top: 50px; margin-bottom: 10px; } 


/*******************************************************************************
 ******** SEITEN: Homepagebilder, Icons etc. mit Tabelle 
 ******************************************************************************/
#imagearticle table { margin: 0; width: 95%; }
#imagearticle caption { font-size: 1.2em; font-weight: bold; margin: 20px 0 5px 0; text-align: left; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#imagearticle th, #imagearticle td  { border: 1px solid #e7e7e7; padding: 2px 5px 2px 5px; font-size: .95em; line-height: 140%; }
#imagearticle th { background-color: #f3fced; font-style: italic; font-weight: normal; text-align: left; width: 7em; }
#imagearticle td.imgcnt { width: 190px; text-align: center; }

/*******************************************************************************
********** Article separator
*******************************************************************************/
/* Styling hr, acc. http://www.sovavsiti.cz/css/hr.html */
div.sep { clear: both; height: 40px; }
div.sep hr { display: none; }

/*******************************************************************************
********** Archive Header
*******************************************************************************/
#archinfo { font-size: 8.5pt; padding: 12px; border: 3px solid #DCEEEE; background: #FFF url(images/bg-box-blue.gif) repeat-x; }
#archinfo h2 { color: #DB1064; font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif; font-size: 16pt; font-weight: normal; }
#archinfo p { margin: 15px 0 0 0; }
#archinfo ul { padding-left: 15px; } 
#archinfo li {
	background: url(images/bullet04.gif) no-repeat 0 .5em; 
	padding: 0 0px 0 13px;
	line-height: 135%; 	
}




/*******************************************************************************
********** Article Meta Info
*******************************************************************************/
div#postinfo { clear: both; margin-top: 20px; border: 3px solid #dceeee; padding: 5px 20px 12px 15px; font-size: 8pt; line-height: 140%; background: #f7fbfc url(images/bg-box-blue2.gif) repeat-x; }
div#postinfo h4 { margin:10px 0 0 0; padding:0 0 3px 20px; font-size: 100%; font-weight: bold; font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif; }
div#postinfo h4.metarelatedposts { background: url(images/icon_baustein.png) no-repeat 0 .1em; } 
div#postinfo h4.metabrowse { background: url(images/icon_blaettern.png) no-repeat 0 .1em; }
div#postinfo h4.metainfo { background: url(images/icon_info.png) no-repeat 0 .1em; }
div#postinfo h4.metacomments { background: url(images/icon_comment.png) no-repeat 0 .1em; }
div#postinfo ul { list-style: none; margin: 0 0 0 23px; padding: 0; }
div#postinfo ul li { background: url(images/bullet05.png) no-repeat 0 .5em; padding: 0 0 0 13px; }
div#postinfo a:link, div#postinfo a:visited { color: #6686c8; }

/*******************************************************************************
********** Comments
*******************************************************************************/
#comments { margin-bottom: 30px; }
/* Überschrift */
#comments h2.comm { font-size: 14pt; padding-top: 30px; clear:none; } /* clear:none wegen Trackback Hilfe-Link */
/* Kommentar-Boxen */
#comments .boxnormal, #comments .boxauthor { margin: 20px 0 20px 0; border-top: 3px solid #DCEEEE; border-bottom: 3px solid #DCEEEE; background: #FFF url(images/bg-box-blue.gif) repeat-x; }
#comments .boxauthor { background-image: url(images/bg-box-green.gif); border-color: #CAF2B2; }
/* Links */
#comments .cbody a:link { text-decoration: underline; }
#comments .boxnormal a:link, #comments .boxnormal a:visited { color: #6686c8; }
#comments .boxauthor a:link, #comments .boxauthor a:visited { color: #43A806; }
#comments .boxnormal a:hover, #comments .boxnormal a:hover, #comments .boxauthor a:hover, #comments .boxauthor a:hover { color: #DB1064; }
#comments .boxnormal a.liexternal { background-image: url(images/ind_arrow-topright_blue.png); }
#comments .boxauthor a.liexternal { background-image: url(images/ind_arrow-topright_green.png); }
#comments a.liexternal:hover	{ background-image: url(images/ind_arrow-topright_red.png); }
/* Oberer Bereich: Gesamt */
#comments .head { border-bottom: 1px solid #DCEEEE; padding: 7px 15px 7px 15px; }
#comments .boxauthor .head { border-color: #CAF2B2; }
/* Oberer Bereich: Gravatar */
#comments .head .gravatar { float:left; margin: 0 10px 0 0; width: 32px; height: 32px; font-size: 1px; color: white; border: 1px solid #cccccc; background: url(images/gravatar_empty.png) no-repeat 1px 1px; }
#comments .head .gravatar img { padding: 1px; }

/* Oberer Bereich: Name */
#comments .head .name { font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; font-size: 14pt; line-height: 100%; margin-bottom: 4px; color: #666; }
/* Oberer Bereich: Datum */
#comments .head .date, #comments .head .date a:link, #comments .head .date a:visited { font-size: 8pt; line-height: 100%; }
/* Oberer Bereich: Nummer */
#comments .head .number { float:right; margin-top: 7px; }
#comments .head .number a:link, #comments .head .number a:visited { font-size: 16pt; }
/* Body */
#comments .cbody { padding: 10px 15px 10px 15px; }
#comments .cbody p { padding-top: 8px; padding-bottom: 8px; }
#comments .boxnormal .cbody blockquote { background-image: url(images/icon_quote-blue.png); color: #819bd1; }
#comments .boxauthor .cbody blockquote { background-image: url(images/icon_quote-green.png); color: #43A806; }

/*******************************************************************************
********** Trackbacks
*******************************************************************************/
/* Was ist ein Trackback? */
.trackback-hint { float:right; margin-right: 2px; margin-top: 32px; padding-left: 18px; font-size: 9pt; background: url(images/icon_info.png) no-repeat left; }
/* Box */
li.trackback { margin: 20px 0 20px 0; border-top: 2px solid #CAF2B2; border-bottom: 2px solid #CAF2B2; background: #FFF url(images/bg-box-green.gif) repeat-x; }
/* Links */
li.trackback a:link, li.trackback a:visited { color: #43A806; }
li.trackback a:hover { color: #DB1064; }
/* Oberer Bereich: Gesamt */
li.trackback .tbhead { padding: 4px 15px 4px 15px; border-bottom: 1px solid #CAF2B2; }
/* Oberer Bereich: Nummer */
li.trackback .tbnumber { float:right; margin-top: 8px; }
li.trackback .tbnumber a:link, li.trackback .tbnumber a:visited { font-size: 16pt; }
/* Oberer Bereich: Zeile 1 */
li.trackback .tbline1 { background: url(images/icon_transmit_go.png) no-repeat left; padding-left: 20px; }
/* Oberer Bereich: Zeile 2 */
li.trackback .tbline2 { font-size: 8pt; }
/* Body */
li.trackback .tbbody { font-size: 8pt; padding: 5px 15px 5px 15px; line-height: 12pt; font-style: italic; }

/*******************************************************************************
********** Kommentar-Formular
*******************************************************************************/
/* Überschrift */
h2.comm-compose { font-size: 130%; padding: 20px 0 0 0; color: #DB1064; }
/* Hinweis */
p.comm-instr { padding: 10px 0 10px 0; font-size: 0.85em; line-height: 120%; }

/* Formularbeschriftung */
#commentform label { display: block; margin: 6px 0 0 0; }
#commentform label small { font-size: .8em; }
/* Felder */
#commentform ul#commfields { display: block; list-style: none; }
#commentform ul#commfields li { display: block; float: left; width: 155px; }
#commentform #author, #commentform #email, #commentform #url, #commentform #mcspvalue, #commentform textarea { border: 2px solid #CAF2B2; padding: .2em; width: 138px; }
#commentform #author:focus, #commentform #email:focus, #commentform #url:focus, #commentform #mcspvalue:focus { background-color: #f7fbfc; border-color: #DCEEEE; }
#commentform textarea { padding: .5em; font-size: 10pt; width: 600px; background: #FFF url(images/bg-box-green.gif) repeat-x; }
#commentform textarea:focus { background-image: url(images/bg-box-blue.gif); border-color: #DCEEEE; }
/** Quicktags **/
#commentform .quicktags input { background: #ccc url(images/bg-button.png) repeat-x; border: 1px solid #b6b6b6; font-size: .9em; color: #666; width: auto; margin: 1px 3px 4px 0px; padding: 0px 1px 0px 1px; font-family: arial, helvetica, verdana, sans-serif; }
#commentform .quicktags input:hover { background: #fff url(images/bg-button-hover.png) repeat-x; }
/* Subscribe To Comments */
p.subscribe-to-comments  { font-size: 8.5pt; margin:0; padding:5px 0 0 0; }
p.subscribe-to-comments label { display: inline !important; }
/* Submit */
#submit { float: right; display: block; background: #ccc url(images/bg-button.png) repeat-x; border: 1px solid #b6b6b6; border-bottom: 1px solid #858585; margin: 0; padding:1px; width: 180px; }
#submit:hover { background: #fff url(images/bg-button-hover.png) repeat-x; }
/* Kommentar-Hilfe */
#commentform #commenthint { clear: both; margin-top: 10px; }
#commentform #commenthint h4 { margin-bottom: 10px; color: #333333; font-weight: bold; font-size: 10pt; line-height: 1.5em; text-decoration: none; }
#commentform #commenthint p { font-size: 8pt; line-height: 1.4em; padding: 0 0 10px 15px; }

/*******************************************************************************
********** Sidebar
*******************************************************************************/
/* Feeds */
#s-sidebar div#feed { margin-top: 12px; }
#s-sidebar ul#feed { display: block; list-style: none; float: left; }
#s-sidebar ul#feed li{ display: block; float: left; width: 140px; }
#s-sidebar ul#feed li a{ padding: 5px 0 5px 20px; background: url(images/feed-icon-16x16_green.gif) no-repeat left; }
#s-sidebar ul#feed li a:hover{ background-color: #f0f9e4; }
/* Search */
#s-sidebar input#s { background: white url(images/sidebar_search-bg.png) repeat-x; border: 1px solid #e1e1e1; width: 280px; padding: 5px 10px 5px 10px; color: #AAAAAA; }
#s-sidebar input#s:focus { border-color: #43A806; color: #333; }
/* Best practices */
#s-sidebar #bp p { font-size: 8pt; line-height: 12pt; }
#s-sidebar #bp ul { display: block; list-style: none; float: left; margin-top: 5px; }
#s-sidebar #bp ul li a { padding: 4px 10px 4px 21px; line-height: 22px; background: url(images/sidebar_category.png) no-repeat left; }
#s-sidebar #bp ul li a:hover{ background-color: #f0f9e4; }
#s-sidebar #bp ul li a#active-menu { font-weight: bold } 
/* Categories */
#s-sidebar ul.cat { display: block; list-style: none; float: left; }
#s-sidebar ul.cat li{ display: block; float: left; width: 130px; padding: 0; margin: 0; }
#s-sidebar ul.cat li a{ padding: 4px 10px 4px 21px; line-height: 22px; background: url(images/sidebar_category.png) no-repeat left; }
#s-sidebar ul.cat li a:hover{ background-color: #f0f9e4; }
/* Recent Posts, Recent Comments */
#s-sidebar ul.recent { list-style: none; font-size: 8pt; line-height: 10pt; }
#s-sidebar ul.recent li { color: #888; padding: 3px 0 3px 0; border-bottom: 1px solid #EEE; }
/* Mediadaten */
#s-sidebar #media #feedstat { float:right; color: #888; font-size: 7.5pt; line-height: 9pt; font-style: italic; border: 1px solid #EEE; padding: 5px; margin: -20px 0 0 5px; }
#s-sidebar #media p { font-size: 8pt; line-height: 12pt; }
/* Projekte */
#s-sidebar #projects p { font-size: 8pt; line-height: 12pt; margin-bottom: 5px; }
#s-sidebar #projects img { float: left; padding-right: 5px; }

/* Links */
#s-sidebar ul.links { display: block; list-style: none; float: left; font-size: 8pt; line-height: 12pt; }
#s-sidebar ul.links li{ display: block; float: left; width: 145px; padding: 0; margin: 0; }


/*******************************************************************************
********** Administration Menu
*******************************************************************************/
ul#adminmenu { position: absolute; top:2px; left:0; color: white; list-style: none; }
ul#adminmenu li { font-size: 8pt; line-height: 8pt; border-right: 1px solid #FFFFFF; display: inline; padding: 0 5px 0 5px; }
ul#adminmenu li a { color: #effdef; }
/*******************************************************************************
********** Login button
*******************************************************************************/
p.loginbtn { position: absolute; top:0; right:0; }
p.loginbtn a { padding: 0 0 50px 50px; }


/*******************************************************************************
********** Artikel-Übersichts-Seiten (Wordpress, Webdesign + Entwicklung, usw.)
*******************************************************************************/
.post .entry ul.toc { padding: 15px 0 0 0; }
.post .entry ul.toc li { padding: 5px; margin: 10px 0 10px 0; border: 1px solid #E0E0E0; border: 3px solid #CAF2B2; background: #FFF url(images/bg-box-green.gif) repeat-x; }
.post .entry ul.toc li:hover { background-image: url(images/bg-box-blue.gif); border-color: #DCEEEE; }
/* BEGIN: IE MIN HEIGHT ISSUE ------- */
.post .entry ul.toc li { height: 82px; } /* for all browsers */
html>body .post .entry ul.toc li { height: auto; min-height: 82px; } /* be nice to opera and gekko engine */
/* END: IE MIN HEIGHT ISSUE ------- */
.post .entry ul.toc li dt { padding: 0 0 10px 0; }
.post .entry ul.toc li dt a { font-weight:bold; }
.post .entry ul.toc li a img { margin: 0 10px 0 0; padding: 0; float: left; border: 1px solid #aaa; }

/*******************************************************************************
********** Spezial-Seite: Archiv
*******************************************************************************/
/* Tagcloud */
ul#tagcloud { padding:0; margin: 10px 1em 0 0; text-align:center; list-style:none; }
ul#tagcloud li { display:inline; font-size:70%; color:#ccc; background: none; padding: 0;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a:hover { text-decoration:underline; }
ul#tagcloud li.t1 a { color:#797979; font-size: 120%; }
ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; }
ul#tagcloud li.t3 a { color:#616161; font-size: 190%; }
ul#tagcloud li.t4 a { color:#555555; font-size: 210%; }
ul#tagcloud li.t5 a { color:#484848; font-size: 230%; }
ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; }
ul#tagcloud li.t7 a { color:#303030; font-size: 270%; }
ul#tagcloud li.t8 a { color:#242424; font-size: 290%; }
ul#tagcloud li.t9 a { color:#181818; font-size: 310%; }
ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }




/* Posts by month (Clean Archives Plugin) */
.posts-by-month h4 a:link, .posts-by-month h4 a:visited { color: #333; font-weight: bold; }
/* Zuletzt kommentiert */
#archive ul.pastcommentedposts li a { color: #333; font-weight: bold; }
#archive ul.pastcommentedposts li ul li { padding: 0; margin-left: 15px; font-size: .9em; background: none; list-style: disc; }
#archive ul.pastcommentedposts li ul a { color: #cc0000; font-weight: normal; }
#archive ul.pastcommentedposts li ul a.cmping { color: blue; }

/*******************************************************************************
********** Spezial-Seite: About
*******************************************************************************/
#about h4 { font-size: 13pt; }
#about h5 { font-size: 10pt; }


/*******************************************************************************
********** Spezial-Seite: Kontakt
*******************************************************************************/

/* Info-Box: Blau und Grün, Rot */
#contact .contactfrm-error, #contact .contactfrm-success { font-size: .9em; margin: 8px 0 8px 0; padding: 0px 6px 0px 10px; border: 3px solid #CAF2B2; background: #FFF url(images/bg-box-green.gif) repeat-x; }
#contact .contactfrm-error { background: none; background-color: #FFF3F3; border-color: #FFB7BA; }
#contact #fzsdisfhljkhkj, #contact #fdszsduaifz, #contact #qmauzrfgbshfd, #contact #rncxxloiud, #contact #wbyvsdjhfrl, #contact #fdsoiupwqd { background: #fff; border: 2px solid #CAF2B2; width: 138px; padding: .2em; }
#contact #fzsdisfhljkhkj { width: 600px; }
#contact #fzsdisfhljkhkj:focus, #contact #fdszsduaifz:focus, #contact #qmauzrfgbshfd:focus, #contact #rncxxloiud:focus, #contact #wbyvsdjhfrl:focus, #contact #fdsoiupwqd:focus { background-color: #f7fbfc; border-color: #DCEEEE; }
#contact #fdsoiupwqd { font-size: 1em; width: 600px; }
#contact ul#contactfields { display: block; list-style: none; background: none; padding:0; margin:0;}
#contact ul#contactfields li { display: block; float: left; padding:0; margin:0; background: none; width: 155px; }
#contact #submit { float: none; margin-top: 10px; }


/*******************************************************************************
********** Spezial-Seite: 404
*******************************************************************************/
/* Tagcloud */
#p404 p.tagcloud { padding: 0; margin: 10px 1em 0 0; text-align: center; }
#p404 p.tagcloud li a, #p404 p.tagcloud a:link { text-decoration: none; }
#p404 p.tagcloud a:hover { text-decoration:underline; }

/*******************************************************************************
********** Spezial-Seite: Suche
*******************************************************************************/
#spage h2 { padding:0; color: #DB1064; font-size: 18pt; line-height: 18pt; font-weight: normal; }
#spage #notfound p { margin: 15px 0 15px 0; }

#spage #sresult ul { padding: 0 0 15px 0; }
#spage #sresult li { margin: 0 0 25px 0; }
#spage #sresult li h3, #spage #sresult li h4 { font-size: 10pt; font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif; }
#spage #sresult li h3 a, #spage #sresult li h3 a:link { font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif; color: #DB1064; }

#spage #sresult li h4 { color: #808080; font-weight: normal; font-size: 8pt; }
#spage #sresult p { margin: 15px 0 15px 0; } 
#spage #sresult li p { margin:0; padding: 5px 0 0 0; font-style: italic; font-size: 95%; line-height: 1.3em; }
#spage #sresult li p a, #spage #sresult li p a:link {  }
#spage #sresult li p a:hover { color: #819bd1; text-decoration: none; }


/*******************************************************************************
********** Komponente: Suchformular
*******************************************************************************/
form#cpsearch input#s { background: white url(images/sidebar_search-bg.png) repeat-x; border: 1px solid #e1e1e1; width: 200px; padding: 3px 10px; color: #AAAAAA; }
form#cpsearch input#s:focus { border-color: #43A806; color: #333; }
form#cpsearch #cpsubmit { padding: 2px 4px; background: #ccc url(images/bg-button.png) repeat-x; border: 1px solid #b6b6b6; border-bottom: 1px solid #858585; margin: 0;  }
form#cpsearch #cpsubmit:hover { background: #fff url(images/bg-button-hover.png) repeat-x; }

/*******************************************************************************
********** Plugins
*******************************************************************************/
/* PAGE BAR */
.pagebar { font-family: arial, helvetica, verdana, sans-serif; font-size: 8pt; background: #fff; }
.pagebar a:link, .pagebar a:hover, .pagebar a:visited, .pagebar .this-page { font-size: 9pt; font-weight: bold; font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif; background: none; border: 1px solid #ddd; padding: 2px 6px; text-decoration: none; }
.pagebar a:hover { background-color: #43A806; color: #FFFFFF; }
.pagebar .break { padding: 2px 6px 2px 2px; }
.pagebar .this-page { background-color: #43A806; color: #FFFFFF; }


.c1 {
	font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	font-size: 140%;
	font-weight: bold;
	text-align: center; 	
}

.c3 {
	text-align: center; 	
}

table.top10 {
	border-collapse: collapse;
	border: 2px solid #dceeee;
	width: 90%;
}

table.top10 tr th {
	font-weight: bold;
	font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	font-size: 120%;
	background-color: #f3f9f9;
	padding: 2px 1px 2px 1px;
}

table.top10 tr th {
	border: 2px solid #dceeee;
}

table.top10 tr td {
	border: 2px solid #dceeee;
	padding: 2px 5px 2px 5px;
}


/* AdSense Deluxe */
.ad-right { float: right; margin: 0 0 5px 5px; }


/* For password protected posts */
.entry form label {font-weight:bold;}
.entry form input { margin-bottom: 5px; border: 2px solid #DCEEEE; padding: .2em; width: 200px; }
.entry form input:focus { background-color: #f7fbfc; border-color: #CAF2B2;}

/* For intext ad */
span.gnu { color: #888; font-size: 0.85em; line-height: 250%;}