/*************************************************************
Name:		001_Ettlingen.css
Datum:	2004
Version:	1.0
Autor:	KIVBF
Beschreibung:	CSS fuer das eGovernmentFramework Verwaltungsportal
**************************************************************/

/**** Verwaltungsportal ****/

/*** generelle Formatierungen ***/
.lpBUrl1 .lpSpalte1 {display:none; width:0px;}
div#lpBBildDiv{display:none;clear:both;} 
div.sprungmarke{display:none;clear:both;}
h2{padding-bottom:10px;}
#lpBKontakt{clear:both;}
#lpBHaus{float:left;}
#lpBPost{float:left;}

body {
	font-size: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 600px;
	scrollbar-base-color:#CCCCCC;
scrollbar-3dlight-color:#993333;
scrollbar-arrow-color:#993333;
scrollbar-darkshadow-color:#993333;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#993333;
scrollbar-track-color:#FFFFFF;
}


img {border:1px solid #000000
}

table {font-size: 100%;}
pre {font-family: Verdana, Arial, Helvetica, sans-serif;}

H1 { margin-bottom : 0px; font-size: 1em; }
H2 { margin-bottom : 0px; font-size: 1em; }
H3 { margin-bottom : 0px; font-size: 1em; }
H4 { margin-bottom : 0px; font-size: 1em; }
H5 { margin-bottom : 0px; font-size: 1em; }
H6 { margin-bottom : 0px; font-size: 1em; }
code{
	background-color:#FFFF00;
	line-height: 12pt;
	font-size: 12px;
	color : #8000FF;
}

a,b,i,u,span,div,td,p,li,tr {
	margin-left:0;margin-right:0;margin-top:5;
	}
	
td,table,tr {
	vertical-align:top;padding:0;border:0;
	
	}
	
ul 	{
	list-style: square outside;
	}



/** Mitverwendete Mastertemplate-Definitionen **/

a,a:visited,a:active,a:link,a.textlink:visited,a.textlink,a.textlink:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #993333; text-decoration: underline;
	}
a:hover,a.textlink:hover,a.textlink:hover:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #cccccc; text-decoration: underline;
	}

#lpWayhome,a.contentframewayhome,a.contentframewayhome:visited,a.contentframewayhome:active,a.contentframewayhome:link,.contentframewayhome,.contentframewayhome:visited,.contentframewayhome:active,.contentframewayhome:link  {
        font-size: 60%; 
        font-weight: normal; 
        color: #333333;
        text-decoration: underline;
	}
	
a.contentframewayhome:hover,.contentframewayhome:hover{
	font-size: 60%; 
        font-weight: normal; 
        color: #cccccc;
        text-decoration: underline;
        }

/** Generelles zum Aufbau **/

/* span zur Abstandsgestalltung */
#lpSeite{

	width:570px;
	height:auto;
	left:0px;
	right:20px;
	top:10px;
	}

/* div Wayhome Position */
#lpWayhome{
	postion:relative;
	width:100%;
	height:auto;
	top:5px;
	left:40px;
	margin-bottom:20px;
	padding:5px;
	}

/* div Ueberschrift */
#lpUeberschrift{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	background-image: url(http://strasse.ettlingen.de/servlet/PB/show/1123970/LA_Verwaltung_H1_HG.gif); 
	padding-left: 10px;}

	

#lpUeberschriftBehoerde{
	position:relative;
	width:65%;
	height:auto;
	font-size:110%;
	font-weight: bold;
	color: #993333;
	padding:5px;
	z-index:68;
	 
}

#lpVerfahrenstitel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #000000;
	font-weight: bold;
	 
	position:relative;
	width:570px; 
	height:auto; 
	border:0px #000000 solid;
	margin-bottom:5px; 
	padding:5px;
	z-index:19;
	}

  
input{
	background-color: #FFFFFF;
	color: #993333;
	border: 1px solid #000000;
	font-size: 0.85em;
	height: 16px;
	width: auto;
	margin-top: 5px;
}
	
select{
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #993333;
	font-size: 0.85em;
	height: 17px;
	width: auto;
	margin-top: 5px;
}


