#article
{
   display           : block;
   min-height        : 750px; /* Minimale Höhe zugeteilt, um zu gewährleisten, dass der Article immer gross genug ist */
   background-color  : white;
   width             : 1200px; /* Fixe Breite zugeteilt, um zentrieren der Seite zu ermöglichen */
   margin            : 0px auto;
   font-family       : Arial, Helvetica, sans-serif;
   border-top        : 3px solid yellow;
}
#article h1
{
   height            : 30px;
   background-color  : rgb(69, 120, 175);
   color             : white;
   font-size         : 20px;
   text-align        : left;
   margin-bottom     : 20px;
   padding-top       : 5px;
   padding-bottom    : 5px;
   padding-left      : 5px;
}
#articletext
{
   padding-left      : 5px;
   padding-right     : 5px;
   font-size         : 20px;
}
#articletext p
{
   font-size         : 20px;
}
#articletext td th
{
   padding           : 3px;
}
#articletext h1
{
   display           : block;
   height            : auto;
   background-color  : transparent;
   font-size         : 24px;
   color             : rgb(69, 120, 175);
   text-align        : left;
   margin-top        : 0.67em;
   margin-bottom     : 0.67em;
   padding           : 0px;
}
#articletext h2
{
   display           : block;
   height            : auto;
   background-color  : transparent;
   font-size         : 22px;
   color             : rgb(69, 120, 175);
   text-align        : left;
   margin-top        : 0.83em;
   margin-bottom     : 0.5em;
   padding           : 0px;
}
#articletext h3
{
   display           : block;
   height            : auto;
   background-color  : transparent;
   font-size         : 20px;
   color             : rgb(69, 120, 175);
   text-align        : left;
   margin-top        : 1em;
   margin-bottom     : 0.5em;
   padding           : 0px;
}
#articletext #TermineObli
{
   width             : 100%;
   font-size         : 14px;
}
#articletext #TermineObli th
{
   border-bottom     : 1px solid rgb(69, 120, 175);
}

/******************************************************************************/
/* Iframe                                                                     */
/******************************************************************************/
#IFrame1
{
   width             : 1187px;
   height            : 800px;
   overflow-y        : hidden;
   overflow-x        : hidden;
}
/******************************************************************************/
/* Kursliste                                                                  */
/******************************************************************************/
.KursListDocs
{
   /*width             : 1180; */
   margin            : 0 auto;
   /*border            : 1px solid red;*/
   display           : inline-block;
}
.KursListItem
{
   float             : left;
   border            : 2px solid blue;
   padding           : 5px;
   margin-right      : 10px;
   height            : 225px;
   width             : 300px;
}
.KursListItem h2
{
   margin-top        : 0px !important;
}
.KursListItem p
{
   font-size         : 15px !important;
}

