body {
         background : #292818;
         color : #000;
         text-align : center;
         font-family: Georgia, Times New Roman, Times, serif;
         font-size: 75%;

		scrollbar-face-color: #292818;
		scrollbar-track-color: #292818;
		scrollbar-arrow-color: #292818;
		scrollbar-shadow-color: #292818;
		scrollbar-darkshadow-color: #292818;
		scrollbar-highlight-color:#292818;
		scrollbar-3dlight-color: #292818;

      }
 body.content {
 background-color:#ADA294;
 }
td { font-size: 75% }

	#distance {
		width:1px;
		height:25%;
		background-color:transparent;
		margin-bottom:-13.75em; /* half of container's height */
		float:left;
		}

	#titel
	{
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:right;
		height:88px;
		width:1000px;
		clear:left;
		background-color:transparent;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:center;
		height:450px;
		width:100%;
		clear:left;
		background-color:#6B655A;
		}

	#content {
        width:1000px;
        height:100%;
        margin:auto;
        background-color: #ADA294;
}

.framecontent     {
        width: 1000px;
        height: 450px;
}

#navigation
	{
	height:20px;
	width:1000px;
	margin:auto;
	text-align: center;
	padding: 8px;
	}

/*navbuttons */

#home {
        display : block;
        background-image : url(images/buttonhome1.jpg);
        width : 85px;
        height : 23px;
      }
#home:hover {
       background-image : url(images/buttonhome2.jpg);
     }

#vita {
        display : block;
        background-image : url(images/buttonvita1.jpg);
        width : 54px;
        height : 23px;
      }
#vita:hover {
       background-image : url(images/buttonvita2.jpg);
     }

#lehre {
        display : block;
        background-image : url(images/buttonlehre1.jpg);
        width : 64px;
        height : 23px;
      }
#lehre:hover {
       background-image : url(images/buttonlehre2.jpg);
     }

#projekte {
        display : block;
        background-image : url(images/buttonprojekte1.jpg);
        width : 82px;
        height : 23px;
      }
#projekte:hover {
       background-image : url(images/buttonprojekte2.jpg);
     }

#vortrag {
        display : block;
        background-image : url(images/buttonvortrag1.jpg);
        width : 102px;
        height : 23px;
      }
#vortrag:hover {
       background-image : url(images/buttonvortrag2.jpg);
     }

#publik {
        display : block;
        background-image : url(images/buttonpublik1.jpg);
        width : 102px;
        height : 23px;
      }
#publik:hover {
       background-image : url(images/buttonpublik2.jpg);
     }

#links {
        display : block;
        background-image : url(images/buttonlinks1.jpg);
        width : 102px;
        height : 23px;
      }
#links:hover {
       background-image : url(images/buttonlinks2.jpg);
     }

#kontakt {
        display : block;
        background-image : url(images/buttonkontakt1.jpg);
        width : 80px;
        height : 23px;
      }
#kontakt:hover {
       background-image : url(images/buttonkontakt2.jpg);
     }
/* Englische Buttons */

#lehree {
        display : block;
        background-image : url(images/buttonlehre1e.jpg);
        width : 80px;
        height : 23px;
      }
#lehree:hover {
       background-image : url(images/buttonlehre2e.jpg);
     }

#projektee {
        display : block;
        background-image : url(images/buttonprojekte1e.jpg);
        width : 80px;
        height : 23px;
      }
#projektee:hover {
       background-image : url(images/buttonprojekte2e.jpg);
     }

#vortrage {
        display : block;
        background-image : url(images/buttonvortrag1e.jpg);
        width : 90px;
        height : 23px;
      }
#vortrage:hover {
       background-image : url(images/buttonvortrag2e.jpg);
     }

#publike {
        display : block;
        background-image : url(images/buttonpublik1e.jpg);
        width : 102px;
        height : 23px;
      }
#publike:hover {
       background-image : url(images/buttonpublik2e.jpg);
     }
#kontakte {
        display : block;
        background-image : url(images/buttonkontakt1e.jpg);
        width : 80px;
        height : 23px;
      }
#kontakte:hover {
       background-image : url(images/buttonkontakt2e.jpg);
     }

a:link {text-decoration: underline; color: #FFF7E7; }
a:visited { text-decoration: underline; color: #FFF7E7; }
a:active { text-decoration: underline; color: #FFFF66; }
a:hover { text-decoration: underline; color: #FFFF66; }

#footer {
    position: fixed;
    bottom:0px;
}

#footer_content {
padding: 5px;
text-align: right;
clear: right;
float: right;
}

.left {
float: left;
}

.right {
float: right;
 }


.cleft {
float: left;
width: 61%;
text-align: left;
background-color:#6B655A;
height: 100%;
font-family:Verdana,Arial,sans-serif
}

.cright {
float: right;
width: 39%;
text-align: center;
height: 100%

 }

hr {
	border: 1px solid grey;
}

p      {
        padding-left: 6px;
        padding-right: 6px;
}

h1,h2,h3,h4     {
        padding-left: 6px;
        padding-right: 6px;
}

h2     {
        font-size:110%;
}

h1     {
        font-size:130%;
}

img { padding: 5px; }