html {height: 101%}

body
{
margin: 0;
padding: 0;
font: 80% verdana, arial, helvetica, sans-serif;
text-align: center;
color: #400000;
background-color: #d5a48e;
}


a:link 
{
color: #400000; text-decoration:underline;
}

a:visited 
{
color: #400000; text-decoration:underline;
}

a:hover 
{
color: #400000; text-decoration: overline;
}

a:active 
{
color: #400000; text-decoration:underline;
}

#container
{
margin: 1em auto;
width: 760px;
text-align: center;
}

#header
{
	width: 760px;
	height: 200px;
	background: url('design/menuehintergrund.gif') no-repeat;
    margin: 0; padding:0;
}

#contents
{
margin: 0; padding: 0;
width: 100%;
background: url('design/hintergrund.gif') repeat;
}


#inhalt
{
margin: 0; padding: 10px;
width: 97%;
text-align: left;
}

#linkeseite 
{
padding-top: 5px; padding-left: 0;
width: 100px;
float: left;
}

#seiteninhalt
{
padding-top: 0;
padding-right: 10px;
padding-left: 110px;
margin-right: 5px;
}


#menue 
{
	padding: 0;
	margin: 0;
	width: 760px;
	height: 200px;
	position: relative; list-style-type:none
}

#menue span 
{
	display: none;
	position: absolute;
}

#menue a 
{
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#menue a:hover 
{
	background-position: left bottom;
}

#menue a:hover span 
{
	display: block;
}

#menue .neues 
{
	width: 115px;
	height: 48px;
	background: url('design/news.gif') no-repeat;
	left: 40px;
	top: 130px
}

#menue .neues span 
{
	width: 97px;
	height: 18px;
	background: url('design/news_hover.gif') no-repeat;
	left: 25px;
	top: -25px
}

#menue .perlen 
{
	width: 195px;
	height: 75px;
	background: url('design/perlen.gif') no-repeat;
	left: 170px;
	top: 110px
}

#menue .perlen span 
{
	width: 104px;
	height: 23px;
	background: url('design/perlen_hover.gif') no-repeat;
	left: 50px;
	top: -20px
}

#menue .referenz 
{
	width: 140px;
	height: 50px;
	background: url('design/referenz.gif') no-repeat;
	left: 380px;
	top: 130px
}

#menue .referenz span 
{
	width: 117px;
	height: 24px;
	background: url('design/referenz_hover.gif') no-repeat;
	left: 15px;
	top: -25px
}

#menue .impressum 
{
	width: 105px;
	height: 30px;
	background: url('design/impressum.gif') no-repeat;
	left: 540px;
	top: 145px
}

#menue .impressum span 
{
	width: 83px;
	height: 17px;
	background: url('design/impressum_hover.gif') no-repeat;
	left: 13px;
	top: -25px
}

#menue .start 
{
	width: 50px;
	height: 50px;
	background: url('design/home.gif') no-repeat;
	left: 660px;
	top: 135px
}

#menue .start span 
{
	width: 35px;
	height: 16px;
	background: url('design/home_hover.gif') no-repeat;
	left: 10px;
	top: -20px
}

.space1 
{ font-size: 1px; margin: 3px 0; 
}

.space2 
{ font-size: 10px; margin: 3px 0; 
}


h1
{
font: 135% georgia, verdana, arial, helvetica, sans-serif;
font-style: italic;
color: #400000;
background-color: #eea583;
font-weight: bold;
margin-top: 0px;
margin-left: 0;
margin-right: 0px;
margin-bottom: 5px;
padding: 3px;
}

h2
{
font: 135% georgia, verdana, arial, helvetica, sans-serif;
font-style: italic;
color: #400000;
background-color: #eea583;
font-weight: bold;
margin-top: 30px;
margin-left: 0;
margin-right: 0px;
margin-bottom: 5px;
padding: 3px;
}


p:first-letter 
{ 
font: 135% georgia, verdana, arial, helvetica, sans-serif; ; font-weight: bold; font-style: italic; color: #400000;
}

.kltext
{
font-size: 85%;
font-weight: bold;
}

.brahm {
padding: 3px; background-color: #ffffff;
}

h3
{
font: 100% verdana, arial, helvetica, sans-serif;
font-weight: normal;
color: #400000;
background-color: #ffc0a6; 
padding: 3px;
}

.news1
{
margin-bottom: 30px;
}

.newsabstand
{ height: 162px; 
}

.awardabstand
{ height: 100px; 
}

.menab
{
visibility:hidden; border: none;
}


#footer 
{
	width: 760px;
	height: 14px;
	background: url('design/footer.gif') no-repeat;
    margin: 0; padding:0;
}