/* CMPROD KOMMENTAR */

.ardKomFrage {
clear: both;
width: 100%;
padding: 0.5em 0 1em 0 !important;
margin: 0;
display: inline;
float: left;
clear: both;
background: #fff !important;
}

.ardKomFrage img {
padding: 0 0 0 0.5em;
margin: 0;
border: 0;
display: block;
float: left;
}

.ardKomFrage h3 {
width: 87%;
padding: 0 0 0 1em;
margin: 0;
font-size: 0.85em;
color: #0086ff;
float: left;
}


.ardKom, .ardKom_nett, .ardKom_dank, .ardKom_fehler {
clear: both;
width: 68%;
padding: 0 0 1em 0 !important;
margin: 0 0 0.5em 11.24em;
display: inline;
float: left;
clear: both;
background: #f2f5f8 url(/static/demografischer_wandel/pics/backs/verlauf_kom.jpg) repeat-x top left !important;
border: 1px solid #ADBBC6 !important;
}

.ardKom_nett {
margin: 0 0 0.5em 11.2em;
}

.ardKom span.alert, .ardKom_nett span.alert, .ardKom_dank span.alert, .ardKom_fehler span.alert  { color: #0086ff !important; }

.ardKom_nett .komKopf { display: none; }


.ardKom_dank .komKopf, .ardKom_fehler .komKopf {
height: 2.5em;
border-bottom: none;
background: none;
}

.ardKom_dank .komKopf h1, .ardKom_fehler .komKopf h1 {
display: none;
}

.ardKom_dank .komKopf h2, .ardKom_fehler .komKopf h2 {
padding: 1em 0 0 0.65em;
color: #0086ff;
margin: 0;
font-size: 1em;
line-height: 1.2em;
font-weight: bold;
display: inline;
float: left;
}

.ardKom_dank .komKopf img, .ardKom_fehler .komKopf img {
padding: 0.2em 2em 0 0;
display: none;
}

.ardKom_dank p.komEintrag {
clear: both;
padding: 0.5em 0 0 0;
margin: 0;
font-weight: bold;
float: left;
width: 100%;
text-align: right;
}

.ardKom_dank p.komEintrag a {
padding: 0.5em 1.25em 0.5em 1.5em;
background: url(/static/pics/kommentar/edit_b.gif) no-repeat 0 5px;
}


/* Kommentar */


.komContainer .txt {
float: left;
padding: 0;
margin: 0;
display: inline;
width: 80%;
color: #597894;
background: none; 
}


.komContainer .fehler {
float: left;
padding: 0;
margin: 0;
display: inline;
font-size: 0.85em;
font-weight: bold;
text-align: center;
width: 100%;
color: #546e85;
background: none;
border-bottom: 1px solid #fff; 
}


.komContainer form, .komContainer fieldset, .komText form, .komText fieldset {
float: left;
padding: 0;
margin: 0;
width: 96%;
border: 0;
background: none !important;
}

.komContainer fieldset {
width: 98%;
padding: 1em 1em 0.5em 0.5em;
}


.komContainer form .formZusatz {
	clear: both;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
	position: relative;
	} 

.komContainer form .formZusatz p {
	padding: 0 0 0 0.75em;
	font-size: 0.65em;
	color: #597894;
	line-height: 1.2em;
	width: 23em;
	position: relative;
	display: block;
	float: left;
	clear: none;
	} 


.komContainer label {
	padding: 0 0 1em 0; 
	clear: both;
	display: block;
	float: left;
	font-size: 0.7em;
	color: #597894;
	line-height: 130%;
	width: 9em !important;
	position: relative;
	}


.komContainer fieldset input, .komContainer fieldset textarea {
	margin: 0 0 0.5em 0;
	float: right;
	border: 0px solid !important;
	background: #fff !important;
	width: 19em;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	}

.komText {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
	}
	


.ardKom .komContainer form input.bttSchick, .ardKom_nett form bttSchick, .ardKom_dank .komText form .bttSchick, .ardKom_fehler .komText form .bttSchick {
float: right;
padding: 0.25em 0.5em 0.35em 0.5em;
font-family: Verdana, sans-serif;
color: #0086ff;
font-weight: bold;
margin: 0.5em 0 0.5em 0;
background: #edeef2 url(/static/demografischer_wandel/pics/verlauf_btt.jpg) repeat-x top left !important;
border: 1px solid #ADBBC6 !important;
font-size: 0.75em;
}

.ardKom_dank .komText form .bttSchick, .ardKom_fehler .komText form .bttSchick {
margin: 3em 0 0.5em 0;
width: 11.25em !important;
border: 1px solid;
display: none;
}



	
	
.komText a:link { text-decoration: none; color: #5B6E7E; padding: 0; }
.komText a:visited { text-decoration: none; color: #5B6E7E; padding: 0; }
.komText a:hover { text-decoration: underline; color: #5B6E7E; padding: 0; }
.komText a:active { text-decoration: none; color: #5B6E7E; padding: 0; }


.komText p {
	clear: both;
	padding: 0.5em 0 0.25em 1em;
	margin: 0;
	line-height: 1.35em;
	font-size: 0.7em;
	display: block;
	display: inline;
	float: left;
	width: 90%;
	color: #597894;
	}
	
.komText h2 {
	clear: both;
	padding: 0 0 0 0.75em;
	margin: 0;
	line-height: 1.35em;
	font-size: 0.9em;
	display: block;
	float: left;
	width: 90%;
	color: #0086ff;
	}
	
/* Netiquette */
	
.komText ul.kommentarUl li {
	clear: both;
	float: left;
	padding: 0.25em 0 0.25em 1.5em;
	margin: 0;
	display: block;
	list-style-type: disc !important;
	font-size: 0.7em;
	width: 88%;
	color: #597894;
	background: url(/static/pics/kommentar/listPoint.gif) no-repeat 0 7px;
	}
	
/* ENDE Netiquette - ein Teil */
	
.komText p.txtright {
	text-align: right;
	display: inline;
	width: 95%;
	font-size: 0.7em;
	font-weight: bold;
	padding: 0.5em 0 0.25em 1em;
	color: #5B6E7E !important;
	}

	
/* ENDE Kommentar */



/* INFOBOX ALLGEMEIN */

#ardInfobox, #ardInfobox_right {
	padding: 0 0 0.5em 0;
	margin: 0 0.75em 0.75em 0;
	display: inline;
	border: 1px solid #ADBBC6;
	background: #f2f5f8;
	width: 11.25em;
	float: left;
	position: relative;
	z-index: 1;
	}
	
#ardInfobox_right {
	float: right;
	}
	
#ardInfobox .ikopf, #ardInfobox_right .ikopf {
	padding: 0;
	margin: 0;
	background: #5B6E7E;
	width: 100%;
	float: left;
	}
	
	
#ardInfobox .ikopf img, #ardInfobox_right .ikopf img {
	padding: 0.2em 0.5em 0.2em 0.5em;
	margin: 0;
	display: block;
	float: left;
	}
	
#ardInfobox .ikopf p, #ardInfobox_right .ikopf p {
	padding: 0.4em 0 0 0;
	margin: 0;
	width: 80%;
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	float: left;
	}


