/************************************************************************/
/*               Dahlienpark Unterengstringen | Update                  */
/************************************************************************/

*
{
        margin: 0;
        padding: 0;
}

html {
	 padding: 0;
 	 margin: 0;
 	 height : 100%;
	}

body	{
    height : 100%;
	margin: 0;
	padding: 0;
	font : normal 14px/20px helvetica, arial, sans-serif;
	background-color: #233316;
	background-image : url(bg_new.jpg);
	background-repeat : no-repeat;
	color: #EFEF79;
    text-align: center;
    position:relative;
	}


/*  General pagelayout */

table.gallery_binder {
    width : 100%;
    height : 100%;
    }

table.gallery td    {
    width : 580px;
    }

div.gallery_wrapper   {
    position : absolute;
    top : 0;
    left : 0;
    z-index : 600;
    width : 100%;
    height : 100%;
    background-color : #000;
    filter : alpha(opacity=80);
    -moz-opacity : 0.80;
    opacity : 0.80;
    }

div.image_box   {
    position : absolute;
    top : 0;
    left : 0;
    z-index : 900;
    }


table.gallery {
    position : absolute;
    top : 140px;
    left : 223px;
    z-index : 700;
    margin : 0;
    padding : 0;
    width : 580px;
    height : 495px;
    font-size : 11px;
    font-weight : bold;
    text-transform : uppercase;
    background-color : #fff;
    color : #000;
    }
    

table.gallery td    {
    margin : 0;
    padding : 0;
    background-color : #e2e69a;
    }

table.gallery td.middle,
table.gallery td.back_forward   {
    background-color : #e2e69a;
    height : 30px;
    vertical-align : middle;
    text-align : center;
    }

table.gallery table.title   {
    width : 100%;
    font-size : 11px;
    font-weight : bold;
    text-transform : uppercase;
    }
    
table.gallery table.title td.title  {
    width : 540px;
    padding-left : 10px;
    }    
    

table.gallery table.title td.close    {
    height : 30px;
    width : 30px;
    }

table.gallery table.title a.close  {
    background-image : url(close/gallery_close.gif);
    background-repeat : no-repeat;
    background-position : top left;
    display : block;
    }

table.gallery table.title a.close:hover  {
    background-image : url(close/gallery_close_over.gif);
    }




table.gallery td.middle {
    width : 400px;
    }

table.gallery td.back_forward   {
    width : 90px;
    }
    
table.gallery td.back_forward a   {
    display : block;
    background-color : #fff;   
    color : #324e2b;
    padding-top : 5px;
    width : 90px;
    height : 25px;
    }

table.gallery td.back_forward a:hover   {
    background-color : #324e2b;
    color : #fff;
    }


table.gallery td.image  {
    background-color : #fff;
    filter : alpha(opacity=100);
    -moz-opacity : 1.00;
    opacity : 1.00;
    }





/*************************************************************** Site */


div.wrapper	{
	position : absolute;
	top : 0;
	left : 0;
	margin : 0;
	padding : 0;
	width : 100%;
	}

div.site {
	width : 970px;
	height : 700px;
	margin : 0;
	padding : 0;
	text-align : left;
	}


/* Header */

div.header {
    margin : 0;
    padding : 0;
    height : 108px;
    width : 970px;
    }



div.header p img    {
    position : absolute;
    top : 24px;
    left : 30px;
    z-index : 500;
    }


/* Mainnavigation */

div.mainnavigation {
    margin : 0;
    padding : 0;
    width : 966px;
    height : 17px;
	/* background-image : url(mainnav_bg.gif);
	background-repeat : repeat-y; */
    }

div.mainnavigation p.maintab    {
    margin : 0 1px 1px 0;
    padding : 0 0 0 0;
    float : right;
    font-size : 10px;
    line-height : 17px;
    text-align : center;
    background-color : #fff;
    color : #223316;
    width : 85px;
    height : 17px;
    }
    
p.maintab a.maintab:link,
p.maintab a.maintab:visited    {
    display : block;
    height : 17px;
    background-color : #d7e499;
    color : #223316;
    text-decoration : none;
    }    

p.maintab a.maintab:hover   {
    background-color : #cdd557;
    color : #fff;
    }

p.maintab a.maintab_selected:link,
p.maintab a.maintab_selected:visited    {
    display : block;
    height : 17px;
    background-color : #fff;
    color : #223316;
    text-decoration : none;
    }    

p.maintab a.maintab_selected:hover   {
    background-color : #cdd557;
    color : #fff;
    }


