html { height: 101%;}

body {
	margin: 0;
	padding: 0;
	background-color: #dfe4db;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/ringe.jpg);
	background-repeat: repeat-x;
}

img {
border: none;
color: #333366;
}

/*** allgemeine Verweise und Anker  #b05830 ***/
a:link, a:visited{
text-decoration: none;
color: #CC3300;
}
a:hover{
text-decoration: underline;
color: #AC1E33;
}
/*** Grundaufbau ***/
#wrapper {
	position: relative;
	top:0;
	margin-left:auto;
	margin-right:auto;
	width: 780px;
	height: auto;
}
#header{
	position: absolute;
	top:20px;
	width: 100%;
	height: 100px;
	background-color: #d47348;
	border-left: 1px solid #d47348;
	border-right: 1px solid #d47348;
}
#logo{
float: left;
padding-top: 2px;
padding-right: 6px;
height:auto;
}
#main{
position: absolute;
top: 100px;
	width: 100%;
	background-color: #F2F3EB;  /*#f3f4f0*/
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.left{
float:left;
margin: 0;
padding: 30px 10px 10px 20px;
width: 355px;
}
.left img {
float: left;
padding-right: 13px;
}
/******* Hauptnavileiste ****/
#leiste{
position:absolute;
top: 50px;
left: 400px;
width: auto;
height: auto;
white-space: nowrap;
}
.navi {
float:left;
padding: 3px;
width: auto;
font-size: 0.75em;
font-weight: normal; 
}
a.nav:link, a.nav:visited {
padding: 3px;
color: #000;
text-decoration: none;
}
a.nav:hover {
color: #FFF;
text-decoration: underline;
}
.aktiv {
padding: 3px;
color: #FFF;
text-decoration: none;
}
a.aktiv:link, a.aktiv:visited {
padding: 3px;
color: #FFF;
text-decoration: none;
}
a.aktiv:hover {
color: #FFF;
text-decoration: underline;
}
/************** Inhaltsteil ****************/
h1 {
margin: 0;
color: #4a5a65;
font-style: normal;
font-weight: bold;
font-size: 1.2em;
font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, sans-serif;
}
.vita {
margin: 0;
color: #4a5a65;
font-style: normal;
font-weight: bold;
font-size: 1.4em;
font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, sans-serif;
}
.feature {
margin: 0;
margin-left:389px;
padding: 30px 10px 10px 20px;
height: auto;
min-height: 480px;
background-color: #fefefc; 
}
.feature img {
float: left;
padding-right: 16px;
}
.rightbild {
float: right;
margin-right: -8px;
padding-left: 12px;
}
p {
font-size: 0.7em;
font-weight: normal;
line-height: 1.4em;
color: #3d485b;
}
.clear{
clear: both;
}
.einzug{
padding: 0 10px 0 30px;
}
.mail {
font-size: 1.4em;
}
.englisch {
font-style: italic;
}
.kasten {
margin-top: -10px;
padding:0;
}
.kasten p{
margin-left: 37px;
padding-bottom: 6px;
border-bottom: 1px solid #ccc;
}
.kasten img{
padding-top: 20px;
}

/******* Aufbau Artikelseite ****/
.oben{
float:right;
margin: 0;
padding: 36px 0 0 0;
height: auto;
}
.featext {
margin: 70px 15px 0 15px;
padding: 5px 60px 10px 25px;
height: auto;
background-color: #fefefc; 
}
.featext p {
padding-left: 60px;
color: #003;
font-size: 0.7em;
}
h2 {
margin-left: 60px;
color: #818693;
font-style: normal;
font-weight: bold;
font-size: 1.6em;
font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, sans-serif;
}
.themen {
float:left; 
width: 16em;
padding-left: 20px;
color: #033;
font-size: 0.7em;
}
.themen img {
float: left;
padding-right: 10px;
}
/************** unten ****************/
#footer{
	clear: both;  /*clear: both = Textfluss unterhalb*/
	margin-top: 0;
	height: 22px;
	background-color: #9ea5ab;
	background-image: url(images/hgfoot.jpg);
	background-repeat: repeat-y;
}
#footer img{
	float: right;
}
.copyright{
padding-top: 2px;
padding-left: 15px;
float:left;
font-size: 0.65em;
color: #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.imp:link, a.imp:visited{
font-weight: normal;
color: #CCC;
text-decoration: none;
}
a.imp:hover{
font-weight: bold;
color: #FF9966;
text-decoration: underline;
}