/*
 * CSS Design1 fuer template1
 *
 */

*{
  margin:0;
}

html{
  min-height:100.2%;
}

body{
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:12px;
  line-height:16px;
  margin:0px;
  padding:0px;
  height:100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
  background-color:#f9f9f9;
}


a{
  text-decoration:none;
}

p{
  padding: 8px 0 8px 0;
}

#site{
  width:980px;
  margin: 8px auto; /* Div soll zentriert werden */
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height: auto !important; /* Important Regel für moderne Browser */ 
  height: 100%; /* Mindesthöhe für den IE */
  position: relative;
}


#wrapper{
  width:980px;
}

/********************************/
/* Alle Head Css Styles */
/********************************/

#header {
  float: left;
  width: 980px;
  background-repeat: no-repeat;
}


/*header languages*/

#header .languages{
  margin-left:24px;
  height: 14px;
  line-height: 10px;
  font-size: 10px;
}

#header .select_language {
  margin: 0px;

/*Achtung! color to change!*/
border-left: 1px solid #E8E8E8; 
border-right: 1px solid #E8E8E8;
}

#header .languages a{
/*Achtung! color to change!*/
color: #000000;
  padding: 0px 15px;
  margin: 0px;

}


.tools{  
  float:right;
  height:30px;
  margin-top:15px;
  margin-right:20px;
  font-size:14px;
  -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; /*mozilla, safari, Opera*/
  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
}

 /*shared styles*/
.tools #accessibility, .tools #languages, .tools #searchfield, .tools #login_button {
  float:left;
  margin-left:15px;
  margin-top:7px;
}

.tools #accessibility .switch_off img{
  border:1px solid;
  margin-right: 5px;
  padding:1px;
}

.tools #accessibility .switch_on img{
  border:none;
  margin-right:4px;
  padding:2px;
}


/* header suche*/
.tools #searchfield {
  height: 24px;
}
.tools #searchfield input {
  width: 110px;
  margin-top:-3px;
}
.tools #searchfield input.submit {
  cursor:pointer;
  width:63px;
  height:21px;
  margin-right:7px;
  border:2px outset;
  
}




/*header login*/

#login_area{
  float:left;
  font-size:10px;
  height:14px;
  line-height:10px;
  margin-left:4px;
}

#login_area .login_button {
  background:url("../../img/buttons/login.png") no-repeat scroll 35px 0 transparent;
  cursor:pointer;
  margin-right:40px;
  margin-left: 4px;
  margin-top: 2px;
  width:60px;
  height: 14px;
}

#login_area .login_button span{
  color: #000;
  cursor: pointer;
}



/** logout style */

#login_area .logout_button {
  margin-top:-2px;
  background:url("../../img/buttons/logout.png") no-repeat scroll 40px 2px transparent;
  cursor:pointer;
  margin-right:40px;
}

#login_area .logout_button span {
  margin-left: 28px;
  color: #000;
}

#login_area .logout_button input{
  background-color: transparent;
  border-color: transparent;
  cursor:pointer;
  padding:0px;
  font-size: 10px;
  color: #000;
}





/* pre-header login form*/

#login_form {
  height:0px;
  overflow:hidden;
  margin-bottom:-3px;
  
  transition: all 1s linear;
  -moz-transition: all 1s linear; /* Firefox 4 */
  -webkit-transition: all 1s linear; /* Safari and Chrome */
  -o-transition: all 1s linear; 
}

#login_form .login_action {
  padding:5px 20px;
  background-color: black;
  text-align: right;
  color: #EEEEEE;  
}

#login_form .login_action a{
  color: #EEEEEE;
  margin:12px;
  text-decoration:underline;
}

#login_form .login_action a:hover{
  color:#FFFFFF;
}

#login_form .login_action input{
  width: 100px;
  margin-right: 25px;
  background-color:#291C06;
  border:1px solid #A4721B;
  color:#EEEEEE;
  margin-right:0.5em;
  vertical-align:middle;
  height:12px;
}

#login_form .login_action input#login_permanent {
  margin-left: -1px; margin-right:5px; margin-top:1px;
  width:19px;
}

#login_form .login_action label {
  margin-top: 0px;
}

