/*
 * hover-grau: 60717b
 * hintergrund: fff
 */

@font-face {
    font-family: 'Conv_FuturaBT-Bold';
    src: url('/stylesheets/schul-webportal-2.4/fonts/FuturaBT-Bold.eot');
    src: local('☺'), url('/stylesheets/schul-webportal-2.4/fonts/FuturaBT-Bold.woff') format('woff'), url('/stylesheets/schul-webportal-2.4/fonts/FuturaBT-Bold.ttf') format('truetype'), url('/stylesheets/schul-webportal-2.4/fonts/FuturaBT-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Futura-Light';
    src: url('/stylesheets/schul-webportal-2.4/fonts/Futura-Light.eot');
    src: local('☺'), url('/stylesheets/schul-webportal-2.4/fonts/Futura-Light.woff') format('woff'), url('/stylesheets/schul-webportal-2.4/fonts/Futura-Light.ttf') format('truetype'), url('/stylesheets/schul-webportal-2.4/fonts/Futura-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.notification_for_module { display:none;}

#footer { display:block; width:990px; background-color: #60717b; padding:0px; margin-left:10px;}
#footer a:link, #footer a:visited {color:#bbb;}
#footer a:hover { color:#fff;}
/* in content */
.titelbox { border-style:solid; border-width:1px; border-color:#d3d3d3; width:280px; padding:10px; padding-left:20px; padding-right:10px; margin:5px; height:110px; margin-left:-10px; margin-top:20px;}
.titelbox.unserekunden p { margin-top:30px;}
.titelbox2 { border-style:solid; border-width:1px; border-color:#d3d3d3; width:290px; padding:10px; margin:5px; height:250px; margin-left:15px; margin-right:15px; margin-top:20px; padding-bottom:20px;}
.titelbox3 { width:290px; padding:0px; margin:5px; height:210px; margin-top:-4px; margin-top:20px;}
.titelbox3 a { display:block; margin-bottom:20px;}
.titelbox p { font-size:14px; color:#576774; line-height:20px;}
.titelbox2 p { font-size:14px; color:#576774; line-height:20px;}
.titelbox img { float:left; margin-right:20px;}
.titelbox h2 { color:#576774; margin-bottom:15px;}
.titelbox2 h2 { color:#576774; font-size:24px; margin-bottom:15px;}
#facebox { z-index:1100;}
#facebox * { max-width:670px; overflow:hidden;}

.produktseite { padding:0px; margin-top:80px; }
.textspalte { float:left; width:250px; background-color:#ddd; 
    border-style:solid; border-width:2px; border-color:#fff;
-moz-border-radius:0px; -moz-border-bottom-left-radius:30px; -moz-border-top-right-radius:30px;
-khtml-border-radius:0px; -khtml-border-bottom-left-radius:30px; -khtml-border-top-right-radius:30px;
-webkit-border-radius:0px; -webkit-border-bottom-left-radius:30px; -webkit-border-top-right-radius:30px;
border-radius:0px; border-bottom-left-radius:30px; border-top-right-radius:30px;
padding:20px;
line-height:1.5em;
color:#5b6976;
}

.textspalte_link a { background-color:#ccc; 
    border-style:solid; border-width:2px; border-color:#fff;
-moz-border-radius:0px; -moz-border-bottom-left-radius:30px; -moz-border-top-right-radius:30px;
-khtml-border-radius:0px; -khtml-border-bottom-left-radius:30px; -khtml-border-top-right-radius:30px;
-webkit-border-radius:0px; -webkit-border-bottom-left-radius:30px; -webkit-border-top-right-radius:30px;
border-radius:0px; border-bottom-left-radius:30px; border-top-right-radius:30px;
padding:0px;
line-height:1.5em;
color:#5b6976;
}
.textspalte_link { padding:1px; margin-top:5px;}
.textspalte_link:hover { padding-left:0px;padding-top:0px;padding-right:2px;padding-bottom:2px;}
.textspalte_link a:link, .textspalte_link a:visited { display:block; padding:20px; font-family: 'Lucida Sans Unicode', sans-serif; font-size:22px; text-align:center;color:#5b6976;}
.textspalte_link a:hover {background-color:#ddd; text-decoration:none; color:#5b6976;}


.modularealeft .texteditor { width:250px; background-color:#ddd; margin-top:15px;
border-style:solid; border-width:2px; border-color:#fff;
-moz-border-radius:0px; -moz-border-bottom-left-radius:30px; -moz-border-top-right-radius:30px;
-khtml-border-radius:0px; -khtml-border-bottom-left-radius:30px; -khtml-border-top-right-radius:30px;
-webkit-border-radius:0px; -webkit-border-bottom-left-radius:30px; -webkit-border-top-right-radius:30px;
border-radius:0px; border-bottom-left-radius:30px; border-top-right-radius:30px;
padding:20px;
line-height:1.5em;
color:#5b6976;
}

.komponentenrand { 
margin-left:300px;
}
.komponenten { 
margin-top:50px;
margin-left:50px;
padding-top:10px;
padding-bottom:1px;
-moz-border-radius:0px; -moz-border-bottom-left-radius:30px; -moz-border-top-right-radius:30px;
-khtml-border-radius:0px; -khtml-border-bottom-left-radius:30px; -khtml-border-top-right-radius:30px;
-webkit-border-radius:0px; -webkit-border-bottom-left-radius:30px; -webkit-border-top-right-radius:30px;
border-radius:0px; border-bottom-left-radius:30px; border-top-right-radius:30px;
}
.komponente_link { padding:1px; }
.komponente_link a:link, .komponente_link a:visited {
    padding:20px; display:block; margin:20px; margin-top:1px;
    border-style:solid; border-width:2px; border-color:#fff;
    -moz-border-radius:0px; -moz-border-bottom-left-radius:30px; -moz-border-top-right-radius:30px;
    -khtml-border-radius:0px; -khtml-border-bottom-left-radius:30px; -khtml-border-top-right-radius:30px;
    -webkit-border-radius:0px; -webkit-border-bottom-left-radius:30px; -webkit-border-top-right-radius:30px;
    border-radius:0px; border-bottom-left-radius:30px; border-top-right-radius:30px;
    color:#fff; text-decoration:none; font-weight:normal; letter-spacing:0;}

.komponente_link a:hover { color:#fff; margin-top:0px;margin-left:19px;margin-right:21px;margin-bottom:21px;}
.komponente_link .title { font-family: 'Lucida Sans Unicode', sans-serif; font-size:22px;}

.komponente {
    margin:20px; padding:20px;
    border-style:solid; border-width:2px; border-color:#fff;
-moz-border-radius:0px; -moz-border-bottom-left-radius:30px; -moz-border-top-right-radius:30px;
-khtml-border-radius:0px; -khtml-border-bottom-left-radius:30px; -khtml-border-top-right-radius:30px;
-webkit-border-radius:0px; -webkit-border-bottom-left-radius:30px; -webkit-border-top-right-radius:30px;
border-radius:0px; border-bottom-left-radius:30px; border-top-right-radius:30px;
}

.komponenten h1 { display:block; height:120px; margin-top:30px; margin-left:180px; margin-right:30px; font-weight:bold; color:#fff; font-size:28px; font-family: 'Lucida Sans Unicode', sans-serif; font-weight:normal; letter-spacing:0; }
.komponenten > h2 { margin-top:30px; margin-left:20px; margin-right:50px; font-weight:bold; color:#fff; font-family: 'Lucida Sans Unicode', sans-serif; font-weight:normal; letter-spacing:0;}
.komponentenrand .logo { position:absolute; top:50px;}
.komponente h2 { display:block; color:#fff; font-family: 'Lucida Sans Unicode', sans-serif; font-weight:normal; letter-spacing:0;}
.komponente h2 a { display:block; color:#fff; text-decoration:none;font-family: 'Lucida Sans Unicode', sans-serif; font-weight:normal; letter-spacing:0;}
.komponente p { color:#fff; }
.DEACTIVEkomponente:hover { margin:22px; margin-left:18px; margin-top:18px; }

.aloha { background-color:#86ac43; }
.aloha .komponente { background-color:#99b860; box-shadow: 2px 2px 5px #468700;}
.aloha .komponente_link a { background-color:#99b860; box-shadow: 2px 2px 5px #468700;}
.aloha .komponente_link:hover a { background-color:#86ac43; box-shadow: 2px 2px 5px #468700;}

.fusion { background-color:#23377d; }
.fusion .komponente { background-color:#48518f; box-shadow: 2px 2px 5px #000b9b; }
.fusion .komponente_link a { background-color:#48518f; box-shadow: 2px 2px 5px #000b9b; }
.fusion .komponente_link a:hover { background-color:#23377d; box-shadow: 2px 2px 5px #000b9b; }

.plexus { background-color:#91437a; }
.plexus .komponente { background-color:#a1628e; box-shadow: 2px 2px 5px #580485; }
.plexus .komponente_link a { background-color:#a1628e; box-shadow: 2px 2px 5px #580485; }
.plexus .komponente_link:hover a { background-color:#91437a; box-shadow: 2px 2px 5px #580485; }

.plexusplus { background-color:#dcaf3c; }
.plexusplus .komponente { background-color:#e3bb5d; box-shadow: 2px 2px 5px #8b7000; }
.plexusplus .komponente_link a { background-color:#e3bb5d; box-shadow: 2px 2px 5px #8b7000; }
.plexusplus .komponente_link:hover a { background-color:#dcaf3c; box-shadow: 2px 2px 5px #8b7000; }
/* ende in content */

.breadcrumb { margin-left:300px;}
.flash_alert { margin-left:300px;}
.modulearealeft .moduleblock { margin-left:0px; }
.contentwriteblock { padding-top:150px;}
.contentwritelink { }
#strukturbearbeitenbox { padding-top:150px;}

body { background:#fff;}
#navi { display:none; }
#titel { z-index:1010;margin:0px; padding:0px; width:270px; height:208px; top:-18px; margin-left:-50px; }
#titel h1 { margin:0px; padding:0px; width:270px; height:208px; }
#titel h1 a { display:block; margin:0px; padding:0px; width:240px; height:185px;
background-image:url(/stylesheets/schul-webportal-2.4/images/Schul-Webportal-grau-240x185.png);
text-indent:-5000px;
}
#suche { display:none;}
h1, h2 { font-family: 'Lucida Sans Unicode', sans-serif; font-weight:normal; letter-spacing:0;}
#nav_main { display:none;}
#nav_top_div.scrolled_down { background:#fff; top:0px;}
#nav_top_div { background:#fff; top:0px;height:21px;z-index:0; }
#nav_top .overlaydiv { background:#fff;}
.overlaydiv_lvl1 { top:-34px; }
.filmtitel {font-variant: small-caps; }

#suche { top:97px; margin-left:780px;}
.boxlogin input {width:138px; }
.boxlogin input.submit {width:152px; }
.spalte_240 { width:200px; }
.termindate .date { color:#5b6976;}
.displayborder h2.moduletitle { background:#5b6976; font-size:16px;font-weight:normal;}
h1, h2 { color:#5b6976; }
h2.moduletitle { color:#596b79; font-size:18px; font-weight:bold; }
.box_navi h1, .box_navi h2, #box_login h2, #box_login h2 { color:#5b6976; }
.box_navi h1 > a:visited { color:#5b6976;}
.box_navi h1 > a:link { color:#5b6976;}
a:link, a:visited { color:#5b6976; }
a:hover { color:#333; }
#navigation a:hover { color:#5b6976; }
.box_navi h3{ color: #5b6976; }
#head{ background-image: none; height:47px;} 
#left_padding { background-image: url(/stylesheets/schul-webportal-2.4/images/sidebar.jpg);}
#page{ background-image: none; border-style:none; background-color:#fff;}
#pagecell { background-image:none; padding:0px; min-height:500px;}
#nav_left li a:hover { color: #333;}
#nav_left li .currentsitelink { color: #5b6976;}
#nav_left li li a:hover { color: #333;}
#nav_left li li a.currentsitelink { color: #5b6976;}
#nav_top li a:link, #nav_top li a:visited { color:#5b6976; border-color: #5b6976; border-width:0px; border-right-width:1px; border-left-width:1px; }
#nav_top li a:hover { background-color: #ddd;}
input:hover, textarea:hover { border-color: #333; color: #000000; }
#submit { background-color: #5b6976;}
#submit:hover { background-color: #333;}
ul#news li a img.postthumbnail:hover { background-color: #5b6976;}
ul#news li a { color: #596b79; font-size:12px; line-height:12px;}
ul#news > li { font-size:12px; }
ul#news li h2 a { font-size:18px; padding-top:0px;margin-bottom:0px;padding-bottom:0px;}
ul#news li h2 { font-size:18px; padding-top:0px;margin-bottom:0px;padding-bottom:0px;}
#box_login h1 { color:#5b6976; }
a.nav_on:visited { background-image: url(/stylesheets/schul-webportal-2.4/images/navi_on.jpg);}
#rahmen { background-image: url(/stylesheets/schul-webportal-2.4/images/bg_rahmen.jpg);}
#rahmen_kontakt { background-image: url(/stylesheets/schul-webportal-2.4/images/bg_rahmen_kontakt.jpg);}
#box_login { background-image: url(/stylesheets/schul-webportal-2.4/images/bg_box_navi.jpg);}
.box_navi { background-image: url(/stylesheets/schul-webportal-2.4/images/bg_box_navi.jpg);}
#box_verwaltung { background-image: url(/stylesheets/schul-webportal-2.4/images/bg_box_verwaltung.jpg);}
#linkmodul li { background-image: url(/stylesheets/schul-webportal-2.4/images/bg_box.jpg);}
#linkmodul li:hover {	color:#333; background-image: url(/stylesheets/schul-webportal-2.4/images/bg_box_hover.jpg); }
.kalendermonat .monat .monatsname { color:#5b6976; }
.kalenderjahr .current { color:#5b6976; }
.kalendermonat .monat .wochennr { color:#5b6976; }
.kalenderjahr .monat .monatsname { color:#5b6976; }
.kalenderjahr .monat .wochennr { color:#5b6976; }
.notentabelle th { color:#5b6976; }
.notencolumn { color:#5b6976;}
.notencolumnfacebox { color:#5b6976;}
.kalendermonat .monat .termin:hover { color:#333; background:#DDDDDD; }
.kalendermonat .terminliste li a:hover { color:#333; background:#666666;}
.kalendermonat table.monat{ border-color:#DDDDDD;}
.kalendermonat .monat .monatsname { background:#DDDDDD;}
.kalendermonat .monat .wochennr { background:#DDDDDD; }
.kalendermonat .monat .wochentag { background:#DDDDDD;}
.kalendermonat .monat .tag { border-color:#DDDDDD; background:#F0F0FF;}
.kalendermonat .monat .termine { border-color:#DDDDDD;}
.kalenderjahr table.monat{ border-color:#DDDDDD;}
.kalenderjahr .monat .monatsname { background:#DDDDDD;}
.kalenderjahr .monat .wochennr { background:#DDDDDD; }
.kalenderjahr .monat .wochentag { background:#DDDDDD;}
.kalenderjahr .monat .termin:hover { color:#333; background:#DDDDDD; }
.ec-month-nav a:hover { color:#333; background:#DDDDDD;}
.pagination .first a:hover,
.pagination .prev a:hover,
.pagination .next a:hover,
.pagination .last a:hover,
.pagination .page a:hover { background:#DDDDDD;color:#333; }
.notentabelle td { border-color:#DDDDDD; }
.notentabelle .note a:hover { background:#DDDDDD;color:#333; }

.contentwritelink { border-color:#5b6976; background-color:#DBFFDB; }
.contentwritelink a:link, .contentwritelink a:hover, .contentwritelink a:visited {color:#0000ff !important;}
.contentwritelink a:hover { color:#333; background:#DDDDDD !important; }
.contentwriteblock a:link, .contentwriteblock a:hover, .contentwriteblock a:visited {color:#0000ff !important;}
.contentwriteblock a:hover { color:#333; background:#DDDDDD !important; }

.adminmodulelink a:link, .adminmodulelink a:hover, .adminmodulelink a:visited {color:#0000ff !important;}
.adminmodulelink a:hover { color:#333; background:#DDDDDD !important; }
.adminblock a:link, .adminblock a:hover, .adminblock a:visited {color:#0000ff !important;}
.adminblock a:hover { color:#333; background:#DDDDDD !important; }
ul#news li a:hover { color:#333; }

@media screen and (max-width: 991px) {
  #titel { width:20vw; height:16vw; top:0px; margin-left:0px; }

  #titel h1 a { width:20vw; height:16vw; background-size:cover;}

}