/* Intro */

div.start_image {
    margin : 0;
    padding : 0;    
    }



/* Navigation Column */

div.navigation {
    clear : right;
	float : left;
	width : 215px;
	margin : 0 20px 0 0;
	text-align : left;
	}
	
img 	{
	border : 0;
	}  



/* Hyperlinks */

a:link	{
	color : #fff;
	text-decoration : underline;
	}
	
a:visited	{
	color : #EFEF79;
	text-decoration : underline;
	}
	
a:hover	{
	color : #EFEF79;
	text-decoration : none;
	}


/*************************************************************** Map Overview */

p.map_legend    {
    font-size : 16px;
    padding : 0 0 0 40px;
    }


/**************************************************************** Maps Detail */

table.map_details   {
    margin : 0;
    padding : 0;
    width : 965px;
    height : 485px;
    background-color : #fff;
    }

table.map_details td.col1,
table.map_details td.col2,
table.map_details td.col3   {
    vertical-align : top;
    }


table.map_details td.col1   {
    width : 210px;
    }

table.map_details td.col2   {
    width : 585px;
    height : 485px;
    }
        
table.map_details td.col3   {
    width : 170px;
    }



/* Table Map Sample */

table.add_sample  {
    width : 100%;
    margin : 20px 0 0 20px;
    padding : 0;
    font-size : 11px;
    }        

table.add_sample td.row1    {
    width : 100%;
    padding : 2px 5px 0 5px;
    color : #223316;
    background-color : #e2e79b;
    } 

table.add_sample td.row1 p  {
    margin : 0;
    padding : 0;
    }
    
table.add_sample td.row2 p  {
    margin : 5px 0 0 5px;
    padding : 0;
    color : #233316;
    font-weight : bold;
    }



/* Seitenriss */

table.map_details td.col1_seitenriss    {
    padding : 20px 0 0 32px;
    vertical-align : top;
    }

/* Lage */

table.map_details td.col1_lage    {
    padding : 0 0 0 32px;
    vertical-align : top;
    }

/* Planausschnitt */

td.col1_planausschnitt    {
	padding : 0;
	vertical-align : top;
	height : 105px;
	position:absolute;
	left:32px;
/*	top:517px;*/
	}

/* Sold*/

div.sold    {
    width : 585px;
    height : 485px;
    padding : 200px 0 0 0;
    margin : 0;
    vertical-align : middle;
    text-align : center;
    }  


    
/* Appartment */

table.map_details td.col3_desc    {
    padding : 20px 0 0 30px;
    vertical-align : top;
    background-color : #fff;
    color : #223316;
    font-size : 11px;
    line-height : 15px;
    }
    
table.map_details td.col3_desc h1   {
    font-size : 13px;
    margin : 0;
    padding : 10px 0 5px 0;
    }

table.map_details td.col3_desc h2   {
    margin : 10px 0 0 0;
    font-size : 11px;
    }

table.map_details td.col3_desc ul.download_price    {
    margin : 0 0 0 15px;
    padding : 0 0 0 0;
    }
	
table.map_details td.col3_desc ul.download_price li  {
    margin : 0;
	padding : 0 0 4px 0;
	}
	
	
table.map_details td.col3_desc ul.hobby  {
    margin : 0 0 0 15px;
	padding : 0 0 1px 0;
	}	
	
	
table.map_details a:link    {
    color : #223316;
    text-decoration : underline;
    }	

table.map_details a:visited    {
    color : #223316;
    text-decoration : underline;
    }
	
table.map_details a:hover    {
    color : #d7e499;
    text-decoration : underline;
    }	


table.map_details td.col3_desc p.img_gallery    {
    margin : 5px 0 0 0;
    padding : 0;
    }    
    
 table.map_details td.col3_desc p.img_gallery a:hover    {
    filter : alpha(opacity=50);
    -moz-opacity : 0.50;
    opacity : 0.50;
    }       
    
    
table.map_details td.col3_desc p.nordpfeil  {
    padding : 10px 0 0 0;
    }    
	
	
/***************************************************************** Navigation */

div.navigation {
	width : 215px;
	margin : 60px 20px 0 0;
	padding : 0;
	background-color : transparent;
	font : normal 13px/13px helvetica, arial, sans-serif;
	}

div.navigation p.mainrubric,
div.navigation p.subrubric,
div.navigation p.subrubric_news,
div.navigation p.subrubric_special,
div.navigation p.subrubric_musterwohnung {
    margin : 0;
    padding : 2px 0 2px 0;
    width : 215px;
    }

