/*########################################################################## */
/* copyright 2009 by diedrei.com / Simon Liekam  */
/*######################################################################## */


/*
###################################################
Standards
###################################################
*/

body, html 
{
 font-family: Verdana, Arial, "Times New Roman", serif;
 color:#000000;
 background:#dfdfdf;
 font-size: 11px;
 margin:0;

}


ul
{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


li
{
margin:0px 0px -3px 0px;
padding:0px 0px 0px 0px;
}


ul.nav
{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


li.nav
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


span
{
margin:0px 0px -3px 0px;
padding:0px 0px 0px 0px;
}


h1
{
 font-family: Verdana, Arial, "Times New Roman", serif;
 font-size: 12px;
 color:#252525;
 font-weight:bold;
 padding:0;
 margin:0;
}


h2
{
 font-family: Verdana, Arial, "Times New Roman", serif;
 font-size: 17px;
 color:#FFFFFF;
 font-weight:bold;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:15px;
 padding-left:0px;
 margin:0;
}


hr
{
margin:5px 0 5px 0;
height:2px;
border-top:1px solid #fff; 
border-right:1px solid #fff; 
border-left:1px solid #fff; 
border-bottom:1px solid #D5CEBB;
width:530px;
clear:both;
}


p
{
margin:0px 0px 0px 0px;
}


input {
margin-left:0px;
padding-left:0px;
text-align:left;
vertical-align:top;
}


/*
###################################################
Layout
###################################################
*/

#container
{
width:975px;
margin:0 auto 0 auto;
background:url(../img/bg_main.gif);
}

#container_lang
{
width:975px;
margin:0 auto 0 auto;
background:url(../img/bg_main.gif);
height:1861px;
}

#container_hauspreis
{
width:975px;
margin:0 auto 0 auto;
background:url(../img/bg_main.gif);
height:1626px;
}


/*
###################################################
Header-Prohaus
###################################################
*/

#header-prohaus
{
height:90px;
width:975px;
overflow:hidden;
background-color:#FFFFFF;
}

#header-prohaus #logo
{
float:left;
width:240px;
height:71px;
padding-top:10px;
}

#header-prohaus #mitte_top
    {
    float:left;
    width:485px;
    height:48px;
    padding-top:35px;
    margin-left:3px;
    font-size:33px;
    color:#e6e6e6;
    font-weight:bold;
    }

#header-prohaus #rechts_box
    {
    float:right;
    width:225px;
    height:74px;
    overflow:hidden;
    color:#4f4f4f;
    font-weight:bold;
    padding-top:10px;
    padding-left:15px;
    }


#header-prohaus #sprache
    {
    text-align:right;
    float:right;
    width:215px;
    height:14px;
    padding-right:10px;
    }


#header-prohaus #rechts_top
    {
    float:right;
    width:225px;
    height:41px;
    overflow:hidden;
    color:#4f4f4f;
    font-weight:bold;
    padding-top:10px;
    padding-left:15px;
    }


/*
###################################################
Navigation-left
###################################################
*/

#navigation-left
{
width:233px;
float:left;
padding-left:7px;
background-color:#767676;
}


#navigation-left ul
{
margin:0 0 0 20px;
}


#navigation-left li
{
color:#FFFFFF;
margin:1px 0 0 0;
}


#navigation-left li.first
{
font-size:14px;
font-weight:bold;
margin:30px 0 0 0;
}


#navigation-left a
{
color:#FFFFFF;
text-decoration:none;
padding-left:12px;
}


#navigation-left a:hover, #navigation-left a.aktiv
{
color:#FFFFFF;
text-decoration:underline;
background:url(../img/navigation_hover.gif) no-repeat 1px 3px;
}


/*
###################################################
Content
###################################################
*/

#content
{
width:730px;
float:left;
margin:0 0 0 5px;
background-color:#FFFFFF;
}

#content ul
{
list-style-image:url(../img/navigation_hover.gif);
margin-left:20px;
}


#content li
{
padding-bottom:5px;
}


#content a
{
color:#000000;
}


#content .container1
{
margin:0 0 5px 0;
background:url(../img/bg_container1.gif);
height:100%;
}

#content .container1a
{
margin:0;
background:url(../img/bg_container1.gif);
height:100%;
}


#content .container1-box1
{
width:485px;
padding:0;
float:left;
background:inherit;
}


#content .container1-box2
{
width:240px;
float:left;
border-left:5px solid #fff;
/*background:inherit;*/
overflow:hidden;
background-color:#84bf4c;
}


#content .container1-box3
{
width:240px;
padding:0;
float:left;
overflow:hidden;
background-color:#dfffc0;
}


#content .container1-box4
{
width:485px;
float:left;
border-left:5px solid #fff;
background-color:#dfffc0;
background:inherit;
}


#content .container1-box5
{
width:730px;
padding:0;
float:right;
background-color:#dfffc0;
}


#content .faq-box1
{
width:485px;
padding:0;
float:left;
background:inherit;
}


#content .faq-box2
{
width:240px;
float:left;
border-left:5px solid #fff;
/*background:inherit;*/
overflow:hidden;
background-color:#84bf4c;
}


#hauptgrafik {
    width:485px;
    height:365px;
    }


#hauptgrafik_2 {
    width:485px;
    height:365px;
    overflow:auto;
    }