#login_form .login_action input[type="submit"] {
  border-color:#333333;
  font-weight:bold;
  cursor:pointer;
  height:17px;
  font-size:12px
}

#login_form .login_action button{
  color:red;
  width:18px;
  height:18px;
}


/*logo styles */
#logo {
  float: left;
  margin: 16px 0 0 20px;
  min-height: 100px;
  min-width: 215px;
  max-height: 165px;
  max-width: 310px;
  padding-bottom: 40px;
  padding-right: 23px;
  text-align: center;
}

#logo a {
  color:transparent;
}

#logo h1{
  margin:0px;
  padding:0px;
}

#logo img{
  max-width:310px;
  max-height: 165px;
  border:none;
  width: auto;
  height: auto;
}

#school_name{
  line-height:30px;
  margin-top:20px;
  padding-right:10px;
  font-size: 24px;
}

#school_name span {
  display:none;
}


/********************************/
/* Alle mittewrapper CSS Styles */
/********************************/


/* rechte Spalte wird definiert */

#middle_wrapper {
 position:relative;
  z-index:4;
  }
#middle_wrapper .right_column {
    border-radius: 0 12px 12px 0;
    box-shadow: 7px -6px 16px #e8e8e8;
    float: right;
    margin-right: 20px;
    margin-top: 19px;
    padding: 12px;
    width: 195px;
    background-color:#E8E8E8;
  
}



#middle_wrapper .right_upper .contact_bubble{
  background-color:#E8E8E8;
  background-image:url("../../img/buttons/kontakt1.gif");
  background-position:center center;
  background-repeat:no-repeat;
  cursor:pointer;
  display:block;
  height:33px;
  width:195px;
}

#middle_wrapper .right_upper .contact_bubble:hover{
  background-image:url("../../img/buttons/kontakt2.gif");
}

#middle_wrapper .right_upper .contact_bubble:active{
  background-image:url("../../img/buttons/kontakt3.gif");
}



#middle_wrapper .right_lower .googlemap_bubble{
  background-color:#E8E8E8;
  background-image:url("../../img/buttons/lageplan1.png");
  background-position:center center;
  background-repeat:no-repeat;
  cursor:pointer;
  display:block;
  height:33px;
  width:195px;
  margin-bottom:30px;
}

#middle_wrapper .right_lower .googlemap_bubble:hover{
  background-image:url("../../img/buttons/lageplan2.png");
}

#middle_wrapper .right_lower .googlemap_bubble:active{
  background-image:url("../../img/buttons/lageplan3.png");
}

#middle_wrapper .right_lower .googlemap_bubble:hover{
  background-color: #FFFFFF;
}

#middle_wrapper .right_lower a{  
  font-size:9px;  
}



#middle_wrapper .col_middle a {
  text-decoration: underline;
}



#middle_wrapper .col_middle {
    box-shadow: 9px -6px 16px #E8E8E8;
    float: right;
    margin-bottom: 12px;
    margin-top: 19px;
    min-height: 420px;
    padding: 10px 12px 14px 10px;
    width: 480px;
}

/** extra width for 2col **/
#mini_wrapper .one_col {
  width: 700px;
  box-shadow: 9px -1px 18px #E8E8E8;
  margin-right:20px;
}

/* extra max width for 3col */

#mini_wrapper .col_narrow img {
  max-width: 480px;
  height: auto;
}


/**************************
* Left column Start
***************************/


/* ACHTUNG Linker menueplatz wird definiert
 * In Summe 285px - nur veraendern wenn auch unterer rahmen angepasst wird!
 */ 

#left_column{
  width: 190px; /*Breite von 210px! */
  margin-left: 20px;
  margin-top: -30px;
  margin-bottom:20px;

  float:left;
  min-height: 400px;
  background-color: #e8e8e8;
  padding-right: 20px;
  padding-bottom: 130px;

  
  background-image: url("../../img/color/gray/gradient/gray_gradient_left.gif");
  background-repeat: repeat-x;
  background-position:bottom;
  
  -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; border-top-left-radius: 12px; /*mozilla, safari, Opera*/
  -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; border-top-right-radius: 12px;
  border-radius: 12px 12px 0 0;
  
  
}

* html #left_column{
  margin-left: 0px;  
}


