@charset "utf-8";
/* CSS Document */


/* allgemein */

#infobox_gray p.message,
#infobox_red p.message,
#infobox_green p.message {
	font-weight: bold;
	text-align: center;
	
	padding: 0px;
}

#infobox_gray div.answers {
	font-weight: bold;
	width: 240px;
	margin: 6px auto 1px auto;
	
	float: none;
}

#infobox_gray div.answers a.ja {
	display: block;
	padding: 2px;
	float: left;
	border: 1px solid #4bb258;
	width: 60px;
}

#infobox_gray div.answers a.nein {
	display: block;
	padding: 2px;
	border: 1px solid #bd3232;
	float: right;
	width: 60px;
}

#infobox_gray div.answers a.ja:hover,
#infobox_gray div.answers a.nein:hover {
	background-color: #e3e3e3;
}

#infobox_gray div.answers div.space {
	line-height: 20px;
}


/** Infobox Green **/
/* Farbe: 4bb258 */


/**** Überschrift ****/

#infobox_green {
	margin-bottom: 20px;
}

#infobox_green div.top {
/* linke obere Ecke mit Hintergrundfarbe */
	background: #4bb258 url(images/RoundedLightGreen2.gif) top left no-repeat;
}

#infobox_green div.top div { 
/* Abstand der Überschrift zum Rand */
	padding: 0px;
	
	line-height: 2px;
	
/* rechte obere Ecke */
	background: url(images/RoundedLightGreen2.gif) top right no-repeat;
}	


/**** Mittelteil ****/

#infobox_green div.middle {
/* Schriftformatierung */

/* linker Außenrand */
	padding-left: 2px; 
	background: #FFF url(images/dotLightGreen.gif) top left repeat-y;
}

#infobox_green div.middle div { 
/* rechter Außenrand */
	background: #FFF url(images/dotLightGreen.gif) top right repeat-y; 
}

#infobox_green div.middle div div { 
/* Abstend des Textes zur Box */
	padding:1px 3px 1px 1px; 
}

#infobox_green div.middle div div div {
/* im Firefix und IE7 unnötig */
	/*padding: 2;*/
	
/* Abstand vom Text zur Box */
	padding: 2px;
	text-align: center;
	
/* Hintergrundfarbe zum Text */
	background-image: none; 
	background-color: #f0f0f0;
}


/**** Untere Rand ****/

#infobox_green div.bottom { 
/* untere linke Ecke mit Hintergrundfarbe */
	background: #4bb258 url(images/RoundedLightGreen2.gif) left bottom no-repeat; 
}

#infobox_green div.bottom div {
/* im Firefix und IE7 unnötig */
	/*padding:0; */
	
/* Randstärkenbegrenzung */
	line-height: 2px; 
	
/* untere rechte Ecke */
	background: url(images/RoundedLightGreen2.gif) right bottom no-repeat;
}





/** Infobox Red **/
/* Farbe: bd3232 */


/**** Überschrift ****/

#infobox_red {
	margin-bottom: 20px;
}

#infobox_red div.top {
/* linke obere Ecke mit Hintergrundfarbe */
	background: #bd3232 url(images/RoundedLightRed2.gif) top left no-repeat;
}

#infobox_red div.top div { 
/* Abstand der Überschrift zum Rand */
	padding: 0px;
	
	line-height: 2px;
	
/* rechte obere Ecke */
	background: url(images/RoundedLightRed2.gif) top right no-repeat;
}	


/**** Mittelteil ****/

#infobox_red div.middle {
/* Schriftformatierung */

/* linker Außenrand */
	padding-left: 2px; 
	background: #FFF url(images/dotLightRed.gif) top left repeat-y;
}

#infobox_red div.middle div { 
/* rechter Außenrand */
	background: #FFF url(images/dotLightRed.gif) top right repeat-y; 
}

#infobox_red div.middle div div { 
/* Abstend des Textes zur Box */
	padding:1px 3px 1px 1px;
}

#infobox_red div.middle div div div {
/* im Firefix und IE7 unnötig */
	/*padding: 2;*/
	
/* Abstand vom Text zur Box */
	padding: 2px;
	text-align: center;
	
/* Hintergrundfarbe zum Text */
	background-image: none; 
	background-color: #f0f0f0;
}


/**** Untere Rand ****/

#infobox_red div.bottom { 
/* untere linke Ecke mit Hintergrundfarbe */
	background: #bd3232 url(images/RoundedLightRed2.gif) left bottom no-repeat; 
}

#infobox_red div.bottom div {
/* im Firefix und IE7 unnötig */
	/*padding:0; */
	
/* Randstärkenbegrenzung */
	line-height: 2px; 
	
/* untere rechte Ecke */
	background: url(images/RoundedLightRed2.gif) right bottom no-repeat;
}





/** Infobox Gray **/
/* Farbe: bebebe */


/**** Überschrift ****/

#infobox_gray {
	margin-bottom: 20px;
}

#infobox_gray div.top {
/* linke obere Ecke mit Hintergrundfarbe */
	background: #bebebe url(images/RoundedLightGray2.gif) top left no-repeat;
}

#infobox_gray div.top div { 
/* Abstand der Überschrift zum Rand */
	padding: 0px;
	
	line-height: 2px;
	
/* rechte obere Ecke */
	background: url(images/RoundedLightGray2.gif) top right no-repeat;
}	


/**** Mittelteil ****/

#infobox_gray div.middle {
/* Schriftformatierung */

/* linker Außenrand */
	padding-left: 2px; 
	background: #FFF url(images/dotLightGray.gif) top left repeat-y;
}

#infobox_gray div.middle div { 
/* rechter Außenrand */
	background: #FFF url(images/dotLightGray.gif) top right repeat-y; 
}

#infobox_gray div.middle div div { 
/* Abstend des Textes zur Box */
	padding:1px 3px 1px 1px;
}

#infobox_gray div.middle div div div {
/* im Firefix und IE7 unnötig */
	/*padding: 2;*/
	
/* Abstand vom Text zur Box */
	padding: 2px;
	text-align: center;
	
/* Hintergrundfarbe zum Text */
	background-image: none; 
	background-color: #f0f0f0;
}


/**** Untere Rand ****/

#infobox_gray div.bottom { 
/* untere linke Ecke mit Hintergrundfarbe */
	background: #bebebe url(images/RoundedLightGray2.gif) left bottom no-repeat; 
}

#infobox_gray div.bottom div {
/* im Firefix und IE7 unnötig */
	/*padding:0; */
	
/* Randstärkenbegrenzung */
	line-height: 2px; 
	
/* untere rechte Ecke */
	background: url(images/RoundedLightGray2.gif) right bottom no-repeat;
}