* { margin:0; padding: 0 }
* html body * { overflow:visible}
* html iframe, * html frame { overflow:auto }
* html frameset { overflow:hidden }

body
    {
    margin-top:20px;
    font-family: Arial, Albany, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    text-align: left;
    line-height: 20px;
    }
	  
a:link 
    {
    font-weight:bold;
    color: #668bb9;
    text-decoration:none;
    }

a:visited
    {
    font-weight:bold;
    color: #668bb9;
    text-decoration:none;
    }

a:hover
    {
    font-weight:BOLD;
    color:#FF9900;
    text-decoration:underline;
    }

a:active
    {
    font-weight:bold;
    color:red;
    text-decoration:underline;
    }
	  
p   {
    font-family: Arial, Albany, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    line-height: 20px;
    }

span
    {
    font-family: Arial, Albany, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    line-height: 20px;
    }
      
input
    {
    vertical-align:middle;
    line-height:11pt;
    font-family:arial;
    font-size:10pt;
    }
    
ul li
    {
    margin-left:50px;
    line-height:30px;
    }
      
#impress
    {
    text-align:center;
    }
      
#impress hr
    {
/*    background: #000 url(../images/site/backgr.gif) no-repeat center bottom;*/
    margin:20px;
    width:350px;
    }
      
/* -----------------------------div styles -------------------------*/

#page_margins
    {
    width:980px;
    border-right: 1px #889 solid;
    border-bottom: 1px #889 solid;
    padding:2px;
    background-color: white;
    }
  
#page
    {
    background-color: white;
    }
    
#header
    {
/*    background: url('../images/site/ixel_cardv2.jpg') repeat-x;*/
    position:relative;
    z-index: 1;
    height:160px;
    }
        
#body
    {
    text-align: center;
    margin: 10px;
    }

#footer
    {
    position:relative;
    top:30px;
    height:85px;
    clear:both; 
    display:block ;
    color:lightgray;
    font-size:10px;
    font-family:  Arial, Albany, Helvetica, cursive;
    letter-spacing:1.5px;
    }

#footer hr
    {
    background: lightgray url(../images/site/backgr.jpg) no-repeat center bottom;
    margin: 8px auto;
    height: 1px;
    border: 0 none;
    }
    
.float_left
    {
    background: url('../images/site/bg_footer.gif') repeat-x;
    height:45px;
    clear:both; 
    display: block;
    }
    
#moon
    {
    position:relative;
    float:left;
    left:3px;
    width:800px;
    height:120px;
    background:url('/images/content1.gif');
    background-repeat:no-repeat;
    }

#content_fp
    {
    position:relative;
    float:left;
    top:0px;
    left:0px;
    width:780px;
    height:750px;
    overflow:block;
    background-image:url(/images/frontpage/rahmen.jpg);
    background-repeat:no-repeat;
    }

#content_fp_kino
    {
    position:absolute;
    float:left;
    top:215px;
    left:5px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_kino.jpg);
    background-repeat:no-repeat;
    }

#content_fp_literatur
    {
    position:absolute;
    float:left;
    top:215px;
    left:198px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_literatur.jpg);
    background-repeat:no-repeat;
    }

#content_fp_markt
    {
    position:absolute;
    float:left;
    top:215px;
    left:391px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_marktplatz.jpg);
    background-repeat:no-repeat;
    }

#content_fp_recht
    {
    position:absolute;
    float:left;
    top:215px;
    left:584px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_recht.jpg);
    background-repeat:no-repeat;
    }

#content_fp_lkr
    {
    position:absolute;
    float:left;
    top:375px;
    left:5px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_lkr.jpg);
    background-repeat:no-repeat;
    }

#content_fp_route
    {
    position:absolute;
    float:left;
    top:375px;
    left:198px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_route.jpg);
    background-repeat:no-repeat;
    }

#content_fp_gutschein
    {
    position:absolute;
    float:left;
    top:375px;
    left:391px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_gutschein.jpg);
    background-repeat:no-repeat;
    }

#content_fp_mond
    {
    position:absolute;
    float:left;
    top:375px;
    left:584px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_mond.jpg);
    background-repeat:no-repeat;
    }

#content_fp_horoskop
    {
    position:absolute;
    float:left;
    top:535px;
    left:5px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_horoskop.jpg);
    background-repeat:no-repeat;
    }

#content_fp_tools
    {
    position:absolute;
    float:left;
    top:535px;
    left:198px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_tools.jpg);
    background-repeat:no-repeat;
    }

#content_fp_werben
    {
    position:absolute;
    float:left;
    top:535px;
    left:391px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_werben.jpg);
    background-repeat:no-repeat;
    }

