@charset "utf-8";

/*************************************
    Inhalt:

    1. Start
    2. Uebersicht
    3. Beschreibung
    	3.1. Detail
    	3.2. Varianten
    	3.3. Grundrisse
    4. Bauherren privat
*************************************/


/*************************************
    1. Start
*************************************/

div.note
{
    margin: 50px 20px 20px 20px;
    color: #aaa;
}
    
    


/*************************************
    2. Uebersicht
*************************************/

p.hinweis_wohnflaeche
{
    position: absolute;
    right: 20px;
    top: 18px;
	width: 70px;
	line-height: 1em;
	color: #bbb;
}


    


/*************************************
    3. Beschreibung
*************************************/

        
/* MouseOver der Varianten */
ul#navigation_detail li.varianten:hover a
{
    border-bottom: 1px solid #fff;
}
ul#navigation_detail li.varianten:hover ul#navigation_varianten
{
    display: block !important;
}
    
    ul#navigation_detail ul#navigation_varianten
	{
        display: none;
        background: #fff;
        position: absolute;
        left: 0px;
        top: 60px;
        padding: 20px 0px 20px 20px !important;
        width: 760px;
        border-bottom: 1px solid #bbb;
    }
        ul#navigation_detail ul#navigation_varianten li
        {
            margin: 0px 20px 0px 0px;
            padding: 0px !important;
           	border:none;
            width: 170px;
        }
        	ul#navigation_detail ul#navigation_varianten li img
            {
                display: block;
                width: 170px;
                height: 130px;
            }
            ul#navigation_detail ul#navigation_varianten li a
            {
                padding: 0px;
                margin: 0px;
                font-size: 1em;
                line-height: 1.2em;
                color: #f0001e;
                border: 0;
            }
            ul#navigation_detail ul#navigation_varianten li h3
            {
                padding: 10px;
                margin: 0px;
            }

#info
{
	width: 210px;    
    top: 80px;
}
	#info h1
    {
        margin: 0px;
    }
    #info p
    {
        margin: 0px;
    }
    #info p.first
    {
        margin: 10px 0px 0px 0px;
    }
    

/*************************************
    3.1. Detail
*************************************/

/* siehe screen.css > Content */

div#content div.beschreibung #text div
{
    width: 210px;
    padding: 20px 0px 20px 20px;
}
    div#content div.beschreibung #text div.text
    {
        width: 280px;
        margin: 0px 20px 0px 0px;
    }
    div#content div.beschreibung #text div ul
    {
        float: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }
    
	div#content div#stoerer_maxime350
	{
		position: absolute;
		right: 0px;
		top: 60px;
		z-index: 100;
	}
	
/*************************************
    3.2. Varianten
*************************************/

div.detail.varianten #text ul
{
    padding: 0px;
    margin: 0px 0px 25px 0px;
}

ul.weitere_varianten
{
    width: 390px !important;
}
    ul.weitere_varianten li
    {
        background: none !important;
        padding: 0px !important;    
        margin: 0px 20px 20px 0px !important;
        
        width: 170px;
        float: left;
    }
        ul.weitere_varianten li img
        {
            display: block;
            width: 170px;
            height: 130px;
            background: #ccc;
        }
        ul.weitere_varianten li h2
        {
            padding: 10px;
            margin: 0px;
        }

/*************************************
    3.3. Grundrisse
*************************************/

div.grundriss
{
    position: relative;
    width: 780px;
    margin: 0px 0px 30px 0px;
}
    div.grundriss div
    {
        float: left;
        margin: 0px 0px 20px 20px;
    }   
    	div.grundriss div h2
        {
            padding: 40px 0px 0px 0px;
        }
    	div.grundriss.nr0 div h2
        {
            padding: 150px 0px 0px 0px;
        }
    	div.grundriss div table
        {
            border-spacing: 0px;
        }    	
            div.grundriss div table tr.gesamt
            {
                font-weight: bold;
                height: 30px;
            }        
            div.grundriss div table tr th
            {
                width: 140px;
            }
            div.grundriss div table th,
            div.grundriss div table td
            {
                border-top: 1px solid #bbb;
                height: 22px;
                vertical-align: middle;
            }
            div.grundriss div table td
            {
                text-align: right;
            }
        
        
    div.grundriss img
    {
        float: right;
        margin: 40px 50px 0px 0px;
        background: #fff;
    }




/*************************************
    3.4. Exposee
*************************************/
div.exposee div#text
{
	position: absolute;
	top: 200px;
    left: 0px;
}
	div.exposee div#text div
    {
        width: auto;
    }
    


/*************************************
    4. Bauherren privat
*************************************/
div#content.haeuser_bauherren-privat .text.start #image_container
{
    float: right;
    margin: 0px 0px 0px 30px;
    position: relative;
    width: 250px;
    height:160px;
}
    div#content.haeuser_bauherren-privat .text.start #image_container img {
        position: absolute;
        top:0;
        left: 0;
    }



div#content.haeuser_bauherren-privat ul li img
{
	width: 170px;
    height: 111px;
}
div#content.haeuser_bauherren-privat ul li div
{
    height: 79px !important;
}
    div#content.haeuser_bauherren-privat ul li h3
    {
        margin: 0px;
    }
    
    
    
div#content.haeuser_bauherren-privat_detail div.beschreibung
{
    width: 310px;
    float: right;
}
	div#content.haeuser_bauherren-privat_detail div.beschreibung ul
    {
        width: 300px;
    }






div#content.haeuser_bauherren-privat_detail img
{
    float: left;
}
div#box
{
    width: 350px;
    height: 278px;
    float: right;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    position: relative;
}
	ul.bilder
    {
        margin: 0px 20px 30px 20px;
        width: 760px;
    }
        ul.bilder li
        {
            float: left;
            margin: 0px 5px 5px 0px !important;
        }
            ul.bilder li.active
            {
                border: 1px solid #f0001e;
                margin: -1px 4px 4px -1px !important;
            }
            ul.bilder li img
            {
                width: 70px;
                height: 45px;
            }
        
    div#box p
    {
        position: absolute;
        left: 20px;
        bottom: 20px;
        margin: 20px 20px 0px 0px;
    }