/* --- CSS File für www.thebackyards.ch --- */

html
{
  heighth: 100%;
}

body
{
  font-size: 100.01%;
  background: black url(../images/Hintergrund.jpg) no-repeat;
  font-family: Constantia, Times, serif;
  font-size: 1em;
  color: white;
  margin: 0px;
  padding: 0px;
/*  border: 0px;*/
  width: 100%;
/*  min-width: 780px;*/
/*  max-width: 1200px;*/
  height: 100%;
/*  max-height: 100%;*/
}

#seite
{
  height: 100%;
}

#oben
{
/*  clear: both;*/
/*  position: absolute;*/
/*  top: 0px;*/
/*  left: 310px;*/
  height: 89%;
  width: 100%;
  float: left;
/*  padding: 0px;*/
/*  overflow: visible;*/
/*  overflow-x: hidden;*/
}

#footer
{
  font-size: 0.6em;
  text-align: center;
/*  width: 100%;*/
  height: 50%;
  float: clear;
/*  position:absolute;*/
/*  bottom: 0px;*/
/*  left: 0px;*/
}

/*#footer a
{
  color: #125292;
  text-decoration: none;
}

#footer a:hover
{
  color: #5191d1;
  text-decoration: none;
}*/

#links
{
  width: 25%;
  height: 100%;
  float: left;
  
}

#rechts
{
  width: 75%;
  height: 100%;
  float: left;
}

#logo
{
  background: black;
/*  width: 300px;*/
/*  height: 128px;*/
/*  padding: 0px;*/
/*  float: left;*/
}

#logo a:link
{
/*  color: #000000;*/
}

#logo a:visited
{
/*  color: #000000;*/
}

#logo a:hover
{
/*  color: #83aad3;*/
}

#nav
{
/*  float: left;*/
/*  width: 300px;*/
/*  font-size: 1em;*/
  background-color: white;
}

#header
{
/*  position: absolute; */
/*  top: 0px; */
/*  left: 0px; */
/*  width: 305px;*/
  float: left;
  width: 100%;
  height: 20%
/*  padding: 0px;*/
}

#kalender
{
/*  min-height: 20%;*/
  width: 60%;
/*  min-width: 400px;*/
  float: left;
  margin-left: 2%;
}

/* ******** Suche ******** */
#search
{
  width: 35%;
  float: left;
/*  height: 5%;*/
/*  min-height: 2em;*/
/*  padding-top: 0.1em;*/
/*  min-width: 400px;*/
/*  float: right;*/
}

.searchinput_search
{
  background: #FFFFFF;
  color: black;
  width: 200px;
  font-family: Constantia, Times, serif;
}
.searchbutton
{
  border:solid 1px #e0e0e0;
  color: black;
  background-color: #cccccc;
  width: 80px;
  height: 1.4em;
  cursor: pointer;
  font-family: Constantia, Times, serif;
}
.searchbutton:hover
{
  background-color: #777777;
}
/* ******** bis hier Suche ******** */

/*#metanav
{
  height: 5%;
  min-height: 2em;
  padding-top: 0.4em;
  font-size: 0.8em;
  min-width: 400px;
  float: right;
}*/

#content
{
  height: 80%;
  overflow: visible;
  margin-left: 2%;
/*  min-width: 400px;*/
/*  /*float: right;*/
/*  float: left;*/
/*  overflow: auto;*/
}






/* ******** Schriftdefinitionen ******** */
p
{
  font-size: 1em;
  font-weight: normal;
}

h1
{
  font-weight: bold;
  font-size: 1.3em;
}

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

h3
{
  font-size: 1.1em;
}

h4
{
  font-weight: bold;
  font-size: 1em;
}  

h5
{
  font-size: 1em;
}  

h6
{
  font-weight: bold;
  font-size: 2em;
  padding: 0px;
}  

a:link
{
  color: #FFD700;
  font-weight: bold;
  text-decoration: underline;
}

a:visited
{
  color: #FFD700;
  font-weight: bold;
  text-decoration: underlinenone;
}

a:hover
{
  color: #DAA520;
  font-weight: bold;
  text-decoration: underline;
}

a:active
{
  color: #FFD700;
  font-weight: bold;
  text-decoration: underline;
}

/* ******** bis hier Schriftdefinitionen ******** */


/* Styles for an ordinary table such as in media or directory */

table.normal {
  border: none;
  border-collapse: collapse;
  width: 100%;
}

table.normal td {
  border-bottom: 1px dotted #d0d0d0;
  padding: 5px;
}

table.normal th {
  border-bottom: 1px solid #d0d0d0;
  font-weight: bold;
  background-color: #696969;
  text-align: left;
  padding: 5px;
}

/********* Gästebuch ******** */

#guetsbook
{
  
}

.table
{
  border: none;
  border-collapse: collapse;
  width: 100%;
  padding: 1;
  border: 0;
}

.tr
{
  valign: top;
}





/* ******************************************************** */


input.form {
  /*font-family: Arial, sans-serif;*/
  /*font-size: 0.9em;*/
  color: #000000;
}



/*form {
    margin: 0px;
    padding: 0px;
}*/







/*-- | noch offen | --*/
#newsbox {
  border: solid 1px #d7d7d7;
  width: 150px;
  /*float: left;*/
  padding: 5px;
  margin-bottom: 20px;
}

.podcastcontent {
  display:block;
  width:100%;
  border-bottom:1px #000 dotted;
  margin-bottom:10px;
}

.podcastcontent .podcastmedium {
  overflow: hidden;
  margin-top: 3px;
  width: 100%;
  height: auto !important;
}

img.left {
    /*float: left;*/
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0px;
    margin-top: 0px;
    margin-left: 0px;
}

img.right {
    /*float: right;*/
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
}

ul {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

li {
    padding-left: 15px;
    list-style-type: none;
    background-repeat: no-repeat;
}

table.green {
    background-color: #E8F1C2;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #9CB82E;
    border-right-color: #9CB82E;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #9CB82E;
}

table.green td {
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #9CB82E;
    margin: 0px;
}

table.green td.header {
    font-weight: bold;
    background-color: #D8E89A;
    margin: 0px;
}

table.white {
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #BCBCBC;
    border-right-color: #BCBCBC;
}

table.white td {
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #BCBCBC;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #BCBCBC;
    margin: 0px;
}

table.white td.header {
    font-weight: bold;
    background-color: #F1F1F1;
    background-image: url(images/gradient.gif);
    background-repeat: repeat-x;
    margin: 0px;
}

#sprachwahl {
    /*float: right;*/
}

input, textarea, select, radio {
  /*font-family: Verdana;*/
  font-size: 1em;
  border: 1px solid #E0E0E0;
  background-color: #FCFCFC;
  padding: 0px;
  color: #125292;
    margin: 0px 0px 1px 0px;

}

input, select[size=1], radio {
    height: 16px;
}


/*#search_menu_box {
    padding: 10px 0px 10px 13px;
    border: 1px solid #CCCCCC;
}*/

#input_search_shop {
    height: 16px;
    font-size: 11px;
    margin: 0px 0px 2px 0px;
}

#input_search_shop_submit {
    height: 18px;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
}

textarea {
  overflow: auto;
}

.rssfeed {
  background-image: url(images/rss.png);
  background-repeat: no-repeat;
  border: 0px;
  padding-left: 18px;
}