#content_fp_kontakt
    {
    position:absolute;
    float:left;
    top:535px;
    left:584px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/frontpage/box_fp_kontakt.jpg);
    background-repeat:no-repeat;
    }

#moon_inhalt
    {
    position:absolute;
    top:10px;
    left:20px;
    width:780px;
    height:90px;
    }

#lkrstart
    {
    position:relative;
    float:left;
    top: 1px;
    left: 3px;
    width: 800px;
    height: 660px;
    background:url('/images/lkrstart.gif');
    background-repeat:no-repeat;
    }

#lkrstart_inhalt
    {
    position:absolute;
    top:10px;
    left:20px;
    width:780px;
    height:500px;
    }

#content_news
    {
    position:relative;
    float:left;
    top:0px;
    left:3px;
    width:350px;
    height:735px;
    overflow:hidden;
    background-image:url(/images/content4.gif);
    background-repeat:no-repeat;
    padding:3px;
    padding-left:15px;
    }

#news_inhalt
    {
    position:relative;
    left:5px;
    top:5px;
    width:327px;
    height:665px;
    overflow:auto;
    }

#content_player
    {
    position:relative;
    float:left;
    top:0px;
    left:7px;
    width:403px;
    height:345px;
    background-image:url(/images/content2.gif);
    background-repeat:no-repeat;
    padding:2px;
    overflow:hidden;
    }
    
#content_filme
    {
    position:relative;
    float:left;
    left:7px;
    top:7px;
    width:404px;
    height:380px;
    overflow:block;
    background-image:url(/images/content3.gif);
    background-repeat:no-repeat;
    padding:3px;
    padding-left:20px;
    }

#filme_inhalt
    {
    position:absolute;
    float:left;
    left:25px;
    width:374px;
    height:305px;
    overflow:auto;
    }

#content_literatur
    {
    position:relative;
    float:left;
    top:0px;
    left:0px;
    width:780px;
    height:750px;
    overflow:block;
    background-image:url(/images/literatur/rahmen.jpg);
    background-repeat:no-repeat;
    }

#content_buch_woche
    {
    position:absolute;
    float:left;
    top:220px;
    left:5px;
    width:345px;
    height:340px;
    overflow:block;
    background-image:url(/images/literatur/rahmen-links.jpg);
    background-repeat:no-repeat;
    }

#buch_woche_inhalt
    {
    position:relative;
    left:3px;
    top:1px;
    width:339px;
    height:303px;
    overflow:auto;
    }

#content_lesungen
    {
    position:absolute;
    float:left;
    top:210px;
    left:354px;
    width:420px;
    height:360px;
    overflow:block;
    background-image:url(/images/literatur/rahmen-rechts.jpg);
    background-repeat:no-repeat;
    }

#content_box1
    {
    position:absolute;
    float:left;
    top:573px;
    left:5px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/literatur/box1.jpg);
    background-repeat:no-repeat;
    }

#content_box2
    {
    position:absolute;
    float:left;
    top:573px;
    left:198px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/literatur/box2.jpg);
    background-repeat:no-repeat;
    }

#content_box3
    {
    position:absolute;
    float:left;
    top:573px;
    left:392px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/literatur/box3.jpg);
    background-repeat:no-repeat;
    }

#content_box4
    {
    position:absolute;
    float:left;
    top:573px;
    left:585px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/literatur/box4.jpg);
    background-repeat:no-repeat;
    }

#lit_rand
    {
    position:absolute;
    width:165px;
    left:800px;
    top:192px;
    }

#content_moon
    {
    position:relative;
    float:left;
    top:0px;
    left:0px;
    width:780px;
    height:750px;
    overflow:block;
    background-image:url(/images/mond/rahmen_mond.jpg);
    background-repeat:no-repeat;
    }

#inhalt_moon_rechts1
    {
    position:absolute;
    float:left;
    left:0px;
    top:0px;
    width:320px;
    height:80px;
    overflow:block;
    }

#inhalt_moon_rechts2
    {
    position:absolute;
    float:left;
    left:0px;
    top:121px;
    width:320px;
    height:150px;
    overflow:block;
    }

#inhalt_moon_rechts3
    {
    position:absolute;
    float:left;
    left:0px;
    top:287px;
    width:320px;
    height:100px;
    overflow:block;
    }

#content_moon_kalender
    {
    position:absolute;
    float:left;
    top:130px;
    left:10px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/mond/box_kalender.jpg);
    background-repeat:no-repeat;
    }

#content_moon_sternzeichen
    {
    position:absolute;
    float:left;
    top:130px;
    left:230px;
    width:190px;
    height:150px;
    overflow:block;
    background-image:url(/images/mond/box_sternzeichen.jpg);
    background-repeat:no-repeat;
    }

