/* ------------------------------------------------------------------ */
/* Written  by: manfred bruns                                         */
/* Written for: http://www.kutterfahrer.de                            */
/*              http://manfredbruns.de                                */
/*                                                                    */
/* LAST UPDATED: 31.07.2008 14:06                                     */
/*                                                                    */
/* License: http://www.gnu.org/copyleft/gpl.html                      */
/* This program is free software; you can redistribute it and/or      */
/* modify it under the terms of the GNU General Public License        */
/* as published by the Free Software Foundation; either version 2     */
/* of the License, or (at your option) any later version.             */
/*                                                                    */
/* This program is distributed in the hope that it will be useful,    */
/* but WITHOUT ANY WARRANTY; without even the implied warranty of     */
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the      */
/* GNU General Public License for more details.                       */
/*                                                                    */
/* Copyright (c) 2008 <http://www.kutterfahrer.de/>                   */
/* ------------------------------------------------------------------ */

body {
 margin           : 0;       /* to avoid margins */
 padding          : 0;
 text-align       : center; /* to correct the centering IE bug */
 font-family      : tahoma, verdana, helvetica,  arial, sans-serif;
 background-color : #272727;
 color            : #9da69f;
}

h1 { 
  font-size       : 3.0em;
 	font-weight     : bold;
}                 
h2 {              
  padding-top     : 10px; 
  font-size       : 2.0em;
 	font-weight     : bold;
}                
h3 {             
  padding-top     : 30px; 
  font-size       : 1.5em;
 	font-weight     : bold;
}                
h4 {             
  text-align      : right;
  font-size       : 0.8em;

}
a, a:hover, a:visited { 
  text-decoration : none;
  text-align      : center;
  color           : #9da69f;
}

img, img:hover, img:visited { 
  text-decoration : none;
  text-align      : left;
  color           : transparent;
}

/* .............................. */
/* style: menu                    */
/* .............................. */
#menu {
  position        : fixed;
  margin-left     : auto;
  margin-right    : auto;
  left            : 0;
  top             : 0;
  width           : 100%;
  height          : 20px;
  z-index         :1000;
}

#menu_background {
       position   : fixed;
    margin-left   : auto;
   margin-right   : auto;
           left   : 0;
            top   : 0;
          width   : 100%;
         height   : 20px;
        opacity   : 0.50;
   -moz-opacity   : 0.50;
 -khtml-opacity   : 0.50;
        z-index   : 999;
}

#navigation {
   font-size      : 0.5em;
}

.nav-left {
  text-align      : left;
  float           : left;
  margin-left     : 5px;
}                 
                  
.nav-right {      
  text-align      : right;
  float           : right;
  margin-right    : 5px;
}

/* .............................. */
/* style: base                    */
/* .............................. */

#content {
 position         : relative;
 margin-left      :   0px;
 margin-right     :   0px;
 margin-top       :  40px;
 margin-bottom    :   0px;
 width            :  100%;
 height           :   80%;
 padding-top      :  40px;
}                 

#myfont { 
  position        : absolute;
  left            : 70px;
  width           : 100px;
  height          : 050px;
  font-family     : verdana;
  font-style      : normal; 
  font-size       : 1.5em;
  font-weight     : 200;
  letter-spacing  : -0.05em;
}                 
                  
#myf1 {           
  line-height     : 0.5em;
  color           : #c52323;
}                 
                  
#myf2 {           
  position        : absolute;
  left            : 100px;
  line-height     : 0.4em;
  color           : #a3a3a3;
}

.ich {
  position        : relative;
  left            : 350px;
  top             : 100px;
  width           : 138px;
  height          : 138px;
}                 
                  
#thumb0 {         
  position        : absolute;
  left            : 350px;
  top             : 150px;
  width           : 100px;
  height          : 100px;
  text-align      :  left;
}                 
                  
#thumb1 {         
  position        : absolute;
  left            : 350px;
  top             : 300px;
  width           : 370px;
  height          :  78px;
}                 
                  
#thumb2 {         
  position        : absolute;
  left            : 760px;
  top             : 425px;
  width           : 100px;
  height          :  75px;
}                 
                  
#rest {           
  position        : absolute;
  left            : 350px;
  top             : 400px;
  width           : 600px;
  text-align      : right;
  font-size       : 0.8em;
  border-top      :    1px solid #c52323;
  color           : #8a897f;
}                 
                  