/******************************************************************************/
/* Verticale Kolonnen                                                         */
/******************************************************************************/
.VCol1, .VCol2 
{ 
   width             : 575px; 
   padding           : 5px; 
   height            : auto; 
   float             : left; 
   position          : relative;
}
.VCol1 p, .VCol2 p 
{ 
   margin            : 0;
}
.VCol1 
{ 
   margin            : 10px 20px 0 0;
}
.VCol2 
{ 
   margin            : 10px 0 0 0; 
}
.VColTile 
{ 
   border-top        : 5px solid rgb(69, 120, 175); 
   border-bottom     : 5px solid rgb(69, 120, 175); 
   display           : table; 
   width             : 100%; 
   padding-bottom    : 5px; 
   margin-bottom     : 20px;
}
.VColTile h1
{ 
   margin-top        : 0px !important;
   margin-bottom     : 10px !important;
   color             : red !important;
}
.VColTitle 
{ 
   background-color  : rgb(69, 120, 175); 
   color             : white; 
   vertical-align    : middle;
}
.ColBack
{
   background-color  : rgba(69, 120, 175, 0.3);
}
.HColTile 
{ 
   border-top        : 5px solid rgb(69, 120, 175); 
   border-bottom     : 5px solid rgb(69, 120, 175); 
   display           : table; 
   padding-bottom    : 5px; 
}
.HColTile h1
{ 
   margin-top        : 0px !important;
   margin-bottom     : 10px !important;
   color             : red !important;
}
.HColTitle 
{ 
   border-top        : 5px solid rgb(69, 120, 175); 
   border-bottom     : 5px solid rgb(69, 120, 175); 
   background-color  : rgb(69, 120, 175); 
   color             : white; 
   vertical-align    : middle;
}
.ACol1, .ACol2, .ACol3
{
   width             : 390px; 
   height            : auto; 
   float             : left; 
   position          : relative;
   min-height        : 120px;
   vertical-align    : middle;
}
.ACol12
{
   float             : left; 
   width             : 790px; 
}
.ACol1, .ACol12
{
   margin            : 10px 10px 0 0;
}
.ACol2
{
   margin            : 10px 10px 0 0;
}
.ACol3
{
   margin            : 10px 0 0 0;
}
.ATile
{
   font-size         : 33px !important;
   text-align        : center !important;
   vertical-align    : middle !important;
   height            : 100% !important;
   display           : table-cell;
}
/******************************************************************************/
/* Albums                                                                     */
/******************************************************************************/
#albums
{
   text-decoration   : none;
   margin-top        : 20px;
}
#albums a
{
   text-decoration   : none;
}
#albums .albumstable
{
   width             : 100%;
   border-top        : 1px dotted rgb(69, 120, 175);
}
#albums .AlbumList
{
   border-bottom     : 1px dotted rgb(69, 120, 175);
}
#albums .AlbumList:hover
{
   background-color  : rgba(69, 120, 175,0.5);
}
#albums .AlbumListInnerTable
{
   width             : 100%; 
   height            : 52px;
}
#albums .TableColLeft
{
   width             : 105px; 
   text-align        : center;
   vertical-align    : middle;
}
#albums .TableColMiddle
{
   text-align        : left; 
   vertical-align    : middle;
}
#albums .TableColRight
{
   width             : 80px; 
   text-align        : left; 
   vertical-align    : middle;
}
#albums .mutation
{
   font-size         : 7px;
   line-height       : 8px;
}
#bildercontainer 
{
   width             : 100%;
   margin-top        : 20px;
}
#bildercontainer .albumtitel
{
   width             : 100%;
   padding-bottom    : 10px;
}
#bildercontainer .albumname
{
   width             : 100%; 
   font-size         : 25px; 
   border-bottom     : 1px solid rgb(69, 120, 175);
}
#bildercontainer .albumdesc
{
   width             : 100%; 
   font-size         : 12px; 
}
#bildercontainer .albumbackdiv
{
   float             : left; 
   width             : 9%;
   vertical-align    : middle; 
   text-align        : center; 
   height            : 100%;
}
#bildercontainer .albumback
{
   border            : 2px solid rgb(69, 120, 175);
}
#bildercontainer .bilder
{
   width             : 100%; 
   margin            : 0 auto;
   border-top        : 2px solid rgb(69, 120, 175); 
   padding-top       : 4px; 
   text-align        : center;
}
#bildercontainer .thumbnail
{
   float             : left; 
   margin            : 1px; 
   padding           : 3px; 
   border            : 1px solid rgb(69, 120, 175);
   border-radius     : 5px;
   min-width         : 228px;
   min-height        : 235px;
   vertical-align    : middle;
   display           : inline-block;
}
/******************************************************************************/
/* Blog in Tile                                                               */
/******************************************************************************/
#VColBlog .BlogEntry
{
   position          : relative;
   border-top        : 2px solid rgb(69,120,175);
   border-bottom     : 2px solid rgb(69,120,175);
   margin-bottom     : 10px;
   background-color  : Lavender;
}
#VColBlog .BlogTitel
{
   font-size         : 18px;
   font-weight       : bold;
   color             : rgb(69,120,175);
   margin-top        : 5px;
   border-bottom     : 1px dotted rgb(69,120,175);
}
#VColBlog .BlogContent
{
   min-height        : 60px;
   font-size         : 16px;
}
#VColBlog .BlogDate
{
   font-size         : 8px;
   margin-top        : 3px;
}