/* =============		BASIC-RESET   ===============================*/


*           { padding: 0; margin: 0; font-size: 100.01%; font-weight: normal; }
ul, ol      { list-style: none;}
b, strong   { font-weight: bold; }
img, a img  { border: none; }


/* ==============       FONTS    ====================================*/


body { 
font-size: 85%; 
font-family: Arial, Helvetica, sans-serif; 
color: #FFF;
background: #FFF;
text-align: left; 
line-height: 1.5em;
margin-top: 20px;
/* background: url(../images/xxxxx.gif) no-repeat 0 0;
background-attachment: fixed; */
}




#seite1 {
background-color: #008080;    
}

h1, h2, h3 {
margin-bottom: 0.8em;
font-weight: bold;
line-height: 1.2em;
}

h1	{ font-size: 1.8em; }
h2	{ font-size: 1.3em; color: #CCFFFF;}
h3 	{ font-size: 1em; }



.gray1 {
color: #808080;    
}


/* ================= 		LINKS   ================================*/
a:link, 
a:visited {
text-decoration: none;
color: #000;
}
a:hover, 
a:focus,
a:active {
text-decoration: underline;
color: #000;
} 

/* ==================   CONTAINER-LAYOUT   ===============================*/
#container {
    position: relative;
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1160px;
    height: 603px;
    background-color: transparent;
    background-image: url(../images/bg1b.jpg);
    background-repeat: no-repeat;
}



#streifenOben {
    position: relative;
    width: auto;
    height: 100px;
    background-color: #810800;
}

#streifenUnten {
    position: relative;
    width: auto;
    height: 80px;
    background-color: #810800;
}

#streifenMitte {
    position: relative;
    width: auto;
    height: 80px;
    background-color: #FFF;
}


#headerStart {
    height: 150px;
    background-color: transparent;
}


/* ==================   BACKGROUND   ===============================*/
#startseite {
    background-color: #810800;
}




/* ==================   	LAYOUT   ===============================*/
#naviTop {
    position: absolute;
    right: 26px;
    z-index: 1;
}

#startseite #naviTop {
    position: relative;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
}

#forsale {
    position: absolute;
    top: 60px;
    left: 480px;
    z-index: 999;
}


#content p {
line-height: 1.2em;
}


#bildrechts {
    position: absolute;
    width: 592px;
    height: 555px;
    background-color: #FFF;
    left: 543px;
    top: 23px;
    z-index: 2;    
}



#textLinks {
    position: absolute;
    width: 410px;
    height: 300px;
    background-color: transparent;
    left: 85px;
    top: 260px;
    z-index: 1;
}


#textRechts {
    position: absolute;
    width: 480px;
    height: 250px;
/*    background-color: #00FF00; */
    background-color: #EEE;  
    left: 60px;
    top: 260px;
    background-image: url(../images/test.gif);
    background-position: 50px 100px;
    background-repeat: no-repeat;
    z-index: 10;
}

#textRechts2 {
    position: absolute;
    width: 480px;
    height: 280px;
/*    background-color: #00FF00; */
    background-color: transparent;
    left: 600px;
    top: 218px;

    z-index: 10;
}


#textRechts3 {
    position: absolute;
    width: 480px;
    height: 500px;
/*    background-color: #00FF00; */
    background-color: transparent;
    left: 600px;
    top: 45px;

    z-index: 10;
}




#textRechts, #textRechts2, #textRechts3  p{
    line-height: 1.5em;
    color: #808080;
    }

#textLinks p{
    line-height: 1.5em;
    color: #FFF;
    }


#langtext {
    width: 1003px;
/*    min-height: 900px;   
    background-color: #333;   
    border: solid;
    border-width: 1px;
    border-color: #808080; */ 
    }


#langtextLinks {
    position: relative;
    float: left;
    width: 42%;
    margin-top: 50px;
    margin-left: 60px;
}

#langtextRechts {
    position: relative;
    float: right;
    width: 42%;
    margin-top: 50px;
    margin-right: 60px;
}

#langtext p{
    color: #505050;
    }

#footer {
clear: both;
background: transparent;
}
#footer p{
color: #808080;
font-size: 76%;
text-align: center;
}

/* =======================  HEADER  =================================
#seite1 #header {
height: 200px;
background-color: #e35700;

}

#seite2 #header {
height: 200px;
background-color: #CCC;

}
*/

#logo {
position: absolute;
top: 50px;
left: 85px;
z-index: 90;
}



/* ================		NAVIGATION ==============================   */ 


#naviMiddle {
    position: absolute;
    left: 85px;
    top: 220px;
    width: 800px;
    background-color: transparent;
    z-index: 1;

}


#naviMiddle ul li {
display: inline;
list-style: none;
text-transform: uppercase;
font-size: 1.1em;
margin-right: 15px;
text-align: left;
}   


#naviMiddle ul li a:link,
#naviMiddle ul li a:visited {
/* display: inline;  */
font-weight: bolder;
text-decoration: none;
color: #FFF;
}



#naviMiddle ul li a:hover,
#naviMiddle ul li:hover {
/* text-decoration: underline; */
color: #CCFFFF;
}  

.active2{
color: #CCFFFF;
font-weight: bolder;    
}


#langtext a,
#langtext a:link,
#langtext a:visited,
#langtext a:hover,
#langtext a:active {
     color: #000000;
     text-decoration: underline;
}



/* ================		NAVIGATION ==============================   */


#navi2 {
    position: absolute;
    left: 85px;
    top: 415px;
    width: 800px;
    background-color: transparent;
    z-index: 1;

}


#navi2 ul li {
display: block;
list-style: none;
text-transform: uppercase;
font-size: 1.1em;
text-align: left;
}


#navi2 ul li a:link,
#navi2 ul li a:visited {
/* display: inline;  */
font-weight: normal;
text-decoration: none;
color: #FFF;
}



#navi2 ul li a:hover,
#navi2 ul li:hover {
/* text-decoration: underline; */
color: #1F2531;
}

.active3{
color: #1F2531;
font-weight: bolder;
}

.active4{
color: #1F2531;
font-weight: normal;
}





/* ================   NAVI TOP   ==============================  */
#naviTop ul li{
display: inline;
margin-left: 10px;
}
#naviTop ul li a,
#naviTop ul li a:link,
#naviTop ul li a:visited{
text-decoration: none;
color: #666;
}
#naviTop ul li a:hover, .active{
text-decoration: underline;
color: #333;
}

#naviTop ul li#deutsch {
  background: url(../images/flagge-deutschland.gif) no-repeat 0 3px;
}

#naviTop ul li#english {
  background: url(../images/flagge-england.gif) no-repeat 0 3px;
}
#naviTop ul li#kroatisch {
  background: url(../images/flagge-deutschland.gif) no-repeat 0 3px;
}

/* ================   NAVI FOOTER   ==============================  */
#footer ul li{
display: inline;
}
#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited{
text-decoration: none;
color: #666;
}
#footer ul li a:hover, .active{
text-decoration: underline;
color: #333;
}



/* ===================	OTHERS   ================================== */
p {
margin-bottom: 15px;
}