/* Hintergrund für das gesammte Dokument */
#hintergrund{
position:absolute;
z-index:1;
width    :1024px;
height   :768px;
margin-left:-512px;
left:50%;
top:10px;
background-image :url(../website_bilder/bg_home_a.jpg);
background-repeat:no-repeat;
font-size: 11px;
font-family: Verdana,Arial,serif;
text-decoration:none;
color: rgb(0%,40%,60%);
}

/* Menuebuttons oben mit Bildern unterlegt. Verweisen auf jeweilige Webseiten. */
#home a, #home a:visited , home a:active  {
float: left;
margin: 70px 12px 0px 115px;
width :55px;
height:68px;
background-image:url(../menue/home_active.png);
background-repeat:no-repeat;
}
#home a:hover{
background-image:url(../menue/home_over.png);
background-repeat:no-repeat;
}

#about_us a, #about_us a:visited , about_us a:active  {
float: left;
margin: 70px 12px 0px 0px;
width :55px;
height:68px;
background-image:url(../menue/aboutUs.png);
background-repeat:no-repeat;
}
#about_us a:hover{
background-image:url(../menue/aboutUs_over.png);
background-repeat:no-repeat;
}

#search a, #search a:visited , search a:active  {
float: left;
margin: 70px 12px 0px 0px;
width :55px;
height:68px;
background-image:url(../menue/search.png);
background-repeat:no-repeat;
}
#search a:hover{
background-image:url(../menue/search_over.png);
}

#new_profile a, #new_profile a:visited , new_profile a:active  {
float: left;
margin: 70px 12px 0px 0px;
width :55px;
height:68px;
background-image:url(../menue/newProf.png);
background-repeat:no-repeat;
}
#new_profile a:hover{
background-image:url(../menue/newProf_over.png);
background-repeat:no-repeat;
}

#change_profile a, #change_profile a:visited , change_profile a:active  {
float: left;
margin: 70px 12px 0px 0px;
width :55px;
height:68px;
background-image:url(../menue/changeProf.png);
background-repeat:no-repeat;
}
#change_profile a:hover{
background-image:url(../menue/changeProf_over.png);
background-repeat:no-repeat;
}

#play a, #play a:visited , play a:active  {
float: left;
margin: 70px 12px 0px 0px;
width :55px;
height:68px;
background-image:url(../menue/play.png);
background-repeat:no-repeat;
}
#play a:hover{
background-image:url(../menue/play_over.png);
background-repeat:no-repeat;
}

#giver a, #giver a:visited , giver a:active  {
float: left;
margin: 70px 12px 0px 0px;
width :55px;
height:68px;
background-image:url(../menue/unterstuetzer.png);
background-repeat:no-repeat;
}
#giver a:hover{
background-image:url(../menue/unterstuetzer_over.png);
background-repeat:no-repeat;
}

#contact a, #contact a:visited , contact a:active  {
float: left;
margin: 70px 12px 0px 0px;
width :55px;
height:68px;
background-image:url(../menue/contact.png);
background-repeat:no-repeat;
}
#contact a:hover{
background-image:url(../menue/contact_over.png);
background-repeat:no-repeat;
}

#abuse a, #abuse a:visited , abuse a:active  {
float: left;
margin: 70px 12px 0px 0px;
width :55px;
height:68px;
background-image:url(../menue/reportAbuse.png);
background-repeat:no-repeat;
}
#abuse a:hover{
background-image:url(../menue/reportAbuse_over.png);
background-repeat:no-repeat;
}

#advert a, #advert a:visited , advert a:active  {
float: left;
margin: 70px 0px 0px 0px;
width :55px;
height:68px;
background-image:url(../menue/weiterempfehlen.png);
background-repeat:no-repeat;
}
#advert a:hover{
background-image:url(../menue/weiterempfehlen_over.png);
background-repeat:no-repeat;
}


/* Sprachauswahlbuttons oben mit Ländernfahnen unterlegt. */
/*
#deutsch a, #deutsch a:visited , deutsch a:active  {
position : absolute;
z-index:2;
left: 950px;
width :16px;
height:15px;
background-image:url(../menue/lang_deutsch.jpg);
background-repeat:no-repeat;
}
#english a, #english a:visited , english a:active  {
position : absolute;
z-index:2;
left: 980px;
width :16px;
height:15px;
background-image:url(../menue/lang_english.jpg);
background-repeat:no-repeat;
}
*/


/* Menue und Counter unten */
.menuelinks_unten{
position  : absolute;
z-index:2;
left:285px;
top: 634px;
}

/* w3c_Prüfzeichen */
#valid_xhtml{
position  : absolute;
z-index:2;
right:0px;
top: 615px;
}


.zugriffscounter{
position  : absolute;
z-index:2;
left:472px;
top: 656px;
border:1pt solid rgb(0%,60%,80%);
font-size: 9px;
color: rgb(0%,50%,70%);
}

/* Zeilenhöhe für Absätze */
p{
line-height:13px;
margin-bottom: 13px ;
margin-top: 10px;
}


/* Hilfetext im gelben Bereich */
#vor_intro{
position:absolute;
z-index:2;
left:67px;
top: 189px;
width:230px;
}

#vor_intro_b{
position:absolute;
z-index:2;
left:67px;
top: 383px;
}

#intro_text {
position:absolute;
z-index:2;
left:67px;
top: 189px;
}

