/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
* {
    margin-top:0;
    margin-left:0;
    margin-right:0;
    padding:0;
}
body { background-color: #ededed; word-wrap: break-word;

}
img {
    border:0;
}
a {
    outline:none;
}
a:link { color: orange;
    font-family:verdana,helvetica,arial,sans-serif;
}
a:visited {
    color:orange;
    font-family:verdana,helvetica,arial,sans-serif;
}
a:hover {
    color: gray;
    font-family:verdana,helvetica,arial,sans-serif;
}
a:active {
    font-family:verdana,helvetica,arial,sans-serif;
}

#seite {
    margin-top:30px;
    width:1000px;
    position: relative;
    left: 50%;
  height:660px;
    background-color:white;
    margin-left:-500px;


}
h1 {
    color: #666;
    font-size: 1.5em;
    font-family: arial, helvetica, sans-serif;
    font-weight: 700;

}
h2 {
    color: #666;
    font-size: 1.25em;
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
}
h3 {
    color: #666;
    font-size: 0.8em;
    font-family: verdana, helvetica, arial, sans-serif;
    font-weight: 600;
}
p {
    color: #666;
    font-size: 0.8em;
    font-family: verdana, helvetica, arial, sans-serif;
    font-weight: normal;
}
p.rot {
    color:#B22222;
}
p.gross {
    font-size:0.9em;
    line-height:20px;
}
.fett {
    font-weight:900;
    /*font-size:0.9em;*/
}
#eventtext p{color: #666;
    font-size: 0.9em;
    line-height:1.3em;
    font-family: verdana, helvetica, arial, sans-serif;
    font-weight: normal;
}
#hochzeitzwischen p {
    color: #666;
    font-size: 0.9em;
    line-height:1.3em;
    font-family: verdana, helvetica, arial, sans-serif;
    font-weight: normal;
}

ul  {
    list-style-type:none;
    border-bottom-style:solid;
    border-bottom-color:#666;
    border-bottom-width:1px;
}

/*Listenformat der index-Seite (Textformatierung als Liste)*/

#frontliste {
    color: #666;
    font-size: 0.8em;
    margin-top:20px;
    font-family: verdana, helvetica, arial, sans-serif;
    font-weight: normal;
    border-bottom:none;

}
#frontliste li {
    padding-top:5px;
}
#frontliste li.platzhalter{
    height: 0.8em;

}
#abstand {
    height:0.8em;
}
/*Schattenrahmen um die ganze Seite*/

#rahmenoben {
    background-image: url(../grafiken/rahmen/rahmenoben.gif);
    background-repeat: no-repeat;
    width: 1000px;
    height: 14px;

}
#rahmenlinks {
    float:left;
    height:632px;
    width:10px;
    background-image: url(../grafiken/rahmen/rahmenlinks.gif);
    background-repeat:repeat-y;
}
#rahmenrechts {

    float:right;
    height:632px;
    width:10px;
    /* margin-top: -632px;*/
    background-image: url(../grafiken/rahmen/rahmenrechts.gif);
    background-repeat:repeat-y;
}
#rahmenunten {
    background-image: url(../grafiken/rahmen/rahmenunten.gif);
    background-repeat: no-repeat;
    width: 1000px;
    height: 14px;
    margin-top:8px;
    margin-right: auto;
    margin-left: auto;
}

/*Seitenüberschrift*/
#header {
    float:left;
    width:780px;
    margin-top:-620px;
    margin-left:110px;
    padding:0;
}
#jespersen {
    float:left;
    height:40px;
    text-align: left;
}

#fotografie {                
    float:right;
    padding-top:3px;
    height:37px;
}
div.cleardiv{
    /* unbedingt noetig clear:both - anderenfalls
    wird der normale Textfluss nicht wiederhergestellt */
    clear: both;
}

/*Obere und untere Thumbnailleisten für die verschiedenen Seiten bzw. Bereiche*/

#thumbleiste {
    background-image: url(../fotos/thumbleiste.jpg);
    background-repeat: no-repeat;
    width: 700px; height: 80px;
    margin-top: -570px;
    margin-right: auto;
    margin-left: 150px;
}
#thumbhochzeit {
    background-image: url(../fotos/thumbshochzeit.jpg);
    background-repeat: no-repeat;
    width: 700px;
    height: 80px;
    margin-top: -88px;
    margin-right: auto;
    margin-left: 150px;
}
#thumbsportraito {
    background-image: url(../fotos/thumbsportrait.jpg);
    background-repeat: no-repeat;
    width: 700px; height: 80px;
    margin-top: -570px;
    margin-right: auto;
    margin-left: 150px;
}
#thumbsausstellungu {
    background-image: url(../fotos/thumbsausstellung.jpg);
    background-repeat: no-repeat;
    margin-top: -88px;
    margin-right: auto;
    margin-left: 150px;
    width: 700px;
    height: 80px;
}
#thumbsarchitekto {
    background-image: url(../fotos/thumbsarchitektur.jpg);
    background-repeat: no-repeat;
    width: 700px; height: 80px;
    margin-top: -570px;
    margin-right: auto;
    margin-left: 150px;
}
#thumbskinderu {
    background-image: url(../fotos/thumbskinder.jpg);
    background-repeat: no-repeat;
    margin-top: -88px;
    margin-right: auto;
    margin-left: 150px;
    width: 700px;
    height: 80px;
}
#thumbsnaturo {
    background-image: url(../fotos/thumbsnatur.jpg);
    background-repeat: no-repeat;
    width: 700px; height: 80px;
    margin-top: -570px;
    margin-right: auto;
    margin-left: 150px;
}
#thumbsarbeitu {
    background-image: url(../fotos/thumbsarbeit.jpg);
    background-repeat: no-repeat;
    margin-top: -88px;
    margin-right: auto;
    margin-left: 150px;
    width: 700px;
    height: 80px;
}
#straussverlauf {
    background-image: url(../fotos/straussverlauf.jpg);
    background-repeat: no-repeat;
    width: 700px; height: 80px;
    margin-top: -570px;
    margin-right: auto;
    margin-left: 150px;
}

