/*
Theme Name: Weiss Mit Hut
Theme URI: http://www.whykiki.de
Description: 3-spaltiges feststehendes Layout ab 1.024 x 768, widget-fähig, lokalisiert, ab WP Version 1.5.2.
Version: 1.0
Author: Christian Schuelling
Author URI: http://www.whykiki.de/
*/

/*---| Dateiweite Einstellungen |---*/

* {
margin: 0;
padding: 0;
border: 0;
}

body {
background: url('images/stoff_bg.jpg');
color: #555555;
font-family:Georgia, Garamond,times, Times New Roman, times-roman,serif;
text-align: center;
}

a:link,
a:visited {
color: #555555;
background: transparent;
text-decoration:underline;
}

a:hover,
a:active,
a:focus {
color: #000;
background: transparent;
font-weight:bold;
}

input, textarea {
border: 1px dotted #555555;
background:none;
color: inherit;
margin: 0 10px 10px 0;
padding: .2em;
}

input:hover,
textarea:hover {
background: #f0e8dd;
color: inherit;
}

textarea {
overflow: auto;
}

.absenden,
#contactsubmit {
cursor: pointer;
background:#555555;
color: #FFF;
}

.zentrieren {
text-align: center;
}
.clear {
clear: both;
}

/*---| Wrapper |---*/

#wrapper {
width: 990px;
height: 100%;
margin: 0 auto;
text-align: left;
background: url(images/content_bg.jpg);
color: #555555;
}

/*---| Kopfbereich |---*/

#kopf {
background: url(images/Header.jpg) no-repeat;
text-align: right;
height: 410px;


}

#breadcrumb {
margin: 0 185px;
}

/*---| Navigationsleisten |---*/

#sidebar {
display: inline;
width: 410px;
float: right;
clear: both;
color: inherit;
margin-right: 40px;
font-size: 12px;
text-align:justify;
}

#sidebar ul ul {
margin-bottom: 15px;
}

#sidebar h2 {
text-indent: -9999px;
}

/*---| Sidebar Bildheader |---*/

#text-3 h2{
background: url(http://www.weissmithut.de/.sub-blog/wp-content/themes/weissmithut/images/head_termine.gif) no-repeat;
background-position: 0px 0px;
width:165px;
height: 36px;
}

#flickrrss h2{
padding-top: 5px;
background: url(http://www.weissmithut.de/.sub-blog/wp-content/themes/weissmithut/images/head_bilder.gif) no-repeat;
background-position: 0px 0px;
width:165px;
height: 36px;
}

#categoryposts-3 h2{
background: url(http://www.weissmithut.de/.sub-blog/wp-content/themes/weissmithut/images/head_band.gif) no-repeat;
background-position: 0px 0px;
width:165px;
height: 36px;
}

#linkcat-2 h2{
margin-top: 10px;
background: url(http://www.weissmithut.de/.sub-blog/wp-content/themes/weissmithut/images/head_links.gif) no-repeat;
background-position: 0px 0px;
width:165px;
height: 36px;
}

#linkcat-2 a{
text-decoration:none;
}

#twitter-1 h2{
margin-top: 10px;
background: url(http://www.weissmithut.de/.sub-blog/wp-content/themes/weissmithut/images/head_twitter.gif) no-repeat;
background-position: 0px 0px;
width:165px;
height: 36px;
}

#categories-3 h2{
margin-top: 10px;
background: url(http://www.weissmithut.de/.sub-blog/wp-content/themes/weissmithut/images/head_kategorien.gif) no-repeat;
background-position: 0px 0px;
width:165px;
height: 36px;
}

#top_bar h2{
text-indent: -9999px;
margin-top: 10px;
background: url(http://www.weissmithut.de/.sub-blog/wp-content/themes/weissmithut/images/head_videos.gif) no-repeat;
background-position: 120px 0px;
width:300px;
height: 36px;
}

#categories-3 a{
text-decoration:none;
font-size: 12px;
}



#twitter-1 a{
text-decoration:none;
}

#twitter-1 li{
border-bottom: 1px dotted #555555;
}

#categoryposts-3 {
margin-top: 15px;
}

#categoryposts-3 a{
width: 100%;
float:left;
padding-bottom: 5px;
font-size: 14px;
font-weight:bold;
text-transform:uppercase;
}

#categoryposts-3 li ul li{
margin-top: 10px;
line-height: 12px;
}

#categoryposts-3 p{

}

#sidebar ul li {
list-style: none;
line-height: 1.5em;
}

#sidebar .page_item a:hover, 
#sidebar .current_page_item a {
background: #inherit;
color: #000;
font-weight:normal;
}

#sidebar .page_item a{
text-decoration:none;
}

#rechts,
#links {
width: 190px;
overflow: hidden;
padding: 5px;
float: right;
font-size: 0.8em;
}


/*--- | Inhaltsbereich - allgemeingültige Formatierungen |---*/

#content {
margin-left: 76px;
width: 435px;
padding: 10px;
font-size: 0.8em;
}

#content p {
line-height: 1.4em;
margin-top: 15px;
}

#content ul li {
list-style-image: url(images/list.gif);
}

#content h1 {
font-size: 1.4em;
font-weight:normal;
text-transform:uppercase;
}

#content h1 a{
color: #454444;
text-decoration:none;
}

#content h1 a:hover{
color: #000;
font-weight:normal;
text-decoration:underline;
}

