@import url("/jugend/wLayout/design/style/weblics_new.css");
/*
////////////////////////////////////////////////////////////////
//
// design.css Stylesheet fuer die Inhaltsseiten
//
// Weblication® CMS Strukturdesign Version 4.0.9
// erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de
// erstellt mit Weblication® Content Management Server, www.weblication.de
//
////////////////////////////////////////////////////////////////
*/

/* Bilderrahmen by NETGRAF*/
.imgborder {
 border:1px; 
 border-width: 1px; 
 border-color: #00218b; 
 border-style: solid;
}
A:hover .imgborder {border:1px; border-width: 1px; border-color: white; border-style: solid}

/* Bilderrahmen für Galerie by NETGRAF*/
.galerieimgborder {
 border:1px; 
 border-width: 1px; 
 border-color: #00218b; 
 border-style: solid;
 margin:4px
}

A:hover .galerieimgborder {border:1px; border-width: 1px; border-color: white; border-style: solid}

.buttonAdmin                {cursor:pointer; cursor:auto; text-decoration:none; font-weight:normal; text-align:center; padding-left:8px; padding-right:8px; float:left; margin-top:10px; line-height:24px; border:1px solid #333399; background-color:#E5E5E5}
a.buttonAdmin               {cursor:pointer; cursor:auto; text-decoration:none; font-weight:normal;}

/*Tabellenformatierung Standard*/

div             {margin:0px;padding:0px;}
p               {margin:0px;padding:0px;}
span            {margin:0px;padding:0px;}
form            {margin:0px;padding:0px;}



/*Ausrichtung und Hintergrundfarbe*/
body                {background-color:#CCCCCC;margin:0px;font-family:verdana, arial, sans-serif;font-size:1.1em;color:#000000;font-weight:normal;}/*Standard Textformatierung*/

/*standard Textformatierungen*/
td, p, div, span {font-family:verdana, arial, sans-serif;font-size:11px;color:#000000;}

/*Links*/
a                   {font-family:verdana, arial, sans-serif;font-size:1.0em;color:#00218b;text-decoration:none;}
a:hover             {font-family:verdana, arial, sans-serif;font-size:1.0em;color:#00218b;text-decoration:underline;}

a.subMenuLinks         {font-family:verdana, arial, sans-serif;font-size:1.2em;color:#000000;text-decoration:none;}
a.subMenuLinks:hover   {font-family:verdana, arial, sans-serif;font-size:1.2em;color:#cccccc;text-decoration:none;}


/*Falls Links nicht unterstrichen angezeigt werden sollen*/
.textDecorationNone {text-decoration:none;font-weight:normal;}

/*Eingabefelder*/
input, select, textarea {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#000000;}

/*Horizontale Linien*/
hr {background-color:#CCCCCC;color:#444444;height:1px;border-style:none;margin-right:0px;}



/*################################ Neue Elemente für Umstellung auf Barrierefrei (Tabellen-Ersatz) ################################*/
.blockcontent .contentText h1 {width:590px; }
.blockContent  {width:1000px; clear:both; }

.contentBilder {width:380px; height:365px; overflow:hidden; margin:0px 10px  0px 10px; float:left;}
.contentBild1  {width:175px; height:175px; overflow:hidden; margin:0px 15px 15px 0px; float:left; }
.contentBild2  {width:175px; height:175px; overflow:hidden; margin:0px  0px 15px 0px; float:left;}
.contentBild3  {width:175px; height:175px; overflow:hidden; margin:0px 15px  0px 0px; float:left;}
.contentBild4  {width:175px; height:175px; overflow:hidden; float:left;}

.contentText    {width:590px; float:left; overflow:hidden;}
.contentNurText {width:540px; margin-left:20px; margin-right:20px; float:left;}
.contentText2   {width:340px; margin-right:20px; float:left; overflow:hidden;} 
.contentText3   {width:750px; float:left; overflow:hidden;}
.contentRechts  {width:220px; float:left;}

.newsListText       {width:330px;  clear:both;}
.newsListTextPfeil  {width:10px; float:left;}
.newsListTextInhalt {width:310px; margin-left:10px; margin-bottom:10px; padding-bottom:10px; float:left; border-bottom:1px solid gray;}

.newsListBild       {width:365px; height:150px; border-style:solid; border-width:2px; border-color:#FFFFFF; background-color:#FFFFFF; margin-bottom:20px;}
.newsListBildImage  {width:365px; height:125px; }
.newsListBildText   {width:340px; height:26px; float:left; }
.newsListBildPfeil  {width:21px;  height:22px; float:right; margin-top:2px; }

/* Übersichtsseiten Eintrag z.B. 4U mit Bildern (Covers) Höhe ca.156px */
.uessEintrag     {width:590px; float:left; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:gray;  padding-bottom:10px; margin-bottom:10px; }
.uessEintragBild {width:110px; float:left; }
.uessEintragText {width:460px; float:left; padding-left:10px; line-height:13px;}

/* Übersichtsseiten Eintrag z.B. /jugend/Ausbildung/SpotSeminare/Infos/0800_ReferentInnen.shtml */
.uessEintrag2     {width:720px; float:left; display:table-cell; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:gray;  padding-bottom:10px; margin-bottom:10px;  }
.uessEintrag2Bild {width:135px; float:left; }
.uessEintrag2Text {width:570px; float:left; padding-left:10px; line-height:13px; }


/* Bundesteam und /jugend/Veranstaltungen/spotexperience/Persoenlichkeitsentwicklung/index.shtml */
.listEintrag     {width:590px; float:left; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:gray;  padding-bottom:10px; margin-bottom:10px; }
.listEintragBild {width:110px; float:left; }
.listEintragText {width:460px; float:left; padding-left:10px; line-height:13px;}



/*################################ Ueberschriften ################################*/

h1 {margin:0px;padding:0px;font-size:1.8em; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}
h2 {margin:0px;padding:0px;font-size:1.4em; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}
h3 {margin:0px;padding:0px;font-size:1.2em; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}
h4 {margin:0px;padding:0px;font-size:1.0em; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}
h5 {margin:0px;padding:0px;font-size:0.8em;  font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}
h6 {margin:0px;padding:0px;font-size:0.6em;  font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;}

/*################################ Texte ################################*/

.text                {font-size:1.1em; line-height:18px;font-family:verdana, arial, sans-serif; font-weight:normal; color:#000000;}/*Text*/
.text td 			 {font-size:0.7em;} /* extra für /jugend/Ausbildung/SpotSeminare/Bestellseiten/warenkorb.shtml und ähnliches */

.textboldred         {font-size:1.1em; line-height:18px;font-family:verdana, arial, sans-serif; font-weight:bold; color:red;}/*Text listen weiter*/
.textNavRechts       {font-size:1.8em; line-height:14px;font-family:verdana, arial, sans-serif; font-weight:normal; color:#000000;}/*Text*/
.textBold            {font-size:1.1em; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#000000;}/*Text fett*/
.textInvert          {font-size:1.1em; font-family:verdana, arial, sans-serif; font-weight:normal; color:#FFFFFF;}/*Text negativ*/
.textBoldInvert      {font-size:1.1em; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#FFFFFF;}/*Text fett negativ*/

.headtext            {font-size:1.2em; letter-spacing:3px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#444444;}/*Text*/

.textSmall           {font-size:0.9em; font-family:verdana, arial, sans-serif; font-weight:normal; color:#000000;}/*Kleiner Text*/
.textSmallBold       {font-size:0.9em; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#000000;}/*Kleiner Text fett*/
.textSmallInvert     {font-size:0.9em; font-family:verdana, arial, sans-serif; font-weight:normal; color:#FFFFFF;}/*Kleiner Text negativ*/
.textSmallBoldInvert {font-size:0.9em; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#FFFFFF;}/*Kleiner Text fett negativ*/

.textLarge           {font-size:1.3em; font-family:verdana, arial, sans-serif; font-weight:normal; color:#000000;}/*Großer Text*/
.textLargeBold       {font-size:1.3em; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#000000;}/*Großer Text fett*/
.textLargeInvert     {font-size:1.3em; font-family:verdana, arial, sans-serif; font-weight:normal; color:#FFFFFF;}/*Großer Text negativ*/
.textLargeBoldInvert {font-size:1.3em; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#FFFFFF;}/*Großer Text fett negativ*/

/*################################ Elemente ################################*/

.elementHeadline         {padding:0.8em;}/*Überschrift*/
.elementStandard         {padding:0.8em;}/*Standard*/
.elementFormular         {padding:0.8em;}/*Formulare*/
.elementFormular .text   {font-size:0.8em;}/*Formulare*/
.elementInclude          {padding:0px;}/*Includes*/
.elementSpace            {height:1.2em;padding:8px;}/*Leerzeile*/

.elementRightStandard    {padding:8px;}/*Standard im rechten Bereich*/
.elementRightInclude     {padding:0px;}/*Include im rechten Bereich*/

.elementLeftStandard     {padding:8px;}/*Standard im linken Bereich*/
.elementLeftInclude      {padding-left:12px;margin-top:0px;}/*Include im linken Bereich*/

.elementTopStandard      {padding:0px;}/*Standard im oberen Bereich*/
.elementTopInclude       {padding:0px;background-color:#E7E6E6;margin-top:0px;border-top-style:solid;border-top-width:1px;border-top-color:#FFFFFF;}/*Include im oberen Bereich*/

.elementBottomStandard  {padding:8px;text-align:center; clear:both;}/*Standard im unteren Bereich*/
.elementBottomInclude   {padding:8px;}/*Include im unteren Bereich*/

/*################################ Bloecke ################################*/

.blockMain           {width:1000px; margin:auto; text-align:left;}/*Gesamter Bereich*/
.blockTop            {background-color:#E7E6E6;}/*Bereich oben*/
.blockVollTextSuche  {background-color:#CCCCCC; padding-bottom:1.5em;}/*Bereich oben Volltextsuche*/
.blockLeft           {}/*Bereich links*/
.blockContent        {background-color:#CCCCCC;border-color:#CCCCCC; margin-top:2em;}/*Inhaltsbereich*/
.blockRight          {background-color:green;border-color:#CCCCCC;}/*Bereich rechts*/
.blockBottom         {background-color:#CCCCCC;border-color:#CCCCCC;}/*Bereich unten*/

/*################################ Fragmente ################################*/

.fragmentSpace             {height:12px;margin-bottom:2px;margin-left:8px;border-style:none;}

.fragmentSpaceNavLeft      {height:12px;margin-bottom:6px;margin-left:0px;border-style:none;}


.fragmentPictureFloatLeft  {margin-right:8px;margin-bottom:8px;float:left;} 
.fragmentPictureFloatRight {margin-left:8px;margin-bottom:8px;float:right;} 

.fragmentTableDoubleCol    {padding:0px;border-style:none;border-width:1px;border-color:#FF0000;}
.fragmentTableTripleCol    {padding:0px;border-style:none;border-width:1px;border-color:#FF0000;}
.fragmentCellDoubleCol     {width:50%;padding:4px;vertical-align:top;}
.fragmentCellTripleCol     {width:33%;padding:4px;vertical-align:top;}

.fragmentLinklistFloatLeft {padding:8px;margin-right:8px;margin-bottom:8px;float:left;border-style:solid;border-color:#000000;border-width:1px;} 

/*##################################### SPOT Praktikum / Freizeitarbeit #############################*/
.SpotPraktikumUebersicht table {padding:0px;width:490px;}

.SpotPraktikumUebersicht td {background-color:#E0E0E0;border-color:#000000;padding:1px;padding-left:3px;padding-right:3px;border-style:solid;border-width:1px;border-color:#AEADAD;width:130px;}




/*##################################### Sonstiges #############################*/

.votingBar   {background-color:#00218b;}

.tableBorder {border-top-style:solid;border-top-width:1px;border-top-color:#ACACAC;border-left-style:solid;border-left-width:1px;border-left-color:#ACACAC;}
.tdBorder    {border-right-style:solid;border-right-width:1px;border-right-color:#ACACAC;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#ACACAC;}