/* Main menu wird definiert */


/*********
* Menu Start
**********/

#left_column .main_menu {
    margin-top: 61px;
    padding-left: 5px;
}


#left_column .main_menu ul {
   list-style-type: none;
   margin: -4px 4px 4px;
   padding: 0;
}




#left_column .main_menu a, 
#left_column .main_menu a:link, 
#left_column .main_menu a:visited {
    display: block;
    padding: 5px 10px;
    font-weight:normal;
}



#left_column .main_menu ul ul a, 
#left_column .main_menu ul ul a:link, 
#left_column .main_menu ul ul a:visited {
    display: block;
    font-size: 11px;
    padding: 5px 5px 5px 20px;
    text-decoration: none;
    width: 175px;
    font-weight:normal;
    line-height:14px;
}

#left_column .main_menu ul ul ul a, 
#left_column .main_menu ul ul ul a:link, 
#left_column .main_menu ul ul ul a:visited {
    display: block;
    font-size: 10px;
    padding: 5px 5px 5px 35px;
    text-decoration: none;
    width: 160px;
    font-weight:normal;
    line-height:11px;
}

#left_column .main_menu .act a,
#left_column .main_menu ul ul .act a, 
#left_column .main_menu ul ul ul .act a {
font-weight:bold;
}



/*************
* Menu End
*************/



/**
linker Schreibbereich
**/
#left_column .col_left {
    margin: 30px 0 15px 15px;
}



/******************
* Left Column End
*******************/



/* Einheitliche Farbgebung fuer linke Spalte und Tools */
#left_column, .tools, #middle_wrapper .right_column, .tools #login button{ /*Menü Links, Bild rechts, Tools( = Suche, Sprache etc.)*/
  background-color: #e8e8e8;
}





/* breadcrumbs werden ausgerichtet */


#mini_wrapper .breadcrumb {

}

#mini_wrapper .breadcrumb ul{
  padding:0px;
  list-style:none;
  float: left;
  margin:-25px 0 0 28px;
  max-width:717px;
  overflow: hidden;
}

#mini_wrapper .breadcrumb li{
  float: left;
}





/*  footer  */
#footer {
  height: 40px;
  width: 980px;
  clear: both;
}
#footer p {
  padding:12px 0px 0px 25px;
  font-size:11px;
}
#footer p span{
  float:right;
  margin-right:30px;
}

#footer img {
  border: none;
}

/**
 * Sponsorenbilder:
 */

#footer .sponsors {
  padding-top:22px;
  height:55px;
  border:2px solid #eeeeee; /* modified in color css */
  border-top:none;
  margin-bottom:14px;
}


#footer .sponsors p{
  float:left;
}

#footer .sponsors ul {
  list-style-type: none;
  padding:0;
  margin:0;
  margin-left: 195px;
  
}

#footer .sponsors li {
  float:left;
  margin-right: 29px;
  margin-left: 15px;
  
}

#footer .sponsors li a {
    
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    color:transparent;
   
}



#footer .sponsors .ice a {
    background-image: url("../../img/sponsors/wibs_bw.png");
    height: 45px;
    width: 81px;

}
#footer .sponsors .ice a:hover {
  background-image: url("../../img/sponsors/wibs_c.png");
}

#footer .sponsors .ma56 a {
    background-image: url("../../img/sponsors/ma_schulen_sw.png");
    height: 45px;
    width: 163px;

}
#footer .sponsors .ma56 a:hover {
  background-image: url("../../img/sponsors/ma_schulen_c.png");
}

#footer .sponsors .ma14 a {
    background-image: url("../../img/sponsors/ma_digital_sw.png");
    height: 45px;
    width: 163px;

}
#footer .sponsors .ma14 a:hover {
  background-image: url("../../img/sponsors/ma_digital_c.png");
}

#footer .sponsors .ssr a {
    background-image: url("../../img/sponsors/ssr_sw.png");
    height: 45px;
    /* width: 60px; */
		width: 194px;
}
#footer .sponsors .ssr a:hover {
  background-image: url("../../img/sponsors/ssr_c.png");
}



