/*
Theme Name: Kaffeejunk
Description: Kaffeejunk Wordpress Theme by<a href="http://kaffeejunk.de/"> Kaffeejunk himself</a>
Version: 1.2
Author: Kaffeejunk
Author URI: http://kaffeejunk.de/
Tags: fixed width, two columns, right sidebar, valid XHTML, valid CSS
*/

/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
/*ausgeschaltet ul li, ol li { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }*/
img { border: none; }



/* Body
-------------------------------------------------------------------*/
body {
    margin: 0;
    background:transparent url(images/bgc.png) repeat scroll 0 0;
    padding:0px;
}

/**:first-child+html body {background: #DED5BA url(images/bg.jpg) no-repeat center -8px;}*/

/** html body {background: #DED5BA url(images/bg.jpg) no-repeat center -8px;}*/

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; color: #720566; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 12px; line-height: 24px; margin-bottom: 7px; font-weight: normal; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }

h1 span { color: #999; }

a { color: #720566; }
a:hover { color: #3b5a4a; }
/* Ausgeschaltet a:visited { color: #3b5a4a; }*/

p { margin-bottom: 10px; }

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }

/* Ausgeschaltet blockquote {
	font: italic 14px/22px Georgia, Serif;
	padding: 5px 10px;
	margin-bottom: 20px;
	background: #e4ede2;
}
/*


/* Header
-------------------------------------------------------------------*/
#header {
    background:#C4FA76 url(images/logo.jpg) no-repeat scroll 0 0;
    height:325px;
    margin:0 0 0 0;
    width:1055px;
}
#header h1 {
        width: 230px;
        padding: 85px 0px 0px 90px;
	    font: 20px Verdana;
        margin: 0px;
        display: block;
}
#header h1 a {
	    text-decoration: none;
        color: #FFFFFF;
}
#header h2 {
    padding: 70px 0px 0px;
    font-size: 12px;
	color: purple;
    margin: 0px;
    display: block;
    text-align: center;
    width: 900px;
}
/* Main Page
-------------------------------------------------------------------*/
/*
#page {
    background:#720566 url(images/header.jpg) no-repeat scroll 0 0;
    padding:0px;
    margin: 0px auto 0px;
    width: 1300px;
}
*/




/* Container  OLD
-------------------------------------------------------------------*/
/*#wrapper {
    font-family:verdana,helvetica,arial,geneva,sans-serif;
    font-size: 12px;
    width: 900px;
	overflow: hidden;
	background: url(images/container_bg.jpg) repeat-y;
	background: #ffffff;
    line-height: 18px;
    margin: 0 199px 0 201px;
}
*/
/* Container NEW
-------------------------------------------------------------------*/
#wrapper {
background:#FFFFFF none repeat scroll 0 0;
float:none;
font-family:verdana,helvetica,arial,geneva,sans-serif;
font-size:12px;
height:100%;
line-height:18px;
/*
margin:0 0 0 201px;
*/
margin:0 auto;
overflow:hidden;
width:1055px;
}

/* Navigation
-------------------------------------------------------------------*/
#nav {
	width: 900px;
	margin-left: 50px;
    margin-top: 10px;
    font-family: verdana,helvetica,arial,geneva,sans-serif;
    font-size: 12px;
}
#nav ul {
	margin-left: 10px;
	overflow: hidden;
	height: 45px;
}
#nav ul li {
	float: left;
	margin-right: 3px;
	padding-left: 3px;
    font-weight: bold;
}
#nav ul li.current_page_item {
        width: 122px;
        height: 45px;
}
#nav ul li a {
    color: #c4fa76;
    width: 122px;
    height: 45px;
    background: url(images/nav_bg.jpg) no-repeat;
	display: block;
	text-decoration: none;
	line-height: 45px;
	text-align: center;
}
#nav ul li a:hover { color: #555; }
#nav ul li.current_page_item a { background: url(images/nav_bg.jpg) no-repeat; color: #FFFFFF;}