/*** BEHOERDENWEGWEISER Anfang ***/

/** h2{padding-bottom:10px;}
#lpBKontakt{clear:both;}
#lpBBildDiv{clear:both;}
#lpBHaus{float:left;}
#lpBPost{float:left;}
body **/
.behoerde{
	font-size:0.8em;
	}

/* div zustaendige Behoerde (nach Klick auf "Zur zustaendigen Stelle" */
#lpBgefBeh{
	position:relative;
	width:570px; 
	height:auto; 
	margin-bottom:15px; 
	padding:5px;
	z-index:50;
	}
	
/* Behoerdenwegweiser Kurzbeschreibung*/
#lpBKurzb{
	position:relative; 
	font-weight:normal;line-height:120%;color:#993333;
	width:570px; 
	height:auto;
	margin-bottom: 5px;
	padding:5px;
	z-index:2; 
	}

/* Klasse für Rubriküberschriften wie Hausanschrift oder Postanschrift */
.lpBRubrik{
	font-family: Verdana, Arial, Helvetica, sans-serif;
   color : #993333;
	font-size: 1.0em;
	font-weight: bold;
	}

XX#lpStichwortBehoerdeDiv font.lpBRubrik{
	font-family: Verdana, Arial, Helvetica, sans-serif;
   color : #000000;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 5px;
	
}


/* div Behoerdenwegweiser Hausanschrift */
#lpBHaus{
	position:relative; 
	left:0px;
	top:0px;
	width:250px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:5px;
	z-index:3;
	}

/* div Behoerdenwegweiser Postanschrift */	
#lpBPost{
	position:absolute; 
	right:auto; 
	left:300px; 
	top:95px; 
	padding:5px; 
	width:150px; 
	height:auto; 
	border:0px #000000 solid;
	z-index:4;
	}


/* Behoerdenwegweiser Zusatz */
#lpBZusatz{
	margin-bottom: 10px;
	padding:5px;
	z-index:5; 
	}

/* Behoerdenwegweiser Kurzbeschreibung */
#lpBKurzb{
	margin-bottom: 10px;
	padding: 5px;
	z-index: 6;
}


/* Behördenwegweiser Bild der Verwaltung */
.behoerdeSchulen{font-size:76%;}
.behoerdeSchulen #lpEinleitung{}
.behoerdeSchulen .lpSchulcontainer{}
.behoerdeSchulen ul.lpUL{}
.behoerdeSchulen li.lpBListeUntergSchulenLI{}+
div#lpBBildDiv{clear:both;margin:0px 0px 5px 0px;}
img.lpBBild{}	

#lpBAnfSkizze{
	position:relative; 
	width:570px; 
	height:auto;
	margin-bottom:20px;
	padding:5px;
	z-index:7; 
	}

/* Behoerdenwegweiser Anfahrt */
#lpBAnfahrt{
	position:relative; 
	width:570px; 
	height:auto;
	margin-bottom:20px;
	padding:5px;
	z-index:8; 
	}

/* Behoerdenwegweiser Parkplatz */
#lpBPark{
	position:relative; 
	width:570px; 
	height:auto;
	margin-bottom:20px;
	padding:5px; 
	z-index:9;
	}
	
#lpBPark .lpBRubrik {display:block}

/* Behoerdenwegweiser Kontakt */
#lpBKontakt{clear:both;
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:20px;
	z-index:10;
	}
#lpBKontaktTable{
	font-size:1em;
	}
/* Behoerdenwegweiser Oeffungszeiten */
#lpBOeffnung{
	position: relative;
	font-size: 1.0em;
	width: auto;
	height: auto;
	xxmargin-bottom: 20px;
	padding: 5px;
	z-index: 11;
}

/* Behoerdenwegweiser Zustaendigkeiten */
#lpBZustaendig{
	position:relative; 
	width:auto; 
	height:auto;
	margin-bottom:20px;
	padding: 5px;
	z-index:12; 
	}