/*****fontstyles *************/
#middle_wrapper h4 {
  font-size:12px;
  font-weight:bold;
  margin:8px 0;
}
#middle_wrapper h3 {
  font-size:13px;
  font-weight:bold;
  margin:8px 0;
}
#middle_wrapper h2 {
  font-size:14px;
  font-weight:bold;
  margin:8px 0;
}
#middle_wrapper h1 {
  font-size:14px;
  font-weight:bold;
  margin:8px 0;  
}

#mini-wrapper .breadcrumb,
#mini-wrapper .breadcrumb a,
#mini-wrapper .breadcrumb a:link,
#mini-wrapper .breadcrumb a:visited {

}

#mini_wrapper .breadcrumb a:hover{
  text-decoration: underline;
}

#mini-wrapper a:hover{
  text-decoration: underline;
  list-style: none;
}

#contactdata{
display: block;
margin-top:10px;
margin-bottom: 20px;
padding-left: 5px;
}

.csc-menu-9 {margin:0;margin-left:-10px;padding:0;width:100%;clear:both;}
.csc-menu-9 li {padding-left:10px;display: block; float: left; padding-bottom: 40px; text-align: center;width: 220px; }
.csc-menu-9 li .csc-menu-9-image {display: block; margin-bottom: 10px; overflow: hidden;}
.csc-menu-9:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/*******style for csc-mailform*******/

.csc-mailform-radio input {
margin-top:2px;
}

.csc-mailform-field span.csc-mailform-radio label {
display:inline;
padding-left:6px;
}

.csc-mailform-radio legend {
display:none;
}

.csc-mailform-field {
padding-top:10px;
}

.csc-mailform-field label {
display:block;
line-height:18px;
margin-right:30px;
vertical-align:top;
}

.csc-mailform-check {
margin-left: 6px;
}

li.csc-form-confirmation-false {
    float:left;
    margin-top: 10px!important;
}

li.csc-form-confirmation-true {
    float:left;
    margin-top: 10px!important;
    margin-left:15px!important;
}

/******* style for indexed_search *******/

.tx-indexedsearch-searchbox fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.tx-indexedsearch-searchbox fieldset legend {
    display: none;
}

.tx-indexedsearch-searchbox label {
    display: block;
    padding-top: 5px;
    padding-bottom: 1px;
}

.tx-indexedsearch-searchbox select {
    width: auto!important;
}

.tx-indexedsearch-search-submit {
    margin-top: 10px;
}

.tx-indexedsearch-res-clear {
    clear: both;
}

.tx-indexedsearch-res {
    clear: both;
    float: none;
    padding-bottom: 15px;
}

dl.tx-indexedsearch-info {
    background-color: #EEEEEE;
}


dl.tx-indexedsearch-info dt {
    float: left;

}


dl.tx-indexedsearch-info dd {
    float: left;
    padding-right: 8px;
}


dl.tx-indexedsearch-info dt.tx-indexedsearch-text-item-path { 
    clear: both;
}

dl.tx-indexedsearch-info dd.tx-indexedsearch-text-item-path p {
    padding: 0!important;
}

.tx-indexedsearch-redMarkup {
    color: #ff0000;
}


ul.tx-indexedsearch-browsebox {
    list-style-type: none;
    padding: 10px 0px 20px 0px;
}


ul.tx-indexedsearch-browsebox li {
    float: left;
    margin-right: 5px;
}

.tx-indexedsearch-rules p {
display:none;
}

.tx-indexedsearch-rules h2 {
display:inline;
cursor:pointer;
}

.indexedsearch-rule-content {
width: 430px;
}

/* additional styles */

span.helpBubble {
  cursor: pointer;
}

.csc-mailform-field span.helpBubble {
  float:right;
  margin-right:99px;
  margin-top:19px;
}

a#viewHidden {
display: block;
height: 26px;
vertical-align: middle;
}

#col_middle li, #right_column li {
  margin-top: 3px;
}


table.contenttable, table.contenttable td{
  border: 1px solid;
  padding: 5px;
}

table.contenttable-1, table.contenttable-1 td {
  border-color: #eee;
}

table.contenttable-3, table.contenttable-3 td {
  background-color: #e8e8e8;
  border-color: #dcdae0;
}
table.contenttable-3 {
  width: 100%;
}

