/* @import url("http://www.da-tom.com/css/1/google.css"); */
@import url("calendar.css");

/*** Defaults **/
body{
  background-color: #FFFFFF;
  color:            #585858;
  font-family:      Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:        12px;
  margin-top:       30px;
  background-image: url(../../images/1/pageLayout/background.gif);
  background-repeat:repeat-x;
  background-position:center 249px;
}
img{ border:        0px; }
a{
  color:            #58666B;
  text-decoration:  none;
}
a:hover{
  color:            #58666B;
  text-decoration:  underline;
}
h1{
  font-weight:      bold;
  font-size:        20px;
  font-family:      "Times New Roman", Tahoma;
  letter-spacing:   4px;
  color:            #EE9D4E;
  margin:           0px 0px 20px 0px;
  padding:          0px;
}
h2{
  font-weight:      bold;
  font-size:        14px;
  font-family:      "Times New Roman", Tahoma;
  letter-spacing:   3px;
  color:            #EE9D4E;
}
small.date,         h2 small, h3{
  display:          block;
  position:         relative;
  margin:           -20px 0px 30px 0px;  /* -60 */
  font-family:      "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-style:       normal;
  font-variant:     normal;
  font-weight:      normal;
  font-size:        10px;
  text-transform:   uppercase;
  letter-spacing:   3px;
  color:            rgb(153, 153, 153);
}
h4{
  margin-top:       0px;
  font-size:        12px;
  text-align:       center;
}
object{
  /*display:          none;*/
}
fieldset{
  border:           0px;
}
fieldset legend{
  display:          none;
}
form{
  margin:           0px;
}



/*** Page align **/
#Page{
  width:            954px;
  overflow:         hidden;
  margin:           auto;
  background-image: url(../../images/1/pageLayout/pageBody.gif);
  background-repeat:repeat-y;
}

/*** Page style **/
#Header{
  background-image: url(../../images/1/pageLayout/pageHeader.jpg);
  background-repeat:no-repeat;
  
  height:           190px;
  position:         relative;
}
#Body{
  padding:          0px 27px 0px 27px;
  background-image: url(../../images/1/pageLayout/pageCenter.jpg);
  background-repeat:no-repeat;
  overflow: none;
  width: 900px;
}


/*** CSS Menu **/
#Menu{
  position:         absolute;
  margin:           57px 0px 0px 671px;
  width:            235px;
}
ul.Menu{
  height:           25px;
  list-style:       none;
  margin:           0px;
  padding:          0px;
}
ul.Menu li{
  float:            left;
  margin:           0px;
  padding:          0px;
}
ul.Menu li a{
  display:          block;
  margin-right:     10px;
  text-decoration:  none;
  height:           26px;
  cursor:           pointer;
  background-image: url(../images/menu.png);
}
ul.Menu li a span{
  display:          none;
}
  #Menu li a.menHome{
    width:            38px;
    background-position:  0px 0px;
  }
  #Menu li a.menHome:hover{
    background-position:  0px 26px;
  }
  #Menu li a.menAbout{
    background-position:  -39px 0px;
    width:            39px;
  }
  #Menu li a.menAbout:hover{
    background-position:  -39px 26px;
  }
  #Menu li a.menPhotos{
    background-position:  -79px 0px;
    width:            46px;
  }
  #Menu li a.menPhotos:hover{
    background-position:  -79px 26px;
  }
  #Menu li a.menGuestbook{
    background-position:  -126px 0px;
    width:            71px;
  }
  #Menu li a.menGuestbook:hover{
    background-position:  -126px 26px;
  }


/*** Layout Style's **/
#Splash{
  background-image: url(../../images/1/pageLayout/splashHome.jpg);
  background-repeat:no-repeat;
  height:           110px;
}

#Content{
  min-height:       380px;
}

#Content #Main{
  padding:          0px 0px 0px 34px;
  line-height:      20px;
  float:            left;
  width:            610px;  /* neu */
}

#Content #Sidebar{
  width:            223px;    /* 230 */
  margin-left:      auto;
  /*padding:          0px 0px 40px 14px;*/
  padding:          0px 7px 40px 14px;
  
  background-color: #F8F8F8;
  background-image: url("../../images/1/pageLayout/sidebar_back.png");
  background-position:left bottom;
}


