/******************************/
/* stylesheet fuer L.I.S.T.   */
/* Divergenz GmbH, Berlin     */
/* Stand: 22810.2008          */
/******************************/


/***********************/
/* Allgemeine Styles   */
/***********************/

HTML, BODY, DIV, P, H1, H2, H3, H4, H5, H6, TD, FORM, IMG, B {
    padding:            0px;
    border:             0px;
    margin:             0px;
    text-align:         left;
    font-size:          12px;
    font-family:        Arial, Verdana, Helvetica;
    color:              #000;
}

BODY {
    background-color:   #F3F3F3;
    height:							100%;
}

OL, UL, LI {
    text-align:         left;    
    font-size:          12px;
    font-family:        Arial, Verdana, Helvetica;
    color:              #000;
    padding-top:    		2px;
    padding-bottom: 		2px;
}

A, A:visited {
    color:              #000000;
}

A:hover, A:active {
    color:              #FF0000;
}

A.pathlinks, A.pathlinks:visited {
    color:              #FFFFFF;
    text-decoration:    none;
}

A.pathlinks:hover, A.pathlinks:active {
    color:              #43CC00;
    text-decoration:    none;
}

DIV.clear {
    clear:              both;
    font-size:      		4px;
}



/*******************/
/* Layout          */
/*******************/

#center {
    position:						absolute;
    top:        				50%;
    left:       				0;
    width:      				100%;
    height:							519px;
    margin-top:					-259px;
    padding:						0px;
    background-color:		#CCCCCC;
    text-align:					center;
}

#paper {
    width:              920px;
    height:    					519px;
    text-align:         left;
    background:         #F3F3F3 url(/et_static/bground.gif) repeat;
    margin-left:    		auto;
    margin-right:   		auto;
}

#logo {
    float:      				left;
    width:              206px;
    height:             57px;
    text-align:         left;
    background:         url(/et_static/gm_logo.gif) no-repeat;
}

#top_right {
    float:      				left;
    width:              714px;
    height:             57px;
    text-align:         left;
    background:         url(/et_static/top_right.gif) no-repeat;
}

#header  {
    float:      				left;
        text-decoration:    none;
}

DIV.headertext {
    padding:        		34px 0px 0px 16px;
    font-size:          17px;
    color:      				#FFFFFF;
}

#menu {
    float:      				left;
    width:              206px;
    height:             444px;
    text-align:         left;
}

#content {
    float:      				left;
    overflow:       		auto;
    width:              688px;
    height:             424px;
    padding:        		10px 10px 10px 16px;
    text-align:         left;
    background:         url(/et_static/content.gif) repeat;
}

/*
* html #content 
{
    height: 1em;   Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 
}
*/

#bottom_left {
    float:     					left;
    width:              206px;
    height:             18px;
    text-align:         left;
    background:         url(/et_static/bottom_left.gif) no-repeat;
}

#bottom_rightLOGIN {
    float:      				left;
    width:              15px;
    height:             18px;
    text-align:         left;
    background:         url(/et_static/bottom_right.gif) no-repeat;
}

#bottom_right {
    float:      				left;
    width:              699px;
    height:             18px;
    text-align:         left;
    background:         url(/et_static/bottom_right.gif) no-repeat;
}

#bottom {
    font-size:          0px;
    float:      				right;
    padding-right:  		17px;
}

DIV.bottomtext {
    float:      				right;
    padding:        		1px 4px 0px 4px;
    margin:         		0px;
    font-size:          12px;
    color:     					#FFFFFF;
}



/*******************/
/* Menü            */
/*******************/

DIV.menuSpaceTop {
    font-size:          87px;
}

A.off, A.off:visited {
    display:            block;
    font-size:          11px;
    line-height:        12px;
    margin-bottom:  		2px;
    padding:            3px 0px 0px 35px;
    text-decoration:    none;
    color:              #000000;
    background:         url(/et_static/gm_inactive.gif) no-repeat;
}