/* Behoerdenwegweiser  Beschreibungstext */
#lpBBeschr{
	position:relative; 
	width:570px; 
	height:auto;
	margin-bottom:20px;
	padding: 5px;
	z-index:13; 
	}

/* Behoerdenwegweiser Tabelle Ansprechpartner */
#lpBAnsprech{
	position:relative; 
	width:570px; 
	height:auto;
	margin-bottom:20px;
	padding: 5px;
	z-index:14; 
	}
	
table.lpBAnsprechTable{
	position:relative;
	width:auto;
	height:auto;
	margin-bottom:20px;
	padding-top: 0px;
	font-size:1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	XXborder : 1px solid #000000;
}


/* Behördenwegweiser Formulare/Online-Dienste */
#lpBForm{
	position:relative; 
	width:auto; 
	height:auto;
	margin-bottom:20px;
	padding: 5px;
	z-index:15; 
	}

/* Behördenwegweiser Dienstleistungen */
#lpBDien{
	position:relative; 
	width:370px; 
	height:auto;
	margin-bottom:5px;
    margin-left:5px;
	padding: 0px; 
	z-index:16;
	}

/* Behoerdenwegweiser Uebergeordnete Behörden einer AmtsID */
#lpBUeber{
	position:relative; 
	width:570px; 
	height:auto;
	margin-bottom:10px;
        margin-left:5px;
	padding: 0px; 
	z-index:17;
	}
	
/* Behoerdenwegweiser Untergeordnete Behoerden einer AmtsID */
#lpBUnter{
	position:relative; 
	width:570px; 
	height:auto;
	top:10px;
	margin-bottom:10px;
        margin-left:5px;
	padding: 0px;
	z-index:18; 
	}


	
/*** BEHOERDENWEGWEISER Ende ***/	
	
	

/*** VERFAHRENSBESCHREIBUNGEN Anfang ***/

/** h2{padding-bottom:10px;}
#lpBKontakt{clear:both;}
#lpBBildDiv{clear:both;}
#lpBHaus{float:left;}
#lpBPost{float:left;}
body **/
.verfahren{
	font-size:0.8em;
	}

.lpVBHinweis{
	font-weight : bold;
	color : #000000;
	}

.lpVBTip{
	font-weight : bold;
	color : #000000;
	}

/* div "Anzeige der Verfahren nach Anfangsbuchstabe:" */
#lpVAnfangsbuch{
	position:relative; 
	left:0px;
	width:100%; 
	height:auto; 
	padding: 5px; 
	border:1px #cccccc solid;
	margin-bottom:25px;
	z-index:10;
	top:15px;
	}
	
#lpVAnfangsbuch a:visited, #lpVAnfangsbuch a:active, #lpVAnfangsbuch a:link {
	font-weight: normal;
	color: #993333;
	border: 1px #993333 solid;
	width: 10%;
	background-color: #ffffff;
	text-align: center;
	margin-right: 2px;
}

#lpVAnfangsbuch a:hover{
	font-weight: normal;
	color: #cccccc;
	XXtext-decoration: underline;
	border: 1px #993333 solid;
	width: 10%;
	background-color: #ffffff;
	text-align: center;
	margin-right: 2px;
}

#lpVAnker{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:1px #cccccc solid;
	margin-bottom:10px;
	z-index:10;
	}

#lpVInf{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}

#lpVZus{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}
	
#lpVVor{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}

#lpVAbl{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}

#lpVUnt{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}

#lpVFri{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}

#lpVFliess{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}

#lpVText{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}

#lpVRechtsg{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}

#lpVGebue{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}

#lpVFreig{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}

#lpVImpressum{
	position:relative; 
	left:0px;
	width:570px; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:10;
	}

/*** VERFAHRENSBESCHREIBUNGEN Ende ***/



/*** Lebenslagen Anfang ***/

/** h2{padding-bottom:10px;}
#lpBKontakt{clear:both;}
#lpBBildDiv{clear:both;}
#lpBHaus{float:left;}
#lpBPost{float:left;}
body **/
.lebenslagen{
	font-size:0.8em;
	}

#lpLLDrop{
 	position:relative;
	width:570px; 
	height:auto;
	margin-bottom: 0px;
	padding:5px;
	z-index:8; 
	}
