/* Basisvorlage CSS
Internationale Pädagogische Werktagung
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Dunkelgrau (Element): #222;
Hellgrau (Element): #777;
Grün (Header, Background): #b3d234:
Blaugrau (Element): #799daf;
Dunkelrot (Termin, Fehler): #b00000;

*/

/* Reset
--------------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
border: 0;
}

/* Globals und Typo
--------------------------------------------------------------------------------------- */

html                                  {background: #fff;font-size: 75%;}
body                                  {background: #fff;color: #777;font: 12px "Trebuchet MS", Arial, Tahoma, sans-serif;line-height: 18px;background: transparent url(../images/bg_header_2012.gif) repeat-x;}

html>body                             {font-size: 12px;}

a:link                                {color: #799daf;text-decoration: underline;}
a:visited                             {color: #799daf;text-decoration: underline;}
a:hover                               {color: #799daf;text-decoration: underline;}
a:active                              {color: #799daf;text-decoration: underline;}
a:focus                               {outline: none;}

a.extern:link,
a.extern:visited,
a.extern:hover,
a.extern:active,
a.extern:focus                       {padding-left:15px; background: transparent url(../images/arrow_up_blue.gif) no-repeat 0 3px;}

a.intern:link,
a.intern:visited,
a.intern:hover,
a.intern:active,
a.intern:focus                       {padding-left:15px; background: transparent url(../images/arrow_link_blue.gif) no-repeat 0 3px;}

a.download:link,
a.download:visited,
a.download:hover,
a.download:active,
a.download:focus                      {padding-left:15px; background: transparent url(../images/arrow_down_blue.gif) no-repeat 0 3px;}

input, select, textarea               {font: 12px "Trebuchet MS", Arial, Tahoma, sans-serif;}

p                                     {margin-top: 0;margin-bottom: 0.9em;}
ul                                    {list-style-type:square;padding-left:16px;}
li                                    {padding-left:0;}
b, strong                             {color: #000000;}
sup                                   {line-height:100%;}

#centercont h1                        {font: 16px "Trebuchet MS", Arial, Tahoma, sans-serif;margin-bottom: 0.9em;font-weight: normal;color:#799daf;width:100%;border-bottom:1px solid #799daf;padding:0 0 5px 0;}
#centercont h1 span.kleiner           {font-size: 14px !important;}
#centercont h1 span.trenner           {background: transparent url(../images/navi_list_active.gif) no-repeat 0 7px;}
#centercont h2                        {font: 14px "Trebuchet MS", Arial, Tahoma, sans-serif;margin:0;padding:0;font-weight: normal;color:#222;}
#centercont h3                        {font: 12px "Trebuchet MS", Arial, Tahoma, sans-serif;font-weight: bold;color:#222;}

#sidebar h1                           {font: 14px "Trebuchet MS", Arial, Tahoma, sans-serif;margin-bottom: 0.9em;font-weight: normal;color:#222;border-bottom:1px solid #222;padding:0 0 6px 0;}
#sidebar h2                           {font: 12px "Trebuchet MS", Arial, Tahoma, sans-serif;padding-top:1px;font-weight: normal;color:#222;}
#sidebar h3                           {font: 11px "Trebuchet MS", Arial, Tahoma, sans-serif;font-weight: bold;color:#222;}

img, a img                            {border: 0;}
td                                    {vertical-align:top;}

#wrapper                              {margin: 0 auto;width:1096px;max-width: 100%;}

#content                              {width:1096px; min-width:1096px; max-width: 100%;min-height:680px;background: transparent url(../images/bg_content.gif) repeat-x}

#header                               {background:#a8111c;width: auto;height: 178px;padding: 10px;position:relative}

#logo                                 {position:absolute;top:0;left:54px;}
#schriftzug                           {position:absolute;top:119px;left:265px;}
#schriftzug .termin                   {font: 12px "Trebuchet MS", Arial, Tahoma, sans-serif;color:#000;padding:0 0 2px 2px;}
#schriftzug .titel                    {font: 22px "Trebuchet MS", Arial, Tahoma, sans-serif;color:#FFF;}


#leftnav                              {background:#FFFFFF;float:left;display:inline;width: 158px;min-height: 650px;margin-right:10px;padding: 22px 10px 20px 72px;}
#centercont                           {background:#FFFFFF;float: left;display: inline;width: 556px;min-height: 650px;padding: 25px 20px;margin-right:10px;position:relative;}
#sidebar                              {background:#FFFFFF;float: left;display: inline;width: 220px;min-height: 650px;padding: 27px 10px 25px 10px;}


#leftnav a                            {text-decoration: none; text-align: left; display: block; width: 140px; font-weight: normal; padding: 6px 0px 6px 18px; font-size: 14px;}

a.ord_1_2,
a.ord_1_3,
a.ord_1_4                             {border-top: 1px solid #cccccc;padding:0;margin:0;}
a.ord_1_5                             {border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding:0;margin:0;}

#leftnav a.level3,
#leftnav a.level3_sel                 {width: 125px;}

#leftnav a.level2.last,
#leftnav a.level2_sel.last            {padding-bottom:5px;}

#leftnav a,
#leftnav a:link                       {color: #777777;}

#leftnav a.level1:link,
#leftnav a.level1:visited             {color: #000000; background: transparent url(../images/navi_list_closed.gif) no-repeat 0px 9px;}

#leftnav a.level1:hover,
#leftnav a.level1:active,              
#leftnav a.level1_sel:link,
#leftnav a.level1_sel:visited,
#leftnav a.level1_sel:hover,
#leftnav a.level1_sel:active          {color: #799daf; background: transparent url(../images/navi_list_open.gif) no-repeat 0px 9px;}

#leftnav a.level2, 
#leftnav a.level2_sel                 {font-size: 12px;padding: 2px 0px 2px 18px;margin:0;}

#leftnav a.level2:link, 
#leftnav a.level2:visited             {color: #799daf;}

#leftnav a.level2:hover,
#leftnav a.level2:active,
#leftnav a.level2_sel:link,
#leftnav a.level2_sel:visited,
#leftnav a.level2_sel:hover,
#leftnav a.level2_sel:active          {color: #799daf; background: transparent url(../images/navi_list_active.gif) no-repeat 0px 5px;}

#leftnav a.level3:link                {padding-left:20px;color: #000000;}
#leftnav a.level3:visited             {padding-left:20px;color: #000000;}
#leftnav a.level3:hover               {padding-left:20px;color: #000000;font-weight:bold;}
#leftnav a.level3:active              {padding-left:20px;color: #000000;font-weight:bold;}

#leftnav a.level3_sel:link            {padding-left:20px;color: #000000;font-weight:bold;}
#leftnav a.level3_sel:visited         {padding-left:20px;color: #000000;font-weight:bold;}
#leftnav a.level3_sel:hover           {padding-left:20px;color: #000000;font-weight:bold;}
#leftnav a.level3_sel:active          {padding-left:20px;color: #000000;font-weight:bold;}

#leftnav .spacer                      {width:135px;margin:30px 10px 0px 10px;padding:5px 0px 0px 0px;border-top:1px solid #fab169;display:block;}
#leftnav a.spacer:link                {color: #000000;}
#leftnav a.spacer:visited             {color: #000000;}

/* ---------------- 2-spaltige Tabelle ---------------- */
.template2Table                       {margin-bottom:10px;}
.template2Table td.td1                {width:381px;padding: 0 20px 0 0;}
.template2Table td.td2                {padding: 0;width:155px;text-align:left;}
.template2Table td.td2 img            {margin-left:0px;margin-top:5px;}
.template2Table td.td2 p              {padding:5px 0 0 0!important; margin:0 !important;text-align:left;}
.template2Table td.td1 p              {padding:0 0 5px 0;}

.template2Table td.rechts             {}
.template2Table td.rechts p           {padding:5px 0 0 0!important; margin:0 !important;}

.template2Table td.blaueBox           {}   
.template2Table td.blaueBox table     {}       
.template2Table td.blaueBox td        {padding:10px;border: 1px solid #60a3bc; background:#799daf;color:#FFFFFF;}
.template2Table td.blaueBox a,
.template2Table td.blaueBox a:link,
.template2Table td.blaueBox a:visited,
.template2Table td.blaueBox a:hover,
.template2Table td.blaueBox a:active  {color:#FFFFFF;}
        


/* ---------------- 3-spaltige Tabelle ---------------- */
.template3Table                       {margin-bottom:10px;}
.template3Table td.td1                {width: 158px; padding: 30px 30px 30px 10px;}
.template3Table td.td2                {width: 158px; padding: 30px 30px 30px 10px;}
.template3Table td.td3                {width: 158px; padding: 30px 10px 30px 10px;}
.template3Table td.td2 img            {border:1px solid #e4e5e9;padding:0;margin:0;}
.template3Table td.td3 img            {border:1px solid #e4e5e9;padding:0;margin:0;}
.template3Table td.td1 p              {padding:5px 0px 5px 0px;}
.template3Table td.td2 p              {padding:5px 0px 5px 0px;}
.template3Table td.td3 p              {padding:0px;}

.template2Table td.Rand p             {padding:5px 5px 5px 0px;}
.template2Table td.Linie              {border-right:1px solid #e6e6e6;}
.template3Table td.Rand p             {padding:5px 0px 5px 0px;}
.template2Table td.ohneBildrand img   {border:0px solid #FFFFFF;}


/* ---------------- Programmtabelle ---------------- */
.programmtabelle td                   {padding:10px 0 10px 0;}
.programmtabelle td p                 {padding:0 !important;margin:0 !important;}
.programmtabelle td h2                {padding:0;margin:0;}
.programmtabelle td hr                {padding:0;margin:0;}
.programmtabelle tr > td:first-child  {width:50px;}


.programmlinks                        {list-style:none;padding-left:0;}
.programmlinks li                     {list-style-type:none;padding:3px 0 3px 0px;}
.programmlinks li a                   {text-decoration: none; text-align: left; display: block; width: 132px; padding:3px 3px 3px 20px;}

.programmlinks li a:link,
.programmlinks li a:visited           {color:#FFFFFF;background:#9ac5d8;}

.programmlinks li a:hover,
.programmlinks li a:active,            
.programmlinks li a.on:link,
.programmlinks li a.on:visited,
.programmlinks li a.on:hover,
.programmlinks li a.on:active         {color:#FFFFFF;background:#799daf;}

/* ---------------- Archivtabelle ---------------- */

td.archiv table.programmtabelle tr:first-child > td:first-child {background: transparent url(../images/bg_archiv.gif) no-repeat 0 13px; padding:25px 0 13px 13px;}   
td.archiv table.programmtabelle tr:first-child > td:first-child h2 {color:#FFFFFF !important;}  

/* ---------------- Arbeitskreise ---------------- */
.eventspacer                          {clear: both;width:364px;padding:0 0 0 0;border-top:1px solid #cccccc;}
.oneEvent                             {}
.eventNo                              {float:left;width:44px; height:30px;background:#799daf;text-align:center;font-size:14px;color:#FFFFFF;padding-top:15px;font-weight:bold;}
#events .active .eventNo              {background:#000000;}
.eventHeadlines                       {float:left;width:310px;padding:0 0 10px 10px;}
.eventHeadlines p                     {padding:0;margin:0;}
.eventText                            {clear: both;width:364px;padding:0 0 0 0;}
.eventTitle                           {font-size:14px;margin:0 0 5px 0;padding-left:15px;font-weight: normal;color:#222;background: transparent url(../images/list_closed.gif) no-repeat 0 3px;}

#events .active .eventTitle           {font-size:14px;margin:0 0 5px 0;padding-left:15px;font-weight: normal;color:#000000;background: transparent url(../images/list_open.gif) no-repeat 0 3px;}

#events .active .eventTitle a,
#events .active .eventTitle a:link,
#events .active .eventTitle a:visited,
#events .active .eventTitle a:hover,
#events .active .eventTitle a:active     {color:#000000;text-decoration:none;}

#events a:link                        {}

#events .active .eventTitle .subtitle {display:block;}

#events #nav                          {display:none;}
#events #pagernav                     {position: absolute;top:27px;right:14px;}
#events #pagernav a                   { padding: 0 5px; text-decoration:none;}
#events #pagernav a.highlight:link    { padding: 0 5px; text-decoration:underline;}


/* ---------------- Veranstaltungsorte ---------------- */
#VAs                               {padding-top:10px;}
.VAspacer                          {clear: both;width:364px;padding:0;margin:0;height:1px;}
.oneVA                             {}
.VANo                              {float:left;width:26px; height:26px;background: transparent url(../images/circle_blue.png) no-repeat 1px 0;text-align:center;font-size:12px;color:#FFFFFF;padding-top:3px;font-weight:bold;}
#VAs .active .VANo                 {background: transparent url(../images/circle_black.png) no-repeat 1px 0;}
.VAHeadlines                       {float:left;width:310px;padding:0 0 2px 10px;}
.VAHeadlines p                     {padding:0;margin:0;}
.VAText                            {clear: both;width:364px;padding:0 0 0 0;}
.VATitle                           {font-size:12px;margin:0;padding:4px 0 0 5px;font-weight: normal;color:#222;}

#VAs .active .VATitle              {font-size:14px;margin:0;padding-left:5px;font-weight: normal;color:#9ac5d8;}
#VAs .active .VATitle a,
#VAs .active .VATitle a:link,
#VAs .active .VATitle a:visited,
#VAs .active .VATitle a:hover,
#VAs .active .VATitle a:active     {color:#000000;text-decoration:none;}
#VAs a:link                        {}


#VAs .active .VATitle .subtitle    {display:block;}
#VAs h2                            {margin:5px 0 5px 0;padding:5px 0 5px 0;}


/* ---------------- ExpandableLinks ---------------- */
a.expandable                          {font-size:12px;margin:0;padding-left:15px;font-weight: normal;background: transparent url(../images/list_closed.gif) no-repeat 0 3px;}
a.active                              {font-size:14px;margin:0;padding-left:15px;font-weight: normal;color:#222;background: transparent url(../images/list_open.gif) no-repeat 0 3px;text-decoration:none;}


/* ---------------- Anmeldeformular ---------------- */

#FormAnmeldung table                  {width:550px;}
#FormAnmeldung table td.c1            {width:90px;padding:5px 5px 5px 0;}
#FormAnmeldung table td.req           {width:90px;padding:5px 5px 5px 0;}
#FormAnmeldung table td.c2            {width:440px;padding:5px;}
#FormAnmeldung table td.c2 input,
#FormAnmeldung table td.c1 input,
#FormAnmeldung table td.c2 textarea,      
#FormAnmeldung table td.c2 select     {background: #dbeef5; border:1px solid #828c8e;}
#FormAnmeldung h2                     {padding: 7px 0; margin: 7px 0;}
#FormAnmeldung table td.c2 h2         {padding: 0; margin: 0; font-size:13px;}
#FormAnmeldung table.option td.c1     {width:20px !important;}
#FormAnmeldung table.option td.c2     {width:510px !important;}
#FormAnmeldung table td.infotext      {padding: 10px 0;}


input.inputstyle,textarea.inputstyle  {width:300px;}
input.titel                           {width:50px;}
input.vorname                         {width:240px;margin-left:4px;}
input.strasse                         {width:250px;}
input.nummer                          {width:40px;margin-left:4px;}
input.plz                             {width:50px;}
input.ort                             {width:240px;margin-left:4px;}
select.selectstyle                    {width:300px;}
input.inputtb                         {width:20px;}
input.verst                           {display:none;}

#FormAnmeldung table td.c2 input.error,
#FormAnmeldung table td.c2 select.error{border:2px solid #b00000 !important;}

span.errorText,
label.error                           {color:#b00000 !important;font-size:14px;padding:5px 0 5px 0;display:none;}


#FormAnmeldung hr                     {padding:10px 0 0px 0;margin:15px 0 0px 0;}

#subButton                            {width:126px;height:30px;background: transparent url(../images/btn_blue.png) no-repeat;margin-top:20px;}
#subButton:hover                      {width:126px;height:30px;background: transparent url(../images/btn_active_blue.png) no-repeat;}


#footer                               {clear: both;padding: 5px 10px 15px 10px;height:52px;background: transparent url(../images/bg_footer.gif) repeat-x;color: #222222;font-size:11px;}
.centerarea                           {margin: 0 auto;width:1096px;min-width:1096px;max-width: 100%;}
#footerLeft                           {width: 778px;padding-left:63px;float:left;}
#footerRight                          {width: 100px;text-align:left;float:left;padding-left:30px;}

#footerRight a:link,
#footerRight a:visited,
#footerRight a:hover,
#footerRight a:active                 {color: #222222;text-decoration: underline;}

hr                                    {border:none;border-top: 1px solid #cccccc;color: #FFFFFF;background-color: #FFFFFF;height: 1px;margin-bottom:0.9em;}

.red                                  {color:#b00000;}