div.navigation p.subrubric_news {
    margin-top: 10px;
    }

div.navigation p.subrubric_musterwohnung {
    margin-bottom: 10px;
    }

div.navigation p.mainrubric a img,
div.navigation p.subrubric a img,
div.navigation p.subrubric_news a img,
div.navigation p.subrubric_special a img,
div.navigation p.subrubric_musterwohnung a img  {
	width: 205px;
	background-color : transparent;
	background-repeat: no-repeat;
	}


a.mainrubric1 img {background-image: url(mainrubric1.png);}
a.mainrubric1:visited img {background-image: url(mainrubric1.png);}
a.mainrubric1:hover img {background-image: url(mainrubric1_shown.gif);}


/* Shown */
a.mainrubric1_shown img {background-image: url(mainrubric1_shown.png);}
/*a.mainrubric2_shown img {background-image: url(mainrubric2_shown.png);}*/
/*a.mainrubric3_shown img {background-image: url(mainrubric3_shown.png);}*/

/* Shown - Hover */
a.mainrubric1_shown:hover img {background-image: url(mainrubric1_sel.png);}

/* Selected */
a.mainrubric1_selected img {background-image: url(mainrubric1_sel.png);}



/********************************************** General Definitions Subrubic */

div.navigation p.subrubric a.subrubric1,
div.navigation p.subrubric a.subrubric1_shown,
div.navigation p.subrubric a.subrubric1_selected,

div.navigation p.subrubric_special a.subrubric1,
div.navigation p.subrubric_special a.subrubric1_shown,
div.navigation p.subrubric_special a.subrubric1_selected,

div.navigation p.subrubric_news a.subrubric1,
div.navigation p.subrubric_news a.subrubric1_shown,
div.navigation p.subrubric_news a.subrubric1_selected,

div.navigation p.subrubric_musterwohnung a.subrubric1,
div.navigation p.subrubric_musterwohnung a.subrubric1_shown,
div.navigation p.subrubric_musterwohnung a.subrubric1_selected,

div.navigation p.subrubric a.subrubric2,
div.navigation p.subrubric a.subrubric2_shown,
div.navigation p.subrubric a.subrubric2_selected,

div.navigation p.subrubric a.subrubric3,
div.navigation p.subrubric a.subrubric3_shown,
div.navigation p.subrubric a.subrubric3_selected,

div.navigation p.subrubric a.subrubric4,
div.navigation p.subrubric a.subrubric4_shown,
div.navigation p.subrubric a.subrubric4_selected {
    width : 205px;
	background-color : transparent;
	background-position : bottom left;
	background-repeat: no-repeat;
    margin : 0;
    padding : 0;
    text-decoration : none;
	}
	
/******************************************************************** Level1 */

div.navigation p.subrubric a.subrubric1,
div.navigation p.subrubric_news a.subrubric1,
div.navigation p.subrubric_special a.subrubric1,
div.navigation p.subrubric_musterwohnung a.subrubric1   {
	background-image: url(mainrubric1.png);
    padding : 0 0 0 40px;
    color : #C4D85F;
    }

div.navigation p.subrubric_special a.subrubric1   {
	background-image: url(mainrubric1_special.png);
    color : #f00;
    }
    

div.navigation p.subrubric a.subrubric1_shown,
div.navigation p.subrubric_news a.subrubric1_shown,
div.navigation p.subrubric_special a.subrubric1_shown,
div.navigation p.subrubric_musterwohnung a.subrubric1_shown   {
	background-image: url(mainrubric1_shown.png);
    padding : 0 0 0 40px;
    font-weight : normal;
    color : #fff;
    }

div.navigation p.subrubric_special a.subrubric1_shown   {
    color : #fff;
    }

div.navigation p.subrubric_musterwohnung a.subrubric1_shown   {
    color : #fff;
    }

  
div.navigation p.subrubric a.subrubric1_selected,
div.navigation p.subrubric_news a.subrubric1_selected,
div.navigation p.subrubric_special a.subrubric1_selected,
div.navigation p.subrubric_musterwohnung a.subrubric1_selected   {
	background-image: url(mainrubric1_sel.png);
    padding : 5px 0 5px 40px;
    color : #E1EBAF;
    }  

/* Hover */