/*Navigation Topnav
-------------------------------------------------------------------*/
/* Topnav Body */
	#topnav {
		width:100%;
		height:80px;
		background:url(images/bg.png) repeat-x;
		list-style:none;
        padding:18px 0 0 0;
        }

	/* Float LI Elements - horizontal display */
	#topnav li {
		float:left;
        width: 119px;
        height: 61px;
	}

	/* Link - common attributes */
	#topnav li a {
		background:url(images/sprite.png) no-repeat scroll top left;
		display:block;
		height:81px;
		position:relative;
	}

	/* Specify width and background position attributes specifically for the class: "home" */
	#topnav li a.home {
		width:119px;
        height:61px;
	}

	/* Specify width and background position attributes specifically for the class: "portfolio" */
	#topnav li a.portfolio {
		width:119px;
        height:61px;
		background-position:-119px 0px;
	}

	/* Span (on hover) - common attributes */
	#topnav li a span {
		background:url(images/sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}

	/* Span (on hover) - display pointer */
	#topnav li a span:hover {
		cursor:pointer;
	}

	/* Shift background position on hover for the class: "home" */
	#topnav li a.home span {
		background-position:0px -61px;
	}

	/* Shift background position on hover for the class: "portfolio" */

    #topnav li a.portfolio span {
		background-position:-119px -61px;
	}




/* Content
-------------------------------------------------------------------*/
#content {
	width: 55%;
	float: left;
	margin: 15px;
}
#content .post { margin-bottom: 40px; }
#content .post p { margin-bottom: 20px; }
#content .post h3 a { text-decoration: none; font-size: 20px; padding-left: 0px; }
#content .post-list li { list-style: none; }

#content .post .post-info {
	clear: both;
	font-size: 11px;
	color: #720566;
	padding: 15px 5px 5px 5px;
	margin-bottom: 20px;
        text-align: right;
	background: url(images/meta_bg.gif) top center no-repeat;
}
#content .post .post-info a { color: #333; text-decoration:none; }
#content .post .post-info a:hover { color: #555; text-decoration:none; }

#content #pages { text-align: center; }
#content #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; }
#content #pages a:hover { color: #1e2726; }