#content_moon_tagesstaerken
    {
    position:absolute;
    float:left;
    top:306px;
    left:10px;
    width:410px;
    height:400px;
    overflow:block;
    background-image:url(/images/mond/box_tagesstaerken.jpg);
    background-repeat:no-repeat;
    }

#content_moon_rechts
    {
    position:absolute;
    float:left;
    top:130px;
    left:445px;
    width:320px;
    height:410px;
    overflow:block;
    background-image:url(/images/mond/box_rechts.jpg);
    background-repeat:no-repeat;
    }

#content_moon_rubrik
    {
    position:absolute;
    float:left;
    top:550px;
    left:445px;
    width:320px;
    height:150px;
    overflow:block;
    background-image:url(/images/mond/box_rubrik.jpg);
    background-repeat:no-repeat;
    }

#content_rechtsberatung
    {
    position:relative;
    float:left;
    top:0px;
    left:0px;
    width:780px;
    height:700px;
    overflow:block;
    background-image:url(/images/rechtsberatung/rahmen.jpg);
    background-repeat:no-repeat;
    }

#content_rechtsberatung_icon
    {
    position:absolute;
    float:left;
    top:280px;
    left:30px;
    width:350px;
    height:60px;
    overflow:block;
    background-image:url(/images/rechtsberatung/icon_telefon.jpg);
    background-repeat:no-repeat;
    }

#content_rechtsberatung_box1
    {
    position:absolute;
    float:left;
    top:350px;
    left:5px;
    width:350px;
    height:135px;
    overflow:block;
    background-image:url(/images/rechtsberatung/box_links_oben.jpg);
    background-repeat:no-repeat;
    }

#content_rechtsberatung_box2
    {
    position:absolute;
    float:left;
    top:498px;
    left:5px;
    width:350px;
    height:135px;
    overflow:block;
    background-image:url(/images/rechtsberatung/box_links_unten.jpg);
    background-repeat:no-repeat;
    }

#content_rechtsberatung_rechts
    {
    position:absolute;
    float:left;
    top:280px;
    left:362px;
    width:410px;
    height:350px;
    overflow:block;
    background-image:url(/images/rechtsberatung/box_rechts.jpg);
    background-repeat:no-repeat;
    }

/* -------------------------- nAVIGATION ------------------------------------*/

#nav
    {
    clear:both;
    width: auto;
    z-index: 2;
    }

#nav_main
    {
    width: 100%;
    height:28px;
    overflow: hidden;
    float: right;
    display: inline;
    border-Bottom: 4px #000000 solid;
    }

#nav_main ul
    {
    height: 40px;
    display: inline;
    float:right;
    }
        
#nav_main ul li
    {
    width:122px;
    height: 38px;
    display: inline;
    padding:0px 5px;
    float: left;
    text-align:center;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin:0px;
    margin-top: 8px;
    background-repeat:no-repeat;
    }
  
#nav_main ul li a
    {
    font-size: 11pt; font-weight: bold;
    display: block;
    padding: 5px 5px 5px 0.5em;
    background:url("../images/site/b1.gif");
    background-repeat:no-repeat;
    color: white;
    text-decoration: none;
    width: 100%;  
    height: 100%;
    }
  
#nav_main ul li a:active,
#nav_main ul li a:hover,
#nav_main ul li a:focus
	    {
	    font-size: 11pt; font-weight: bold;
	    display: block;
            padding: 5px 5px 5px 0.5em;
            background: url("../images/site/b.gif");
            background-repeat:no-repeat;
            color:  #553d1d;
            text-decoration: none;
            width: 100%;  
            height: 100%;
	    }

/*-- LOGIN --*/
   
#topnav 
    {
    position:absolute;
    top: 84px;
    left: 820px;
    text-align: left;
    z-index: 2;
    }

