html { height: 101%; }

body{
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:#555D5F;
}
img {
border: none;
}

/**** link im text ****/

a.link, a.link:visited {
color: #993399;
text-decoration: none;
}
a.link:hover {
color:#FFF;
text-decoration: none;
background-color: #993399;
}

/********/
#wrapper {
position:relative;
margin:0;
height: 100%;
width: 100%;
}
.header {
position:relative;
top:0px;
height: 4em;
width: 100%;
background-color:#FFF;
}
.logo{
position:relative;
margin-left: auto;
margin-right: auto;
height: auto;
width: 995px;

}
.logo img{
margin-left: 68px;
margin-top: 25px;
width: 320px;
height: 34px;
}
.content {
position:relative;
margin-left: auto;
margin-right: auto;
width: 995px;
white-space: nowrap;
border-bottom: 1px solid #ccc;
}
.leftside {
float:left;
margin:0;
width: 275px;
height: auto;
}
#inhalt {
position: relative;
margin-top: 0;
margin-left:285px;
width: auto;
min-width: 710px;
height: auto;
white-space: nowrap;
text-align: center;
}
.inbig {
padding-top: 40px;
text-align: center;
width: 702px;
height: auto;
white-space: nowrap;
}
.inbig img {
border: 1px solid #E2E2E4;
}

/**** vita kontakt ****/
.contvita {
position:relative;
margin-left: auto;
margin-right: auto;
width: 995px;
white-space: nowrap;
background-image: url(images/vitamichalke.gif);
background-repeat: no-repeat;
background-position: right top;
border-bottom: 1px solid #ccc;
}
#invita {
position: relative;
margin:0;
margin-left: 285px;
height: auto;
}
.adress{
float:left;
text-align: right;
padding-right: 30px;
margin-top: 120px;
width: auto;
color: #FFF;
}
.vita {
float:left;
margin-top: 60px;
color: #B0B8B9;
font-size: 0.75em;
line-height: 2.5em;

}
a.mail, a.mail:visited {
text-decoration: none;
color: #FFF; 
}
a.mail:hover {
text-decoration: none;
color: #CC3333;
}

/*** Hauptnavigation ***/
.navi {
float: left;
padding-top: 30px;
padding-left: 70px;
padding-bottom: 20px;
width: auto;
height: auto;
color:#949B9D;
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
a.nav, a.nav:visited {
	display: block;
	padding: 0 0 3px 3px;
	margin-bottom: 14px;  
    color: #949B9D;
	font-size: 1.2em;
	font-weight:normal;
    text-decoration: none;
}
a.nav:hover{
    color: #FFF;
	font-weight:normal;
    text-decoration: none;
}
a.navo, a.navo:visited {
	display: block;
	padding: 0 0 3px 3px;
	margin-bottom: 14px; 
	font-size: 1.2em;
    color: #FFF;
	font-weight:normal;
    text-decoration: none;
}
a.navo:hover{
    color: #fff;
    text-decoration: none;
}
/*** Minibilder Vorschau ***/
.minis{
float: left;
margin: 0;
padding-left: 10px;
}
.tabel {
width: 232px;
text-align: center;
vertical-align: middle;
}
.tabel img {
width: 50px;
height: 35px;
}
td {
width: 54px;
height: 39px;
}
a.thumb:link, a.thumb:visited {
display: block;
padding-top: 1px;
background-color: #454C4E;
width: 52px;
height: 36px;
text-decoration: none;
}
a.thumb:hover{
background-color: #CBCDCD;
text-decoration: none;
}
a.thumbo:link, a.thumbo:visited {
display: block;
padding-top: 1px;
background-color: #fff;
width: 52px;
height: 36px;
text-decoration: none;
}
a.thumbo:hover{
background-color: #FFF;
text-decoration: none;
}
/*** Button WeiterblŠttern ***/

.button {
float:left;
margin-left: 70px;
margin-top: 18px;
width: 86px;
height: 25px;
background-color:#7F8487;
}
#back {
float:left;
width: 41px;
height: 25px;
}
#next {
float:right;
width: 41px;
height: 25px;
}
a.hell:link, a.hell:visited {
display: block;
background-color:#7F8487;
height: 25px;
width: 41px;
}
a.hell:hover {
background-color:#FFF;
}

/*** schriften ***/
.bildtitel{
text-align: center;
padding-top: 4px;
padding-bottom: 30px; 
color: #CCC;
font-size: 0.8em;
}
.foto {
font-size: 0.75em;
padding-top: 540px;
padding-left: 100px;
color: #444;
text-decoration: none;
}
/*** footer ***/
.footer{
clear: both;
margin-top:40px;
width: 100%;
height: 22px;
}