html, body
{
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-family: arial;
    font-size: 12px;
    line-height: 17px;
}

img, .pngfix
{
    behavior: url('/HTCHack/iepngfix.htc');
    border: 0;
}

input
{
    border: 1px solid #A5ACB2;
    margin: 0px;
}

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

/* ############### */
/* ## Headlines ## */
/* ############### */
h3
{
    margin-top: -3px;
    font-size: 16px;
    font-weight: bold;
    font-family: arial;
    color: #333333;
}

h4
{
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    font-family: arial;
    color: #000000;
}

p
{
    margin: 0px 0px 0.75em 0px;
}

/* ############ */
/* ## Layout ## */
/* ############ */
#ServerForm
{
    min-height: 100%;
    height: 100%;
}

#WallpaperCarrier
{
    padding-left: 30px;
    width: 960px;
    background-image: url('/Images/Internet/Wallpaper.jpg');
}

.BlockHeadline
{
    position: relative;
    display: block;
    height: 50px;
    cursor: pointer;
}


#Headimage img
{
    behavior: auto;
}

#HeadTitle img
{
    behavior: url('/HTCHack/iepngfix.htc');
}

#Headimage .BlockHeadline
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 210px;
}

.BlockHeadline img
{
    position: absolute;
    bottom: 7px;
    left: 10px;
}

#MainContainer
{
    padding: 0px 10px 0px 10px;
    background-color: #FFFFFF;
    width: 910px;
}

#Content
{
    padding: 10px 0px 10px 0px;
}

.ContentLeft
{
    float: left;
    width: 240px;
    padding-right: 10px;
    position: relative;
}

.ContentRight
{
    float: right;
    width: 660px;
    position: relative;
}

#Logo
{
    padding: 50px 0px 0px 8px;
}

.PaddingBox
{
    padding: 10px;
}

.PaddingBox img
{
    behavior: auto;
}

.HalfBox
{
    float: left;
    width: 50%;
}

.FormTable td
{
    padding: 4px 0px 4px 0px;
}

.FormTable td div
{
    height: 22px;
    line-height: 22px;
}

.NoBorderInput input
{
    border: 0px;
}


/* ############## */
/* ## Meta-Nav ## */
/* ############## */
#MetaNav
{
    padding: 6px 0px 0px 12px;
    font-family: georgia, helvetica, courier, arial;
    color: #333333;
}

/* ############### */
/* ## Main-Menu ## */
/* ############### */
#Menu
{
    width: 240px;
}

#Menu .MainItem
{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10pt;
    padding: 6px 0px 0px 10px;
    height: 24px;
    border-bottom: 1px white solid;
    display: block;
}

#Menu .BGCRed
{
    background-color: #9D052B;
}
#Menu .BGCOrange
{
    background-color: #EE7F01;
}
#Menu .BGCRose
{
    background-color: #EC9BC4;
}
#Menu .BGCBlue
{
    background-color: #00B2C8;
}
#Menu .BGCGreen
{
    background-color: #B1C903;
}
#Menu .BGCSignalRed
{
    background-color: #DB002A;
}
#Menu .BGCLightOrange
{
    background-color: #F29F43;
}
#Menu .BGCEgg
{
    background-color: #F29F41;
}
#Menu .BGCLightEgg
{
    background-color: #F5B267;
}

#Menu .SubItem
{
    padding: 6px 0px 5px 10px;
}

#Menu .Active
{
    font-weight: bolder;
}

#Menu .BBRed
{
    border-bottom: 2px solid #9D052B;
}
#Menu .BBOrange
{
    border-bottom: 2px solid #EE7F01;
}
#Menu .BBRose
{
    border-bottom: 2px solid #EC9BC4;
}
#Menu .BBBlue
{
    border-bottom: 2px solid #00B2C8;
}
#Menu .BBGreen
{
    border-bottom: 2px solid #B1C903;
}
#Menu .BBSignalRed
{
    border-bottom: 2px solid #DB002A;
}
#Menu .BBLightOrange
{
    border-bottom: 2px solid #F29F43;
}
#Menu .BBEgg
{
    border-bottom: 2px solid #F29F41;
}
#Menu .BBLightEgg
{
    border-bottom: 2px solid #F5B267;
}

#Menu .LastSubItem
{
    border-width: 0px;
}