div.navigation p.subrubric a.subrubric1:hover,
div.navigation p.subrubric a.subrubric1_shown:hover,
div.navigation p.subrubric_special a.subrubric1:hover,
div.navigation p.subrubric_special a.subrubric1_shown:hover,
div.navigation p.subrubric_news a.subrubric1:hover,
div.navigation p.subrubric_news a.subrubric1_shown:hover,
div.navigation p.subrubric_musterwohnung a.subrubric1:hover,
div.navigation p.subrubric_musterwohnung a.subrubric1_shown:hover  {
	background-image: url(mainrubric1_sel.png);
    padding : 0 0 0 40px;
    color : #fff;
    }
    
div.navigation p.subrubric a.subrubric1_selected:hover,
div.navigation p.subrubric_special a.subrubric1_selected:hover 
div.navigation p.subrubric_news a.subrubric1_selected:hover,
div.navigation p.subrubric_musterwohnung a.subrubric1_selected:hover    {
	background-image: url(mainrubric1_shown.png);
    padding : 0 0 0 40px;
    color : #E1EBAF;
	background-position : 0 0;
    }
    
/******************************************************************** Level2 */

div.navigation p.subrubric a.subrubric2   {
	background-image: url(subrubric2.gif);
    padding : 0 0 0 75px;
    color : #C4D85F;
    }
    
div.navigation p.subrubric a.subrubric2_shown   {
	background-image: url(subrubric2_shown.gif);
    padding : 0 0 0 75px;
    font-weight : normal;
    color : #fff;
    }
  
div.navigation p.subrubric a.subrubric2_selected   {
	background-image: url(subrubric2_sel.gif);
    padding : 0 0 0 75px;
    color : #E1EBAF;
    }  

/* Hover */

div.navigation p.subrubric a.subrubric2:hover,
div.navigation p.subrubric a.subrubric2_shown:hover {
	background-image: url(subrubric2_sel.gif);
    padding : 0 0 0 75px;
    color : #fff;
    }
    
div.navigation p.subrubric a.subrubric2_selected:hover   {
	background-image: url(subrubric2_shown.gif);
    padding : 0 0 0 75px;
    color : #E1EBAF;
    }
    
/******************************************************************** Level3 */

div.navigation p.subrubric a.subrubric3   {
	background-image: url(subrubric3.gif);
    padding : 0 0 0 70px;
    color : #C4D85F;
    }
    
div.navigation p.subrubric a.subrubric3_shown   {
	background-image: url(subrubric3_shown.gif);
    padding : 0 0 0 70px;
    font-weight : bold;
    color : #fff;
    }
  
div.navigation p.subrubric a.subrubric3_selected   {
	background-image: url(subrubric3_sel.gif);
    padding : 0 0 0 70px;
    color : #E1EBAF;
    }  
    
/* Hover */

div.navigation p.subrubric a.subrubric3:hover,
div.navigation p.subrubric a.subrubric3_shown:hover {
	background-image: url(subrubric3_sel.gif);
    padding : 0 0 0 70px;
    color : #fff;
    }
    
div.navigation p.subrubric a.subrubric3_selected:hover   {
	background-image: url(subrubric3_shown.gif);
    padding : 0 0 0 70px;
    color : #E1EBAF;
    }


/******************************************************************** Level4 */

div.navigation p.subrubric a.subrubric4   {
	background-image: url(subrubric4.gif);
    padding : 0 0 0 85px;
    color : #C4D85F;
    }
    
div.navigation p.subrubric a.subrubric4_shown   {
	background-image: url(subrubric4_shown.gif);
    padding : 0 0 0 85px;
    font-weight : bold;
    color : #fff;
    }
  
div.navigation p.subrubric a.subrubric4_selected   {
	background-image: url(subrubric4_sel.gif);
    padding : 0 0 0 85px;
    color : #E1EBAF;
    }  
    
div.navigation p.subrubric a.subrubric4:hover,
div.navigation p.subrubric a.subrubric4_shown:hover,
div.navigation p.subrubric a.subrubric4_selected:hover   {
	background-image: url(subrubric4_sel.gif);
    padding : 0 0 0 85px;
    color : #fff;
    }


/******************************************************************* Content */

div.content_binder  {
    float : left;
    width : 730px;
    height : 100%;
    margin : 0;
    padding : 0;
    }
	
div.content	{
	float : left;
	width : 453px;
	height : 100%;
	margin : 0 20px 0 0;
    padding : 0;
	}

div.content p	{
	margin : 0 0 20px 0;
    padding : 0;
	}
	
div.content_binder div.placeimage    {
    margin : 0 0 0 0;
    padding : 0;
    }


div.startstop   {
    margin : 0 0 0 0;
    padding : 0;
    color : #fff;
    background-color : transparent;
    font-size : 10px;
    text-align : left;
    vertical-align : top;
    }


