/* Stylesheet Bundles */

/* Style: Layouts/BesiegdasLayout */
body
{
    background-image: url('/Content/Images/background2.jpg');
}

.BesiegdasLayout
{
    margin: auto;
    display: table;
    border-spacing: 8px;
    width: 100%;
    max-width: 1200px;
}

.BesiegdasLayout .LeftContainer,
.BesiegdasLayout .CenterContainer,
.BesiegdasLayout .RightContainer
{
    display: table-cell;
    width: 160px;
    vertical-align: top;
}

.BesiegdasLayout .CenterContainer
{
    width: auto;
}

.BesiegdasLayout > div > div:not(:last-child)
{
    margin-bottom: 8px;
}

.BesiegdasLayout .CenterContainer .TopContainer,
.BesiegdasLayout .CenterContainer .BottomContainer,
.BesiegdasLayout .CenterContainer .NavigationContainer
{
    display: none;
}

.BesiegdasLayout .WhiteBox
{
    -webkit-box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
    background-color: white;
    font-size: 12px;
}

.BesiegdasLayout .SiteHeader
{
    font-size: 28px;
    line-height: 28px;
    color: yellow;
    background-color: #297312;
    word-spacing: normal;
    letter-spacing: 2px;
    padding: 8px 4px 8px 4px;
    text-align: center;
    vertical-align: middle;
}

.BesiegdasLayout .SiteHeader > span
{
    color: white;
    font-weight: bold;
}

/* Tablet Layout */
@media (max-width:800px)
{
    body
    {
        background-image: none;
        background-color: white !important;
    }
    
    .BesiegdasLayout .WhiteBox
    {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }    
    
    .BesiegdasLayout,
    .BesiegdasLayout .CenterContainer
    {
        display: block;
    }
       
    .BesiegdasLayout .RightContainer,
    .BesiegdasLayout .LeftContainer
    {
        display: none;
    }     
    
    .BesiegdasLayout .CenterContainer .TopContainer,
    .BesiegdasLayout .CenterContainer .BottomContainer
    {
        display: table;
        overflow: hidden;
        width: 100%;
    }
      
    .BesiegdasLayout .CenterContainer .EventContainer
    {
        margin-left: 150px;
        margin-right: 150px;
    }
    
    .BesiegdasLayout .CenterContainer .LogoContainer
    {
        float: left;
        max-width: 150px
    }
    
    .BesiegdasLayout .CenterContainer .MottoContainer
    {
        float: right;
        max-width: 150px;                
    }

    .BesiegdasLayout .CenterContainer .NavigationContainer
    {
        display: block;
    }

    .BesiegdasLayout .CenterContainer .BottomContainer
    {
        margin-top: 40px;
        background-color: #EEE;
    }
    
    .BesiegdasLayout .CenterContainer .BottomContainer .InfoContainer,
    .BesiegdasLayout .CenterContainer .BottomContainer .SponsorContainer
    {
        display: table-cell;
        vertical-align: top;
        width: 50%;
    } 
}
 
 /* PhoneLayout */
@media (max-width:600px)
{      
    .BesiegdasLayout .CenterContainer .TopContainer
    {
        text-align: center;
        display: block;
        font-size: 1px;
    }
    
    .BesiegdasLayout .CenterContainer .LogoContainer,   
    .BesiegdasLayout .CenterContainer .MottoContainer
    {
        margin: -2px;
        float: none;
        display: inline-block;
        width: 50%;
        max-width: none;
        min-width: auto;
    }
    
    .BesiegdasLayout .CenterContainer .EventContainer
    {
        margin: auto;                
    }
    
    .BesiegdasLayout .CenterContainer .BottomContainer .InfoContainer,
    .BesiegdasLayout .CenterContainer .BottomContainer .SponsorContainer
    {
        display: block;
        width: auto;
    }    
}

.RightFullHDBox,
.LeftFullHDBox
{
    display: none;
}