/* ############ */
/* ## Footer ## */
/* ############ */
.Supporter
{
    border: 1px solid #DB012A;
    width: 658px;
    overflow: hidden;
    margin-top: 50px;
}

#Footer
{
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 30px;
}

#Footer img
{
    position: absolute;
    right: 10px;
    bottom: 2px;
    behavior: url('/HTCHack/iepngfix.htc');
}

.BoxRed img
{
    behavior: url('/HTCHack/iepngfix.htc');
}

/* ########### */
/* ## Fonts ## */
/* ########### */

.ImportantNote
{
    color: #9E052B;
}

.ImportantNote a
{
    color: #9E052B;
    text-decoration: underline;
}

.Red
{
    color: #9D052B;
}
.DarkRed
{
    color: #9E052B;
}
.Orange
{
    color: #EE7F01;
}
.Rose
{
    color: #EC9BC4;
}
.Blue
{
    color: #00B2C8;
}
.Green
{
    color: #B1C903;
}
.SignalRed
{
    color: #DB002A;
}
.LightOrange
{
    color: #F29F43;
}
.Egg
{
    color: #F29F41;
}
.Grey
{
    color: #aaaaaa;
}
.LightEgg
{
    color: #F5B267;
}


/* ########### */
/* ## Boxes ## */
/* ########### */
.InfoBox
{
    padding: 5px 10px 5px 10px;
}

.BoxLightRed
{
    background-color: #F8CCD4;
}
.BoxLightGreen
{
    background-color: #EFF4CD;
}
.BoxLightRose
{
    background-color: #EC9BC4;
}
.BoxLightBlue
{
    background-color: #CCF0F4;
}
.BoxError
{
    background-color: #FF0000;
}

.BoxRed
{
    background-color: #9D052B;
}
.BoxDarkRed
{
    background-color: #9E052B;
}
.BoxOrange
{
    background-color: #EE7F01;
}
.BoxRose
{
    background-color: #EC9BC4;
}
.BoxBlue
{
    background-color: #00B2C8;
}

.BoxLightBlue
{
    background-color: #66D1DE;
}

.BoxGreen
{
    background-color: #B1C903;
}

.BoxLightGreen
{
    background-color: #D0DF68;
}

.BoxSignalRed
{
    background-color: #DB002A;
}
.BoxLightOrange
{
    background-color: #F29F43;
}
.BoxEgg
{
    background-color: #F29F41;
}
.BoxLightEgg
{
    background-color: #F5B267;
}

/* ##################### */
/* ## UnderlinedBoxes ## */
/* ##################### */
.UnderlinedBoxRed
{
    border-bottom: 5px solid #9D052B;
}
.UnderlinedBoxDarkRed
{
    border-bottom: 5px solid #9E052B;
}
.UnderlinedBoxOrange
{
    border-bottom: 5px solid #EE7F01;
}
.UnderlinedBoxRose
{
    border-bottom: 5px solid #EC9BC4;
}
.UnderlinedBoxBlue
{
    border-bottom: 5px solid #00B2C8;
}
.UnderlinedBoxGreen
{
    border-bottom: 5px solid #B1C903;
}
.UnderlinedBoxSignalRed
{
    border-bottom: 5px solid #DB002A;
}
.UnderlinedBoxLightOrange
{
    border-bottom: 5px solid #F29F43;
}
.UnderlinedBoxEgg
{
    border-bottom: 5px solid #F29F41;
}
.UnderlinedBoxLightEgg
{
    border-bottom: 5px solid #F5B267;
}

/* #################### */
/* ## Simple-Borders ## */
/* #################### */
.BorderRed
{
    border: 1px solid #9D052B;
}
.BorderDarkRed
{
    border: 1px solid #9E052B;
}
.BorderOrange
{
    border: 1px solid #EE7F01;
}
.BorderRose
{
    border: 1px solid #EC9BC4;
}
.BorderBlue
{
    border: 1px solid #00B2C8;
}
.BorderGreen
{
    border: 1px solid #B1C903;
}
.BorderSignalRed
{
    border: 1px solid #DB002A;
}
.BorderLightOrange
{
    border: 1px solid #F29F43;
}
.BorderEgg
{
    border: 1px solid #F29F41;
}
.BorderLightEgg
{
    border: 1px solid #F5B267;
}