table.contenttable-2, table.contenttable-2 td {
  background-color: transparent;
  border: none;
  padding-right:12px;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

input[type="text"], textarea, select {
  width: 300px;
}

.tx-p2wizarddirector-pi1 textarea {
  height: 150px;
}

.tx-p2wizarddirector-pi1 input[type="submit"] {
  width: 100px;
}

.indent {
  text-indent: 1em;
/*
  margin-left: 10px;
*/
}

.indent .indent {
  text-indent: 2em;
/*
  margin-left: 20px;
*/
}

/*** file list problem - disable filecount***/
.filelinks .filecount {
  display:none;
}



/* Die Nachfolgenden Klassen sind nur für den IE */

#logo a {
    font-size: 0px\9;   
}

#footer .sponsors a {
    text-indent: -900px\9;
}

/* News Template */

.news-list-item h2 {
  font-size:13px;
}


/* Calendar for list view*/

.tx-cal-controller dd {
    padding:0px 0px 20px 10px;
}
   
.tx-cal-controller dt {
    padding:20px 0px 0px 10px;
}

.tx-cal-controller dt a {
    font-size: 16px;
}





/* blockquote */
blockquote {
  margin-left: 25px;
  margin-right: 25px;
  background-color: #e8e8e8;
  padding-left: 5px;
  padding-right: 5px;
  font-style: italic;
  border-radius: 5px;
}

blockquote:before {
    content: "Zitat";
    font-style: normal;
    /*font-weight: bold;*/
    text-decoration: underline;
    margin-top: -7px;
    display: inline-block;
}
/*.csc-copyright {max-width:200px;overflow:hidden;font-size:10px;color:#555;}*/
.csc-copyright {max-width:200px;overflow:hidden;font-size:9px;color:#555;} /* edit: alexander.hofbauer@bildungsserver.wien, 2015.09.28 */
.csc-textpic-image {overflow:hidden;position:relative;}

.tx-powermail h3 {display:none;}
.powermail_fieldset { background:#f0f0f0; }
.powermail_fieldset legend {font-weight:bold;}
.powermail_fieldset label {
    display: block;
    width: 200px;
    float: left;
    font-weight: bold;
    color: #515151;
    white-space: normal;
}
.powermail_fieldset textarea, .powermail_fieldset  input {
    border: 1px solid #ccc;
    background: #f8f8f8 none;
    -moz-box-shadow: 0 0 5px #eee inset;
    -webkit-box-shadow: 0 0 5px #eee inset;
    padding: 2px;
    width: 432px;
  margin-bottom:2px;
}
.powermail_fieldwrap_submit {
  padding-top:25px;
  padding-bottom:15px;
  text-align:center;
}
input.powermail_submit {
  margin:0 auto;
    font-weight: bold;
  width: auto;
    text-align: center;
    cursor: default;
    color: buttontext;
    padding: 2px 6px 3px;
    border: 2px outset buttonface;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: buttonface;
    box-sizing: border-box;
}

.cookie {
    background:#000;
    color:#fff;
    font-size: 13px;
    text-align:left;
    display:none;    
}

.cookie-wrapper{
  max-width:964px;
  margin:0 auto;
  padding:10px;
}
.cookie-wrapper p {color:#fff;font-size:13px;}

.cookie a {
  color: #808080;
}
.cookie a.accept-cookie {
  float:right;
  margin-top:10px;
  margin-bottom:10px;
  background:#c90d23; color: #FFFFFF !important; padding: 4px 12px 4px 12px;
    width:auto;
    text-decoration: none !important;
    font-size:13px !important;
    border:0;
    background-image: -ms-linear-gradient(top, #c90d23 100%, #800614 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c90d23), to( #800614)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #c90d23, #800614); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #c90d23, #800614); /* FF3.6 */
    background-image:     -ms-linear-gradient( #c90d23, #800614); /* IE10 */
    background-image:      -o-linear-gradient( #c90d23, #800614); /* Opera 11.10+ */
    background-image:         linear-gradient( #c90d23, #800614);  
}

.image_file {
    display: block;
    width: 500px;
    clear: both;
}

.image_file a {
    float: left;
}

.image_file a img {
    margin-right: 10px;
}

.image_file span {
    float: left;
}