.hauskonfigurator {
    width:730px;
    height:920px;
    margin:0;
    padding:0;
    float:left;
    background-color:#cccccc;
    border-bottom:5px solid #fff;
    }


#text_box5 {
    width:485px;
    float:left;
    border-right:5px solid #fff;
    background-color:#dfffc0;
    }


#text_box5_galerie {
    width:485px;
    float:left;
    border-right:5px solid #fff;
    background-color:#cccccc;
    text-align:center;
    padding-top: 10px
    }


#text_box6 {
    width:730px;
    float:left;
    background-color:#dfffc0;
    }


#grafik_box5 {
    width:240px;
    background-color:#dfffc0;
    float:right;
    }


#haupttext {
    background-color:#84bf4c;
    width:485px;
    height:180px;
    }


#haupttext_hell {
    background-color:#dfffc0;
    width:485px;
    height:180px;
    }


#infobox_oben_rechts {
    width:240px;
    height:365px;
    }


#aktionsbox_oben_rechts {
    background-color:#84bf4c;
    width:240px;
    height:180px;
    }


#aktionsbox_oben_rechts_hell {
    background-color:#dfffc0;
    width:240px;
    height:180px;
    }


#preisbox_freigestellt {
    background-color:#dfffc0;
    width:240px;
    height:180px;
    }


#preisbox_lang {
    background-color:#dfffc0;
    width:240px;
    height:550px;
    }


#preisbox_oben_rechts {
    background-color:#dfffc0;
    width:240px;
    height:550px;
    }


#content_unten {
    width:485px;
    height:365px;
    }


#content_unten .links {
    float:left;
    width:240px;
    height:365px;
    border-right:5px solid #ffffff;
    }


#content_unten .links_kwk {
    float:left;
    width:485px;
    height:365px;
    }


#content_unten .mitte {
    float:left;
    width:240px;
    height:365px;
    }


#content_faq_rechts {
    float:left;
    width:240px;
    height:365px;
    border-right:5px solid #ffffff;
    background-color:#dfffc0;
    }


#content_faq_links {
    float:right;
    width:485px;
    height:365px;
    background-color:#dfffc0;
    }


#content_unten .mitte_oben {
    width:240px;
    height:180px;
    border-bottom:5px solid #ffffff;
    background-color:#dfffc0;
    }


#content_unten .mitte_unten {
    width:240px;
    height:180px;
    background-color:#84bf4c;
    }


#uebersicht_unten {
    width:240px;
    height:365px;
    background-color:#dfffc0;
    }


#footer_links {
    width:485px;
    height:45px;
    background-color:#FFFFFF;
    font-size:8px;
    }


#footer_rechts {
    width:240px;
    height:45px;
    background-color:#FFFFFF;
    font-size:8px;
    }


#footer_zweispaltig {
    width:730px;
    height:45px;
    background-color:#FFFFFF;
    font-size:8px;
    }


.textcontainer {
    padding:15px;
    text-align:left;
    }


.textcontainer_5px {
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
    text-align:left;
    }

.trenner_horizontal
    {
    height:5px;
    background-color:#FFFFFF;
    }


.clearer
{
clear:both;
}


td.infotext {
    color:#FFFFFF;
    width:65px;
    padding-left:15px;
    }

td.infotext_90 {
    width:90px;
    height:35px;
    padding-left:15px;
    }

#footer_boxen {
    width:485px;
    height:180px;
    }

#footer_boxen .links {
    float:left;
    width:240px;
    height:180px;
    border-right:5px solid #ffffff;
    }

#footer_boxen .mitte {
    width:240px;
    height:180px;
    background-color:#84bf4c;
    float:right;
    }

#footer_box_rechts {
    width:240px;
    height:180px;
    background-color:#dfffc0;
    }


.infozustimmung {
    color:#FFFFFF;
    font-size:9px;
    }

.infocheck {
    padding-left:6px;
    vertical-align:top;
    }

.komplettpreis {
    text-align:right;
    font-weight:bold;
    color:#FFFFFF;
    }

.monatspreis {
    font-weight:bold;
    color:#FF0000;
    font-size:33px;
    }


/*
###################################################
Karte
###################################################
*/


#karte
{
margin:30px 0 0 0;
background:url(../images/karte_neu.jpg) no-repeat;
width:387px;
height:511px;
}

#karte img
{
border:0;
}


#karte_nl
{
margin:30px 0 0 0;
width:430px;
height:445px;
}

#karte_nl img
{
border:0;
}



.container2-box1-alternativ
{
width:445px;
float:left;
margin:0 0 0 5px;
padding:20px;
}