/*
Theme Name: lagarafa_wp_theme
Description: Tested on WP2.9
Version: 2.0
Author: LaGARAFA Productions
Author URI: http://www.lagarafa.de/
Tags: x
*/

/*
Webdesign for LaGARAFA Productions
Copyright © 2008-2011. All rights reserved.

Webdesign & Programming by
       LaGARAFA Productions
       Lars Gatting Film- und Medienproduktionen
       Mail: media@lagarafa.de
       Web: www.lagarafa.de
*/

/* Backgroundkachel einfügen: url(http://www.lagarafa.de/vorlagen/lagarafa_index_kachel.gif) repeat left top    bg color vorher: #999 */

body {
        margin: 0px;
        background: #151515 url(http://www.lagarafa.de/vorlagen/lagarafa_index_kachel.gif) repeat left top;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #036;
}

h1, h2, h3 {
        margin: 0;
        color: #369;
}

h1 {
        font-size: 20px;
        font-weight: normal;
}

h2 {
        font-size: 1.2em;
        font-weight: bold; 
}

h3 {
        font-size: 1.2em;
        font-weight: bold; 
}

p, ul, ol {
        margin-top: 0;
        line-height: 140%;
        color: #036;
}

ul, ol {
}

a {
        font-weight: bold;        
        text-decoration: none;
        color: #630;
}

a:hover {
        background: none;
        text-decoration: underline;
}

#textflussbutton {
        padding-bottom: 15px;
}

#textflussbutton a {
        display: block;
        padding: 6px 25px 3px 28px;
        text-transform: none;
        text-decoration: none;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal; 
        color: #036;
        border: none;
        width: auto;
        height: 28px;
        background: url(images/cms_textfluss_button_vorlage.jpg) no-repeat;
}

#textflussbutton a:hover {
        background: url(images/cms_textfluss_button_vorlage_hover.jpg) no-repeat;
        text-decoration: none;
        color: #630;
}

#wrapper {
        position: relative;
        width: 910px;
        margin: 0 auto;
        padding-top: 0px;
}

/* Header */

#header {
        position: relative;
        padding: 0;
        width: 910px;
        height: 273px;
        margin: 0;
        z-index: 1;
        background: #FFFFFF url(images/headerbg.gif);
}

/* Logo */

#maingraphic {
        z-index: 2;
        background: url(images/lagarafa_maingrafik_wp_anim.gif) no-repeat left top;
        width: 900px;
	height: 220px;
	position: relative;
	top: 25px;
	left: 5px;
}

div#logo a {
  display: block;
  width: 100%;
  height: 100%;
}

#logo {
        z-index: 3;
        background: url(images/lagarafa_logo_top.gif) no-repeat;
        width: 215px;
	height: 40px;
	position: relative;
	top: 5px;
	left: 5px;
}

#text_caption {
	position: relative;
	z-index: 4;
        padding: 4px 0 0 58px;
}

#text_caption a {
        border: none;
        background: none;
        text-transform: none;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #369;
        letter-spacing: 0.1em;
        word-spacing: 0em;
}

#text_caption a:hover {
        background: none;
        text-decoration: none;
}

#upperlinks {
	position: relative;
	top: 0px;
	left: 735px;
	z-index: 4;
        padding: 0 0 0 0;
        border: none;
        background: none;
        text-transform: none;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #ffffff;
}

#upperlinks a {
        border: none;
        background: none;
        text-transform: none;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #ffffff;
}


/* Search */

#search {
        position: relative;
        z-index: 5;
	top: 0px;
	left: 670px;
        width: 230px;
        color: #FFFFFF;
        font-size: 11px;
        padding-top: 30px;
}

#search form {
        z-index: 5;
        height: 25px;
        margin: 0;
        padding: 3px 0 0 0;
}

#search fieldset {
        z-index: 6;
        margin-top: 0px;
        padding: 0;
        border: none;
}

#search-text {
        z-index: 7;
        width: 200px;
        border: none;
        text-transform: lowercase;
        border: 1px #525252 dotted;
        font: bold 1.2em Arial, Helvetica, sans-serif;
        color: #808080;
}

#search-submit {
        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;
}

/* Menu */

#menu {
	position: relative;
	top: 25px;
	left: 0px;
        width: 820px;
        height: 28px;
	margin: 0 4px 0 4px;
	padding: 0;
        z-index: 10;
}

#menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: normal;        
        z-index: 11;
}

#menu li {
        height: 28px;
        float: left;
        z-index: 12;
}

#menu a {
        display: block;
        padding: 5px 25px 4px 26px;
        text-transform: none;
        text-decoration: none;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal; 
        color: #FFFFFF;
        border: none;
        width: auto;
        background: url(images/mainnavbutt.gif) no-repeat;
        z-index: 13;
}

#menu a:hover, #menu .current_page_item a {
        text-decoration: none;
}

#menu a:hover {
        background: url(images/mainnavbutthover.gif) no-repeat;
        z-index: 14;
}

#menu .current_page_item a, 
#menu .current_page_ancestor a,
#menu .current_page_parent a
{
        color: #630;
        background: url(images/mainnavbuttactiv.gif) no-repeat;
        z-index: 15;
}


