.p-shadow {
  width: 90%;
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

   .title         { font-size: 18px;
                    font-family: "Arial Black";
                    color: 555555;
                  }

   .subtitle      { font-size: 14px; 
                    color: 666666;
                    font-family: "Arial Black";
                  }
                  
.subsubtitle		{ font-size: 12px; 
                    color: 666666;
                    font-family: "Arial Black";
                  }

body,td              {  font-family: Arial;
                        font-size: 11px;
                        color: #3B3832;
                     }

a                    {  text-decoration: none;
                        color: #636083;
                     }

p                    {  padding-top: -5px;
                     }

a:hover              {  text-decoration: underline;
                        color: black;
                     }

input,select,textarea{  font-size: 11px;
                     }

.box                 {  border-style: solid;
                        border-width: 1px;
                        border-color: black #989898 black #BBBBBB;
                        border-top-width: 0px;
                        border-bottom-width: 0px;
                        padding: 3px;
                     }

.highlight_box       {  height: 250px;
                        border-style: solid;
                        border-width: 1px;
                        border-color: black #989898 black #BBBBBB;
                        border-top-width: 0px;
                        border-bottom-width: 0px;
                        padding: 8px;
                     }

.highlight           {     padding: 20px;
                           padding-top: 0px;
                           float: left;
                           width: 231px;
                     }

.event_item          {  height: 30px;
                        border-style: solid;
                        border-width: 1px;
                        border-color: #E0E7EE;
                        padding-top: 4px;
                        padding-bottom: 4px;
                        cursor: hand;
                     }

.event_item_active   {  height: 30px;
                        border-style: solid;
                        border-width: 1px;
                        border-color: black;
                        background: #C5C8E2;
                        padding-top: 4px;
                        padding-bottom: 4px;
                        cursor: hand;
                     }        

.ja_title             { font-size: 18px;  
                        font-weight: bold;
                        color: #4B5259;
                      }  

.ro_title             { font-size: 18px;  
                        font-weight: bold;
                        color: #7C7346;
                      }  

.do_title             { padding-top: 8px;
                        font-size: 18px;  
                        font-weight: bold;
                        color: #B20404;
                      }  

.do_subtitle             { padding-top: 8px;
                        font-size: 15px;  
                        font-weight: bold;
                        color: #B20404;
                      }  


.termin_backgnd     {  background: #E0E7EE;
                        padding: 3px;
                        border-style: solid;
                        border-width: 0px;
                     }

.votebox_backgnd     {  background: #E0EEE4;
                        padding: 3px;
                        border-style: solid;
                        border-width: 0px;
                     }

.table_key_me        {  background: #e7c84f;
                        height: 22px;
                        vertical-align: top;
                        padding: 4px;
                        width: 80px;
                        font-weight: bold;
                     }

.table_value_me      {  background: #f4e090;
                        vertical-align: top;
                        padding: 4px;
                     }

.table_key_ro        {  background: #D5CDA4;
                        height: 22px;
                        vertical-align: top;
                        padding: 4px;
                        width: 80px;
                        font-weight: bold;
                     }

.table_value_ro      {  background: #EFEBD7;
                        vertical-align: top;
                        padding: 4px;
                     }

.table_key_do        {  background: #ECA4A4;
                        height: 22px;
                        vertical-align: top;
                        padding: 4px;
                        width: 80px;
                        font-weight: bold;
                        color: #5E252E;
                     }

.table_value_do      {  background: #F5D8DD;
                        vertical-align: top;
                        padding: 4px;
                        color: #5E252E;
                     }
                     
.table_key_jc        {  background: #AFC8E5;
                        height: 22px;
                        vertical-align: top;
                        padding: 4px;
                        width: 80px;
                        font-weight: bold;
                        color: #21344B;
                     }

.table_value_jc      {  background: #D3E1F2;
                        vertical-align: top;
                        padding: 4px;
                        color: #21344B;
                     }                     

.table_key_ja        {  background: #CDD8E4;
                        height: 22px;
                        vertical-align: top;
                        padding: 4px;
                        width: 80px;
                        font-weight: bold;
                        color: #21344B;
                     }

.table_value_ja      {  background: #E7EDF4;
                        vertical-align: top;
                        padding: 4px;
                        color: #21344B;
                     }                     
}

/* ========= Unsere Jugendarbeit =========    */


#webfx-menu-object-2 {
	background: #F0EEE4;
}

#webfx-menu-object-3
{
	background: #E5E3D9;
	border: 1px solid #F0EEE4;
}
#webfx-menu-object-3:hover
{
	background: #CCC9BC;
	border: 1px solid #828078;
}

