/* Style: Black & Yellow */


/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

#container  { background: #f4f4f4 url(klickhelden/bgtile.jpg) repeat-x top left; }

h1, h2, h3, h4, h5, h6  { color: #121212; }

/* 1.2 Hyperlinks */

a:link, a:visited  { color: #ff6600; }


/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */

/* 2.2 Navigation */


/* 2.2.1 Drop-down menus */


/* 2.3 Header */
#logo .site-title a { color:#ff6600; }

/* 2.4 Featured Slider */
.slider-nav  { background: url(klickhelden/featurednavtile.jpg) repeat-x left top; }
.slider-nav ul li a  { color: #ffdfc9; }

#slide-1 { background-image: url(http://klickhelden.de/wp-content/uploads/2010/02/lokale-internetwerbung.jpg); background-position:top right; background-repeat: no-repeat; }
#slide-2 { background-image: url(http://klickhelden.de/wp-content/uploads/2010/02/google-adwords-optimierung.jpg); background-position:top right; background-repeat: no-repeat; }
#slide-3 { background-image: url(http://klickhelden.de/wp-content/uploads/2010/02/suchmaschinenoptimierung.jpg); background-position:top right; background-repeat: no-repeat; }
#slide-4 { background-image: url(http://klickhelden.de/wp-content/uploads/2010/02/social-media.jpg); background-position:top right; background-repeat: no-repeat; }

/* 2.5 Content */

/* 2.6 Sidebar */

/* 2.7 Footer */
#footer  { background: #cdcdcd; }
#footer .top  { border-bottom: 1px solid #a4a4a4; }
#footer .bottom  { border-top: 1px solid #fff; color:#555; }
#footer .widget a:link, #footer .widget a:visited  { color: #333; }
#footer .widget a:hover  { color: #000; }

#footer #wp-calendar a:link, #footer #wp-calendar a:visited  { color: #ff6600; }
#footer #wp-calendar th  { background: #ffdfc9; }
#footer #wp-calendar th, #footer #wp-calendar td  { color:#333;border: 1px solid #f4f4f4;}

#footer .widget_woo_twitter ul  { border-top: 1px solid #f4f4f4; }
#footer .widget_woo_twitter li  { border-bottom: 1px solid #f4f4f4; }

#footer .widget input#s, .widget input.field  { border:#f4f4f4 1px solid; }

#footer .widget_woo_flickr a img  { border: #f4f4f4 2px solid; }
#footer .widget_woo_flickr a:hover img  { border:#ffcc00 2px solid; }


/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.post.home { background: url(klickhelden/post-border-home.jpg) repeat-x left bottom; }

.post-meta span  { background: url(klickhelden/metabullet.jpg) no-repeat right 3px; }

/* 3.1 Typographic Elements */
.entry blockquote  { border-left: 2px solid #ff6600; }

/* 3.2 Images */

/* 3.3 Pagination / WP-Pagenavi */
.wp-pagenavi .current, 
.wp-pagenavi .on,
.wp-pagenavi a:hover { color: #ff6600!important; }

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
#sidebar .widget_recent_comments li a, .widget_woo_twitter a  { color: #ff6600!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */


/* 4.2 Specific Widgets */

/* NEWS WIDGET */

/* WIDGET FORMS */

/* TAG CLOUD */

/* TWITTER */

/* FLICKR */
.widget_woo_flickr a img  { border: #CECFC6 1px solid; }
.widget_woo_flickr a:hover img  { border:#A8AA99 1px solid; }

/* ADS */

/* LIFESTREAM */

/* CALENDAR */


/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments .comment.depth-1  { border-bottom: 1px solid #ebeff4; }
#comments .avatar-box img  { border: 1px solid #dee6f4; }


/* 5.2 Pingbacks / Trackbacks */

/* 5.3 Comments Form */
#commentform  {	background: #f4f4f4; }
#commentform input.txt  { border: 1px solid #eee; }
#commentform textarea  { border: 1px solid #eee; }


/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
.button, .button:visited, .reply a{ background-color:#ff6600; }
.button.grey { background-color:#e0e0e0; color:#555 !important; }

.tool-results {
    margin: 10px 0px;
    padding: 10px;
    font-size: 15px;
    background-color: #fafafa;
    border: solid 1px #f3f3f3;
}


/* SEO Tool Form Styles */
.sl-tool {
    padding: 10px 0px;
    margin: 0px;
}
.sl-tool h1 {
    margin: 5px 0px;
    padding: 5px;
    border-bottom: solid 1px #eee;
}
a.sl-tool-help-msg, a.sl-tool-help-msg:active, a.sl-tool-help-msg:visited {
    font-size: 11px;
    padding: 2px;
    margin: 2px 5px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    cursor: pointer;
}
a.sl-tool-help-msg:hover {
    text-decoration: underline;
}
.sl-tool-help {
    font-size: 11px;
    margin: 5px;
    padding: 5px;
    border: solid 1px #eee;
    visibility: hidden;
    display: none;
}
.sl-tool-description {
    padding: 15px 5px 25px 5px;
    color: #000;
}

.sl-tool-form {
    padding: 10px 10px;
    margin: 10px 0px;
    border: solid 1px #eee;
    background-color: #fafafa;
}
.sl-tool-code, .sl-tool-codesm {
    font-family: courier new, courier, sans-serif;
    font-size: 11px;
    color: #444;
    padding: 4px;
}
.sl-tool-code {
    width: 600px;
    height: 250px;
}
.sl-tool-codesm {
    width: 600px;
    height: 125px;
}
.sl-tool-codesmm {
    width: 400px;
    height: 75px;
}
div.noflow90 {
    width: 90px;
    overflow: hidden;
}

.sl-shorturl {
    font-family:bitstream vera sans, courier new, courier, sans-serif;
    font-weight:normal;
    font-size:14px;
    color:#000;
    background-color:#fffde6;
    border:solid 2px #fff9ae;
    padding:8px 15px;
}
.sl-shorturl a, .sl-shorturl a:active, .sl-shorturl a:visited {
    text-decoration: underline;
}

.sl-tool-col {
    width: 260px;
    float: left;
    padding: 5px;
}
.sl-tool-col2 {
    padding: 5px;
}
.sl-tool-col h3, .sl-tool-col2 h3 {
    display: block;
    margin: 0px 0px 5px 0px;
    padding: 5px;
    background-color: #fafafa;
}

.sl-tool-item, .sl-tool-item2 {
    padding: 0px 3px 8px 0px;
    border-bottom: solid 1px #fafafa;
}
.sl-tool-thumb {
    width: 40px;
    height: 60px;
    float: left;
    margin: 0px 5px 5px 0px;
    padding: 0px;
}
.sl-tool-thumb img {
    margin: 0px 5px 5px -5px;
    border: 0px solid;
}