/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE.
#
# TYPO3 SVN ID: $Id: default.css 6539 2009-11-25 14:49:14Z stucki $
# ***************************************************************************************/

/* Left, center, right and justify alignment of text in block elements */
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* Default selector for indentation. */
div.indent { margin-left: 2em; } 

/****************************************************************************************/



/* Grundgeruest */




body {
	background:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
 	margin: 0;
   	padding: 0;
   	text-align: center;
	}
	

	
#rahmen {
	text-align: left;
	margin: 0px auto;
	width:900px;
	}
	
#oben {
	height:90px;
	background-image: url(../grafik/rpi_headline.gif);
	background-repeat: no-repeat;
	}
	
#unten {
	margin:0;
	padding: 0;
	clear:both;
	background-image: url(../grafik/unten.gif);
	height: 40px;
	}
	
#mitte {
	padding:20px; 
	width: 480px;
}

* html #mitte {
	padding:20px; 
	width: 520px;
}


/* allgemeine Schriftauszeichnungen*/

#artikel p {
	line-height:1;
	display:inline;
	margin: 0;
}

.bodytext {
	margin:0;
}


h1 {
font-size: 1.1em;
font-weight:bold;
}

h2 {
font-size: 1em;
color: #85B57d;
font-weight:bold;
}

h3 {
font-size: 0.9em;
font-weight:bold;
}

h4 {
font-size: 0.7em;
}

h5 {
font-size: 0.8em;
color:#85B57d;
}


.important {
color: #9D1C1C;
}

.fett {
font-size: 1em;
font-weight:bold;
}

.gruen {
color:#22442F;
font-weight:bold;
}

.klein, .csc-textpic-caption {              /* kleiner Text auch bei Bildunterschriften */
font-size: 0.8em;
}

.kursiv {
font-style:italic;
}



/* Formulare */

fieldset {
border: 1px solid #85B57d;
}

legend {
color:#85B57d;
}

/* Inhaltsbereiche */	

#inhaltLinks {
	margin-top: 20px;
	margin-left: 10px;
}

#subNaviLinks {
	width:150px;
	float:left;	
}

#subNaviRechts {
	width:150px;
	float:right;	
}

#inhaltContentLinks {
	margin-left:10px;
	width:590px;
	float:left;	
}


#inhaltRechts {
	margin-top: 20px;
	margin-right: 10px;
	color: #FFFFFF;
}

#inhaltUnten {
	margin-left: 25px;
	padding-top:5px;
	color: #FFFFFF;
}

#inhaltUnten a:link, #inhaltUnten a:visited {
color: #FFFFFF;
}

#inhaltUnten a:hover, #inhaltUnten a:focus {
color: #dddddd;
}

.fliessLinks {
	float: left;
	margin-right: 0.8em;
}

.fliessRechts {
	float: right;
	margin-right: 0.8em;
}


/* ----------------------- */
/* Newsbereiche */
/* ----------------------- */

#newsRahmen {
	background-image: url(../grafik/neues_back.gif);
	width: 320px;
	}
	
#newsHead {
	background-image: url(../grafik/neues_head.gif);
	background-repeat: no-repeat;
	height: 50px;
	}
	
#newsInhalt {
	margin-right: 15px;
	margin-left: 15px;
	}
	
	
.newsDatum, #newsDatum {
	color: #ffffff; !important
}

#newsUnten {
	background-image: url(../grafik/neues_unten.gif);
	background-repeat: no-repeat;
	height: 30px;
	}

.einzelmeldung {
	margin-top: 0px;
	margin-bottom: 1.5em;
	}
	

/* ZENTRAL Rechte Spalte */

#ZENTRALrechteSpalte {
	width:200px; 
	float:right;
}

/* REGIONAL und TAGUNG linke Spalte */

#TAGUNGlinkeSpalte, #REGIONALlinkeSpalte {
	margin-right:10px;
	width:200px;
	float:left;
}

/* ---------------------- */	
/* MaterialContainer Inst */
/* ---------------------- */

.matRahmenLinks {
	background-image:url(../grafik/mat_rahmen_inst_oben.gif);
	width:200px;
	float:right;
	font-size:0.8em;
	margin:0;
	padding:0;
}	

.matRahmenLinks h5{ 
	margin: 10px 0 10px 0;
	padding:0;
	line-height: 1;
	font-size:1.2em;
}

/********************************************** nur fuer VK *****************************/