#ardInfobox .ifrage, #ardInfobox .itext, #ardInfobox .ilink, #ardInfobox_right .ifrage, #ardInfobox_right .itext, #ardInfobox_right .ilink {
	clear: both;
	padding: 0.3em 0 0 0;
	margin: 0;
	width: 100%;
	float: left;
	}
	
#ardInfobox .ifrage p, #ardInfobox .itext p, #ardInfobox_right .ifrage p, #ardInfobox_right .itext p {
	padding: 0 0 0 0.5em;
	margin: 0;
	width: 90%;
	font-size: 0.7em;
	font-weight: bold;
	float: left;
	}	

#ardInfobox .itext p, #ardInfobox_right .itext p {
	font-weight: normal;
	color: #597894;
	}
	

 #ardInfobox .ilink a, #ardInfobox_right .ilink a {
	clear: both;
	text-decoration: none;
	float: left;
	font-size: 0.7em;
	padding: 0 0 0 1.65em;
	margin: 0;
	background: url(/static/demografischer_wandel/pics/kommentar/pfeil_b.gif) no-repeat 7px 3px;
	}
	
 #ardInfobox .ilink a:hover, #ardInfobox_right .ilink a:hover {
	text-decoration: underline;
	}	


/* ENDE INFOBOX */

#numforward, #numback {
width: 2.5em;
float: right;
display: block;
}