#Footer{
  background-image: url(../../images/1/pageLayout/pageFooter.gif);
  background-repeat:no-repeat;
  height:           51px;
  padding:          6px 27px 0px 27px;
  font-size:        11px;
  background-color: #FFFFFF;
  clear:            left;
}
  #Footer #Legal{
    float:            left;
  }
  #Footer #Legal p{
    margin:           0px;
    padding:          2px;
  }
  #Footer #Legal p.copyright{ }
  #Footer #Legal p.designby{
    font-size:        9px;
  }
  #Footer #Footnav{
    float:            left;
    margin-left:      200px;
  }
  #Footer #Footnav ul{
    margin:           2px;
    padding:          0px;
    list-style:       none;
  }
  #Footer #Footnav li{
    margin:           0px;
    padding:          0px 5px 0px 5px;
    float:            left;
  }
  #Footer #Validator{
    margin-top:       4px;
    float:            right;
    width:            170px;
  }
  #Footer #Validator a{
    height:           15px;
    width:            80px;
    display:          block;
    float:            right;
    margin:           0px 1px 0px 1px;
  }
  #Footer #Validator a span{
    display:          none;
  }
  #Footer #Validator a.xhtml{
    background-image: url(../../images/1/validator/iconXHTML.png);
    background-repeat:no-repeat;
  }
  #Footer #Validator a.css{
    background-image: url(../../images/1/validator/iconCSS.png);
    background-repeat:no-repeat;
  }



/*** Layout Classes ***/
img.thumbnail{
  border:           1px solid #C0C0C0;
  padding:          3px;
  margin:           1px;
  width:            100px;
}
a:hover img.thumbnail{
  border:           1px solid #AAAAAA;
  background-color: #CCCCCC;
}



#Sidebar div.box{
  background-image: url(../../images/1/pageLayout/catBackgroundR.gif);
  background-repeat:repeat-y;
  background-position:0 45px;
  margin-bottom:    30px;
  text-align:       left;
}
#Sidebar div.box div.title{
  background-image: url(../../images/1/pageLayout/catTitle-active.gif);
  background-repeat:no-repeat;
  height:           18px;
  color:            #FFFFFF;
  padding:          4px 0px 0px 20px;
}
#Sidebar div.box div.content{
  background-image: url(../../images/1/pageLayout/catBackground.gif);
  background-repeat:no-repeat;
  /*background-position: bottom left;*/
  width:            136px;
  padding:          8px 8px 0px 8px;
  min-height:       45px;
}
#Sidebar div.box div.content a{
  display:          block;
  line-height:      18px;
  padding:          2px 0px 0px 14px;
  margin:           4px 0px 2px 0px;
}
#Sidebar div.box div.content a:hover{
  background-image: url(../../images/1/pageLayout/arrow.gif);
  background-repeat:no-repeat;
  background-position: 0px 6px;
  /*background-position: left middle;*/
  color:            #FF8029;
  text-decoration:  none;
}
#Sidebar div.box div.footer{
  background-image: url(../../images/1/pageLayout/catFooter.gif);
  background-repeat:no-repeat;
  height:           22px;
}

/*** Layout Classes ***/









/*** Schnellsuche ***/
div#headSearch{
  position:         absolute;
  margin:           90px 0px 0px 671px; /*  */
}
  div#headSearch fieldset{
    border:           0px;
    margin:           0px;
    padding:          0px;
    display:          inline;
  }
  div#headSearch form{
    padding:          0px;
    background-image: url(../../images/1/pageLayout/searchfield.gif);
    background-repeat:no-repeat;
    width:            227px;
    margin:           0px;
    text-align:       right;
  }
  div#headSearch input{
    border:           0px;
  }
  div#headSearch input.searchfield{
    color:            #656565;
    background:       transparent;
    width:            164px;
  }
  div#headSearch input.button{
    background-image: url(../../images/1/pageLayout/searchButton.gif);
    background-repeat:no-repeat;
    background-position:0px 1px;
    width:            53px;
    height:           20px;
    color:            #ECECEC;
  }
  div#headSearch form:hover input.button{
    background-image: url(../../images/1/pageLayout/searchButton_hover.gif);
  }





/*** Login / Account **/
div#headAccount{
  position:         absolute;
  margin:           170px 0px 0px 202px;
  padding-top:      3px;
  background-image: url(../../images/1/pageLayout/loginBack.png);
  text-align:       center;
  width:            550px;
  height:           17px;
}

  div#headAccount fieldset{
    margin: 0px;
    padding: 0px;
  }
  div#headAccount fieldset legend{
    display: none;
  }
  div#headAccount div.message{
    display: none;
  }
  div#headAccount fieldset form{
    padding-left: 140px;
  }
  div#headAccount fieldset form input{
    border:           0px;
    background:       transparent;
  }
  div#headAccount dl, div#headAccount dl dt, div#headAccount dl dd{
    margin: 0px;
    padding: 0px;
    overflow: visible;
  }
  div#headAccount dl dt{
    display: none;
  }
  div#headAccount dl dd{
    padding-right: 10px;
    float: left;
  }