.matRahmenLinks_vk {
	background-image:url(../grafik/mat_rahmen_inst_oben.gif);
	width:200px;
	font-size:0.8em;
}	

/******************************************************************************************/

.matInhaltLinks {
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}

.matAbschlussLinks {
	background-image:url(../grafik/mat_rahmen_inst_unten.gif);
	background-repeat:no-repeat;
	width:200px;
	height:20px;
	}

.matInhaltLinks ul {
	margin:0px;
	padding:5px;
	list-style-position: outside;
}

.matInhaltLinks li {
	list-style-type: none;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0.8em;
}

/* ------------------------ */	
/* MaterialContainer Tagung */
/* ------------------------ */

.matRahmenRechts {
	background-image:url(../grafik/mat_rahmen_tagung_oben.gif);
	width:200px;
	float:left;
	font-size:0.8em;
}	

.matInhaltRechts {
	margin-top:5px;
	margin-left:15px;
	margin-right:10px;
}

.matAbschlussRechts {
	background-image:url(../grafik/mat_rahmen_tagung_unten.gif);
	background-repeat:no-repeat;
	width:200px;
	height:20px;
	}

.matInhaltRechts ul {
	margin:0px;
	padding:5px;
	list-style-position: outside;
}

.matInhaltRechts li {
	list-style-type: none;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0.8em;
}



/* ------------------- */
/* kleiner NewsContainer Links */
/* ------------------- */

.newsRahmenLinks {
	background-image:url(../grafik/news_rahmen_inst_oben.gif);
	background-repeat:no-repeat;
	width:200px;
	margin-top:15px;
	float:right;
}

/********************************************** nur fuer VK *****************************/
.newsRahmenLinks_vk {
	background-image:url(../grafik/news_rahmen_inst_oben.gif);
	background-repeat:no-repeat;
	width:200px;
	margin-top:15px;
}
/*******************************************************************************************/
	

.newsInhaltLinks {
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;

}

.newsInhaltLinks h6{
	margin: 10px 0 10px 0;
	padding:0;
	line-height: 1;
	font-size: 1em;
}

.newsAbschlussLinks {
	background-image:url(../grafik/news_rahmen_inst_unten.gif);
	background-repeat:no-repeat;
	width:200px;
	height:10px;
	}	
	
/* ------------------- */
/* grosser NewsContainer (fuer Arbeitsfelder, unter Einleitung) */
/* ------------------- */

.newsRahmenLinks_gr {
	background-image:url(../grafik/news_rahmen_inst_oben_gr.gif);
	background-repeat:no-repeat;
	width:360px;
	margin-top:15px;
}
	

.newsAbschlussLinks_gr {
	background-image:url(../grafik/news_rahmen_inst_unten_gr.gif);
	background-repeat:no-repeat;
	width:360px;
	height:10px;
	}	
	
/* ------------------- */
/* sehr grosser NewsContainer (fuer Aktuelles) */
/* ------------------- */

.newsRahmenLinks_500 {
	background-image:url(../grafik/news_rahmen_inst_oben_500.gif);
	background-repeat:no-repeat;
	width:500px;
	margin-top:15px;
}
	

.newsAbschlussLinks_500 {
	background-image:url(../grafik/news_rahmen_inst_unten_500.gif);
	background-repeat:no-repeat;
	width:500px;
	height:10px;
	}
	
	
/* -------------------------- */
/*             Shop           */	
/* -------------------------- */

	
	
.shopRahmen {
	background-color:#DCF5D7;
	width:340px;
	border-top: 1px solid #9ECE98;
	border-left: 1px solid #9ECE98;
	border-bottom: 3px solid #85B57D;
	border-right: 3px solid #85B57D;
	margin-bottom: 10px;
}	

.shopTable {
	font-size:0.8em;
}
	
.shopInput {
	background-color:#FFFFFF;
	color: #006633;
	font-size:10px;
	border: 1px solid #006633;
}

.shopImg {
	border: 1px solid #006633;
}

.shopKlein {
	font-size:10px;
	font-weight:bold;
}	
	
.table_basket_info {
	font-size:12px;
}

table.bestellschritte {
	table-layout: fixed;
	width:500px;
	font-size:9px;
}

.rot  {
	color: red;
}

.gross {
	font-size: 12px;
	font-weight: bold;
}

.zahl {
	font-size: 20px;
}

