/*
Theme Name: kammer-theme
Description: Tested on WP2.9
Version: 1.3
Author: LaGARAFA Productions
Author URI: http://www.lagarafa.de/
Tags: x
*/

/*
CSS for Rumpel-Kammer Kreuztal
Copyright &copy; 2010-2011. All rights reserved.

Webdesign and Programming by
       LaGARAFA Productions
       Lars Gatting Film- und Medienproduktionen
       Mail: media@lagarafa.de
       Web: www.lagarafa.de

*/


body {
        background: #242323 url(images/rumpel-kammer_kachel_gruen.jpg) repeat left top;
        margin: 0px;
        padding: 0px;
        text-align: justify;
        font: 13px Arial, Helvetica, sans-serif;
        color: #FFFFFF;
}

.bgred {
       background: #242323 url(images/rumpel-kammer_kachel_rot.jpg) repeat left top;
}

.bggreen {
       background: #242323 url(images/rumpel-kammer_kachel_gruen.jpg) repeat left top;
}

h1, h2, h3, h4 {
        margin-top: 0px;
        font-weight: normal;
        color: #FFFFFF;
}

h1 {
        font-size: 1.6em;
}

h2 {
        font-size: 1.3em;
}

h3 {
        font-size: 1.1em;
}

h4 {
        font-size: 0.9em;
        font-weight: bold;
}

p, ol, ul {
        margin-bottom: 1.8em;
        line-height: 160%;
}

a {
        text-decoration: underline;
        color: #AFAFAF;
}

a:hover {
        text-decoration: none;
        color: ##AFAFAF;
}

a img {
        border: none;
}

img {
        border: none;
}

img.specials {
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
}

#wrapper {
        width: 900px;
        margin: 0 auto;
        border: 0px solid #FADE7E;
        padding: 10px 10px 0px 10px;

}

/* Header */

#header {
        width: 900px;
        height: 100px;
        margin: 0px auto;
        background: url(images/kammer_topgrafik_3.jpg) no-repeat left top;
}

#header a {
        text-decoration: none;
        color: #FFFFFF;
}

/* Logo */

div#logo a {
  display: block;
  width: 100%;
  height: 100%;
}

#logo {
        float: left;
        padding-left: 0px;
        width: 250px;
        height: 69px;
        position: relative;
        top: 15px;
        left: 5px;
        background: url(images/kammer_mainlogo.gif) no-repeat;
}

#logo h1, #logo p {
        margin: 0px;
        line-height: normal;
        font-weight: normal;
        color: #FFFFFF;
}

#logo h1 {
        padding: 40px 0px 0px 0px;
}

#logo p {
        text-indent: -99999px;
}

#fblogo {
        float: right;
        padding-right: 20px;
        width: 83px;
        height: 25px;
        position: relative;
        top: 15px;
        left: 5px;
        background: url(http://www.rumpel-kammer.de/content/wp-content/uploads/2011/05/kammer_fblink.jpg) no-repeat;
}

div#fblogo a {
  display: block;
  width: 100%;
  height: 100%;
}


/* Menu 
	position: relative;
        width: 899px;
	top: 41px;
	left: -120px;
	z-index: 8;
        padding: 0;
*/

#menu {
        float: right;
        padding-top: 41px;
}

#menu ul {
        margin: 0px;
        padding: 0;
        list-style: none;
        line-height: normal;
}

#menu li {
        float: left;
        margin: 0px;
        font-weight: bold;
}

#menu a {
        display: block;
        width: auto;
        padding: 6px 13px 6px 8px;
        background: url(images/img10.gif) no-repeat left 50%;
}

#menu a:hover {
        text-decoration: underline;
}

#menu .active {
       text-decoration: underline;
       color: #FFFFFF;
}

#menu .active a {
}

/* Page */

#page {
        width: 900px;
        margin: 0px auto;
        padding: 10px 0px 0px 0px;

}

#header-pic {
        background: url(images/kammer_topgrafik_bild01.jpg) no-repeat left top;
        width: 590px;
        height: 221px;
        padding-bottom: 10px;
}

#header-pic2 {
        background: url(images/kammer_topgrafik_bild02.jpg) no-repeat left top;
        width: 590px;
        height: 221px;
        padding-bottom: 10px;
}