#ringverlauf {
    background-image: url(../fotos/ringverlauf.jpg);
    background-repeat: no-repeat;
    margin-top: -88px;
    margin-right: auto;
    margin-left: 150px;
    width: 700px;
    height: 80px;
}

#eventunten {
    background-image: url(../fotos/eventunten.jpg);
    background-repeat: no-repeat;
    margin-top: -88px;
    margin-right: auto;
    margin-left: 150px;
    width: 700px;
    height: 80px;
}
#eventoben {
    background-image: url(../fotos/eventoben.jpg);
    background-repeat: no-repeat;
    width: 700px; height: 80px;
    margin-top: -570px;
    margin-right: auto;
    margin-left: 150px;
}

/* Eigenschaften der Navigations-Liste*/

#navcontainer {
    float:left;
    margin-top: -420px;
    margin-left: 40px;
    width: 106px;
    height: 330px;
    /* border-style:solid;
    border-color:red;
    border-width:1px;*/

}
#navcontainer ul {
    font-size: 0.9em;
    font-family: helvetica, verdana, arial, sans-serif;
    /*text-decoration: none;*/
    font-weight:normal;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    border-bottom:none;


}

#navcontainer a  {
    color: orange;
    font-size: 0.9em;
    text-decoration: none;
    font-weight:normal;
    display: block;
    width: 78px;
    height: 22px;
    padding: 5px 3px 3px 16px;
    outline:0;
}
#navcontainer #active a  {


    font-size:1.0em;
    text-decoration: underline;
    font-weight:bold;


}

#navcontainer a:link {
    color: orange;
    font-size: 0.9em;
    text-decoration:none;
    font-weight:normal;
}

#navlist {
    color: orange;
    font-size: 0.9em;
    text-decoration: none;
}
#navcontainer a:hover  {
    color: gray;
    font-size: 0.9em;
    text-decoration: underline;
}


/*Abmessungen und Eigenschaften der verschiedenen Haupt-Inhaltsbereiche*/


#content {
    float:right;
    width: 630px;
 min-height: 338px;
    margin-top: -480px;
    margin-right: 156px;
    margin-left: 0px;
    padding: 30px 30px 16px;
    /*  outline: solid 1px #ededed;*/

    border-style:solid;
    border-color:#ededed;
    border-width:1px;
}
#kontaktcontent {
    float:right;
    width: 630px;
    min-height: 338px;
    margin-top: -480px;
    margin-right: 156px;
    margin-left: 0px;
    padding: 18px 30px 6px;
    /*  outline: solid 1px #ededed;*/

    border-style:solid;
    border-color:#ededed;
    border-width:1px;
}
#eventcontent {
    float:right;
    width: 630px;
    height: 364px;
    margin: -480px 156px 0 auto;
    padding: 0px 30px 15px;
    border-style:solid;
    border-color:#ededed;
    border-width:1px;
}


#eventtext {
    width: 630px;
    height: 228px;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 43px;
}
#infocontent {
    float:right;
    width: 580px;
    min-height: 318px;
    margin-top: -480px;
    margin-right: 156px;
    margin-left: 0px;
    padding:50px 60px 16px 50px;
    border-style:solid;
    border-color:#ededed;
    border-width:1px;
}
#fotocontentp {
    margin-top:20px;
    margin-bottom:30px
}
#fotocontentnav {
    margin-top:40px;
    margin-bottom:30px;
    text-align:center;
}
/*Navigation in den Bilder-Galerien*/

#eventthumbs {
    padding-top:10px;
    margin-top:13px;


    height: 80px;


    /* border-style:solid;
    border-color:black;
    border-width:1px;*/
}
div.thumblinks {
    float:left;
    height:80px;
    width:120px;
}
div.weblinks {
    float:left;
    height:80px;
    width:120px;
    margin-left:50px;
}

#eventthumbs div.thumblinks a {

    font-size:0.75em;
    display: block;
    text-align: center;
    margin-top: 0;

    padding-top: 0;
    margin-bottom: 3px;
}
#eventthumbs div.weblinks a {

    font-size:0.75em;
    display: block;
    text-align: center;
    margin-top: 0;

    padding-top: 0;
    margin-bottom: 3px;
}
/*Inhalte und Gestaltung der Hochzeits-Deckseite*/

#braut {
    background-image: url(../fotos/braut3.jpg);
    width: 120px;
    height: 120px;
    margin-top: 30px;
}
#michael {
    background-image: url(../fotos/michael3.jpg);
    width: 120px;
    height: 120px;
    z-index: 9;
    margin-top: -120px;
    margin-left: 510px;
    margin-bottom:30px;
}

#hochzeitzwischen {

    width: 300px;
    height: 110px;
    text-align:center;
    padding-top:10px;
    margin-top: -120px;
    margin-left: 168px;

}


#mehr {
    width:50px;
    height:20px;
    float:right;
    margin-right:20px;
    margin-top:60px;
    text-align:right;
}
#zurueck {
    width:70px;
    height:20px;
    float:right;
    margin-right:20px;
    margin-top:14px;
     text-align:right;
}