.shopBestell {
	background-image:url(../grafik/shop_bestell_oben.gif);
	background-repeat:no-repeat;
	width:520px;
	margin-top:15px;
	padding:10px;
}

.shopBestellUnten {
	background-image:url(../grafik/shop_bestell_unten.gif);
	background-repeat:no-repeat;
	width:520px;
	height:10px;
	}
	
/* -------------------------- */
/* Ueberschriften Definitionen */	
/* -------------------------- */

/* Institut */

#mitte h6 {
	font-size:1em;
	font-weight:bold;
	color:#6EB589;
	padding-top:10px;
	margin-bottom:15px;
	}
	
*html #mitte h6 {
	margin-top:10px;
	padding-top:0px;
	}

#INSTrechteSpalte h5 {
	font-size:1.0em;
	font-weight:bold;
	color:#006337;
	margin-top:10px;
	margin-bottom:5px;
}

#INSTrechteSpalte h6 {
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:10px;
	margin-bottom:15px;
	}
	
/* Regional und Tagungshaus */	
	
#TAGUNGlinkeSpalte h5, #REGIONALlinkeSpalte h5 {
	font-size:1.0em;
	font-weight:bold;
	color:#D1EACD;
	margin-top:10px;
	margin-bottom:5px;
}

#TAGUNGlinkeSpalte h6, #REGIONALlinkeSpalte h6 {
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:10px;
	margin-bottom:15px;
	}

/* ----------------------------- */
/* Allgemeine Textauszeichnungen */	
/* ----------------------------- */


.newsDatum {
	font-size:0.8em;
	color:#777777;
	background-image: url(../grafik/punkt_newsdatum.gif);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-bottom:5px;
	padding-left:15px;
}
.newsInhalt {
	font-size:12px;
	margin-bottom:5px;
}

#einzugINST, #einzugZENTRAL {
	background-color:#007f60;
	width:12px;
	height:12px;
	margin-right:5px;
	float:left;
}

#einzugTAGUNG, #einzugREGIONAL {
	background-color:#D1EACD;
	width:12px;
	height:12px;
	margin-right:5px;
	float:left;
}

p.einleitung {
	line-height: 2.2 em;
	margin-bottom:2em;
}


/* ----------------------------- */
/* Navigation */
/* ----------------------------- */

/* fuer Institut und Tagungshaus */



a.inst_1:link, a.inst_1:visited, a.inst_1:focus, a.inst_1:hover, a.inst_1:active, a.inst_2:link, a.inst_2:visited, a.inst_2:focus, a.inst_2:hover, a.inst_2:active, .inst_act, .inst_cur, .inst_ifsub, a.inst_ifsub_act:link, a.inst_ifsub_act:visited, a.inst_ifsub_act:focus, a.inst_ifsub_act:hover, a.inst_ifsub_act:active {

display:block;

width: 140px;

border:none;

padding: 5px;

margin:0px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:0.9em;

font-weight:bold;

text-decoration:none;

text-align:left;

}

a.haus_1:link, a.haus_1:visited, a.haus_1:focus, a.haus_1:hover, a.haus_1:active, a.haus_2:link, a.haus_2:visited, a.haus_2:focus, a.haus_2:hover, a.haus_2:active, .haus_act, .haus_cur, .haus_ifsub, a.haus_ifsub_act:link, a.haus_ifsub_act:visited, a.haus_ifsub_act:focus, a.haus_ifsub_act:hover, a.haus_ifsub_act:active {

display:block;

width: 120px;

border:none;

padding-left: 25px; 

padding-top: 5px; 

padding-bottom: 5px; 

padding-right: 5px; 

margin:0px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:0.9em;

font-weight:bold;

text-decoration:none;

text-align:left;

}

* html a.haus_1:link, * html a.haus_1:visited, * html a.haus_1:focus, * html a.haus_1:hover, * html a.haus_1:active, * html a.haus_2:link, * html a.haus_2:visited, * html a.haus_2:focus, * html a.haus_2:hover, * html a.haus_2:active, * html .haus_act, * html .haus_cur, * html .haus_ifsub, * html a.haus_ifsub_act:link, * html a.haus_ifsub_act:visited, * html a.haus_ifsub_act:focus, * html a.haus_ifsub_act:hover, * html a.haus_ifsub_act:active {
width: 150px;

}


/* fuer ZENTRAL */



a.inst_1:link, a.inst_1:visited {
color:#007f60; /*006337*/
background-image:url(../grafik/navi_inst_1.gif);
background-repeat:no-repeat;

}



