*{
margin: 0;
padding: 0;
}

body { 
background-image: url("images/back.jpg");
background-repeat: repeat-y;
font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
color: #282828;
}

#wrapper{
width: 912px;
}

#links{
float: left;
padding: 0;
width: 290px;
background-image: url("images/rose.jpg");
background-repeat: no-repeat;
}

#links ul{
list-style-type: none;
padding-top: 335px;
width: 290px;
}
#links ul li{
padding: 0;
-margin-top: -5px;
height: 25px;
background-color: transparent;
}


#links ul li a{
height: 25px;
display: block;
}

.nav1 a{
background-image: url("images/nav1.jpg");
background-repeat: no-repeat;
}
.nav1 a:hover, .stay1 {
background-image: url("images/nav1.jpg");
background-repeat: no-repeat;
background-position: 0 -27px;
}
.nav2 a{
background-image: url("images/nav2.jpg");
background-repeat: no-repeat;
}
.nav2 a:hover, .stay2 {
background-image: url("images/nav2.jpg");
background-repeat: no-repeat;
background-position: 0 -27px;
}
.nav3 a{
background-image: url("images/nav3.jpg");
background-repeat: no-repeat;
}
.nav3 a:hover, .stay3 {
background-image: url("images/nav3.jpg");
background-repeat: no-repeat;
background-position: 0 -27px;
}
.nav4 a{
background-image: url("images/nav4.jpg");
background-repeat: no-repeat;
}
.nav4 a:hover, .stay4 {
background-image: url("images/nav4.jpg");
background-repeat: no-repeat;
background-position: 0 -27px;
}
.nav5 a{
background-image: url("images/nav5.jpg");
background-repeat: no-repeat;
}
.nav5 a:hover, .stay5 {
background-image: url("images/nav5.jpg");
background-repeat: no-repeat;
background-position: 0 -27px;
}
.nav6 a{
background-image: url("images/nav6.jpg");
background-repeat: no-repeat;
}
.nav6 a:hover, .stay6 {
background-image: url("images/nav6.jpg");
background-repeat: no-repeat;
background-position: 0 -27px;
}
.nav7 a{
background-image: url("images/nav7.jpg");
background-repeat: no-repeat;
}
.nav7 a:hover, .stay7 {
background-image: url("images/nav7.jpg");
background-repeat: no-repeat;
background-position: 0 -27px;
}
.nav8 a{
background-image: url("images/nav8.jpg");
background-repeat: no-repeat;
}
.nav8 a:hover, .stay8 {
background-image: url("images/nav8.jpg");
background-repeat: no-repeat;
background-position: 0 -27px;
}

.nav9 a{
background-image: url("images/nav9.jpg");
background-repeat: no-repeat;
}
.nav9 a:hover, .stay9 {
background-image: url("images/nav9.jpg");
background-repeat: no-repeat;
background-position: 0 -27px;
}


#links ul li span{
display: none;
}

#rechts{
float: right;
width: 622px
}

#head{
width: 622px;
height: 95px;
background-image: url("images/head.gif");
background-repeat: no-repeat;
}
#head h2{
text-align: right;
padding: 10px 20px 0 0;
color: #be0404;
font-weight: bold;
font-size: 1em;
}

.counter{
color: #000;
}

#titel{
height: 43px;
width: 622px;
}


.willkommen{
height: 43px;
background-image: url("images/titel_willkommen.gif");
background-repeat: no-repeat;
}
.brautpaar{
height: 43px;
background-image: url("images/titel_brautpaar.gif");
background-repeat: no-repeat;
}
.trauung{
height: 43px;
background-image: url("images/titel_kirche.gif");
background-repeat: no-repeat;
}
.kontakt{
height: 43px;
background-image: url("images/titel_kontakt.gif");
background-repeat: no-repeat;
}
.trauzeugen{
height: 43px;
background-image: url("images/titel_trauzeugen.gif");
background-repeat: no-repeat;
}
.zeitreise{
height: 43px;
background-image: url("images/titel_zeitreise.gif");
background-repeat: no-repeat;
}
.zivilhochzeit{
height: 43px;
background-image: url("images/titel_zivilhochzeit.gif");
background-repeat: no-repeat;
}

.fotos{
height: 43px;
background-image: url("images/titel_fotos.gif");
background-repeat: no-repeat;
}

.wunschbuch{
height: 43px;
background-image: url("images/titel_wunschbuch.gif");
background-repeat: no-repeat;
}


#titel h1{
display: none;
}
#inhalt{
font-size: 0.85em;
line-height: 1.6em;
margin: 20px 30px 0 45px;
}

#inhalt h2{
margin: 20px 0 10px 0;
color: #be0404;
line-height: 1.5em
}
#inhalt h3{
margin: 20px 0 5px 0;
color: #000;
}

#inhalt a{
color: #be0404;
text-decoration: underline;
}

#inhalt a:hover{
color: #000;
}

.thumbnail {
float: left;
width: 240px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}

.thumbnail2 {
float: left;
width: 135px;
border: 1px solid #999;
margin: 0 60px 15px 60px;
padding: 5px;
}
.thumbnail3 {
float: left;
width: 120px;
border: 1px solid #999;
margin: 0 60px 15px 60px;
padding: 5px;
}
.clearboth { clear: both; }


.portrait{
border: 1px solid #999;
padding: 5px;
}



#mw{
margin-left: 90px;
float: left;
}

#sg{

float: left;
}

#mw p, #sg p{
margin: 3px 0;
padding: 3px 0;
padding-top: 1px;
border-bottom: 1px solid #999;
}

#jahrzahlen{

margin-bottom: 10px
}
#jahrzahlen a{
color: #be0404;
}
#jahrzahlen a:hover{
color: #000;
}

.herz{
margin-top: -22px;
margin-bottom: -20px;
}


p { 
margin-top: 1em; 
}



td { }
a:link { }
a:visited { }
a:hover { }
a:active { }