/*** "bitte waehlen Sie eine Lebenslage aus" ***/	
#lpLLDrop.beschreibung{
	font-weight:bold;
	color:#993333;
	line-height:120%;
	}
	
label.beschreibung{
	font-weight:bold;
	color:#993333;
	line-height: 25pt;
	
	}

.lpLLBaum{
	position:relative; 
	font-weight:bold; color:#000000;
	width:570px; 
	height:auto;
	margin-bottom: 20px;
	padding:5px;
	z-index:1; 
	}

.lpLLBaum2{
	position:relative; 
	font-weight:bold; color:#000000;
	width:570px; 
	height:auto;
	margin-bottom: 20px;
	padding:5px;
	z-index:2; 
	}

#lpLLDetail{
	position:relative; 
	width:570px; 
	height:auto;
	margin-bottom: 10px;
	padding:5px;
	z-index:3; 
	}
	
#lpLLBeTitel{
	font-size:1em; font-weight:bold; color:#993333;
	position:relative; 
	width:570px; 
	height:auto;
	margin-bottom: 0px;
	padding:5px;
	z-index:6;
	}


#lpLLBeschr{
	position:relative; 
	width:570px; 
	height:auto;
	margin-bottom: 0px;
	padding:5px;
	z-index:5;
	}
	
#lpLLVerf{
	position:relative; 
	font-size:0.95em; font-weight:bold; color:#000000;
	width:570px; 
	height:auto;
	margin-bottom: 10px;
	padding:5px;
	z-index:4; 
	}

.lebenslagenSelected,a.lebenslagenSelected{
	color : #993333;
	}

/*** Lebenslagen Ende ***/

/*** Stichwort Start ***/
.stichwort{
font-size:0.8em;
}

#stichwortAbisZDiv{
	position:relative;
	left:0px;
	width:100%;
	height:auto;
	padding:5px;
	padding-left:15px;
	margin-top:20px;
	margin-bottom:0px;
	border:1px #cccccc solid;
	z-index:67;
}

#stichwortAbisZRubrikenDiv{
	position:relative; 
	left:0px;
	width:100%; 
	height:auto; 
	padding-left:5px;
	margin-top:20px;
	margin-bottom:0px;
	z-index:68;
}

#lpSTForm{}

form#lpSTForm select {
	XXpadding-bottom: 50px;
	margin-top: 5px;
	
}

.lpInaktiv{
	color: #993333;
	font-weight: bold;
	width:10%;
	border:1px #993333 solid;
	text-align : center;
	margin-right: 2px;
	background-color : #ffffff;
}

.lpStichwortKind{}

.lpAktivAktuelleAuswahl,a.lpAktivAktuelleAuswahl:visited,a.lpAktivAktuelleAuswahl:active,a.lpAktivAktuelleAuswahl:link{
	font-weight: bold;
	color: #000000;
	XXtext-decoration: underline;
	border:1px #993333 solid;
	width:10%;
	background-color : #ffffff;
	text-align : center;
	margin-right: 2px;
}

a.lpAktivAktuelleAuswahl:hover{
	font-weight: bold;
	color: #cccccc;
	XXtext-decoration: underline;
	border:1px #993333 solid;
	width:10%;
	background-color : #ffffff;
	text-align : center;
	margin-right: 2px;
}

.lpAktiv{
	color: #cccccc;
	font-weight: bold;
	width:10%;
	border:1px #993333 solid;
	text-align : center;
	margin-right: 2px;
	background-color : #ffffff;
}

#lpStichwortTitelDiv{
	position:relative; 
	left:0px;
	width:65%; 
	height:auto; 
	padding:5px;
	margin-top:20px;
	margin-bottom:0px;
	z-index:60;
	}

#lpStichwortTitelDiv font{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 120%;
	color: #993333;
}

#lpStichwortKindDiv{
	position:relative; 
	left:0px;
	width:65%; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:61;
}

#lpStichwortKindTitel{

}

#stichwortDetailZuStichwortDiv{}