#content h2 {
margin-top: 20px;
text-transform:uppercase;
font-size: 1.2em;
}

#content h3 {
font-size: 1.1em;
}
#content h4 {
font-size: 1.0em;
margin: .8em 0;
}
#content blockquote {
color: #83c326;
background: inherit;
margin: 20px;
min-height: 55px;
text-align: justify;
font-style: oblique;
}
#content q {
font-style: oblique;
}
#content pre {
margin: 10px 0;
}

#content img {
padding: 3px;
}

#content img.wp-smiley,
#content table img,
#content #wp_grins img, /*entfernt die img-border um die Smilies im Kommentarbereich*/
#content .bookmark img {
border: none;
padding: 0;
}

/*---| Inhaltsbereich - Beiträge und Kommentare |---*/

#content .datum {
width: 65px;
height: 38px;
background: url(images/Datum.jpg) no-repeat;
float: left;
text-align: center;
color: #747474;
border-right: 1px solid #747474;
margin-right: 8px;
padding-right: 4px;
margin-top: 0px;
}

#content .jahr {
display: block;
font-size: 1.6em;
font-weight: bold;
color: #747474;
}

#content .monat {
display: block;
width: 35px;
font-size: 1.2em;
float:right;
font-weight: bold;
}

#content .tag {
display: block;
text-align: right;
width: 25px;
float:left;
font-size: 1.2em;
font-weight: bold;
}

#content .ueberschrift {
padding: 5px 0;
font-size: 1.0em; 
letter-spacing: 1px;
text-align: right;
}

#content .beitragskopf{
border-bottom: 1px dotted #555555;
}

#content .beitrag {
padding: 5px;
margin-bottom: 10px;
overflow: hidden;
}

#content .beitragsinfo{
font-size: 0.8em;
margin-top: 0px;
padding: 5px 0;
margin-left: 60px;
width: 300px;
}

#content .beitragsfuss {
font-size: .8em;
margin-top: 10px;
padding: 10px 0;
}

#content .beitrag ul, 
#content .beitrag ol {
margin: .8em 0 .8em 2.0em;
}
#content .text {
margin-top: 10px;
padding: 5px 0;
font-size: 0.9em;
}
#content .seiten {
margin: 15px 0 0 15px;
}
#content .tags {
margin: 1.5em 0;
font-size: .8em;
}
#content #kommentare h3 {
margin: 15px 0;
}
#content #kommentare ol {
margin-left: -5px;
}
#content #kommentare ol li {
list-style: none;
}
#content .kommentarkopf {
font-size: 0.8em;
padding: 5px 0;
}
#content .kommentar,
#content .autorenkommentar {
padding: 10px;
margin: 10px 5px;
}
#content .kommentar {
border: 1px dotted #555555;
background:none;
}
#content .autorenkommentar {
border: 1px dotted #555555;
background:none;
}
#content .bearbeiten {
font-style: oblique;
}

/*---| Seitennavigation |---*/

.navigation {
font-size: .8em;
padding: 20px 0;
}
.next {
float: left;
text-align: left;
width: 50%;
}
.prev {
float: right;
text-align: right;
width: 50%;
}

/*---| Fuss |---*/

#fuss {
background: url(images/Footer.jpg) no-repeat;
width: 990px;
height: 282px;
clear: both;
font-size: 0.8em;
}

#footer_bar{
float:right;
margin-right: 10px;
margin-left: 0px;
width: 430px;
padding: 10px;
}

#footer_bar h2{
margin-left: 0px;
}

#footer_bar li{
list-style-type: none;
}

#footer_bar li a{
text-decoration:none;
}

#footer_bar li a:hover{
font-weight:normal;
}

#footerbar_sidebar {
padding: 10px;
width: 435px;
float: left;
margin-left: 65px;
font-size: 12px;
}

#footerbar_sidebar li{
list-style-type: none;
}

#footerbar_sidebar li a{
text-decoration:none;
}

#footerbar_sidebar li a:hover{
font-weight:normal;
}

#recent-posts-3{
list-style-type: none;
}

#recent-posts-3 h2{
background: url(http://www.weissmithut.de/.sub-blog/wp-content/themes/weissmithut/images/head_letzte.gif) no-repeat;
background-position: 0px 0px;
height: 36px;
text-indent: -999px;
}

#tag_cloud-3 h2{
background: url(http://www.weissmithut.de/.sub-blog/wp-content/themes/weissmithut/images/head_cloud.gif) no-repeat;
background-position: 0px 0px;
height: 36px;
text-indent: -999px;
}

/*---| Suchen |-- li-*/

#searchform {
padding: 10px 0 0 0;
}
#searchform input {
background: #e6e6e6;
color: inherit;
vertical-align: bottom;
}
#searchform input:hover {
cursor: pointer;
}
#searchform #s {
cursor: default;
text-indent: 0;
background:#f0f0f0;
color: inherit;
font-weight: normal;
font-size: 1.0em;
width: 180px;
padding: 5px;
}
#searchform #s:hover {
background: #feffcc;
color: inherit;
}

/*---| nicht anzeigen |---*/

hr,
#kopfzeilenmenue h2 {
display: none;
}

#impress{
width: 100%; margin-bottom: 0px; background: #432C24; color: #FFF; height: 40px;}

#impress a{
font-size: 10px; text-decoration:none; color: #FFF;}

#impress a:hover{
font-size: 10px; text-decoration:underline;color: #FFF;}