@media (min-width:1800px)
{ 
    .LeftFullHDBox
    { 
        display: block;
        position: absolute;
        left: 8px;
        top: 8px;
        width: 248px;
    }   
    
    .RightFullHDBox
    { 
        display: block;
        position: absolute;
        right: 8px;
        top: 8px;
    }

    .MobileInfo .MobileInfoHeader,
    .FotoStream .FotoStreamHeader
    {
        text-align: center;
        font-size: 18px;
        letter-spacing: 2px;
        word-spacing: normal;
        color: black;
        font-weight: bold;
        padding: 4px;
    }

    .MobileInfo .MobileInfoHeader > span,
    .FotoStream .FotoStreamHeader > span
    {    
        display: block;
        font-size: 10px;   
    }

    .MobileInfo > div:not(:first-of-type)
    {
        text-align: center;
        font-size: 11px;
        letter-spacing: 1px;
        word-spacing: normal; 
        background-color: white;
        margin: 4px;       
    }
    
    .FotoStream .flickr_badge_image    
    {    
        padding: 2px;
        background-color: white;
        margin: 4px;    
        border:1px solid silver;
        text-align: center;
    }
}

/* Style: Base */
body, div, span, li, table, tr, th, td, h1, h2, h3, h4, h5, a, img
{
    padding: 0;
    margin: 0;
    border: 0;
    border-spacing: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body
{
    font-size: 1px;
    word-spacing: -2px;
    font-family: Helvetica, Verdana, serif;
}

.Text
{   
    font-size: 14px;
    line-height: 16px;
    word-spacing: normal;
    letter-spacing: normal;
}

/* SiteHeader */
h2
{
    font-size: 26px;
    line-height: normal;
    word-spacing: normal;
    letter-spacing: 3px;
    font-weight: normal;
    color: #297312;    
    padding: 12px;
    padding-top: 16px;
    font-variant: small-caps;
}

/* InfoHeader */
h3
{
    font-size: 15px;    
    line-height: normal;
    word-spacing: normal;
    letter-spacing: 2px;
    font-weight: normal;
    color: #297312;    
    padding: 12px;
    padding-top: 16px;    
    font-variant: small-caps;
}

p
{
    margin: 0;
    padding: 4px 12px;
}

ul
{
    margin: 0;
    padding: 4px;
    padding-left: 20px;
}

a
{
    text-decoration:none;
    color: inherit;
}
/* Style: Elements */
.Paragraph
{
    font-size: 12px;
    line-height: normal;
    word-spacing: normal;    
    letter-spacing: 1px; 
    text-align: justify;
    margin: 0;
    padding: 12px;
}

.TextWithLabel
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: normal;
    word-spacing: normal;
    letter-spacing: 1px;
}

.TextWithLabel > span
{
    padding-right: 4px;
    font-size: 11px;
    letter-spacing: normal;
}

.TextWithLabel > span:after
{
    content: ':';
}


