*{
	/* erstmal alles an padding und margin ausschalten damit das später nicht nervt.
	spart tonnenweise CSS um es an diversen stellen auszuschalten! */
	padding:0px;
	margin:0px;
}

html{
	width:100%;
}


body{
	width:93%;/* ~=952px@1024px */
	margin:auto;
	font-family:arial, sans serif;
	color:#262628;
}

* html body{
	width:100%;
	padding-left:3.5%;
	padding-right:3.5%;
	font-family:arial, sans serif;
	color:#262628;
}

#ministerien_head{
	width:100%;
                     text-align:right;
	background-color:#FFF;
	height:74px;
	
}

#ministerien_head a {
	text-decoration:none;
}
#ministerien_head a img.logo1 {
                     margin-top:13px;
	margin-bottom:8px;
                      z-index:5000;
	border:none;
}

#ministerien_head a img.logo2 {
	position:absolute;
	margin-left:400px;
	z-index:5000;
	border:none;
}

/* ----------------------- große Navi-Buttons ------------------------- */

div#suchbox{
	position:absolute;
	left:4%;
	top:172px;
}

div#suchbox #sq{
	border:1px solid #262628;
	background-color:#CCCCCC;
	border-right:none;
	height:19px;
	width:106px;
	padding-top:-3px;
	margin-bottom:7px;
	_margin-bottom:0px;
	
}

* html div#suchbox #sq{
	border:1px solid #262628;
	background-color:#CCCCCC;
	border-right:none;
	height:21px;
	width:106px;
	padding-top:-3px;
	margin-bottom:7px;
	_margin-bottom:0px;
	
}

div#suchbox #sb{
	_margin-bottom:-4px;
	margin-right:10px;	
}


div#page_head{
	width:80%; 
	background-color:#B7BABD;
	height:90px;
	
	/*text-align:center;*/
	/*text-indent:20%;*/
	padding-left:20%;
}

* html div#page_head{
	width:100%; 
	background-color:#B7BABD;
	height:90px;
	
	/*text-align:center;*/
	/*text-indent:20%;*/
	padding-left:20%;
}

div#page_head img{
	height:90px;
	width:144px;
	float:left;

}

#blackout{
	display:none;
	position:relative;
	background-color:#B7BABD;
	height:120px;
	float:right;
	width:17.5%;
	z-index:500;
}

div#hnavi{
	background-image:url(../07_Fotos/chrom/hnavi-bg.jpg);
	background-repeat:repeat-y;
	background-color:#CBCBCB;
	height:30px;
	padding-left:10px;
	margin:5px 0px 5px 0px;
}

div#hnavi li{
	display:block;
	float:left;
	line-height:30px;
	margin-right:5px;
	background-image:url(../07_Fotos/chrom/bullet-1.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
}

div#hnavi a{
	color:#262628;
	text-decoration:none;
	font-size:0.8em;
}

div#hnavi a:hover, div#hnavi a:active, div#hnavi a:focus{
	color:#262628;
	text-decoration:underline;
}

ol#statnavi{
	display:block;
	float:right;
}

ol#subnavi{
	width:15em;
	float:left;
	font-size:0.9em;
}

/* Ebene 0 */
ol#subnavi li{
	display:block;
	list-style-type:none;
	background-color:#CCC;
	font-size:0.9em;
	font-weight:bold;
	border-top: 1px solid red;             
}

ol#subnavi li a{
	color:#262628;
	display:block;
	text-decoration:none;
	font-weight:bold;
	padding-left:12px;
	font-size:1em;
	padding-top:5px;
	padding-bottom:1px;
}

*html ol#subnavi li a{
	padding-top:2px;
	padding-bottom:2px;
}

/* Ebene 1 */
ol#subnavi li ol li {
	margin:0px;
	background-color:#E4E4E4;
	border-top: 1px solid red;
	font-size:0.9em;
	font-weight:normal;
}

ol#subnavi li ol li a{
	color:#262628;
	display:block;
	text-decoration:none;
	padding-left:12px;
	font-size:100%;
	padding-top:6px;
	padding-bottom:1px;
	padding-left:12px;
	font-weight:normal;
}

*html ol#subnavi li ol li a{
	padding-top:2px;
	padding-bottom:2px;
}