a.inst_1:focus, a.inst_1:hover, a.inst_1:active {

background-image:url(../grafik/navi_inst_1_hover.gif);
color:#61A998;

}



a.inst_2:link, a.inst_2:visited, a.inst_2:focus, a.inst_2:hover, a.inst_2:active {

font-weight:normal;
font-size:0.8em;

}



a.inst_2:link, a.inst_2:visited {

background-image:url(../grafik/navi_inst_2.gif);
background-repeat:no-repeat;

color:#007f60;

font-size:0.8em;

}



a.inst_2:focus, a.inst_2:hover, a.inst_2:active {

background-image:url(../grafik/navi_inst_2_hover.gif);
background-repeat:no-repeat;
color:#61A998;
font-size:0.8em;
}


a.inst_act:link, a.inst_act:visited, a.inst_act:focus, a.inst_act:hover, a.inst_act:active {

background-image:url(../grafik/navi_inst_1_hover.gif);
background-repeat:no-repeat;
color:#61A998;
}





a.inst_cur:link, a.inst_cur:visited, a.inst_cur:focus, a.inst_cur:hover, a.inst_cur:active {

background-color:#d5ecd1;

color:#007f60; /*#137038;*/
font-size:0.8em;
}





a.inst_ifsub:link, a.inst_ifsub:visited {
color:#007f60;
background-image:url(../grafik/navi_inst_ifsub.gif);


background-repeat:no-repeat;



}



a.inst_ifsub:focus, a.inst_ifsub:hover, a.inst_ifsub:active, a.inst_ifsub_act:link, a.inst_ifsub_act:visited, a.inst_ifsub_act:focus, a.inst_ifsub_act:hover, a.inst_ifsub_act:active {

background-image:url(../grafik/navi_inst_ifsub_hover.gif);
color:#61A998;


background-repeat:no-repeat;



}







/* fuer Tagungshaus */



a.haus_1:link, a.haus_1:visited {

color:#D1EACD;
background-image:url(../grafik/navi_haus_1.gif);
background-repeat:no-repeat;

}



a.haus_1:focus, a.haus_1:hover, a.haus_1:active {

background-image:url(../grafik/navi_haus_1_hover.gif);
color:#61A998;


}



a.haus_2:link, a.haus_2:visited, a.haus_2:focus, a.haus_2:hover, a.haus_2:active {

font-weight:normal;
font-size:0.8em;
}



a.haus_2:link, a.haus_2:visited {

background-image:url(../grafik/navi_haus_2.gif);
background-repeat:no-repeat;

color:#D1EACD;
font-size:0.8em;
}



a.haus_2:focus, a.haus_2:hover, a.haus_2:active {

background-image:url(../grafik/navi_haus_2_hover.gif);
background-repeat:no-repeat;
color:#61A998;
font-size:0.8em;
}


a.haus_act:link, a.haus_act:visited, a.haus_act:focus, a.haus_act:hover, a.haus_act:active {

background-image:url(../grafik/navi_haus_1_hover.gif);
background-repeat:no-repeat;
color:#61A998;
}



a.haus_cur:link, a.haus_cur:visited, a.haus_cur:focus, a.haus_cur:hover, a.haus_cur:active {

/*background-color:#006337;*/
color:#ffffff;
font-size:0.8em;
}



a.haus_ifsub:link, a.haus_ifsub:visited {

color:#D1EACD;
background-image:url(../grafik/navi_haus_ifsub.gif);


background-repeat:no-repeat;

}



a.haus_ifsub:focus, a.haus_ifsub:hover, a.haus_ifsub:active, a.haus_ifsub_act:link, a.haus_ifsub_act:visited, a.haus_ifsub_act:focus, a.haus_ifsub_act:hover, a.haus_ifsub_act:active {

background-image:url(../grafik/navi_haus_ifsub_hover.gif);
color:#61A998;


background-repeat:no-repeat;
}



/* Navigation unten */

#unten a:link, #unten a:visited {
font-weight: normal;
color: #007F60;
text-decoration:none;
}

#unten a:focus, #unten a:hover, #unten a:active {
font-weight: normal;
color: #ffffff;
text-decoration:underline;
}

.navi_unten {
	display: inline;
	float: left;
}

.banner_unten {
	display: inline;
	float: right;
	margin-right: 30px;
}


p.absatz {
	margin-bottom: 20px;
}