#numback {
float: left !important;

}

#numforward img {
float: right;
}

#numback img {
float: left;
}


#numliste
{
float: left;
/* border: #e9e9e9 1px solid; */
width: 19em;
margin: 0;
padding: 0;
display: inline;
position: relative;
}


#numliste ul
{
float: left;
display: inline;
list-style: none;
width: 19em;
margin: 0;
padding: 0 0 0 0.75em;
font-weight: bold;
position: relative;
}

#numliste li {
float: left;
display: inline;
list-style: none;
text-align: center;
font-size: 0.75em;
margin:  0 0.25em 0 0.25em;
color: #597894;
position: relative;
background-color: #fff;
}


#numliste li.nolink {
padding: 0.5em !important;
background: #0086ff;
border: 0;
display: inline;
position: relative;
color: #fff;
}



#numliste li a {
display: block;
padding: 0.5em;
color: #597894;
border: 0;
background: #e4ebf0;
position: relative;
}

/* Kommentrar im Artikel*/

#kommentarBox { 
	padding: 0 0 1em 0; 
	margin: 0 0 0 11.3em;
	width: 68%;
	display: inline;
	float: left;
	position: relative;
	}
	
.sp02_03 #kommentarBox { 
	width: 93%;
	}
	
#kommentarBox p { 
	padding: 0 0 1em 0; 
	margin: 0;
	width: 95%;
	float: left;
	font-size: 0.7em;
	display: block;
	position: relative;
	}

.komArea, .komArea2 { 
	clear: both;
	padding: 0;
	width: 100%;
	margin: 2px 0 2px 0 !important;
	float: left;
	line-height: 100%;
	display: inline;
	position: relative;
	background: #f2f5f8;
	}
	
.komArea2 { 
	background: #f2f5f8;
	}
		
.abbinder_oben { 
	clear: both;
	padding: 0;
	float: left;
	height: 4px;
	display: inline;
	width: 100%;
	background: url(/static/pics/kommentar/ecke_or.gif) no-repeat right top;
	
	display: none;
	}
	
	
.abbinder_unten { 
	padding: 0;
	clear: both;
	display: inline;
	float: left;
	height: 4px;
	width: 100%;
	background: url(/static/pics/kommentar/ecke_ur.gif) no-repeat right bottom;
	
	display: none;
	}
	
#kommentarBox .abbinder_oben .left { float: left !important; width: 4px !important; }
#kommentarBox .abbinder_unten .left { float: left !important; width: 4px !important; }	
		
.userInfo, .userText { 
	padding: 0.5em 0.5em 0.5em 0.5em; 
	width: 95%;
	font-size: 0.7em;
	margin: 0;
	float: left;
	display: block;
	position: relative;
	color: #597894;
	}

.userInfo { 
	padding: 0.5em 0.5em 0.5em 0.5em;
	}
	
.userInfo a { 
	text-decoration: underline !important;
	color: #0086ff !important;
	}
	
.userInfo a:hover { 
	text-decoration: none;
	}
	
.verweisBox { 
	padding: 0.5em 0 0.5em 0; 
	width: 100%;
	font-size: 0.7em;
	margin: 0;
	float: left;
	display: block;
	position: relative;
	/* background: url(/static/demografischer_wandel/pics/kommentar/banner.jpg) no-repeat !important; */
	background: none !important;
	}
	
.kiz {
	/* background: url(/static/demografischer_wandel/pics/kommentar/banner2.jpg) no-repeat !important; */
	background: none !important;
	}
	
.verweisBox a { 
	padding: 0 0 0.5em 2.5em; 
	background: url(/static/demografischer_wandel/pics/kommentar/edit_b.gif) no-repeat 10px 0;
	font-weight: bold;
	color: #597894 !important;
	}
	
.verweisBox a.pfeil { 
	padding: 0 0 0.5em 1em; 
	background: url(/static/demografischer_wandel/pics/kommentar/pfeil_b.gif) no-repeat 0 5px;
	width: 25%;
	float: right;
	color: #597894;
	}

	

#weiterBlaettern {
width: 98%;
float: left;
padding: 0.5em 0 1.5em 0;
margin: 0;
display: inline;
position: relative;
}