#senk {           
  position        : absolute;
  left            :  730px;
  top             :  330px;
  width           :    1px;
  height          :  250px;
  border-left     :    1px  solid #ff9f00;
}
 
/* .............................. */
/* style: googlegallery           */
/* .............................. */

#gbox {
  position        : relative;
  left            : 150px;
  width           :   70%;
  height          : 200px;
  margin-top      :  30px; 
  padding-left    :  50px; 
}                 
                  
#gstr1 {          
  position        : relative;
  left            : 200px;
  width           :   70%;
  height          :   1px;
  margin-top      :  20px; 
  border-top      :    1px solid #c52323;
}                 
                  
#gstr2 {          
  position        : relative;
  left            : 200px;
  width           :   70%;
  height          :   3px;
  margin-top      :  20px; 
  border-top      :    1px  solid #ff9f00;
}

#gbox1 {
  float           : left;
  left            : 100px;
  top             : 050px;
  width           : 194px;
  height          : 194px;
  margin-left     :  20px; 
  background      : url(../img/transparent_album_background.gif) no-repeat scroll left center;
}                 
                  
#gbox2 {          
  width           : 188px;
  height          : 180px;
  padding-top     :  15px; 
  padding-left    :   4px; 
  text-align      : center; 
}                 
                  
#gbox3 {          
  text-align      : center; 
  font-family     : arial, sans-serif; 
  font-size       : 0.5em;
  color           : #4d4d4d; 
}    

/* .............................. */
/* style: bildschatten            */
/* .............................. */

.bildschatten {
  border-top      : solid 1px #eaeaea;
  border-left     : solid 1px #eaeaea;
  border-right    : solid 1px #eaeaea;
  background      : url(../img/bildschatten.png) no-repeat bottom left;
  padding         : 4px 7px 17px 7px;
}
.bildschatteng {
  border-top      : solid 1px #eaeaea;
  border-left     : solid 1px #eaeaea;
  border-right    : solid 1px #eaeaea;
  background      : url(../img/bildschatten2.png) no-repeat bottom left;
  padding         : 4px 7px 15px 6px;
}

.rahmen {
  border-top      : solid 0px #eaeaea;
  border-left     : solid 0px #eaeaea;
  border-right    : solid 2px #8a897f;
  border-bottom   : solid 2px #8a897f;
  padding-right   : 3px;
  padding-bottom  : 3px;
}

/* .............................. */
/* style: accuweather             */
/* .............................. */
                 
#toptitle {       
 position         : relative; 
 top              : 050px; 
 left             : 100px; 
 width            : 800px; 
 font-family      : verdana;
 font-size        : 0.8em;
 font-weight      : 600;
 letter-spacing   : 0.01em;
 text-align       : left; 
} 
#astr1 {
  position        : relative;
  top             : 060px; 
  left            : 100px;
  width           :   85%;
  height          :   2px;
  margin-top      :   0px; 
  border-top      :   1px solid #ff9f00;
}
#box0 { 
 position         : relative; 
 top              : 050px; 
 left             : 100px; 
 width            : 85%; 
 height           : 420px; 
 margin-top       :  30px; 
} 
#box1 { 
 float            :  left; 
 top              : 120px; 
 left             : 100px; 
 width            : 240px; 
 height           : 420px; 
 margin-right     :  20px; 
 background       : url(../img/fall4_240x420_bg.jpg ) no-repeat; 
} 
#box2 { 
 position         : relative; 
 top              : 80px; 
 left             : 460px; 
 width            : 728px; 
 height           : 090px; 
 background       : url(../img/gold_728x90_bg.jpg ) no-repeat; 
 background-color : #C39E6E; 
} 
/* .............................. */
/* style: footer                  */
/* .............................. */

#footer {
  position        : fixed;
  width           : 100%;
  bottom          : 0;
  left            : 0;
  margin-left     : auto;
  margin-right    : auto;
  text-align      : center;
  font-size       : 0.5em;
  z-index         : 1000;
}

#footer_background {
  position        : fixed;
  bottom          : 0;
  left            : 0;
  height          : 20px;
  width           : 100%;
  z-index         : 999;
  opacity         :.50;
  -moz-opacity    :.50;
  -khtml-opacity  :0.50;
}