/* Englische Version Flagge */

#en-flag {
        float: right;
        z-index: 9;
        padding: 2px 10px 0 0;
}

/* Deutsche Version Flagge */

#de-flag {
        float: right;
        z-index: 9;
        padding: 2px 10px 0 0;
}

/* Sitemap Symbol */

#sitemap {
        float: right;
        z-index: 9;
        padding: 0 10px 0 0;
}


/* Untermenu */

#untermenu {
	position: relative;
	top: 0px;
	left: 0px;
        width: 180px;
	margin: 0 4px 0 4px;
	padding: 0;
        z-index: 10;
}

#untermenu li {
        height: 26px;
        z-index: 12;
}

#untermenu a {
        display: block;
        padding: 5px 0px 5px 22px;
        text-transform: none;
        text-decoration: none;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: normal; 
        font-size: 12px;
        color: #036;
        border: none;
        width: auto;
        background: url(images/subnav.gif) no-repeat;
        z-index: 13;
}

#untermenu a:hover, #menu .current_page_item a {
        text-decoration: none;
}

#untermenu a:hover {
        color: #630;
        background: url(images/subnavhover.gif) no-repeat;
        z-index: 14;
}

#untermenu .current_page_item a {
        color: #ffffff;
        font-weight: bold;
        background: #808080 url(images/subnavactive.gif) no-repeat;
        z-index: 15;
}


/* Page */

#page {
        background: #ffffff url(images/contentbg_neu.jpg) repeat-y left top; 
        width: 910px;
        margin: 0 auto;
        z-index: 16;
}

#pagewithoutgraphic {
        background: #ffffff;
        width: 910px;
        margin: 0 auto;
        z-index: 16;
}

/* Content */

#content {
        float: right;
        width: 495px;
        padding: 30px 30px 0 0;
        z-index: 17;
}

.post {
}

.post .title {
        color: #369;
        font-size: 14px;
}

.post .title a {
        background: none;
        color: #369;
        border: none;
}

.post .title a:hover {
        text-decoration: underline;
}

.post .meta {
        border-bottom: 1px dashed #D2D4C9;
        text-transform: uppercase;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
}

.post .entry {
        padding: 10px 0 20px 0;
        text-align: justify;
}

.post .posthighlight {
        background: #EEEEEE;
        padding: 0 10px 0 5px;
}

/* Sidebar */

#sidebar {
        float: left;
        width: 181px;
        padding: 0 0 0 0;
        color: #787878;
}

#sidebar ul {
        margin: 0;
        padding: 0 0 0 1px;
        list-style: none;
}

#sidebar li {
}

#sidebar li ul {
        padding-bottom: 0;
}

#sidebar li li {
}

#sidebar h2 {
        letter-spacing: -.5px;
        color: #000000;
}

#sidebar p {
        padding-bottom: 20px;
        text-align: center;
}

#sidebaraktuelles {
        float: left; 
        margin: 10px;       
        padding-bottom: 20px;
        text-align: center;
}

#sidebaraktuelles p {
        padding-bottom: 20px;
        text-align: center;
}

#sidebar-login {
        float: left; 
        padding: 0 0 20px 35px;
}

/* Moodbar */

#moodbar {
        float: right;
        background: #ffffff url(images/moodbar_div_prod_2.jpg) repeat-y left top;
        width: 160px;
        margin-right: 5px;
        margin-top: 0;
        padding: 0;
        color: #787878;
        z-index: 18;
}

/* Footer */

#footer {
        width: 910px;
        height: 65px;
        margin: 0 auto;
        padding: 15px 0 10px 0;
        background: url(images/footerbg.gif) no-repeat top left;
        font-family: Arial, Helvetica, sans-serif;
        color: #808080;
        font-weight: bold;
}

#footer p {
        margin: 0;
        line-height: normal;
        font-size: 9px;
        text-transform: uppercase;
        text-align: center;
}

#footer a {
        color: #369;
}

#commentform {
}

#comment {
        width: 495px;
}

#commentmetadata {
        padding-bottom: 8px;
}

.alignright {
        float: right;
}

.alignleft {
        float: left;
}

#respond {
        margin: 0;
        padding-top: 50px;
}

.navigation {
        padding-top: 20px;
}

#page .title {
        padding-bottom: 5px;
        font-size: 18px;
        font-weight: normal;
}

#sondertabelle table {
	border-style: dotted;
	border-width: 1px;
	border-spacing: 0;
}

.breadcrumb {
        font-size: 11px;
        font-weight: normal; 
        margin-bottom: 25px;
}

.breadcrumb a {
        font-size: 11px;
        font-weight: normal; 
}

.galeriepics {
        border-width: 6px; 
        border-color:#E8E8E8; 
        border-style:solid;
}

.noborderpics {
        border-style: none;
}

.textmark {
        font-weight:bold;
        color:rgb(51, 102, 153);
}

#logoprint {
        display:none;
}

#wpcumulus {
        float: right;
        padding: 0px 5px 0px 5px;
}