/* CSS Document 4 DeeMagicEye by werbungevent.at */

body{
margin: 50px auto;
padding: 0;
width:750px;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
img{
border:0;
}
a:focus{
outline:none;
}

#page{
position:relative;
margin: 0 auto;
padding: 0;
text-align:center;
}

#top{
width: 280px;
height: 57px;
overflow:hidden;
margin:0 auto;
padding:0;
font-size:0.8em;
text-indent:-999px;
position:relative;
}
#top a{
color:#CCC;
}
#top span{
background: url(../pix/logo-deemagiceye.png) no-repeat;
position:absolute;
top:0;
left:0;
width:280px;
height:57px;
z-index:10;
}

#navi{
margin:0 auto;
padding:0;
padding-top:10px;
width:660px;
list-style-type:none;
font-size:0.7em;
position:relative;
}
#navi dt{
margin:0;
padding:0;
float:left;
line-height:18px;
text-indent:-999em;
}
#navi dt a{
display:block;
margin:0 8px;
color:#CCC;
position:relative;
}
#navi dt a span{
position:absolute;
top:0;
left:0;
z-index:10;
background-repeat:no-repeat;
cursor:pointer;
}
.lihochzeit a, .lihochzeit span{ width:87px; height:18px; }
.lihochzeit span{ background-image:url(../pix/hochzeit.png); }
#hochzeit .lihochzeit a span, #details .lihochzeit a span, #vorbereitungen .lihochzeit a span, #momente .lihochzeit a span, #zeremonie .lihochzeit a span { background-image:url(../pix/hochzeit_active.png); cursor:default; }
.lireportage a, .lireportage span{ width:100px; height:18px; margin-top:2px; }
.lireportage span{ background-image:url(../pix/reportage.png); }
#reportage .lireportage span{ background-image:url(../pix/reportage_active.png); cursor:default; }
.likinder a, .likinder span{ width:63px; height:18px; }
.likinder span{ background-image:url(../pix/kinder.png); }
#kinder .likinder span{ background-image:url(../pix/kinder_active.png); cursor:default; }
.libusiness a, .libusiness span{ width:79px; height:18px; }
.libusiness span{ background-image:url(../pix/business.png); }
#business .libusiness span{ background-image:url(../pix/business_active.png); cursor:default; }
.lievent a, .lievent span{ width:55px; height:18px; }
.lievent span{ background-image:url(../pix/event.png); }
#event .lievent span{ background-image:url(../pix/event_active.png); cursor:default; }
.liportrait a, .liportrait span{ width:85px; height:18px; margin-top:2px; }
.liportrait span{ background-image:url(../pix/portrait.png); }
#portrait .liportrait span{ background-image:url(../pix/portrait_active.png); cursor:default; }
.lihalbakt a, .lihalbakt span{ width:78px; height:18px; }
.lihalbakt span{ background-image:url(../pix/halbakt.png); }
#halbakt .lihalbakt span{ background-image:url(../pix/halbakt_active.png); cursor:default; }


.likontakt a, .likontakt span{ width:78px; height:18px; }
.likontakt span{ background-image:url(../pix/kontakt.png); }
#kontakt .likontakt span{ background-image:url(../pix/kontakt_active.png); cursor:default; }

#subnavi{
position: absolute;
left: 5px;
top: 30px;
width: 355px;
padding: 0;
margin: 0;
list-style-type:none;
display:none;
}
#subnavi li{
margin:0;
padding:0;
float:left;
text-indent:-999em;
line-height:14px;
}
#subnavi li a{
display:block;
margin:0 10px;
color:#CCC;
position:relative;
}
#subnavi li a span{
position:absolute;
top:0;
left:0;
z-index:11;
background-repeat:no-repeat;
cursor:pointer;
}
.lidetails a, .lidetails span{ width:45px; height:14px; }
.lidetails span{ background-image:url(../pix/details.png); }
#details .lidetails span{ background-image:url(../pix/details_active.png); }
.livorbereitungen a, .livorbereitungen span{ width:99px; height:14px; }
.livorbereitungen span{ background-image:url(../pix/vorbereitungen.png); }
#vorbereitungen .livorbereitungen span{ background-image:url(../pix/vorbereitungen_active.png); }
.lizeremonie a, .lizeremonie span{ width:69px; height:14px; }
.lizeremonie span{ background-image:url(../pix/zeremonie.png); }
#zeremonie .lizeremonie span{ background-image:url(../pix/zeremonie_active.png); }
.limomente a, .limomente span{ width:61px; height:14px; }
.limomente span{ background-image:url(../pix/momente.png); }
#momente .limomente span{ background-image:url(../pix/momente_active.png); }

#hochzeit #subnavi, #details #subnavi, #vorbereitungen #subnavi, #zeremonie #subnavi, #momente #subnavi{
display:block;
} 

#content{
margin:35px 0;
height: 375px;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
text-align:left;
}

#center{
margin:35px 0;
text-align: center;
overflow-y: hidden;
overflow-x: hidden;
white-space: nowrap;
}

#text{
position: relative;
top: 0px;
font-size: 0.82em;
margin: 0px auto;
padding: 1em;
width: 750px;
height: 375px;
white-space: nowrap;
border-top: 1px #CCCCCC solid;
border-bottom: 1px #CCCCCC solid;
}

#col1{
position: relative;
float: left;
width: auto;
margin: 0 2em 0 0;
width:45%;
}
#col1 small{ display:block; width:235px; font-size:0.7em; text-align:right; }

#col2{
position: relative;
float: left;
}

h2{
font-size: 1em;
margin: 0em;
padding: 0em;
}

p{
font-size:0.8em;
}

h1{
font-size: 1.2em;
margin: 0 0 1em 0;
}

#content td img{
margin-left:5px;
margin-right:10px;
white-space:nowrap;
}

table, tr, td {
border:0;
margin:0;
padding:0;
}
th{
display:none;
}

a{ color: #888; }
a:visited{ color:#999; }
a:hover{ color: #666; text-decoration:none; }

#pagelink{
position:absolute;
left:5%;
bottom:0;
font-size:0.8em;
font-family: Optima, Tahoma, sans-serif;
}
#pagelink a{
display:block;
padding:10px;
position:absolute;
bottom:0;
left:0;
background-color:#EEE;
color:#666;
}
#pagelink a:hover{text-decoration:none; background-color:#CCC; color:#333; }
#pagelink ul{ margin:0; padding:0; list-style-type:none; }
#pagelink li{ margin:0; padding:0; }

#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}