/* Minification failed. Returning unminified contents.
(76,22): run-time error CSS1019: Unexpected token, found ' '
(76,22): run-time error CSS1019: Unexpected token, found ' '
(76,22): run-time error CSS1027: Expected semi-colon or close brace, found ' '
(97,26): run-time error CSS1019: Unexpected token, found ' '
(97,26): run-time error CSS1019: Unexpected token, found ' '
(97,26): run-time error CSS1027: Expected semi-colon or close brace, found ' '
(249,29): run-time error CSS1019: Unexpected token, found ' '
(249,29): run-time error CSS1019: Unexpected token, found ' '
(249,29): run-time error CSS1027: Expected semi-colon or close brace, found ' '
 */
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

@font-face {
    font-family: "SignaCond";
    src: url("fonts/ff_signa_web_pro_condensed/SignaCompPro-CondLight.ttf");
    font-weight: normal;
}

@font-face {
    font-family: "SignaCondBook";
    src: url("fonts/ff_signa_web_pro_condensed/SignaCompPro-CondBook.ttf");
}

html,
button,
input,
select,
textarea {
    color: #222;
}

html, body {
    height: 100%;
    margin: 0;
  }


::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 1em/1.4em "Arial", "Helvetica", "Helvetica Neue", sans-serif ;    
    padding: 0px; margin: 0px;
    overflow-x: hidden;
}

 .header3d {
  width: calc(1000% - 12px);
  min-height: 21px;
  height: 21px;
  position: absolute;
  background: #494b53;
  top: -28px;
  left: -1000%;
  display: block;
  z-index: 1040;
  transform: skewX(-45deg);

  }

.header3d-container {
  position: relative;
  margin-left: -1px;
}

.header-content-title-wrapper::before {
  content: " ";
  width: 20px;
  min-height: calc(100% - 84px);
  position: absolute;
  background: #7897ad;
  /*background: #b26f05;*/
  -webkit-transform: skew(0deg, -45deg);
  -ms-transform: skewX(0deg) skewY(-45deg);
  transform: skew(0deg, -45deg);
  top: 93px;
  left: 40%;
  display: block;
  z-index: 0;
  display: none;
}


.header-content-title-wrapper {
  background: #9cbdd5;
  width: 100%;
  height: 60px;
  top: -27px;
  position: relative;
  left: -23px;
}

.headercontent-wrapper-left-bg {
  width: 100%;
  min-height: 100%;
  position: absolute;
  background: #9cbdd5;
  top: -8px;
  left: -101.9%;
  display: block;
  z-index: 0;
  
}

.headercontent-wrapper-right-bg {
  width: 100%;
  min-height: 100%;
  position: absolute;
  background:#9cbdd5;
  top: -27px;
  left: 32.1%;
  display: block;
  z-index: 0;
}

.header-content-title-wrapper::before {
  content: " ";
  width: 20px;
  min-height: calc(100%);
  position: absolute;
  background: #7897ad;
  -webkit-transform: skew(0deg,-45deg);
  -ms-transform: skewX(0deg) skewY(-45deg);
  transform: skew(0deg,-45deg);
  top: 9px;
  left: 0;
  display: block;
  z-index: 1;
}

.headercontent-wrapper {
  position: relative;  
}


.header-content-title-wrapper h3 {
  padding-left: 2.9rem;
  color: white;
  font-family: "SignaCond";
  line-height: 3.8rem; 
  margin-top: 0px;  
  font-size: 1.6rem;
  font-weight: normal;
}

.container { overflow-x: hidden;}

.headernav { height: 110px;}    