/* Ebene 2 */
ol#subnavi li ol li ol li {
	font-size:100%;
}

ol#subnavi li ol li ol li a{
	padding-left:27px;
}

/* Ebene 3 */
ol#subnavi li ol li ol li ol li a{
	font-size:100%; 
}

ol#subnavi li ol li ol li ol li a{
	padding-left:42px;
}

ol#subnavi a.snaktiv{
	background-image:url(../07_Fotos/chrom/bullet-1.gif);
	background-repeat:no-repeat;
	background-position:3px 8px;
}

*html ol#subnavi a.snaktiv{
	background-position:3px 7px;
}

ol#subnavi ol a:hover, ol#subnavi a:focus, ol#subnavi a:active {
	color:#CC0000;
}


ol#subnavi li ol li a:hover, ol#subnavi li ol li a:focus, ol#subnavi li ol li a:active{
	background-color:#F4F4F4;
}

/* -------------- */

div#page_body{

	float:left;
	width:60%;
	margin-left:10px;
	font-size:0.8em;
	/* strange... strange! */
}

div#printme{
	text-align:right;
	font-size:0.7em;
	height:18px;
}

div#printme a{
/*	background-image:url(../07_Fotos/chrom/print1.gif); */
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:18px;
	padding-top:7px;
	padding-bottom:3px;
	text-decoration:none;
	color:#000;
}

div#printme img{
        border:0px; 
}



div#bcrumb{
	float:left;
	width:100%;
	border-bottom:1px solid #C90101;
	margin:8px  8px 1px 0px;
	font-size:0.8em;
	background-color:#FFF;
}

div#bcrumb a{
	color:#000;
	text-decoration:none;
}



div#page_content{
	background-color:#FFF;
	float:left;
	width:100%;

}

div#page_content h1.main{
	font-size:1.4em;
	padding:0px 12px 0px 12px;
        margin: 12px 15px 0 0;
        background-color:#cccccc;
}

div#page_content h1{
	font-size:1.3em;
	padding:12px 12px 0px 12px;

}

div#page_content h2{
	font-size:1.3em;
	padding:12px 12px 0px 12px;
}

div#page_content h3{
	font-size:1.2em;
	padding:12px 12px 0px 12px;
}

div#page_content ul{
	/*list-style-position:inside;*/
	
	padding:12px;
}

div#page_content ul li{
	margin-left:30px;
}
div#page_content ol {
	/*list-style-position:inside;*/
	
	padding:12px;
}

div#page_content ol li{
	margin-left:30px;
}
div#page_content p{
	padding-top:18px;
	/*font-size:0.8em;*/
	line-height:1.4em;
	padding: 5px 12px 12px 12px;
}
div#page_content p.bildabsatz {
	height:1%;
                     margin-bottom: 1px;
                     padding-bottom: 0;
}

div#page_content p.bildabsatz br.clearfix{
                     height: 1px;
                     margin: 0;
                     padding: 0;
                     clear: both;
}

div#page_content p img{
	float:left;
	margin-right:10px;
    /*  margin-top:4px; */
}
div#page_content table {
	margin-left: 12px;
}

div#page_content .firstpost{
	border-top:none !important;
}

div#page_content div.newscat{
		border-top:1px solid #C90101;
/*		margin-bottom:-26px !important; */
		margin-bottom: 5px !important; 
		padding-top:3px;
		height: 1px;
		font-size: 0px;
}

div#page_content div.newscat-dashed{
		border-top:1px dashed #C90101;
/*		margin-bottom:-26px !important; */
		margin-bottom: 5px !important; 
		margin-left: 12px;
		margin-right: 12px;
		padding-top:3px;
		height: 1px;
		font-size: 0px;
}

div#page_content hr{
	background-color:#FFF;
	color:#FFF;
	height:5px;
	border:none;
	margin-top:-10px;
	margin-bottom:-1px;
}

#page_content p.rechts{
	text-align:right;
}

div#page_content a{
	color:#CC0000;
	text-decoration:none;
}

.bildlinks {
        float:left;
	margin-right:10px;
        margin-top:3px;
}