#header-pic3 {
        background: url(images/kammer_topgrafik_bild03.jpg) no-repeat left top;
        width: 590px;
        height: 221px;
        padding-bottom: 10px;
}


#leftcol {
        float: left;
        width: 430px,
}

#rightcol {
        float: right;
        width: 430px
}

/* Content */

#content {
        float: left;
        width: 590px;
}

/* Post = Textbereiche */
.post {
        background: #1F1F1F url(images/tafel_bg.jpg) repeat left top;
        margin: 0;
        padding: 0 0 5px 0;
}

.post .title {
        margin: 0px;
        background: #1F1F1F url(images/img07.jpg) repeat-x left top;
        padding: 6px 25px;
        font-size: 1.4em;
}

.post .title h1 {
}

.post .entry {
        padding: 0 20px;
}

.post .meta {
        font-weight: bold;
        padding-left: 20px;
}

.post .byline {
        margin: 0px;
        padding-left: 20px;
}

.postsonder {
        background: #FFFFFF;
        margin: 0;
        padding: 0 0 5px 0;
}

.postsonder .titlesonder {
        margin: 0px;
        color: #000000;
        background: #FFFFFF;
        padding: 6px 25px;
        font-size: 1.4em;
}

.postsonder .titlesonder h2 {
}

.entrysonder {
        color: #000000;
        background: #FFFFFF;
        padding: 0 20px;
}


/* Sidebar */

#sidebar {
        float: right;
        width: 300px;
}

#sidebar-bgtop {
}

#sidebar-bgbtm {
}

#sidebar-content {
}

#sidebar ul {
        padding: 0px 0 5px 0;
        margin: 0px;
        list-style: none;
}

#sidebar li li {
        margin-right: 10px;
        line-height: 30px;
        padding-left: 15px;
        border-bottom: none;   /*1px dashed #BDBDBD;*/
}

#sidebar li ul {
        margin-bottom: 1.8em;
        list-style: none;
        background: #1F1F1F url(images/tafel_bg.jpg) no-repeat left top;
}

#sidebar h2 {
        background: url(images/img09.jpg) no-repeat left top;
        padding: 6px 25px;
        font-size: 1.4em;
}

#sidebar h4 {
        padding: 1px;
        font-size: 1.1em;
        font-weight: bold;
}

/* Search */

#search {
        float: right;
        z-index: 5;
	top: 15px;
	left: 700px;
        width: 184px;
        color: #FFFFFF;
        font-size: 5px;
        padding: 5px 35px 0 0;
}

#search form {
        z-index: 5;
        height: 20px;
        margin: 0;
        padding: 3px 0 0 0;
}

#search fieldset {
        margin-left: 20px;
        padding: 0px;
        border: none;
}

#search #s {
        width: 180px;
}

#searchsubmit {
        z-index: 8;
        display: none;
}

#search a {
        z-index: 9;
        border: none;
        background: none;
        text-transform: none;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #ffffff;
}


/* Footer */

#footer {
        clear: both;
        height: 100px;
        margin: 0px auto 0px auto;
        background: url(images/kammer_footergrafik.jpg) repeat-x left top;
        color: #858585;
}

#footer p {
        margin: 0px;
        padding: 18px 0px 0px 0px;
        text-align: center;
        line-height: normal;
        font: 11px Arial, Helvetica, sans-serif;
        color: #ffffff;
        font-weight: bold;
}

#footer a {
        color: #FFFFFF;
}

hr {
}

.pagetitle {
        color: #444444;
}

#comment {
        width: 540px;
        height: 100px;
}

.commenttext{
        padding: 0 30px 0 0;
        text-align: left;        
}

#respond {
        color: #FFFFFF;
}

.inputguestbook{
        width="120px";
}

.link-ul {
        margin: 0px;
        padding: 10px 0 10px 0;
        list-style: none;
        line-height: 100%;
        font-weight: bold;
}

.galeriepics {
        border-width: 4px; 
        border-color:#FFFFFF; 
        border-style:solid;
}

.albumueberschrift /*für NextGEN */ {
        font-size: 1.3em;
        font-weight: bold;
}

.galerieueberschrift /*für NextGEN */ {
        font-size: 1.3em;
        font-weight: bold;
        padding: 0 0 12pt 0 !important;
}