h2 {font-family: "SignaCond"; color: #7998b0; margin-left: 0.4em !important; font-weight: normal; font-size: 1.8em;}  
  
.headernav { height: 110px;}  

.container{ min-width: 320px; min-height: 100%;}
.wrapper, .footer-wrapper{  margin: 0 auto; max-width: 1170px; min-width: 320px; }
.wrapper{margin-bottom: 1.5em}
.footer-wrapper {background: #494b53;}
#footer-container {clear:both;}
header { background-color: #494b53; color: #fff; position:relative;}
.campus_logo {text-indent: -9999px; background: url(images/campus_logo.png) left top no-repeat; height: 95px; display: block;width: 320px;  background-size: contain; margin-top: 6px; margin-left: 5px;}

@media only screen and (max-width: 992px) {
  #main {padding-top: 1.5em;}
  .campus_logo {margin-left: 0px; height: 80px; margin-top: 12px;}
  .lang {line-height: normal !important;padding-top: 0px !important; height: auto !important; position: absolute !important; right: 0px !important; top: 35px !important; }
}


#lg_fhCampus{position: absolute; top:40px; text-indent: -9999px; background: url(images/campus_logo.png) left top no-repeat; height: 80px; display: block;width: 320px;  background-size: contain;}


/* Footer */
/*footer div, footer nav { margin: 10px 0 0;}*/
footer a , footer nav a { text-decoration: underline;} 

#footer-container{ background-color: #494b53; color: #fff; width: 100%; min-width: 320px;}
#footer-container footer { max-width: 1397px;  font-size: 0.9em; margin: 0 auto; padding: 23px 20px 9px;}
#footer-container nav { margin-top: 16px;}
#footer-container nav ul li{ margin-right: 10px;}
#footer-container nav ul li:last-child { margin-right: 0;}
#footer-container footer a{ color: #fff; text-decoration: none;}


.main-container { margin: 0 20px; position:relative;}
.mobile.half{display: inline-block;width:49%;}
.mobile.half.left{margin-right:1%;}
.mobile.half.right{margin-left:1%;}



.half.left {
    margin-right: 1%;
}

footer .half {
    width: 33%;
}

.half {
    display: inline-block;
    width: 49%;
}

footer .half.right {
    margin-left: 1%;
    margin-right: 1%;
}
footer .half {
    width: 33%;
}

#footer-container nav {
    margin-top: 0;
    display: inline-block;
    text-align: left;
}


.content {
    min-height: calc(100vh - 373px);
  }

#footer-container {
    height: 131px;
    font-family: "SignaCond";
}





h1, h2, h3, h4, h5, p, ol, ul{ margin: 0; padding: 0;}

ul, ol { list-style-type: none;}

a { color: #92b6d1 ; text-decoration: none; }
a:hover { text-decoration: underline; }

address{ font-style: normal; }

footer{ font-size: 0.8em; line-height: 1.57em; }

input { color: #000; font-family: "Lucida Grande", Verdana, serif; border: solid 1px #7897ae; font-size: 0.75em; padding: 6px; margin-right: 4px;  }

/*select { border: solid 1px #7897ae; height: 27px; width: 100%; color: #000; font-family: "Lucida Grande", Verdana, serif; font-size: 0.75em; display: block;  padding: 6px; 
 border-radius: 0; background: #fff url(images/bg_select.png) no-repeat right; -webkit-appearance: none; padding-right: 35px; position: relative; z-index: 1;}
*/
label { font-size: 0.9em; }

table { margin-bottom: 1em; border-spacing: 1px; }
form table{ width: 100%;}
form input { max-width: 250px; display: block; }
form button, form input[type="submit"] { cursor: pointer; }
form input[type="radio"] { width: auto; margin: 0 auto;min-width: 0;border: none; cursor: pointer; }

/*form input[type="checkbox"] {display: inline; width: auto; min-width: 0; margin-right: 5px;}*/
/*form input[type="number"] {display: inline; width: 60px; text-align: right; min-width: 0; margin-right: 5px;}*/
form .label {  padding-top: 11px; }
form .input { padding-top: 8px; ;}



/* ==========================================================================  */
/* BILDER PNG & SVG */

#lg_ob{ background: #92b6d1 bottom left no-repeat; background-image: url(images/lg_ob.png); position: absolute; left: 155px; top: 0;}
html.svg #lg_ob{ background-image: url(images/lg_ob.svg); }

#lg_fhCampus{ background: top left no-repeat; background-image: url(images/FHCampusWien_Logo.png); float: left; height: 100%; width: 149px; margin-right: 5px; text-indent: -9999px; }
html.svg #lg_fhCampus{ background-image: url(images/FHCampusWien_Logo.svg); }

#university{ background: no-repeat; background-image: url(images/txt_university.png); min-width: 211px; 
    font-size: 0.7em; line-height: 1.2em; text-transform: uppercase; text-indent: -9999px;}
html.svg #university{ background-image: url(images/txt_university.svg); }


/* ==========================================================================  */
/* CONTAINER */
#box{  margin: 5px auto 0; }

#content-box { position: relative; z-index: 0; float: left; min-width: 306px; width: 95.5%; background: #fff no-repeat; background-image: url(images/flag_top.png); padding-left: 16px; /*margin-bottom: 15px;*/
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    2px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow:         2px 2px 2px rgba(0, 0, 0, 0.3);}

html.svg #content-box{ background-image: url(images/flag_top.svg);}

.header-container header {  height: 66px; margin: 19px 0 3px; overflow: hidden; position: relative; margin-right: 1.25%;}

.main-container{ background-image: url(images/flag_cont_bg.png); background-repeat: repeat-y; margin: 0 0 0 -16px; padding: 16px 0 12px 16px; min-height: 350px;}


h2.header_bg {  color: #fff; background-color: #92b6d1;  float: left; min-width: 109px; max-width: 149px;
    text-indent: -9999px; min-height: 42px; height: 100%; margin-right: 5px;
    -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;  -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

/* Bl�cke */
.main-center, .main-left, .aside {margin: 0 1.25% 1em; }


.content-box{ margin-top: -36px; padding: 80px 1em 5px 5px; position: relative; z-index: 1;}
.aside .content-box{  background: #fff; border: solid 1px #7897AE; }
/* .main-left .content-box, .main-center .content-box{  background: #F8F8F7; border: solid 1px #f0f0f0;  } */

/* Login */
#loginpage{ max-width: 450px;}

/* Bewerbung */
#statuspage .main-left table tr td:first-child{font-weight: bold;}
#statuspage .main-left table tr td{padding-bottom: 0.3em;}
th { font-weight: normal; padding: 7px 5px;  font-size: 0.95em; }
#statuspage .label { width: 200px;}


/* Termine */
.termin-content{ margin-left: 0px; font-size: 0.9em; }
#main ul li {margin-bottom: 1em;}
.hinweis{font-size: 0.8em;font-style: italic;word-break: normal;}
.red {color:red;} 

/* Zusatztext */
#main .zusatztext{ font-size: 0.9em;  }
#main .zusatztext ul {padding: 30px; list-style-type: circle; }
#main .zusatztext li { padding: 0px; margin: 0px;}


/* ==========================================================================  */
/* �berschirften */
.flag_bg { height: 51px; position: relative; z-index: 3;  background: white; border: 1px solid #7897AE;}
/*html.svg .flag_bg { background-image: url(images/bg_h2.svg); }*/

.flag_bg h3 {position: relative; height: 40px;  margin-left: 10px; color: #7998b0; font-weight: normal; font-family: "SignaCond"; line-height: 3em;}

#login{ background-image: url(images/txt_anmelden.png); }
html.svg #login{ background-image: url(images/txt_anmelden.svg); }

#status{  background-image: url(images/txt_bewerbung.png);  }
html.svg #status{ background-image: url(images/txt_bewerbung.svg); }

.termin-box {padding: 60px 0.5em 5px 10px;}
#terminliste h4 {word-break: break-word;}

/*#termine{ background-image: url(images/txt_termine.png); }
html.svg #termine{ background-image: url(images/txt_termine.svg); }*/

h4{ font-size: 0.95em;}


/* ==========================================================================  */
/* BUTTONS */
button, input[type="submit"] { background: #92b6d1 center center no-repeat; color: #fff; min-width: 135px; text-transform: uppercase; font-size: 0.8em;
    height: 35px; margin: 0 auto; text-align: center; text-indent: -9999px; margin: 0;
    border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

/*#btn_anmelden { background-image: url(images/btn_anmelden.png); margin-top: 10px; width: 100%;}
html.svg #btn_anmelden{  background-image: url(images/btn_anmelden.svg); margin-top: 15px; }*/
#btn_anmelden { text-indent: 0px; font-size: 15px; margin-top: 10px; width: 100%;}


.logout { margin: 0.5em 1.25%; padding: 0 0.5em; text-decoration: underline; float: right; color:#FFFFFF;}

.langchooser { margin: 0.5em 1.25%; padding: 0 0.5em; text-decoration: underline; float: right; color:#FFFFFF;}

.testing { margin: 0.5em 1.25%; padding: 0 0.5em; color:red; float: right;}

/* ==========================================================================  */
/* Footer */

.footer-container{ position: relative; z-index: 2;  padding: 15px 16px 0 ; background: left top no-repeat;background-image: url(images/flag_bottom.png); }
html.svg .footer-container { background-image: url(images/flag_bottom.svg); }

.footer-container footer { padding-left: 3.1%; }
.footer-container footer div { margin: 10px 0 0;}
.footer-container footer nav a { text-transform: uppercase; }
.footer-container footer nav ul li{ margin-right: 10px; display: inline;}

.footer-container footer div a { color: #7897ae; }



/* ==========================================================================  */
/* Termine */


.termine-content { margin-bottom: 2em; }
.termine-content table {text-align: center; margin: 1em 0 0.3em;}
.termine-content th{ background-color: #92b6d1; color: #fff;}
.termine-content th, td{ padding: 2px 8px;}
.termine-content th a{ color: #fff; text-decoration: none; font-weight: normal; }
.termine-content td{ font-size: 0.9em;}
.termine-content a{ cursor: pointer;}
.termine-content p{ font-weight: bold;}

/*.termine-content button{ background-image: url(images/btn_speichern.png);width: 100%; height: 32px;  }
html.svg .termine-content button{  background-image: url(images/btn_speichern.svg);  }*/
.termine-content button{ text-indent: 0px; font-size: 15px; width: 100%; height: 32px;  }


.webgrid-row-style:nth-child(odd) { background-color: #E6E6E6;}

/* ==========================================================================  */
/* CLASSES STYLE */

.br { display: block;}
.clear { clear: both !important; height: 0 !important; min-height:0 !important;}
.strong{ font-weight: bold; }
.error { font-size: 0.8em; line-height: 1.3em; color: #7a7a7a; padding-top: 5px;}




/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin: 0;
    padding: 0;
}

nav a {
    /*display: block;*/
    text-decoration: none;
    font-weight: bold;
    color: #6b6b6b;
}

nav a:hover,
nav a:visited {
    color: #7897ae;
}

#main aside {
    color: white;
}

.footer-container footer {
    color: #6b6b6b;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 320px) {
     /*body{ background: yellow; }*/
    #lg_ob { width: 220px;}

    #lg_fhCampus{  min-width: 145px; }

}



@media only screen and (min-width: 480px) {
   /*body{ background: green; }*/
    input {width: 95%;}
    button, input[type="submit"]{min-width: 162px;}
   #btn_anmelden { min-width: 162px;}
    .logout { float: none; position: absolute; top: 19px; right: 0.5em;  text-decoration: underline; color:#FFFFFF;}

    .langchooser { float: none; position: absolute; top: 19px; right: 7em;  text-decoration: underline; color:#FFFFFF;}

    .testing { float: none; position: absolute; top: 19px; right: 14.5em;  color:red;}
    form input { min-width: 152px;}

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    .oldie nav a {
        margin: 0 0.7%;
    }
}

@media only screen and (min-width: 768px) {

    /*body{     background: blue; }*/

    #box{ max-width: 1188px; margin-top: 30px; }
    .main-container { min-height: 450px;}

    .main-left { float: left; width: 70%; margin: 0 0 1em 1.25%;}
    .aside { float: right; width: 26.2%; margin: 0px 1.25% 1em;    
     -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
     word-break: break-all; -ms-word-break: break-all; }
    
  

    .footer-container footer { padding-left: 2.1%; }
    .footer-container footer div { margin-top: 0 ; } 
    .footer-container footer nav ul li { display: block;}

    footer .col_one, footer .col_two, footer .col_three{ float: left; margin: 0 15px !important; }

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }

/* ============
    WIDE: Main
   ============ */

    #main article {
        float: left;
        width: 57%;
    }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

@media (min-width: 481px) and (max-width: 767px) {
  .headercontent-wrapper-right-bg {   
    left: 70.1%;    
  }
  #statuspage .main-left table tr td {
	    padding-bottom: 0.3em;
	    vertical-align: text-top;
	}
}



@media (min-width: 320px) and (max-width: 480px) {

  .headercontent-wrapper-right-bg {   
    left: 70.1%;    
  }

  .header-content-title-wrapper h3 {
	    padding-left: 2.9rem;
	    color: white;
	    font-family: "SignaCond";
	    line-height: 4rem;
	    margin-top: 0px;
	    font-size: 1.3rem;
	    font-weight: normal;
	}

	.logout {
	    margin: 0.5em 1.25%;
	    padding: 0 0.5em;
	    text-decoration: underline;
	    float: right;
	    position: absolute;
	    top: 10px;
	    right: 5px;
        color:#FFFFFF;
	}

    .langchooser {
	    margin: 0.5em 1.25%;
	    padding: 0 0.5em;
	    text-decoration: underline;
	    float: right;
	    position: absolute;
	    top: 10px;
	    right: 5px;
        color:#FFFFFF;
	}

	 .testing {
	    margin: 0.5em 1.25%;
	    padding: 0 0.5em;
	    color: red;
	    float: right;
	    position: absolute;
	    top: 45px;
	    right: 5px;
	}

	footer .half.right {
	    margin-left: 1%;
	    margin-right: 1%;
	    float: right;
	}

	#statuspage .main-left table tr td {
	    padding-bottom: 0.3em;
	    vertical-align: text-top;
	}



}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.1in;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}