A.off:hover, A.off:active {
    color:              #000000;
    text-decoration:    underline;
}

A.on, A.on:visited {
    display:            block;
    font-size:          11px;
    line-height:        12px;
    margin-bottom:  		2px;
    padding:            3px 0px 0px 35px;
    text-decoration:    none;
    color:              #000000;
    background:         url(/et_static/gm_active.gif) no-repeat;
}

A.on:hover, A.on:active  {
    color:              #000000;
    text-decoration:    underline;
}

A.off1, A.off1:visited {
    display:            block;
    font-size:          11px;
    line-height:        12px;
    margin-bottom:  		2px;
    padding:            3px 0px 0px 49px;
    text-decoration:    none;
    color:              #000000;
    background:         url(/et_static/gm_inactive1.gif) no-repeat;
}

A.off1:hover, A.off1:active {
    color:              #000000;
    text-decoration:    underline;
}

A.on1, A.on1:visited {
    display:            block;
    font-size:          11px;
    line-height:        12px;
    margin-bottom:  		2px;
    padding:            3px 0px 0px 49px;
    text-decoration:    none;
    color:              #000000;
    background:         url(/et_static/gm_active1.gif) no-repeat;
}

A.on1:hover, A.on1:active  {
    color:              #000000;
    text-decoration:    underline;
}


/*******************/
/* Google Suche    */
/*******************/

form { 
    text-align:         left;
}

input {
    font-family: 				Arial, Verdana, Helvetica; 
    font-size: 					12px;
    margin-right:				0px;
}

.Feld {
    background-color:		#FFFFFF;
}



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

DIV.contentSpaceTop {
    font-size:          21px;
}

DIV.text {
    margin-top:         2px;
    margin-bottom:  		16px;
    padding-left:   		194px;
}

/*
* html DIV.text 
{
    height: 1em;   Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 
}
*/

DIV.textklein {
    margin-top:         2px;
    margin-bottom:  		16px;
    padding-left:   		194px;
    font-size:          10px;
}

DIV.textlinks {
    float:          		left;
    clear:          		left;
    margin-top:         2px;
    margin-bottom:  		4px;
    padding-left:   		0px;
}

DIV.textsec {
    margin-top:         2px;
    margin-bottom:  		4px;
    padding-left:   		194px;
}

DIV.textdatei {
    margin-top:         0px;
    margin-bottom:  		2px;
    padding-left:   		194px;
}

/* Überschriften */
DIV.headlinks {
    margin-top:     		8px;
    margin-bottom: 			8px;
    margin-left:    		0px;
    font-size:      		15px;
    font-weight:   			bold;
    color:      				#000000;
}

DIV.headlinks1 {
    margin-top:     		8px;
    margin-bottom: 			8px;
    margin-left:    		0px;
    font-size:      		13px;
    font-weight:   			bold;
    color:      				#000000;
}

A.hlinks1, A.hlinks1:visited {
    font-size:          13px;
    font-weight:   			bold;
    color:              #000000;
    text-decoration:    none;    
}

A.hlinks1:hover, A.hlinks1:active {
    color:              #43CC00;
    text-decoration:    none;        
}

p.headrechts {
    margin-top:     		0px;
    margin-bottom:  		4px;
    margin-left:    		2px;
    font-size:      		12px;
    font-weight:    		bold;
    color:      				#000000;
}

IMG.left {
    float:              left;
    clear:      				left;
    margin:             3px 10px 10px 12px;
}

DIV.pic {
    float:          		left;
    clear:          		left;
    width:          		150px;
    margin:         		3px 10px 10px 0px;
    padding-left:   		12px;
    font-size:      		11px;
    font-style:     		italic;
}

DIV.pic_center {
    text-align:					center; 
    width: 							671px; 
    font-style:     		italic;
}