a.buttlink, a.backlink, a.ankerlink, a.toplink {
	font-weight: normal;
	background-repeat:no-repeat;
	padding-left:18px;
	background-position:0px 1px;
}
a.buttlink {
	background-image:url(../07_Fotos/chrom/buttlink-bullet.gif);
}

a.buttlink:hover, a.buttlink:focus, a.buttlink:active{
	background-image:url(../07_Fotos/chrom/buttlink-bullet.gif);
}
a.backlink{
	background-image:url(../07_Fotos/chrom/backlink-bullet.gif);
}

a.backlink:hover,a.backlink:active,a.backlink:focus{
	background-image:url(../07_Fotos/chrom/backlink-bullet.gif);
}
a.ankerlink{
	background-image:url(../07_Fotos/chrom/ankerlink-bullet.gif);
}

a.ankerlink:hover,a.ankerlink:active,a.ankerlink:focus{
	background-image:url(../07_Fotos/chrom/ankerlink-bullet.gif);
}
a.toplink{
	background-image:url(../07_Fotos/chrom/toplink-bullet.gif);
}

a.toplink:hover,a.toplink:focus,a.toplink:active{
	background-image:url(../07_Fotos/chrom/toplink-bullet.gif);
}





/*------ rc neu - 20.02.06 - mt--------*/
div#related_content{
/*	min-width:158px;*/
	float:right;
/*      width:162px;    */
        width:165px;  
	/* width:17.5%; */
}

div#related_content h1{
	background-color:#858489;
	font-size:0.8em;
	text-align:center;
	line-height:1.5em;
	color:#FFF;
}

div#related_content h3{
	font-size:0.8em;
	text-align:center;
	color:#000;
	margin-top:10px;
	text-align:center;
}


div#related_content h2{
	background-color:#CCC;
	font-size:0.7em;
	margin-top:14px;
	padding-left:8px;
	line-height:1.4em;
}

div#related_content div{
	border:1px solid #CCC;
	font-size:0.8em;
	padding:5px;
	text-align:center;
}

div#related_content p{
	width:150px;
	margin:auto;
	text-align:left !important;
	font-size: 0.85em;
                     height: 0.1%;
}

div#related_content p  a img, div#related_content p  img, div#related_content a img{
	width:150px;
	border:none;
	display:block;
}

div#related_content p  a.rc_infolink{

	background-image:url(../07_Fotos/chrom/microbullet.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:8px;
	margin-left:3px;
	color:#CC0000;
	text-decoration:none;
	text-align:left;
	width:150px !important;
}

div#related_content p  a.rc_infolink:hover,div#related_content p  

a.rc_infolink:active,div#related_content p  a.rc_infolink:focus{
	text-decoration:underline;
}


label{
	display:block;
	float:left;
	width:150px;
}

div#page_content input{
	width:150px;
}

div#page_content a img{
	border:none;
}

/* footer .. */

div#footer{
	width:60%;
	clear:both;
	margin:30px 17.5% 0px 20%;
	padding:0px 0px 0px 20px;
	border-top:1px solid #C90101;
}

div#footer a{
	color:#C90101;
	font-size:0.75em;
	padding-left:20px;
	background-image:url(../07_Fotos/chrom/toplink-bullet.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

/* CSS für die Ecards */
.postkarte{
	margin-bottom:10px !important;
	width:200px !important;
	padding:3px !important;
	font-family:Arial, Helvetica, sans-serif !important;

}

#postkarte_navi{
	width:100% !important;
	margin-top:10px !important;
	display:block !important;
	float:right;
}

.suche_select{
	margin-bottom:10px !important;
	width:210px !important;
	font-family:Arial, Helvetica, sans-serif !important;
}

.list_suche{
	margin-bottom:20px;
	margin-left:30px;
}

.monat{
	float:left;
	width:33%;
}

.quartal{
float:left;
	width:100%;
}

.galerie{
float:left;
width:150px;

}

/* für Galerie-Bilder die aus irgendeinem Grund alleine in einer Zeile stehen sollen */
.galerie_eins{
margin-bottom:20px;
float:left;
width:100% !important;

}

.galerie_eins img{
float:none !important;
}

.g_frauen{
float:right;
width:100%;
}

/* diverse tabellen */
.datatab{margin-bottom:30px;}

