#navi { top: 0px; border:none; }
#nav_main { display:none; }
#nav_main li.intern { display:none;}
#nav_main li { display:none;  }
#suche { display:none; }

#navi { float:right; border:none;}
#nav_main { top:18px; width:200px; font-family:'Luida Sans Unicode', sans-serif;}
#nav_main li.demo { display:block; float:right; margin-right:-3px;}
#nav_main li.demo a:link, #nav_main li.demo a:visited { color:#fff; background-color:#ff5500; }
#nav_main li.demo a:hover { color:#225373; }

/*
 * hauptfarbe: ff5500
 * titel, hover: #ff5500
 * saerch-box rahmen: ff5500
 * links: ff5500
 * ueberschriften: ff5500
 * ueberschriften 2: ff5500
 * 'Luida Sans Unicode', sans-serif
 */
body { font-size:13px; background:#fff; background-image:none; font-family:'Luida Sans Unicode', sans-serif; }
* { font-family:'Luida Sans Unicode', sans-serif;}
#titel { margin-top:0px; margin-left:0px; width:100%; height:60px; top:0px;}
#titel h1 { padding:0px;margin:0px; height:60px; vertical-align:middle;}
#titel h1 a { text-indent:0px; padding-top:28px; display:block; height:60px; color:#ff5500; font-size:24px; margin-top:0px; font-family:'Luida Sans Unicode', sans-serif; max-width:980px; text-align:left; line-height:20px;padding-left:250px; text-align:left; white-space:nowrap; overflow:hidden; font-weight:normal;}
#search_box { border-color:#ff5500; background-image:url(/stylesheets/swop.schule/images/lupe.png); height:30px; padding-left:25px; width:80px; box-sizing: initial;}
.breadcrumb { background-color:inherit; }
.adminsite { background:none; }
h1, h2, h3, h4 { font-family:"Luida Sans Unicode",sans-serif; color:#ff5500; }
h3 { font-size:18px; }
h4 { font-size:16px; }
.teaser h2 { font-size:14px; line-height:18px;}
.teaser img { border-style:solid; border-width:1px; border-color:#ff5500;}
#nav_main li a:link, #nav_main li a:visited { font-family:"Luida Sans Unicode",sans-serif;}
#nav_top { margin-right:0px;}
#nav_top_div, .loggedin #nav_top_div { background:none; top:0px;height:21px;z-index:0;margin-left:10px; margin-right:10px;width:960px;}
#nav_top_div.scrolled_down { background:#edebe5; top:0px;}
#nav_top .overlaydiv { background:#fff;}
.overlaydiv_lvl1 { top:-34px; }
.filmtitel {font-variant: small-caps; }
#suche { top:8px; margin-left:850px; width:88px; margin-top:10px;}
#nav_main .overlaydiv ul li a, #nav_main .overlaydiv ul li a:link, #nav_main .overlaydiv ul li a:visited, #nav_main .overlaydiv ul li a:focus, #nav_main .overlaydiv ul li a:hover, #nav_main .overlaydiv ul li a:active {  line-height:33px; padding-top:0px;}
.boxlogin input {width:138px; }
.boxlogin input.submit {width:152px; }
.spalte_240 { width:200px; }
.termindate .date { color:#ff5500;}
.displayborder h2.moduletitle { background:#ff5500; font-size:16px;font-weight:normal; font-family:'Luida Sans Unicode', sans-serif;}
h2.moduletitle { color:#ff5500; font-size:18px; font-weight:bold;  font-family:'Luida Sans Unicode', sans-serif;}
.box_navi h1, .box_navi h2, #box_login h2, #box_login h2 { color:#ff5500; }
.box_navi h1 > a:visited { color:#ff5500;}
.box_navi h1 > a:link { color:#ff5500;}
a:link, a:visited { color:#ff5500; }
a:hover { color:#ff5500; }
#navigation a:hover { color:#ff5500; }
.box_navi h3{ color: #ff5500; }
#head{ background-image: url(/static/img/logo-swop-padded.jpg); background-size:220px; background-position:left bottom; height:60px; border-bottom-style:solid; border-bottom-width:8px; border-bottom-color:#ff5500;} 
#left_padding { background-image: url(/stylesheets/swop.schule/images/sidebar.jpg);}
#page{  background-image:none; border:none;}
#background { background-image:none; }
#pagecell { padding-left:10px; padding-right:10px; padding-top:5px; min-height:50px; background-color:#fff;
border-width:1px; border-top-width:0px; border-color:#ff5500; border-style:solid; 
}
#footer { padding-top:30px;}
#Xfooter > li { background-color:#fff;background-image:url(/stylesheets/swop.schule/images/bg_page.jpg);}

#nav_main li a:link, #nav_main li a:visited { border:none; height:33px; padding-top:8px; margin-top:0px; color:#ff5500; font-size:16px; text-transform:none;font-family:"Luida Sans Unicode",sans-serif; font-weight:normal; 
padding-left:5px; padding-right:5px; margin-left:2px; margin-right:2px; 
}
#nav_main li.intern a:link, #nav_main li.intern a:visited { color:#ff5500; padding-left:35px; background-image:url(/images/swop-icon.png); background-size:22px 22px; background-repeat:no-repeat; background-position:2px center; }
#nav_main li.intern a:hover { color:#fff;}
#nav_main .overlaydiv, #nav_main .overlaydiv_lvl1,  #nav_main .overlaydiv_lvl2 {  background-color:#fff; }
#nav_main .overlaydiv ul, #nav_main .overlaydiv_lvl1 { border-width:1px; border-top-width:0px; border-color:#ff5500; border-style:solid; } 
#nav_main .overlaydiv ul li a, #nav_main .overlaydiv ul li a:link, #nav_main .overlaydiv ul li a:visited, #nav_main .overlaydiv ul li a:focus, #nav_main .overlaydiv ul li a:active { color:#ff5500; border-width:1px; border-color:#fff; border-style:solid; border-bottom-width:0px; }
#nav_main .overlaydiv ul li a:hover { color:#fff; background:#ff5500;}
#nav_left li a:hover { color: #ff5500;}
#nav_left li .currentsitelink { color: #ff5500;}
#nav_left li li a:hover { color: #ff5500;}
#nav_left li li a.currentsitelink { color: #ff5500;}
#nav_left > li > a {  font-family:'Luida Sans Unicode', sans-serif; }
#nav_top li a:link, #nav_top li a:visited { color: #ff5500; border:none; }
#nav_top li a:hover { background-color: #ff5500; color:#fff;
-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
input:hover, textarea:hover { border-color: #ff5500; color: #ff5500; }
#submit { background-color: #ff5500;}
#submit:hover { background-color: #ff5500;}
ul#news li a img.postthumbnail:hover { background-color: #ff5500;}
ul#news li a { color: #ff5500; 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:#ff5500; }
#nav_main li a:hover, #nav_main li.current > a { background-image: none; background:#ff5500; color:#fff; }
a.nav_on:visited { background-image: url(/stylesheets/swop.schule/images/navi_on.jpg);}
#rahmen { background-image: url(/stylesheets/swop.schule/images/bg_rahmen.jpg);}
#rahmen_kontakt { background-image: url(/stylesheets/swop.schule/images/bg_rahmen_kontakt.jpg);}
#box_login { background-image: url(/stylesheets/swop.schule/images/bg_box_navi.jpg);}
.box_navi { background-image: url(/stylesheets/swop.schule/images/bg_box_navi.jpg);}
#box_verwaltung { background-image: url(/stylesheets/swop.schule/images/bg_box_verwaltung.jpg);}
#linkmodul li { background-image: url(/stylesheets/swop.schule/images/bg_box.jpg);}
#linkmodul li:hover {	color:#ff5500; background-image: url(/stylesheets/swop.schule/images/bg_box_hover.jpg); }
.kalendermonat .monat .monatsname { color:#ff5500; }
.kalenderjahr .current { color:#ff5500; }
.kalendermonat .monat .wochennr { color:#ff5500; }
.kalenderjahr .monat .monatsname { color:#ff5500; }
.kalenderjahr .monat .wochennr { color:#ff5500; }
.notentabelle th { color:#ff5500; }
.notencolumn { color:#ff5500;}
.notencolumnfacebox { color:#ff5500;}
.kalendermonat .monat .termin:hover { color:#ff5500; background:#DDDDDD; }
.kalendermonat .terminliste li a:hover { color:#ff5500; 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:#ff5500; background:#DDDDDD; }
.ec-month-nav a:hover { color:#ff5500; 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:#ff5500; }
.notentabelle td { border-color:#DDDDDD; }
.notentabelle .note a:hover { background:#DDDDDD;color:#ff5500; }

.contentwritelink { border-color:#ff5500; background-color:#DBFFDB; }
.contentwritelink a:link, .contentwritelink a:hover, .contentwritelink a:visited {color:#ff5500 !important;}
.contentwritelink a:hover { color:#ff5500; background:#DDDDDD !important; }
.contentwriteblock a:link, .contentwriteblock a:hover, .contentwriteblock a:visited {color:#ff5500 !important;}
.contentwriteblock a:hover { color:#ff5500; background:#DDDDDD !important; }

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

@media screen and (max-width: 991px) {
  #head { background-size:25vw; height:7vw; }
  #titel h1 a { padding-top:0.5vw; font-size:3.3vw; padding-left:30vw; line-height:4vw;}
}