IMG.pic_border {
    width:          		148px;
/*    border:	   				1px solid #000000; */
    border-right:  			1px solid #FFFFFF;
    border-bottom:  		1px solid #FFFFFF;
    border-top:     		1px solid #000000;
    border-left:    		1px solid #000000;
}

IMG.pic_border_center {
    margin-left: 				auto;
    margin-right: 			auto;
/*    border:	   				1px solid #000000; */
    border-right:  			1px solid #FFFFFF;
    border-bottom:  		1px solid #FFFFFF;
    border-top:     		1px solid #000000;
    border-left:    		1px solid #000000;
}

DIV.pic_caption {
    float:          		left;
    font-size:      		11px;
    font-style:     		italic;
}

DIV.pic_caption_center {
    text-align:					center; 
    font-size:      		11px;
    font-style:     		italic;
}

DIV.pic_plus {
    float:          		left;
    width:          		130px;
    font-size:      		11px;
    font-style:     		italic;
}

A.pic_lupe {
    float:          		right;
    width:          		20px;
}

IMG.face_border {
    width:          		148px;
/*    border:	   				1px solid #000000; */
    border-right:  			1px solid #FFFFFF;
    border-bottom:  		1px solid #FFFFFF;
    border-top:     		1px solid #000000;
    border-left:    		1px solid #000000;
}

DIV.face {
    float:          		left;
    width:          		145px;
    height:							205px;
    margin:         		3px 8px 10px 0px;
    padding-left:   		12px;
    font-size:      		0px;
}

DIV.face_caption {
    float:          		left;
    margin-top:					2px;
    font-size:      		12px;
}



/*******************/
/* Startseite      */
/*******************/

DIV.startpage {
    width:      				638px;
    margin-top:     		0px;
    margin-bottom:  		0px;
padding-left:50px;
    text-decoration:    none;
}

DIV.picstart {
    float:              left;
    clear:      				left;
    width:      				440px;
}

A.picst0, A.picst0:visited {
    display:            block;
    height:     				56px;
    background:         url(/et_static/st_logo_a.jpg) no-repeat;
}

A.picst0:hover, A.picst0:active {
    background:         url(/et_static/st_logo_b.jpg) no-repeat;
}

A.picst1, A.picst1:visited {
    display:            block;
    height:     				56px;
    background:         url(/et_static/st_quartier_a.jpg) no-repeat;
}

A.picst1:hover, A.picst1:active {
    background:         url(/et_static/st_quartier_b.jpg) no-repeat;
}

A.picst2, A.picst2:visited {
    display:            block;
    height:     				56px;
    background:         url(/et_static/st_stadtplanung_a.jpg) no-repeat;
}

A.picst2:hover, A.picst2:active {
    background:         url(/et_static/st_stadtplanung_b.jpg) no-repeat;
}

A.picst3, A.picst3:visited {
    display:            block;
    height:     				56px;
    background:         url(/et_static/st_beschaef_a.jpg) no-repeat;
}

A.picst3:hover, A.picst3:active {
    background:         url(/et_static/st_beschaef_b.jpg) no-repeat;
}

A.picst4, A.picst4:visited {
    display:            block;
    height:     				56px;
    background:         url(/et_static/st_kultur_a.jpg) no-repeat;
}

A.picst4:hover, A.picst4:active {
    background:         url(/et_static/st_kultur_b.jpg) no-repeat;
}

A.picst5, A.picst5:visited {
    display:            block;
    height:     				56px;
    background:         url(/et_static/st_betreu_a.jpg) no-repeat;
}

A.picst5:hover, A.picst5:active {
    background:         url(/et_static/st_betreu_b.jpg) no-repeat;
}

A.nopicst {
    display:            block;
    height:     				56px;
    background:         url(/et_static/st_logo.jpg) no-repeat;
}

#startlink {
    margin-top:					8px;
    padding-top:				2px;
    padding-left:				170px;
    font-size:      		15px;
    font-weight:    		bold;
    color:      				#484848;
    text-decoration:    none;

}