#absatz_eins,#absatz_zwei,#absatz_drei,#absatz_vier{
width: 235px;
text-decoration:none;
}

/* Anzeige für großes Poträtfoto links */
#fotoGross{
position:absolute;
z-index:2;
left:308px;
top: 181px;
}


/* 49 kleine Fotos mit Vergrößerungseffekt */
#fotosKlein{
position  : absolute;
z-index:6;
left: 540px;
top:  160px;
width: 400px;
}

.hoverbox
{
cursor: default;
list-style: none;
}
.hoverbox a
{
cursor: default;
}
.hoverbox a .preview
{
display: none;
}
.hoverbox a:hover .preview
{
display: block;
position: absolute;
top: -10px;
left: -10px;
z-index: 6;
}
.hoverbox img
{
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 0px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 45px;
height: 45px;
}
.hoverbox li
{
background: #eee;
/*border-color: #ddd #bbb #aaa #ccc;*/
border-style: solid;
border-width: 0px;
color: inherit;
display: inline;
float: left;
margin: 1px;
padding: 0px;
position: relative;
}
.hoverbox .preview
{
border-color: #000;
width: 60px;
height: 70px;
}

/* Profilbeschreibungsdaten links im gelben Bereich */
#beschr_textdaten{
position  : absolute;
z-index:2;
left:62px;
top: 200px;
}

#vorname,#geburtsjahr,#religion,
#nationalitaet_landessprache,#nationalitaet_englisch,
#land_landessprache,#land_englisch,#region,
#beruf_landessprache,#beruf_englisch
{
position  : absolute;
z-index:2;
left:76px;
width:200px;
color: rgb(80%,0%,30%);
}

#beschr_vorname,#beschr_geburtsjahr,#beschr_religion,
#beschr_nationalitaet_landessprache,#beschr_nationalitaet_englisch,
#beschr_land_landessprache,#beschr_land_englisch,#beschr_region,
#beschr_beruf_landessprache,#beschr_beruf_englisch,
#vorname,#geburtsjahr,#religion,
#nationalitaet_landessprache,#nationalitaet_englisch,
#land_landessprache,#land_englisch,#region,
#beruf_landessprache,#beruf_englisch
{
padding-bottom: 5px;
}

#beschr_fotoalter{
position  : absolute;
z-index:2;
left:240px;
top: 177px;
width:150px;
font-size: 9px;
}

#fotoalter{
position  : absolute;
z-index:2;
top: 0px;
left:72px;
color: rgb(80%,0%,30%);
width: 200px;
}

#beschr_beschr_hoffnung{
position  : absolute;
z-index:2;
left:0px;
width:200px;
top: 210px;
}

#beschr_beschr_angst{
position  : absolute;
z-index:2;
left:190px;
width:200px;
top: 210px;
}


#beschr_hoffnung,#beschr_angst{
position  : absolute;
z-index:2;
right:20px;
top: 15px;
width:180px;
color: rgb(80%,0%,30%);
font-family:monospace;
}

/* Sprachübersetzungselement von Google */
#google_translate_element{
position  : absolute;
z-index:2;
left:-39px;
top: 427px;
width:3px;
height:3px;
}


/* Navigationsbuttons für die rechte Albumhälfte */
#kleinFotos_abfrage_button{
position  : absolute;
z-index:2;
left: 745px;
top:  535px;
}

#vor{
position:absolute;
z-index:2;
left:25px;
top:0px;
background: url('../menue/home_side_right.png');
width:21px;
height:20px;
background-position:center;
background-repeat:no-repeat;
}

#zurueck{
position:absolute;
z-index:2;
top:0px;
left:-25px;
background: url('../menue/home_side_left.png');
width:21px;
height:20px;
background-position:center;
background-repeat:no-repeat;
}

#goSide{
position  : absolute;
z-index:2;
left:51px;
top:0px;
background: url('../menue/home_side_direct.png');
background-position:center;
width:41px;
height:20px;
font-size:8px;
background-repeat:no-repeat;
}

#zufall{
position  : absolute;
z-index:2;
background: url('../menue/home_square.png');
background-repeat:no-repeat;
left: 218px;
top: 1px;
width:26px;
height:26px;
}

/* Javatesttexte und Du bist hier:-Feld unten links */
.dubisthierfeld_unten{
position: absolute;
z-index:2;
left: 22px;
top: 654px;
}

.testjs_text{
position: absolute;
z-index:2;
}

#mitJS{

left: 905px;
top: 654px;
}
#keinJS{
left: 22px;
top: 674px;
}


#seiten_zahl{
position  : relative;
left:0px;
top: 0px;
width: 15px;
text-align:center;
}

#seiten_zahl_control{
position  : relative;
top: 35px;
color:white;
}


/* Werbefenster recht im Bereich der 49 Fotos */
#werbeFoto{
position:absolute;
z-index:10;
top: 273px;
right:190px;
}


/* Infobox für das Sprachübersetzungselement */
#questionMark_transl{
position  : absolute;
z-index:2;
left:127px;
top: 429px;
}


#qM_transl_info{
position  : absolute;
z-index:2;
top:-84px;
left:-135px;
}

.sprachAuswahl {
position  : absolute;
z-index:2;
top:90px;
left:890px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-color:  rgb(0%,40%,60%);
  float: left;
  border-style: solid;
  border-width: 2px;
  border-color:#D3E6F5;  
 }