/* ################# */
/* ## Row-Borders ## */
/* ################# */
.RowBorderBlack
{
    border-left: 5px solid #000000;
}
.RowBorderRed
{
    border-left: 5px solid #9D052B;
}
.RowBorderDarkRed
{
    border-left: 5px solid #9E052B;
}
.RowBorderOrange
{
    border-left: 5px solid #EE7F01;
}
.RowBorderRose
{
    border-left: 5px solid #EC9BC4;
}
.RowBorderBlue
{
    border-left: 5px solid #00B2C8;
}
.RowBorderGreen
{
    border-left: 5px solid #B1C903;
}
.RowBorderEmpty
{
    padding-left: 5px;
}
.RowBorderSignalRed
{
    border-left: 5px solid #DB002A;
}
.RowBorderLightOrange
{
    border-left: 5px solid #F29F43;
}
.RowBorderEgg
{
    border-left: 5px solid #F29F41;
}
.RowBorderLightEgg
{
    border-left: 5px solid #F5B267;
}

/* ############## */
/* ## NewsData ## */
/* ############## */
.News
{
    padding: 16px 20px 7px 13px;
    border-bottom: 5px solid #B1C903;
}

.News .Date
{
    font-weight: bolder;
}

.News .Headline
{
    font-size: 14px;
    font-weight: bolder;
    padding-top: 2px;
}

.News .Text
{
    margin: 0px;
}

.News .Text img
{
    behavior: auto;
}

.News .bold
{
    font-weight: bold;
    margin-top: 5px;
}

/* ############# */
/* ## Headers ## */
/* ############# */
.Header
{
    padding: 6px 13px 0px 13px;
    font-weight: bolder;
    color: white;
    height: 24px;
}

.Header .TopAnchor
{
    color: #FFFFFF;
}

/* ######################## */
/* ## Class descriptions ## */
/* ######################## */
.ClassDescription
{
    padding: 11px 20px 10px 13px;
}

.ClassDescription .Docent
{
    font-weight: bolder;
}

.ClassDescription .Title
{
    padding-top: 4px;
    font-size: 14px;
    font-weight: bolder;
}

.ClassTypeSelector
{
    width: 25%;
    border-right: 10px white solid;
}

.CTSLast
{
    border-width: 0px;
}

/* ######################## */
/* ## Prof descriptions ## */
/* ######################## */
.ProfDescription
{
    padding: 8px 20px 17px 13px;
}

.ProfDescription .Docent
{
    font-weight: bolder;
}

.ProfDescription .Title
{
    padding-top: 4px;
    font-size: 14px;
    font-weight: bolder;
}

/* ############# */
/* ## Buttons ## */
/* ############# */