#logo
    {
    position: absolute;
    background: url(/images/logos/Kopf_Start2.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo_horoskop
    {
    position: absolute;
    background: url(/images/logos/Kopf_Horoskop2.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo_movie
    {
    position: absolute;
    background: url(/images/logos/Kopf_Kino2.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo_routenplaner
    {
    position: absolute;
    background: url(/images/logos/Kopf_Routenplaner2.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo_tools
    {
    position: absolute;
    background: url(/images/logos/Kopf_Tools2.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo_literatur
    {
    position: absolute;
    background: url(/images/logos/Kopf_Literatur2.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo_mond
    {
    position: absolute;
    background: url(/images/logos/Kopf_Mond2.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo_rechtsberatung
    {
    position: absolute;
    background: url(/images/logos/Kopf_Jura2.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo_werben
    {
    position: absolute;
    background: url(/images/logos/Kopf_Werben2.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo_kontakt
    {
    position: absolute;
    background: url(/images/logos/Kopf_Kontakt2.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo_markt
    {
    position: absolute;
    background: url(/images/logos/Kopf_Landkreis2.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo_error
    {
    position: absolute;
    background: url(/images/logos/Kopf_error.jpg);
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 150px;
    }

#logo2
    {
    position: absolute;
    background: url("../images/positiv2.gif");
    background-repeat: no-repeat;
    top: 20px;
    left: 800px;
    width: 180px;
    height: 60px;
    }

#menu-movie
    {
    position: absolute;
    top: 104px;
    left: 5px;
    font-family:Helvetica;
    font-size:12px;
    }

#menu-lkr
    {
    position: absolute;
    top: 104px;
    left: 5px;
    font-family:Helvetica;
    font-size:12px;
    }

#lkr_rand
    {
    position:absolute;
    width:165px;
    left:810px;
    top:192px;
    }

#lkr a
    {
    color: #668bb9;
    text-decoration: none;
    }
    
#lkr a:hover
    {
    color: #FF9900;
    text-decoration: underline overline;
    }

#lkr a:active, #lkr a:focus
    {
    color: #ff6600;
    text-decoration: underline;
    }

#hmenu
    {
    position:relative;
    background:url("/components/horoskop/images/hintergrund-menu.jpg");
    background-repeat:no-repeat;
    left:10px;
    width:139px;
    height:856px;
    padding-top:3px;
    padding-left:7px;
    }

#hwoche
    {
    position:absolute;
    background:url("/components/horoskop/images/hintergrund-wochen.jpg");
    background-repeat:no-repeat;
    padding:2px;
    left:174px;
    top:192px;
    width:617px;
    height:205px;
    }

#hwoche-inhalt
    {
    font-size:11px;
    position:relative;
    left:5px;
    top:5px;
    width:604px;
    height:180px;
    overflow:auto;
    }

#hmonat
    {
    font-size:11px;
    position:absolute;
    background:url("/components/horoskop/images/hintergrund-monat.jpg");
    background-repeat:no-repeat;
    padding:2px;
    left:174px;
    top:400px;
    width:617px;
    height:305px;
    }

#hmonat-inhalt
    {
    font-size:11px;
    position:relative;
    left:5px;
    top:5px;
    width:602px;
    height:280px;
    overflow:auto;
    }

#hjahr
    {
    position:absolute;
    background:url("/components/horoskop/images/hintergrund-monat.jpg");
    background-repeat:no-repeat;
    padding:2px;
    left:174px;
    top:708px;
    width:617px;
    height:305px;
    }

#hjahr-inhalt
    {
    font-size:11px;
    position:relative;
    left:5px;
    top:5px;
    width:602px;
    height:280px;
    overflow:auto;
    }

#hcharakt
    {
    position:relative;
    background:url("/components/horoskop/images/hintergrund-monat.jpg");
    background-repeat:no-repeat;
    padding:2px;
    left:162px;
    top:-37px;
    width:617px;
    height:305px;
    }

#hcharakt-inhalt
    {
    font-size:11px;
    position:relative;
    left:5px;
    top:5px;
    width:604px;
    height:280px;
    overflow:auto;
    }

#horoskop
    {
    background:url("/components/horoskop/images/hintergrund-tr.jpg");
    background-repeat:no-repeat;
    position:absolute;
    left:200px;
    top:404px;
    width:570px;
    height:460px;
    }

.li
    {
    font-size:13px;
    line-height:1em;
    margin:0px;
    padding:3px 10px 3px 5px;
    }

#lkadmin
    {
    float:left;
    margin-right:50px;
    margin-left:50px;
    text-align:right;
    }

#lkadmin tr
    {
    height:30px;
    }

#lkspar
    {
    width:50%;
    }

#lkspar td
    {
    height:30px;
    border-bottom: 1px #889 solid;
    text-align:left;
    }

#mvliste
    {
    width:80%;
    }

#mvliste td
    {
    height:30px;
    border-bottom: 1px #889 solid;
    text-align:left;
    }

#mvliste2
    {
    width:50%;
    }

#mvliste2 td
    {
    height:30px;
    border-bottom: 1px #889 solid;
    text-align:right;
    }

#BOXS
    {
    text-align:center;
    height:96px;
    width:140px;
    background: url('../images/site/hgplz3.jpg') no-repeat;
    }

::-moz-selection
    {
    background-color: #FFFFFF;
    color: #3399FF;
    }

/*-----Terminkalender-------*/

#rundrum
    {
    border-width:1px;
    border-style:solid;
    border-color:black;
    text-align:justify;
    }

#main_termine
    {
    position:relative;
    top:0px;
    width:99%;
    }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(include/jscript/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(include/jscript/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 113px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

