/* CSS für Alexander Josephs Website, ©2007, Steffi Friederichs */

/* Allgemeine Formatierungen */
h1  {font-family: verdana, geneva, courier;
     font-size: 2em;
     font-variant: small-caps;
     color: #acf; }

h2  {font-family: verdana, geneva, courier;
     font-size: 1.4em;
     font-variant: small-caps;
     color: #acf;  }

h3  {font-family: verdana, geneva, courier;
     font-size: 1.2em;
     font-variant: small-caps;
     color: #acf; }


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

.center
    {text-align: center; }
    
#aktuell
    {width: 270px;
     border: 1px #dff ridge;
     padding: 5px 0px;
     background-image: url("../imgs/backgrounds/w30.png");
     text-align: center; }

	#aktuell a
		{text-decoration: none;
		 color: #dff; }

#thanx
    {width: 270px;
     margin: 0px auto;
     border: 1px #dff ridge;
     padding: 5px;
     background-image: url("../imgs/backgrounds/w30.png");
     text-align: center; }

#aktuell p, #thanx p
    {font-family: times, serif;
     font-size: 1.1em;
     color: #dff; }

#aktuell p img
        {margin: 0px -1.5px; }

#aktuell #titel
    {font-size: 1.6em;
     padding: 0px 15px; }

#spruch
    {font-style: oblique;
     margin: 30px 50px 80px 50px;
     text-align: center; }    

.firstnews
    {padding: 0px 300px 10px 0px;
     font-family: geneva;
     font-size: 0.9em;
     line-height: 170%;
     text-align: justify;
     border: 1px #dff ridge;
     padding: 10px 20px;
     margin-right: 300px;
     background-image: url("../imgs/backgrounds/b30.png");
     text-indent: 2em; }

.central
    {text-align: center;
     margin: 20px 0px 20px 0px; }


/* Projekte */
#bilder
    {text-align: center;
     margin-top: 50px;
     margin-bottom: 80px;
     padding: 5px 0px 0px 50px; }

#thumbs
    {display: block;
     width: 50px;
     float: right; }

    #thumbs img
        {margin: -2px; }

.smll
    {font-size: 0.85em; }


/* Links */
a   {font-variant: small-caps; }


/* Jahreszahlen Vita */
.dates
    {display: block;
     width: 4em;
     float: left;
     font-size: 1.4em;
     font-weight: bold;
     margin-right: 20px;
     margin-bottom: 10px;
     color: #000;
     background: #dff;
     text-align: center;
     padding: 5px 0px 3px 0px; }


/* News & Gästebuch */
.newsdate, .book
    {display: block;
     font-variant: small-caps;
     width: 180px;
     float: left;
     font-weight: bold;
     text-align: center;
     color: #000;
     background: #dff;
     padding: 0px 5px;
     margin: 0px 20px 15px 0px;
     vertical-align: top; }


/* Links */
.column
    {max-width: 400px; }

.linkkatlist
    {padding: 0px 8px; }

.slink
    {display: block;
     font-variant: small-caps;
     letter-spacing: 2px;
     font-weight: bold;
     padding: 0px; }

.tlink
    {display: block;
     text-align: right;
     font-style: oblique;
     padding: 0px;
     color: #dff;
     padding-bottom: 15px; }

.headings
    {font-variant: small-caps;
     font-size: 1.2em;
     font-weight: bold;
     text-align: center;
     letter-spacing: 5px;
     color: #000;
     background: #dff; }

.alft
    {font-size: 0.8em;
     letter-spacing: 3px; }


/* Navigation: Bilder positionieren */
#home
    {position: absolute;
     top: 0px;
     left: 74px; }

#news
    {position: absolute;
     top: 385px;
     left: 14px; }

#book
    {position: absolute;
     top: 40px;
     left: 134px; }

#projekte
    {position: absolute;
     top: 40px;
     left: 14px; }

#kontakt
    {position: absolute;
     top: 190px;
     left: 74px; }

#links
    {position: absolute;
     top: 385px;
     left: 134px; }

#vita
    {position: absolute;
     top: 420px;
     left: 74px; }

#impressum
    {position: absolute;
     top: 585px;
     left: 30px; }