table.datatab th{
	border-left:1px solid black;
	padding:4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
                      font-size:0.9em;
}

table.datatab td{
	border-left:1px solid black;
	padding:4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}

table.datatab .firstcol{
	border-left:none !important;
}

.linkliste
{
	list-style-image:url(../07_Fotos/chrom/buttlink-bullet-liste.gif);
	font-weight: normal;
	margin-bottom:5px;
}

.linkliste-down
{
	list-style-image:url(../07_Fotos/chrom/buttlink-bullet-liste-DOWN.gif);
	font-weight: normal;
	margin-bottom:5px;
}

.klein
{
font-size:0.85em;

}



/*
####################################
## Kontakt- und Anmeldeformular   ##
####################################
*/

/* Kontaktformular */

form#ktk_post_form
{
margin: 0px;
}

#ktk_post_form .tx,
#ktk_post_form .txa
{
border: 1px solid #aaaaaa;
background-color: #ffffff;
padding: 2px 0px 0px 4px;
}

#ktk_post_form .tx
{
width: 20em;
height: 1.5em;
}

#ktk_post_form .txa
{
width: 20.5em;
}

fieldset
{
width: 80%;
margin-left: 12px;
margin-bottom: 10px;
background-color: #eeeeee;
padding: 1.0em;
border: 1px solid #888888;
}

fieldset p.fp
{
padding: 5px 0 !important;
}

legend
{
font-size: 100%;
font-style: normal;
color: #000000;
}

#ktk_post_form .txflong,
#ktk_post_form .txfmid,
#ktk_post_form .txfshort,
#ktk_post_form .slflong
{
font-size: 100%;
height: 1.5em;
border: 1px solid #888888;
background-color: #ffffff;
padding: 2px 0px 0px 4px;
}

#ktk_post_form .txflong
{
width: 20em;
}

#ktk_post_form .slflong
{
height: 1.8em;
width: 20.5em;
}

#ktk_post_form .txfmid
{
width: 15.5em;
}

#ktk_post_form .txfshort
{
width: 3.5em;
}

#ktk_post_form .ml
{
margin-left: 0.5em;
}

#ktk_post_form .col1
{
font-size: 100%;
width: 30%;
padding-right: 10px;
margin-right: 1em;
text-align: right;
}

#ktk_post_form .col2
{
font-size: 100%;
width: 60%;
}

#ktk_post_form .col3
{
font-size: 100%;
width: 5%;
margin-right: 1em;
}

#ktk_post_form .col4
{
font-size: 100%;
width: 95%;
}

#ktk_post_form .col4 p
{
font-size: 100%;
}

#ktk_post_form .lbchk
{
display: inline;
clear: left;
float: none;
width: auto;
}

#ktk_post_form input.chk
{
display: inline-block;
margin-right: 10px;
width: auto;
}

.vt
{
vertical-align: top;
}

.tiny
{
font-size: 85%;
}

.rot
{
color: #ff0000;
font-weight: bold;
}

.margt1em
{
margin-top: 1em;
}


/*
################################################
## Sonderformate fuer DB Wohnungsnotfallhilfe ##
################################################
*/

#wohnungsnotfallhilfe_uebersicht
{
margin-top: 2em;
}

#wohnungsnotfallhilfe_uebersicht fieldset
{
padding-top: 0 !important;
}

#wohnungsnotfallhilfe_uebersicht ul
{
list-style: none !important;
margin-left: 0 !important;
}

#wohnungsnotfallhilfe_uebersicht ul li
{
margin: 0 0 1em 0;
}

#wohnungsnotfallhilfe_uebersicht ul li
{
margin: 0 0 1em 0 !important;
}

#wohnungsnotfallhilfe_uebersicht ul li input.textfeld
{
padding: 2px 4px;
}

#wohnungsnotfallhilfe_uebersicht ul li input.auswahl
{
padding: 2px 0 2px 4px;
}

#wohnungsnotfallhilfe_detail
{
width: 80%;
margin-top: 2.0em !important;
padding: 1.0em 1.5em !important;
border: 1px solid #cccccc;
}

#wohnungsnotfallhilfe_detail h2
{padding-left: 0 !important;}


#wohnungsnotfallhilfe_detail p
{
padding: 0.4em 0 !important;
}