.RegisterButton
{
    width: 240px;
    height: 20px;
    background-image: url('/Images/Internet/Labels/RegisterInstantly.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    cursor: pointer;
}

.QueueButton
{
    width: 190px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    cursor: pointer;
}

.QueueButtonBlue
{
    background-image: url('/Images/Internet/Labels/QueueBlue.png');
}

.QueueButtonRed
{
    background-image: url('/Images/Internet/Labels/QueueDarkRed.png');
}

.QueueButtonGreen
{
    background-image: url('/Images/Internet/Labels/QueueGreen.png');
}

.QueueButtonOrange
{
    background-image: url('/Images/Internet/Labels/QueueOrange.png');
}

.AnnounceQueueButton
{
    width: 190px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    cursor: pointer;
}

.AnnounceQueueButtonBlue
{
    background-image: url('/Images/Internet/Labels/AnounceQueueBlue.png');
}

.AnnounceQueueButtonRed
{
    background-image: url('/Images/Internet/Labels/AnounceQueueDarkRed.png');
}

.AnnounceQueueButtonGreen
{
    background-image: url('/Images/Internet/Labels/AnounceQueueGreen.png');
}

.AnnounceQueueButtonOrange
{
    background-image: url('/Images/Internet/Labels/AnounceQueueOrange.png');
}

.RegisterBigButton
{
    width: 240px;
    height: 30px;
    background-image: url('/Images/Internet/Labels/Register.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    cursor: pointer;
}

.AddToQueueButton
{
    width: 240px;
    height: 30px;
    background-image: url('/Images/Internet/Labels/AddToQueue.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    cursor: pointer;
}

.CancelRedButton
{
    width: 240px;
    height: 30px;
    background-image: url('/Images/Internet/Labels/CancelRed.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    cursor: pointer;
}

.ContinueButton
{
    width: 240px;
    height: 30px;
    background-image: url('/Images/Internet/Labels/Continue.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    cursor: pointer;
}

.ConfirmButton
{
    width: 240px;
    height: 30px;
    background-image: url('/Images/Internet/Labels/Confirm.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    cursor: pointer;
}

.ChangeRedButton
{
    width: 240px;
    height: 30px;
    background-image: url('/Images/Internet/Labels/ChangeRed.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    cursor: pointer;
}

.PrintRedButton
{
    width: 240px;
    height: 30px;
    background-image: url('/Images/Internet/Labels/PrintRed.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    cursor: pointer;
}

/* ############# */
/* ## Logo    ## */
/* ############# */
img.header_logo
{
    border: none;
}

/* ############# */
/* ## Imprint ## */
/* ############# */

.imprint
{
    line-height: 17px;
    padding: 10px 0 10px 10px;
}

.imprint .headline
{
    font-weight: bold;
}

.imprint .left
{
    float: left;
    width: 319px;
    margin: 0 0 0 0;
}

.imprint .right
{
    float: left;
    margin: 0 0 0 12px;
    width: 319px;
}

/* ################# */
/* ## ContactForm ## */
/* ################# */

.ContactFormBox
{
    width: 360px;
    height: 223px;
    margin-top: 40px;
    padding: 10px 0 0 0;
    background-color: #CCF0F4;
}

.RequiredFieldIndicatorBox
{
    width: 13px;
}

.RequiredFieldIndicator
{
    width: 5px;
    background-color: #00B2C8;
}

.ContactField
{
    width: 132px;
    text-align: left;
    padding: 2px 0px 0px 0px; /* ### DO NOT REMOVE THIS ENTRY ### */
    height: auto; /* ### ======================== ### */
}

.ContactFormSendMail
{
    width: 360px;
    text-align: right; /*position: relative; 	top: 10px;*/
    margin-top: 10px;
}

.ContactAddressBox
{
    margin: 38px 0 0 12px;
    float: left;
    clear: right;
}

sup
{
    vertical-align: top;
    font-size: 1.1em;
    line-height: 100%;
    margin-right: 5px;
    margin-left: 0px;
}

/* ################## */
/* ## RegisterForm ## */
/* ################## */

.RFTitleSelector td, .RFGenderSelector td
{
    padding: 0px;
    border-spacing: 0px;
}

.RFTitleSelector tr td input, .RFGenderSelector tr td input
{
    border: 0px;
}

.RFGenderSelector tr td
{
    width: 100px;
}

.RFTitleSelector tr td
{
    width: 20%;
}

.RFShortInput
{
    width: 50px;
}

.RFMediumInput
{
    width: 140px;
}

.RFLongInput
{
    width: 203px;
}

.RFShortSelect
{
    width: 51px;
    width: expression('52px');
}

.RFLongSelect
{
    width: 85px;
}

/* ################################ */
/* ## Print Register Information ## */
/* ################################ */

.PrintOutline
{
    /*width: 648px;*/
    width: 741px;
    margin-left: 0px;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.5em;
    font-size: 12px;
}

.PrintOutline .AddressTeilnehmer
{
    /*width: 60%;*/
    width: 474px;
    font-weight: bold; /*margin-top: 30px;*/
    float: left;
}

.PrintOutline .AddressTeilnehmer .AddressTopLeft
{
    display: block;
    margin-bottom: 18px;
}

.PrintOutline .AddressJu
{
    float: left;
}

.PrintOutline .Subject
{
    float: left; /*width: 60%;*/
    width: 474px;
    margin-top: 30px;
    font-weight: bold;
    font-size: larger;
}

.PrintOutline .Date
{
    float: left;
    text-align: left;
    margin-top: 30px;
}

.PrintOutline .Greeting
{
    clear: both;
    display: block;
}

.PrintOutline .TextIntro
{
    margin-top: 10px;
}

.PrintOutline .TextDynamic
{
    margin-top: 10px;
}

.PrintOutline .TextOutro
{
    margin-top: 10px;
}

.PrintOutline .Footer
{
    width: 100%;
    margin-top: 50px; /*margin-top: 180px;*/
}

.PrintOutline div p
{
    margin-top: 18px;
}

/* ################ */
/* ## Start-Page ## */
/* ################ */
.AgeSelection
{
    color: #FFFFFF;
    padding: 3px 6px;
    border: 1px white solid;
    margin-bottom: 5px;
    cursor: pointer;
    font-weight: bold;
}

.NewsNumHint
{
    cursor: pointer;
    margin: -1px 4px 0px 4px;
    width: 19px;
    height: 20px;
    float: right;
    text-align: center;
    background-color: #DB002A;
    border: 1px #DB002A solid;
}

.NewsNumHintActive
{
    cursor: pointer;
    margin: -1px 4px 0px 4px;
    width: 19px;
    height: 20px;
    float: right;
    text-align: center;
    background-color: #DB002A;
    border: 1px #FFFFFF solid;
}

#ContainerFader
{
    width: 100%;
    position: relative;
    top: -60px;
}

#ContainerFader #RedEdge
{
    padding-left: 13px;
}

#SlideItemContainer
{
    position: absolute;
    left: 291px;
    top: 1px;
    color: #FFFFFF;
    font-weight: bolder;
}

/* ################ */
/* ##   Galerie  ## */
/* ################ */

.GalerieKat
{
    background-color: #F7F9E5;
    width: 640px;
    margin-bottom: 10px;
    padding: 10px;
}

.GalerieKat .Headline
{
    font-size: 16px;
    font-weight: bold;
}

.GalerieKat .Subcats
{
    font-style: italic;
    font-size: 12px;
}

.GalerieKat .Subcats a
{
    text-decoration: underline;
}

.GalerieKat .Galerie
{
    width: 310px;
    float: left;
    margin-top: 10px;
    position: relative;
    padding-right: 10px;
}

.GalerieKat .Galerie img
{
    float: left;
    padding-right: 10px;
}

.GalerieKat .Galerie .Date
{
    font-size: 11px;
}

.GalerieKat .Galerie .Name
{
    font-weight: bold;
}

.GalerieKat .Galerie .Continue
{
    position: absolute;
    top: 75px;
}

.GalerieKat .Galerie .Continue a
{
    color: #B1C903;
    font-weight: bold;
}

#GalerieBreadcrumb
{
    text-transform: uppercase;
    font-size: 11px;
    margin: 10px 0px 10px 10px;
}

#GalerieBreadcrumb a
{
    text-decoration: underline;
}

/* Font-Sizer Specific Styling */

#fontsizer
{
    float: right;
}

.fsizer
{
}
/* Container element */

.fsizer a
{
    display: block;
    float: left;
    width: 20px;
    margin-right: 5px;
    text-align: center;
    border: 1px dotted #ccc;
    color: #5761a0;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 100%;
}
.fsizer a:hover
{
    text-decoration: none;
    background: #ebebeb;
}

/* Three 'A' links used to control size */

.fsizer a#fs_sml
{
    font-size: 10px;
    height: 15px;
    padding-top: 4px;
    padding-bottom: 1px;
}
.fsizer a#fs_med
{
    font-size: 12px;
    height: 17px;
    padding-top: 3px;
}
.fsizer a#fs_lrg
{
    font-size: 16px;
    height: 18px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.fsizer a.fsactive
{
    color: #000;
    background: #ebebeb;
    cursor: default;
}
/* When mode is active */

div#raffleContainer
{
    width: 300px;
    position: absolute;
}

div#raffleContainer input[type="text"], #innerContainer textarea
{
    border: 1px solid #CDCDCD;
    width: 270px;
}

div#raffleContainer textarea
{
    border: 1px solid #CDCDCD;
    height: 100px;
    width: 270px;
    font-family: arial;
    font-size: 12px;
}

div#raffleContainer .submitButton
{
    border: 1px solid #CDCDCD;
    display: block;
    margin-top: 10px;
    padding: 5px;
    position: relative;
    width: 60px;
}

div.bubbleContent
{
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    padding: 0 10px 10px;
    background-color: #FFFFFF;
}

div.bubbleContent input
{
    width: 90%;
}

div.bubbleContent textarea
{
    width: 90%;
}

.formError
{
    border: 1px solid red !important;
}