#lpStichwortBeschreibungDiv{	position:relative; 
	left:0px;
	width:65%; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:62;
	}

#lpStichwortBehoerdeDiv{	position:relative; 
	left:0px;
	width:65%; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:63;}

#lpStichwortFormulareDiv{	position:relative; 
	left:0px;
	width:65%; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:64;}

#lpStichwortVerfahrenDiv{	position:relative; 
	left:0px;
	width:65%; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:65;
	}

#lpStichwortLLDiv{	position:relative; 
	left:0px;
	width:65%; 
	height:auto; 
	padding: 5px; 
	border:0px #000000 solid;
	margin-bottom:10px;
	z-index:66;
	}

#lpSTAbfangsbuchstabenSelect{}

/*** Stichwort Ende ***/

p.schwerpunkt {
	color: #993333;
	font-weight: normal;
	margin-bottom: -14px;
	margin-top: 0px;
	text-decoration : none;
	font-style : normal;
	text-decoration : none;
}

#lpBAnsprech p.ansprechName {
	color: #000000;
	text-decoration : underline;
	font-weight: normal;
	margin-bottom: -10px;
}

#lpBAnsprech p.ansprechFunktion {
	color: #993333;
	font-weight: normal;
	margin-bottom: -14px;
	margin-top: 0px;
	text-decoration : none;
	font-style : normal;
	text-decoration : none;
}

li {list-style-image: url(http://strasse.ettlingen.de/servlet/PB/show/1123972/LA_Verwaltung_List.gif); list-style-position: outside; margin-left: 5px; padding-bottom: 0px;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;}


table#sprechzeitenOrg{
	font-size: 1.0em;
	XXborder : 1px solid #000000;
	XXmargin-top: 5px;
}

table#tabelleHebesatz{
	font-size: 1.0em;
	XXborder : 1px solid #000000;
	XXmargin-top: 5px;
	text-align: left;
}

table#tabelleHebesatz tr td{
	border-bottom : 1px solid #CCCCCC;
	padding-bottom: 2px;
	text-align: left;
}

table#tabelleHebesatz tr th{
	border-bottom : 1px solid #CCCCCC;
	padding-bottom: 2px;
	font-weight : normal;
	text-align: left;
}

select#v {
	margin-top: 5px;
}

#lpBBeschr ul {
	padding-bottom: -10px;
}
.wf { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 60%; font-weight: normal; color: #993333; text-decoration: none; }

#stichwortAbisZRubrikenDiv form label{
	color: #993333;
	font-size: 1.0em;
	font-weight: bold;
}
table#sprechzeitenOrg{
	font-size: 1.0em;
	XXborder: 1px solid #000000;
	margin-top: 0px;
	margin-left: -2px;
}

/**neue Klassen**/
.lpBRubrik{position:relative;  margin-bottom: 0px;	padding-bottom: 0px;}

span.lpSpalte1 {font-size: 1em; width: 80px;margin-top:0px;}
span.lpSpalte2 {font-size: 1em;}

.lpBAnsprechTable{	margin-bottom:10px;}
.lpBAnsprech1{width:120px;height:auto; vertical-align: top;}
.lpBAnsprech2{height:auto;width:300px;}
.lpBAnsprechNameDiv {margin-bottom:10px;}

.lpVBAchtung{font-weight : bold;color : #FF0000;}	
#lpFOEinleitung{}
.lpFoVB{}
.lpFoUrl{}
.lpSprungmarke{  position: relative;	width: auto;	height: auto;	padding: 5px;	margin-top: 10px;}

#lpBForm{padding-left:5px;}
div.lpBFoTreffer{position:relative;}
div.lpBFoTrefferName{position:relative;}

div.footnotes {margin:40 0 10 5; font-size: 0.8em;padding-bottom:10px;}
a.printpage{position:relative; }

.behoerdeSchulen{font-size:76%;}
.behoerdeSchulen #lpEinleitung{}
.behoerdeSchulen .lpSchulcontainer{}
.behoerdeSchulen ul.lpUL{}
.behoerdeSchulen li.lpBListeUntergSchulenLI{}