.SiteImage
{
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.SiteImage > img
{       
   position: absolute;
   left: 50%;
   margin-left: -500px;
}

.Link
{
    color: #00F;
}

.Link:hover
{
    border-bottom: 1px dotted #00F;
}

.Mail
{
    color: #00F;    
}

.Mail:hover
{
    border-bottom: 1px dotted #00F;
}

.Tel
{
    color: #000;
}

.Tel:hover
{
    border-bottom: 1px dotted #000;
}

.PhotoReferenz
{
    color: gray;
    font-size: 10px;
    line-height: normal;
    letter-spacing: 0;
    word-spacing: 0;
    text-align: right;
    padding: 4px;
}

.PhotoReferenz > a:hover
{
    border-bottom: 1px dotted gray;
}

.CenterImage,
.LeftImage,
.RightImage
{    
    display: block;
    text-align: center;
    padding: 10px;
}

@media (min-width: 400px)
{
    .LeftImage
    {
        float: left;
        padding-left: 0px;
        
    }

    .RightImage
    {
        float: right;
        padding-right: 0px;
    }    
}

.AsyncContainer
{
    background: url('/Content/Images/vod.gif') no-repeat 50% 50%;
    height: 72px;
}
/* Style: Logo */
.Logo
{
}

.Logo > div
{
    text-align: center;   
}

.Logo > div img
{
    padding: 5px;
    width: 100%;
    max-width: 160px;
    min-width: 80px;
}

/* Style: Motto */
.Motto
{
}

.Motto > div
{
    text-align: center;
}

.Motto > div img
{
    padding: 5px;
    width: 100%;
    max-width: 160px;
    min-width: 80px;
}

/* Style: Navigation */
.Navigation
{
    font-size: 1px;
    word-spacing: -2px;  
    letter-spacing: -2px;
    text-align: center;
}

/* Navigation-Content-Vertical */

.NavigationContent.Vertical > div:not(:last-child)
{
}

/* Navigation-Content-Expander */

.NavigationContent.Expander
{
    background-color: #F0F0F0; 
    display: block;
}

.NavigationContent.Expander.NavigationClose
{
    display: none;    
}

.NavigationContent.Expander > div
{
    display: inline-block;
    min-width: 120px;
    text-align: center;
}

.NavigationContent.Expander .NavigationItem > a
{
    padding-left: 14px;
    padding-right: 14px;
}



/* Navigation-Content-Item */

.NavigationContent .NavigationItem
{
    vertical-align: top;    
    text-align: right;
}

.NavigationContent .NavigationItem > a
{
    display: block;
    padding: 4px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 15px;
    text-transform: uppercase;
    color: gray;  
    letter-spacing: 2px;
}

.NavigationContent .NavigationItem > a:hover
{
    background-color: #297312;
    color:  white !important;
}

.NavigationContent .NavigationItem > a.NavigationSelect
{
    color: #297312;
    font-weight: bold;
}

.NavigationContent .NavigationItem > a.NavigationSpecial
{
    color: #ff0000;
}



/* Navigation-Header */

.Navigation .NavigationHeader
{
    font-size: 18px;
    word-spacing: normal;
    letter-spacing: 2px;
    line-height: 20px;
    min-height: 20px;
    cursor: pointer;
    background-color: #F0F0F0;
    color: #000;
    font-weight: bold;
    display: none;
}

.Navigation .NavigationHeader > div:first-child:before
{
    content: '▲';
    color: #000;
    float: right;
    margin-left: -20px;
}

.Navigation .NavigationHeader > div:last-child:before
{
    content: '▼';
    color: #000;
    float: right;
    margin-left: -20px;
}

.Navigation .NavigationHeader > div
{
    padding: 10px;
}

.Navigation .NavigationHeader > div:hover
{
    background-color: #DDD;
}


.Navigation .NavigationHeader.NavigationClose
{
    display: block;
}

.Navigation .NavigationContent.Expander.NavigationClose
{
    display: none;
}

@media (min-width:400px)
{
    .Navigation .NavigationHeader.NavigationClose4
    {
        display: none;
    }

    .Navigation .NavigationContent.Expander.NavigationClose4
    {
        display: block !important;
    }
}

@media (max-width:400px)
{
    .Navigation .NavigationHeader.NavigationClose4
    {
        display: block !important;
    }
    
    .Navigation .NavigationContent.Expander.NavigationClose4
    {
        display: none;
    }
}
/* Style: Events */
.Events
{
    padding:5px;
    text-align: center;
    font-size: 12px;
}

.EventHeader
{
    font-size: 14px;
    letter-spacing: 3px;
    margin-bottom: 10px;
    color: gray;
}

.EventItem
{
    text-align: left;
    padding-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

.EventItemCountToday,
.EventItemCountTomorrow,
.EventItemCount
{
    font-size: 11px;
    letter-spacing: 2px;
    color: gray;
    text-align: center;
    margin-bottom: 2px;
}

.EventItemCountToday
{
    background-color: #297312;
    color: #FDFD0D;
}

.EventItemCountTomorrow
{
    background-color: #FDFD0D;
    color: #297312;
}

.EventItemDate
{
    font-size: 13px;
    letter-spacing: 1px;
    color: black;
}

.EventItemTitle
{
    font-size: 12px;
    letter-spacing: 1px;
    color: #297312;
}

.EventItemTeam
{
    font-size: 12px;
    letter-spacing: 1px;
    color: black;
}

.EventItemLocation
{
    font-size: 10px;
    color: black;
    display: block;
    letter-spacing: 1px;
    padding-left: 10px;
    text-align: right;
    font-weight: normal;
    float: right;
}

.EventEditLink
{
    display: block;
    text-align: right;
}

.EventEditLink > div
{
    display: inline-block;
    padding: 4px;
    background: white;
    color: #0000FF;
}

.EventEditLink :hover
{
    background: yellow;
}

@media (max-width: 800px)
{
    .EventItem
    {
        padding-top: 2px;
        margin-bottom: 2px;
    }

    .EventItemCount,
    .EventItemCountToday,
    .EventItemCountTomorrow,
    .EventItemDate,
    .EventItemTitle,
    .EventItemTeam
    {
        display: inline-block;
        margin-right: 10px;
        font-size: 11px;
    }

    .EventItemCount,
    .EventItemCountToday,
    .EventItemCountTomorrow
    {
        width: 80px;
    }

    .EventItemLocation
    {
        font-size: 11px;
        display: inline-block;
    }
}

@media (max-width: 500px)
{
}


.EventTable
{
    padding: 8px;
    letter-spacing: 1px;
    font-size: 14px;
}

.EventTable > .EventGroup
{
    padding-bottom: 10px;
}

.EventTable .EventGroup > div:first-child
{
    background-color: #9a9a9a;
    color: black;
    padding: 4px;
}

.EventTable .EventEntry
{
    width: 100%;
    border: 1px solid #9a9a9a;
    margin: 2px;
}

.EventTable .EventEntry td
{
    padding: 4px;
}

.EventTable .EventEntry td:nth-child(1)
{
    font-weight: bold;
}

.EventTable .EventEntry td:nth-child(2) > div:first-child
{
    color: #297312;
    font-weight: bold;
}

.EventTable .EventEntry > div:last-child
{
    padding: 4px;
    text-align: right;
}

/* Style: Sponsors */
.Sponsors
{
    padding:10px;
    text-align: center;
}

.Sponsors > a > img
{
    width: 100%;
    max-width: 400px;
    
}

.Sponsors > div:first-child
{
    font-size: 14px;
    letter-spacing: 3px;
    margin-bottom: 10px;
    color: gray;
}
/* Style: Links */
.Links
{
    text-align: center;
}

.Links > div > a
{
    display: block;
    font-size: 13px;
    letter-spacing: 2px;
    word-spacing: normal;
}

.Links > div > a > span
{
    font-size: 11px;
    color: #888;
    display: block;
}


.Links > div:first-child
{
    padding-top: 10px;
    font-size: 14px;
    letter-spacing: 3px;
    margin-bottom: 10px;
    color: gray;
}

.Links > div:not(:first-child)
{
    padding: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: black;
}

.Links > div:not(:first-child):hover
{
    background-color: #297312;
    color: #FFF;
}
/* Style: Social */
.Social
{
    display: block;
    text-align: right;
}

.Social > div
{
    display: inline-block;
    padding:  4px;
}

.Social > div img
{
    width: 100%;
    max-width: 32px;
    min-width: 32px;
}

.Social > div img:hover
{
    background-color: #297312;
}
/* Style: Info */
.Info
{
    padding:10px;
    text-align: center;
}

.Info > * > img
{
    width: 100%;
    max-width: 400px;
    
}

.Info > div:first-child:not(:empty)
{
    font-size: 14px;
    letter-spacing: 3px;
    color: gray;
}

.NewsTable
{
    margin: 10px;
}

.NewsTable td:last-child
{
    font-size: 15px;
    letter-spacing: 2px;
    color: #297312;
    text-align: left;
}

.NewsTable td:first-child
{
    font-size: 13px;
    letter-spacing: 1px;
    width: 150px;
    display:inline-block;
    text-align: right;
    margin-right: 10px;
}
/* Style: Home */
.HomeNotFound > div
{
    font-size: 12px;
    text-align: justify;
    letter-spacing: 1px;
    word-spacing: normal;
    padding: 4px;
    line-height: 18px;
}

/* Style: News */
.Welcome
{
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    word-spacing: normal;
    padding: 12px;
    padding-bottom: 10px;
    background-color: #EEFFCC;
}

.Welcome > div:first-of-type
{
    font-size: 18px;
    line-height: normal;
    color: #297312;
    padding-bottom: 10px;
}

.Welcome > div:not(:first-of-type)
{
    padding-top: 10px;
}

.NewsEntry
{
    padding-bottom: 30px;
    clear: both;
}

.NewsEntryDateSmallLayout
{
    display: none;
}

.NewsEntryDate
{
    display:table-cell;   
    vertical-align: middle;
    padding-bottom: 6px;
}

.NewsEntryDate > div
{
    background-color: #297312;
    font-family: monospace;
    color: white;
    display: table-cell;
    vertical-align: middle;
    padding: 2px;
}

.NewsEntryDateDay
{
    font-size: 32px;
    line-height: 24px;
    font-weight: bold;   
    padding-top: 4px;
    margin-right: -2px;
}

.NewsEntryDateMonth
{
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;    
    margin-bottom: -2px;
}

.NewsEntryDateYear
{
    font-size: 12px;
    line-height: 12px;
}

.NewsDraft
{
    color: red;
    display: table-cell;
    padding: 16px 5px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
}

.NewsEditBox
{
    display: table-cell;
    padding: 6px 0;
}

.NewsEditBox > a:hover
{
    background: #297312;
    color: white;
}

.NewsEditBox > a
{
    display: block;
    padding: 10px 10px;
    background: yellow;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 2px;
    color: black;
}

.NewsEntryHeader
{
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    width: 99%;
    color: #297312;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 1px;
    word-spacing: normal;
    padding: 12px;
    overflow: hidden;
}

.NewsEntryText
{
    display: block;
    color: black;
    font-size: 13px;
    line-height: 16px;  
    word-spacing: normal;
    letter-spacing: 1px;
    text-align: justify;
}

.NewsEntryText a
{
    color: #0000FF;
}

.NewsEntryText ul,
.NewsEntryText li
{
    margin: 3px;
}

.NewsEntry hr
{
    margin: 10px;
}

.NewsEntryLink
{
    text-align: center;
}

.NewsEntryLink > a
{
    display: inline-block;
    color: #297312;
    letter-spacing: 3px;
    font-size: 12px;
    text-decoration: none;
    padding: 4px;
}

.NewsEntryLink > a:hover
{
    color: white;
    background-color: #297312;
    font-weight: bold;
}

@media (max-width:400px)
{
    .NewsEntryHeader > div
    {
        word-break: break-all; 
    }    
    
    .NewsEntryDate
    {
        display: none;
    }    
    
    .NewsEntryDateSmallLayout
    {
        display: block;        
        text-align: right;
        font-size: 1px;
        word-spacing: -2px;
        letter-spacing: -2px;
    }
    
    .NewsEntryDateSmallLayout > div
    {
        font-size: 14px;
        padding: 4px;
        display: inline-block;
        color: white;
        letter-spacing: normal;
        background-color: #297312;        
    }    
}


/* Style: Team */
.TeamPage
{
    
}

.TeamInfo
{    
    text-align: left;
    padding-bottom: 20px;
}

.TeamSubHeader
{
    background-color: #DDD;
    color: black;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    display: none;
}

.TeamInfoBox > div
{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: normal;
    word-spacing: normal;
    letter-spacing: 1px;
    padding: 12px;
}

.TeamInfoBox > div > div
{
    display: inline-block;
    vertical-align: top;
    min-width: 180px;
}

.TeamInfoBox > div > div:first-child
{
    font-weight: bold;
}

.TeamPicture
{
    padding: 8px;
}

.TeamHalle .TeamHallePicture
{
    padding: 8px;
}

.TeamNames
{
    padding: 4px;
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: center;
}

.TeamNames span
{
    font-size: 11px;
    color: gray;
}

.TeamLigaInfos
{
    font-size: 12px;
    line-height: normal;
    letter-spacing: 1px;
    word-spacing: normal;
    padding: 4px;
}

.TeamLigaInfos > div
{
    margin-top: 10px;
}
/* Style: Impressum */
.Impressum .ImpressumKontakt > div
{
    padding: 12px;
}

/* Style: Kontakt */
.KontaktItem
{
}

.KontaktItem > div
{    
    padding: 12px;
    font-size: 12px;
    line-height: 15px;
    word-spacing: normal;
    letter-spacing: 1px;
}

.KontaktItemName > div:first-child
{
    font-weight: bold;
}

.KontaktItem > div > div
{
    display: inline-block;
    vertical-align: top;
    width: 180px;
}

.KontaktItem > div > div:last-child
{
    width: 220px;
}
/* Style: Spieler */
.Spieler
{
    display: inline-block;
    margin: auto;
}

.SpielerBox
{
    position: relative;
    display: inline-block;
    width: 140px;  
    font-size: 12px;
    word-spacing: normal;
    letter-spacing: normal;
    line-height: normal;
    margin: 20px;
    text-align: center;
}

.SpielerBox > img
{
    width: 100%;
}

.SpielerBox > span
{
    position: absolute;
    top: -4px;
    left: -4px;
    font-size: 16px;
    font-weight: bold;
    color: yellow;
    background-color: #297312;
    padding: 2px;
    width: 26px;
}

.Spieler h3:not(:first-of-type)
{
    padding-top: 40px;
}
/* Style: PictureViewer */
.PictureViewer
{
}

.PictureViewer > h3
{
    padding:10px 4px 10px 4px;
    cursor: pointer;
    overflow: auto;
    background-color: white;
}

.PictureViewer .PictureViewerName
{
    font-size: 18px;
    word-spacing: normal;
    letter-spacing: 1px;
    background-color: silver;
    color: black;
    text-align: center;
    padding: 5px;
}

.PictureViewer > h3:after
{
    content: 'Zurück';
    float:right;
}

.PictureViewer .PictureViewerHeader + div:hover
{
    background-color: #EEE;
}

.PictureViewer .PictureViewerImage > img
{
    width: 100%;
    padding-top: 10px;
}

.PictureViewer .PictureViewerImage
{
    width: 100%;
    text-align: center;
}

.PictureViewerPreview
{
    text-align: center;
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal;
    margin: auto;
    border: 1px solid silver;
  
}

.PictureViewerPreview > div:first-child
{
    font-size: 16px;
    padding: 4px;
    letter-spacing: 1px;
    
}

.PictureViewerPreview > div:last-child
{
    padding: 2px;  
}

.PictureViewerClickText
{
    font-size: 9px;
    color: gray;
    letter-spacing: 1px;
    padding: 1px;
}
/* Style: SFA */
.SFATabelle
{
    text-align: center;
    padding: 4px;
    letter-spacing: 1px;
    font-size: 12px;
    word-spacing: normal;
}

.SFATabelle td
{
    text-align: left;
    padding: 4px;
    font-size: 10px;
    color: gray;
}

@media(max-width: 940px)
{
    .SFATabelle td
    {
        display: none;        
    }
}


.SFATabelle tr td:nth-child(1),
.SFATabelle tr td:nth-child(2),
.SFATabelle tr td:nth-child(3),
.SFATabelle tr td:nth-child(8)
{
    display: table-cell;
    font-size: 12px;
    color: black;
}

.SFALinks > div
{
    text-align: center;
    padding: 4px;
    letter-spacing: 1px;
    font-size: 14px;
    word-spacing: normal;   
}

.SFASource
{
    text-align: center;
    font-size: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    color: silver;
    margin: 10px;
}

.VSSATabelle
{
    text-align: center;
    padding: 4px;
    letter-spacing: 1px;
    font-size: 12px;
    word-spacing: normal;
    margin-top: 10px;
}

.VSSATabelle > table
{
    width: 100%;
}

.VSSATabelle tr th
{
    text-align: right;
    font-weight: normal;
    font-size: 10px;
    color: gray;
}

.VSSATabelle tr td
{
    text-align: right;
    font-size: 12px;
    color: gray;
}

.VSSATabelle tr td:nth-child(8)
{
    padding-left: 10px;
}


@media(max-width: 500px)
{
    .VSSATabelle td,
    .VSSATabelle th
    {
        display: none;
    }
}
.VSSATabelle tr th:nth-child(1),
.VSSATabelle tr th:nth-child(2),
.VSSATabelle tr th:nth-child(3),
.VSSATabelle tr th:nth-child(10)
{
    display: table-cell;
    font-weight: bold;
    padding: 2px;
    font-size: 12px;
    color: black;
}

.VSSATabelle tr td:nth-child(1),
.VSSATabelle tr td:nth-child(2),
.VSSATabelle tr td:nth-child(3),
.VSSATabelle tr td:nth-child(14)
{
    display: table-cell;
    font-size: 14px;
    color: black;
    padding: 4px;
    text-align: right;
}


/* Style: Verein */
.VereinPage
{
    font-size: 12px;
    letter-spacing: 1px;
    word-spacing: normal;
    line-height: 16px;
    text-align: justify;
    overflow: auto;
}

.Download
{
    padding: 8px;
    display: block;
    text-align: left;
}
/* Style: Calendar */
.CalendarDay,
.CalendarDayHighlight
{
    border: 1px solid silver;
    min-height: 97px;
}

.CalendarDayHighlight
{
    border: 1px solid #297312;
}

.CalendarDayText,
.CalendarDayTextHighlight
{
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    text-align: center;
    padding: 2px;
    background-color: #DDD;
}

.CalendarDayTextHighlight
{
    color: #297312;
    font-weight: bold;
    background-color: #FDFD0D;
}

.CalendarEntry
{
    font-size: 12px;
    letter-spacing: 1px;
    padding: 4px;
    background-color: #297312;
    color: #FDFD0D;
    margin: 2px;
}
/* Style: Form */
.DefaultForm
{
    margin: 8px;
    letter-spacing: 1px;
    font-size: 14px;
    padding-bottom: 8px;
}

.DefaultForm label
{
    display: block;
    color: #297312;
    font-size: 14px;
    letter-spacing: 1px;
    padding-bottom: 2px;
}

.DefaultForm input[type="text"],
.DefaultForm input[type="password"]
{
    display: block;
    font-size: 14px;
    width: 100%;
}

.DefaultForm > div
{
    padding-top: 4px;
    padding-bottom: 4px;
}

.DefaultForm .ValidationMessage
{
    color: red;
    letter-spacing: 1px;
    font-size: 14px;
    padding: 2px;
}

.DefaultForm .ExceptionMessage
{
    color: red;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 8px;
}
/* Style: jquery.cleditor */
.cleditorMain {border:1px solid #999; padding:0 1px 1px; background-color:white}
.cleditorMain,
.cleditorPopup,
.cleditorMain * {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
.cleditorMain iframe {border:none; margin:0; padding:0}
.cleditorMain textarea {overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none}
.cleditorToolbar {background: #FAFAFA}
.cleditorGroup {float:left; height:26px}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('/Components/CLEditor/images/buttons.gif')}
.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
.cleditorPopup {border:solid 1px #999; background-color:white; color:#333333; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
.cleditorList div {padding:2px 4px 2px 4px}
.cleditorList p,
.cleditorList h1,
.cleditorList h2,
.cleditorList h3,
.cleditorList h4,
.cleditorList h5,
.cleditorList h6,
.cleditorList font {padding:0; margin:0; background-color:Transparent}
.cleditorColor {width:150px; padding:1px 0 0 1px}
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
.cleditorPrompt {background-color:#F6F7F9; padding:8px; font-size:8.5pt}
.cleditorPrompt label {padding-bottom:8px}
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}