div.content_binder h1 img,
div.start_image h1.start img {
    margin : 0;
    padding : 40px 0 0 0;
    color : #fff;
    font-size : 24px;
    font-weight : normal;
    }


/* Hyperlinks */

div.content a {
    color : #fff;
    text-decoration : underline;
    }
div.content a:hover {
    color : #C4D85F;
    text-decoration : underline;
    }




ul.bb-list-unordered    {
    list-style : square;
    margin : 0 0 0 15px;
    padding : 0 0 10px 0;
    }

ul.bb-list-unordered li.bb-listitem {
    margin : 0;
    padding : 5px 0 0 0;
    line-height : 18px;
    }


/*********************************************************** Content Service */

div.service {
    float : left;
    width : 252px;
    font-size : 11px;
    line-height : 18px;
    margin : 0 0 0 0;
    padding : 5px 0 0 0;
    }

div.service ul,
div.service ul.service_download  {
    margin : 0 0 0 13px;
    padding : 4px 0 0 0;
    list-style : square;
    line-height : 15px;
    }


div.service h4.download_title,
div.service h4.image_title   {
    background-color : transparent;
    color : #EFEF79;
    margin : 0 0 1px 0;
    padding : 5px 0 3px 0;
    font-size : 11px;
    line-height : 14px;
    border : 1px solid #C4D85F;
    border-width : 1px 0;
    }
    
div.service h4.image_title   {
    font-weight : normal;
    line-height : 14px;
    }    



div.service p.image {
    margin : 0;
    padding : 0;
    }    

/* Service Hyperlinks */

div.service a:link    {
    color : #fff;
    text-decoration : underline;
    }
 
div.service a:visited    {
    color : #EFEF79;
    text-decoration : underline;
    }
    
div.service a:hover {
    color : #EFEF79;
    text-decoration : none;
    }
    

div.service ul li a {
    color : #fff;
    text-decoration : underline;
    }

div.service ul li a:hover {
    color : #C4D85F;
    text-decoration : none;
    }
    
div.service ul.bb-list-unordered    {
    margin : 0;
    padding : 0 0 20px 13px;
    }


/* Image Navigation */

div#image_box   {
    margin : 0 0 40px 0;
    }

div.img_navigation  {
    margin : 0;
    padding : 0;
    }


div.image_box_l, div.image_box_m, div.image_box_r {
	background-color : transparent;
    border : 1px solid #C4D85F;
    border-width : 1px 0;
   	color : #fff;
	padding: 2px 0 0 0;
	height : 16px;
	}

div.image_box_m {
	float : left;
	width : 212px;
	text-align : center;
	}	

div.image_box_l {
	float : left;
	width : 20px;
	text-align: left;
	}

div.image_box_r {
	float :left;
	width : 20px;
	text-align : right;
	}


div.service p.implenia_logo  {
    text-align : right;
    margin-top : 0px;
    }


/* Tables */

table.bb-table td.col1  {
    text-align : left;
    padding : 2px 60px 2px 0;
    }

table.bb-table td.col2 {
    text-align : left;
    padding : 2px 20px 2px 0;
    }
    
table.bb-table td.col3 {
    text-align : right;
    padding : 2px 40px 2px 0;
    }


.sold   {
    color : #b56060;
    font-weight : bold;
    vertical-align : middle;
    }


/************************************************************** Contact Form */

	
table.contact   {
    margin : 0;
    padding : 0;
	width: 453px;
    }	
	
	
table.contact td.col1   {
    height : 30px;
    }	
	

input.email,
input.email_error	{
	width : 236px;
	border : 1px solid #000;
	padding : 4px;
	background-color : transparent;
	color : #fff;
	border : 1px solid #EFEF79;
	font : bold 12px/12px "helvetica new", helvetica, arial, sans-serif;
	}

input.email_error   {
    background-color : #fcc;
    color : #000;
    }



input.button    {
    margin : 0 0 0 20px;
	padding : 3px 2px 1px 2px;
	color : #000;
	border : 1px solid #EFEF79;
	font : normal 11px/11px "helvetica new", helvetica, arial, sans-serif;
	}
	
	
/* Signatur */

div.signatur	{
	background-color : transparent;
	color : #fff;
	text-align : left;
	margin-top : -25px;
	margin-left : 50%;
	padding : 0 0 0 470px;
	}

/* sold out */
div.sold {
	position:absolute;
	left:204px;
	top:139px;
	width:585px;
	height:485px;
}