#webfx-menu-object-4
{
	background: #E5E3D9;
	border: 1px solid #F0EEE4;
}
#webfx-menu-object-4:hover
{
	background: #CCC9BC;
	border: 1px solid #828078;
}

#webfx-menu-object-5
{
	background: #E5E3D9;
	border: 1px solid #F0EEE4;
}
#webfx-menu-object-5:hover
{
	background: #CCC9BC;
	border: 1px solid #828078;
}


#webfx-menu-object-6 {
	background: #F0EEE4;
}

#webfx-menu-object-7
{
	background: #E5E3D9;
	border: 1px solid #F0EEE4;
}
#webfx-menu-object-7:hover
{
	background: #CCC9BC;
	border: 1px solid #828078;
}

#webfx-menu-object-8
{
	background: #E5E3D9;
	border: 1px solid #F0EEE4;
}
#webfx-menu-object-8:hover
{
	background: #CCC9BC;
	border: 1px solid #828078;
}

#webfx-menu-object-9
{
	background: #E5E3D9;
	border: 1px solid #F0EEE4;
}
#webfx-menu-object-9:hover
{
	background: #CCC9BC;
	border: 1px solid #828078;
}

#webfx-menu-object-10
{
	background: #E5E3D9;
	border: 1px solid #F0EEE4;
}
#webfx-menu-object-10:hover
{
	background: #CCC9BC;
	border: 1px solid #828078;
}



/* ========= Memory ========= */ 
#webfx-menu-object-11 {
	background:			#EEE29F;
}

#webfx-menu-object-12
{
	background:       #EFE08C;
	border:			   1px solid #F2E2BA;
}
#webfx-menu-object-12:hover
{
	background:		   #E8D35D;
	border:			   1px solid #828078;
}



/* ========= Domino ========= */
#webfx-menu-object-13 {
	background:			#F2BABD;
}

#webfx-menu-object-14
{
	background:       #ECAFB2;
	border:			   1px solid #F2BABD;
}
#webfx-menu-object-14:hover
{
	background:		   #ED848A;
	border:			   1px solid #6C2B2F;
}

#webfx-menu-object-15
{
	background:       #ECAFB2;
	border:			   1px solid #F2BABD;
}
#webfx-menu-object-15:hover
{
	background:		   #ED848A;
	border:			   1px solid #6C2B2F;
}

#webfx-menu-object-16
{
	background:       #ECAFB2;
	border:			   1px solid #F2BABD;
}
#webfx-menu-object-16:hover
{
	background:		   #ED848A;
	border:			   1px solid #6C2B2F;
}

#webfx-menu-object-17
{
	background:       #ECAFB2;
	border:			   1px solid #F2BABD;
}
#webfx-menu-object-17:hover
{
	background:		   #ED848A;
	border:			   1px solid #6C2B2F;
}




/* ========= Jugendcafé ========= */
#webfx-menu-object-18 {
	background:			#B7D0F1;
}

#webfx-menu-object-19
{
	background:       #A6C2E6;
	border:			   1px solid #B7D0F1;
}
#webfx-menu-object-19:hover
{
	background:		   #7698C4;
	border:			   1px solid #3E5778;
}

#webfx-menu-object-20
{
	background:       #A6C2E6;
	border:			   1px solid #B7D0F1;
}
#webfx-menu-object-20:hover
{
	background:		   #7698C4;
	border:			   1px solid #3E5778;
}

#webfx-menu-object-21
{
	background:       #A6C2E6;
	border:			   1px solid #B7D0F1;
}
#webfx-menu-object-21:hover
{
	background:		   #7698C4;
	border:			   1px solid #3E5778;
}

/* ========= Ten-Sing ========= */
#webfx-menu-object-22 {
	background:			#D8D3F3;
}
#webfx-menu-object-23
{
	background:       #C8C3E7;
	border:			   1px solid #D8D3F3;
}
#webfx-menu-object-23:hover
{
	background:		   #A49CD3;
	border:			   1px solid #4F4779;
}

#webfx-menu-object-24
{
	background:       #C8C3E7;
	border:			   1px solid #D8D3F3;
}
#webfx-menu-object-24:hover
{
	background:		   #A49CD3;
	border:			   1px solid #4F4779;
}

#webfx-menu-object-25
{
	background:       #C8C3E7;
	border:			   1px solid #D8D3F3;
}
#webfx-menu-object-25:hover
{
	background:		   #A49CD3;
	border:			   1px solid #4F4779;
}

#webfx-menu-object-26
{
	background:       #C8C3E7;
	border:			   1px solid #D8D3F3;
}
#webfx-menu-object-26:hover
{
	background:		   #A49CD3;
	border:			   1px solid #4F4779;
}