#content ul, ol, dl { margin-bottom: 20px; }
#content ul {
	list-style: disc;
	list-style-position: inside;
}
#content ol {
	list-style: decimal;
	list-style-position: inside;
}
#content dl dt {
	font-weight: bold;
}
#content dl dd {
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }
/*Sidebar NEU
---------------------------------------------------------------------*/
/*
#sidebar a { color: #38463e; text-decoration: none; }
#sidebar a:hover { color: #38463e; }
Linke Sidebar Blocks Style
#sidebar .block1 {
	width: 205px;
	padding: 15px;
	border-bottom: 2px solid #720566;
	overflow: hidden;
	color: #555;
}
#sidebar .block1 li {
	background: url(images/arrow.gif) no-repeat 2px 8px;
	padding-left: 12px;
}
#sidebar .block1 a:hover { color: #777; }
Rechte Sidebar Blocks Style
#sidebar .block2 {
	width: 205px;
	padding: 15px;
	border-bottom: 2px solid #720566;
	overflow: hidden;
	color: #555;
}
#sidebar1 li {
	background: url(images/arrow.gif) no-repeat 2px 8px;
	padding-left: 12px;
}
#sidebar .block2 a:hover { color: #777; }

#sidebar  {
float : right;
margin:15px 15px 0 0;
width : 40%;
min-width : 400px;
height : 100%;
padding : 0 0 30px 0;

}
#sidebar h2 {
margin : 20px 0 10px;
}
#sidebar h3 {
font: normal 18px Verdana, Arial, Sans-Serif;
color: #720566;
background: url(images/tasse.gif) no-repeat;
padding-left: 23px;
}
#sidebar ul, #sidebar ol {
margin : auto 0;
padding : 10px;
list-style-type : none;
}
#sidebar1 {
float : left;
margin-right:20px;
width : 50%;
height : 100%;
overflow : hidden;
}
#sidebar1 .rechts1 {
width : 80%;
margin : 0 auto;
}
#sidebar a {
color : #d215b7;
text-decoration:none;
}
#sidebar1 img {
border : 0 solid #5b9cff;
}
#sidebar1 .rssfeeds {
width : 100%;
height : 144px;
background : #5a93e7 url(images/rss_bg.gif) repeat-x 0 0;
color : #001342;
position : relative;
}
#sidebar1 .rechts1 {
margin:0 auto;
width:100%;
}


#widget{
  background-color: #ff00ff;
}


#sidebar2  {
float : left;
width : 45%;
height : 100%;
overflow : hidden;
}
#sidebar2 .rechts2 {
margin : 0 20px 0 0;
}
#sidebar2 .rechts2 a {
color : #DB7093;
}
#sidebar2 .rechts2 ul ul li {
background : transparent url(images/icon_list.gif) no-repeat 0 6px;
padding : 0 0 0 20px;
}












/* Sidebar
-------------------------------------------------------------------*/
/*
#sidebar {
	width: 235px;
	float: right;
	font-size: 11px;
	margin: 0 10px 10px 0;
	color: #555;
}

#sidebar h3 {
        font: normal 18px Verdana, Arial, Sans-Serif;
        color: #444;
        background: url(images/tasse.gif) no-repeat;
        padding-left: 23px;
}

#sidebar a { color: #38463e; text-decoration: none; }
#sidebar a:hover { color: #38463e; }

#sidebar .block {
	width: 205px;
	padding: 15px;
	border-bottom: 2px solid #720566;
	overflow: hidden;
	color: #555;
}
#sidebar .block li {
	background: url(images/arrow.gif) no-repeat 2px 8px;
	padding-left: 12px;
}
#sidebar .block a:hover { color: #777; }

/* Neue Sidebar
-------------------------------------------------------------------*/
    #sidebar {
  float : right;
margin:15px 15px 0 0;
width : 40%;
min-width : 400px;
height : 100%;
padding : 0 0 30px 0;
}
    #sidebar1 {
float : left;
margin-right:20px;
width : 50%;
height : 100%;
overflow : hidden;
}
    #sidebar2 {
float : left;
width : 45%;
height : 100%;
overflow : hidden;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#sidebar a { color: #d215b7; text-decoration: none; }
#sidebar a:hover { color: #38463e; text-decoration: underline;}



html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
    #sidebar h3 {
font: normal 18px Verdana, Arial, Sans-Serif;
color: #720566;
background: url(images/tasse.gif) no-repeat;
padding-left: 23px;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

/* Calendar  */
#sidebar2 #calendar_wrap a { }
#sidebar2 #calendar_wrap .pad { background: none; }
#sidebar2 #calendar_wrap #prev { background: none; }
#sidebar2 #calendar_wrap #next { background: none; }
#sidebar2 #calendar_wrap table { width: 100%; margin: 0;padding: 0;}
#sidebar2 #calendar_wrap table th { width: 14.2%; }
#sidebar2 #calendar_wrap table td { width: 14.2%; background: #d6ded4; text-align: center; color: #888; }



/* Search
-------------------------------------------------------------------*/

#searchform {

}

#search input { border: 0; }

#sidebar1 #searchform #s {
	width: 150px;
    height: 26px;
	/*padding: 3px 0 4px 5px;*/
	margin-right: -4px;
	vertical-align: top;
	line-height: 0;
	font: normal 20px Verdana;
	vertical-align: top;
	color: #333;
	background: url(images/search_bg.jpg) no-repeat;
}
#sidebar1 #searchsubmit {
	width: 56px;
	height: 26px;
        text-align: center;
	background: url(images/searchbt_bg.jpg) no-repeat;
        font-weight: bold;
}
.bt{
        cursor: pointer;
}