/* ========= Jugendkino =========
#webfx-menu-object-27 {
	background:			#DFDBDB;
}
#webfx-menu-object-28
{
	background:       #CDD0D4;
	border:			   1px solid #DFDBDB;
}
#webfx-menu-object-28:hover
{
	background:		   #AAB1B9;
	border:			   1px solid #555D66;
}

#webfx-menu-object-29
{
	background:       #CDD0D4;
	border:			   1px solid #DFDBDB;
}
#webfx-menu-object-29:hover
{
	background:		   #AAB1B9;
	border:			   1px solid #555D66;
}

#webfx-menu-object-30
{
	background:       #CDD0D4;
	border:			   1px solid #DFDBDB;
}
#webfx-menu-object-30:hover
{
	background:		   #AAB1B9;
	border:			   1px solid #555D66;
}

#webfx-menu-object-31
{
	background:       #CDD0D4;
	border:			   1px solid #DFDBDB;
}
#webfx-menu-object-31:hover
{
	background:		   #AAB1B9;
	border:			   1px solid #555D66;
}

/* ========= Projekte ========= */
#webfx-menu-object-32 {
	background:			#CDEEC4;
}
#webfx-menu-object-33
{
	background:       #BDE4B3;
	border:			   1px solid #CDEEC4;
}
#webfx-menu-object-33:hover
{
	background:		   #96CC87;
	border:			   1px solid #5E9050;
}

#webfx-menu-object-34
{
	background:       #BDE4B3;
	border:			   1px solid #CDEEC4;
}
#webfx-menu-object-34:hover
{
	background:		   #96CC87;
	border:			   1px solid #5E9050;
}

/* ========= Ausbildung ========= */
#webfx-menu-object-35 {
	background:			#EBEDAB;
}
#webfx-menu-object-36
{
	background:       #DFE19A;
	border:			   1px solid #EBEDAB;
}
#webfx-menu-object-36:hover
{
	background:		   #CACD6F;
	border:			   1px solid #9DA02F;
}

#webfx-menu-object-37
{
	background:       #DFE19A;
	border:			   1px solid #EBEDAB;
}
#webfx-menu-object-37:hover
{
	background:		   #CACD6F;
	border:			   1px solid #9DA02F;
}

#webfx-menu-object-38
{
	background:       #DFE19A;
	border:			   1px solid #EBEDAB;
}
#webfx-menu-object-38:hover
{
	background:		   #CACD6F;
	border:			   1px solid #9DA02F;
}


.webfx-menu, .webfx-menu * {
	/*
	Set the box sizing to content box
	in the future when IE6 supports box-sizing
	there will be an issue to fix the sizes

	There is probably an issue with IE5 mac now
	because IE5 uses content-box but the script
	assumes all versions of IE uses border-box.

	At the time of this writing mozilla did not support
	box-sizing for absolute positioned element.

	Opera only supports content-box
	*/
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.webfx-menu {
	position:			absolute;
	z-index:			   100;
	visibility:			hidden;
	border:				1px solid black;
	padding:			   1px;
	background:			#F2E1B8;
   text-decoration:	none;
	filter:				progid:DXImageTransform.Microsoft.Shadow(color="#B8B8CD", Direction=135, Strength=4)
						alpha(Opacity=90);
	-moz-opacity:		0.9;
}

.webfx-menu-empty {
	display:			   block;
	border:				1px solid white;
	padding:			   2px 5px 2px 5px;
	font-size:			11px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	color:				#102560;
}

.webfx-menu a {
	display:			   block;
	width:				expression(constExpression(ieBox ? "100%": "auto"));
	height:				expression(constExpression("1px"));
	overflow:			visible;	
	padding:			   4px 3px 4px 5px;
   font-size:			11px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	text-decoration:	none;
	vertical-align:	center;
	text-decoration:	none;
	color:				black;
	border:				1px solid #F2E1B8;
}	

.webfx-menu a:visited,
.webfx-menu a:visited:hover {
	color:	black;
}

.webfx-menu a:hover {
	color:			   black;
	background:		   #EAB42E;
	text-decoration:	none;
	border:			   1px solid #708BAB;
}	

.webfx-menu a .arrow {
	float:			right;
	border:			0;
	width:			3px;
	margin-right:	3px;	
	margin-top:		4px;
	}

/* separtor */
.webfx-menu div {
	height:			0;
	height:			expression(constExpression(ieBox ? "2px" : "0"));
	border-top:		1px solid rgb(120,172,255);
	border-bottom:	1px solid rgb(234,242,255);
	overflow:		hidden;
	margin:			4px 4px 4px 4px;
	font-size:		0mm;
}