/* Comments
-------------------------------------------------------------------*/
.comments-title {
	text-align: center;
	font: bold 17px "Trebuchet MS", Helvetica, Arial, Geneva;
	color: #414d4c;
}
#comments .comment {
	background: #E7E8EB;
	margin-bottom: 10px;
	overflow: hidden;
	width: 600px;
	padding-bottom: 5px;
}
#comments .comment .comment-avatar {
	float: left;
	width: 50px;
	padding: 15px 7px;
}

#comments .comment .comment-content {
	float: left;
	padding: 10px 15px;
	margin: 5px 5px 0 0;
	width: 500px;
	background: #F7F8F9;
}
#comments .comment .comment-content a { color: #444; }


#comments .comment .comment-info {
	font-size: 11px;
	color: #777;
	margin-bottom: 5px;
}
#comments .comment .comment-info span {
	font: bold 16px "Trebuchet MS", Helvetica, Arial, Geneva;
	padding-right: 10px;
	margin-bottom: 5px;
}
#comments .comment .comment-info a {
	color: #444;
	text-decoration: none;
}




/* Comment Form
-------------------------------------------------------------------*/
#commentform {
	background: #F7F8F9;
	border: 5px solid #E7E8EB;
	padding: 10px;
	color: #555;
}
#commentform p { margin-bottom: 7px; }
#commentform textarea {
    background-color:#C4FA76;
    width: 565px;
	border: 1px solid #aaa;
	height: 120px;
}
#commentform input.text {
	width: 150px;
	border: 1px solid #aaa;
	margin-right: 5px;
	padding: 3px 3px;
}
#commentform input#submit {
        width: 148px;
        height: 30px;
        background: url(images/submit_bg.gif) no-repeat;
        text-align: center;
        border: none;
}




/* Footer
-------------------------------------------------------------------*/

#footer {
	width: 900px;
    /*height: 295px;*/
	margin: 0 199px 30px 201px;
	/*background: url(images/footer_bg.jpg) no-repeat;*/
    background: #C4FA76 none repeat scroll 0 0;
}

.rss {
        margin: 0px 0px 0px 900px;
	    width: 200px;
        height: 30px;
}

#footer-inner {

        text-align: center;
	    width: 1055px;
        margin-top: 10px;
        font-family:verdana,helvetica,arial,geneva,sans-serif;
        font-size: 12px;
        padding-bottom: 30px;
}
#footer p {
	font-size: 11px;
	margin: 0;
}
/*#footer a { color: #eb29b0; }*/
#footer {
background:#C4FA76 none repeat scroll 0 0;
clear:both;
height:100%;
margin:0 auto;
padding:0px;
width:1055px;
}

#eli {float: right; width: 100px; height: 100px;}

#sidebar1 li.rssicon{
  background: url(http://kaffeejunk.de/wp-content/themes/kaffeejunk/images/rss.png) no-repeat 0px 4px;
  padding-left: 20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#smilie{
  border: 1px solid #aaa;
  padding: 0px 0px 5px 5px;
  margin-bottom:7px;
}
/*.number{
	margin:0px 0px 0px 150px;
    color:#ff00ff;
}
*/
#number {
color:#d215b7;
float:right;
font-size:18pt;
font-style:italic;
font-weight:bold;
margin-top:0;
}
#ecke {
	position: fixed;
	z-index: 2000;
	right: 0;
	bottom: 0;
	text-decoration: none;
	text-indent: -999em;
	height: 100px;
	width: 100px;
	background: url(http://www.greensmilies.com/smile/smiley_emoticons_eckbanner01.gif) bottom right no-repeat;
	display: block;
}
#werbung {
background:#C4FA76 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
float:right;
font-family:verdana,helvetica,arial,geneva,sans-serif;
font-size:9px;
height:149px;
padding:5px;
width:145px;
}
#print {
  color: lime;
  float:right;
  }