#nav_main { margin-left:180px; top:143px; margin-right:20px;}
#page { background-color:#fff;}
body { background-color:#ccc;}
/*
 * blau : 4c96a1
 * blau : 80 c0 c9
 * blau dunkel: 3a5c5d
 * blau dunkel: 50 90 c9
 * orange ueberschrigten: ca8800
 * schenk1: #4c 96 a1
 * schenk1: #3a 5c 5d
 */

#nav_top_div.scrolled_down { background:#4c96a1; }
#nav_top .overlaydiv { background:#4c96a1;}
.overlaydiv_lvl1 { top:-34px; }
.filmtitel {font-variant: small-caps; }
#titel { margin-left:0px; width:100%; height:120px; margin:0px; padding:0px;}
#titel h1 { display:block; z-index:2; height:120px; text-indent:-5000px; margin:0px; padding:0px;}
#titel h1 a { display:block; z-index:2; height:120px; text-indent:-5000px; margin:0px; padding:0px;}
#suche { top:97px; margin-left:780px;}
#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:#4c96a1;}
.displayborder h2.moduletitle { background:#4c96a1; }
h1, h2 { color:#4c96a1; }
h2.moduletitle { color:#ca8800; }
.box_navi h1, .box_navi h2, #box_login h2, #box_login h2 { color:#4c96a1; }
.box_navi h1 > a:visited { color:#4c96a1;}
.box_navi h1 > a:link { color:#4c96a1;}
a:link, a:visited { color:#4c96a1; }
a:hover { color:#3a5c5d; }
#navigation a:hover { color:#4c96a1; }
#navi { top: 143px; }
#nav_main { }
#nav_main li { }
#nav_main li.intern { float:right;}
.box_navi h3{ color: #4c96a1; }
#head{ background-image: url(/stylesheets/babelsberger-filmgymnasium/images/bg_head.jpg); height:178px;} 
#nav_main li a:link, #nav_main li a:visited { border-right-color: #4c96a1;padding-top:7px; margin-top:0px; color:#333; font-size:16px;}
#nav_main li.intern a:link, #nav_main li.intern a:visited { color:#ca8800; padding-left:30px; background-image:url(/stylesheets/babelsberger-filmgymnasium/images/bfg_25x25.jpg); background-repeat:no-repeat; background-position:2px center; }
#nav_main .overlaydiv, #nav_main .overlaydiv_lvl1,  #nav_main .overlaydiv_lvl2 {  background-color:#fff; }
#nav_main .overlaydiv ul, #nav_main .overlaydiv_lvl1 { border-width:0px; border-bottom-width:1px; border-color:#3a5c5d; 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:#333; border-width:1px; border-color:#3a5c5d; border-style:solid; border-bottom-width:0px; }
#nav_main .overlaydiv ul li a:hover { color:#000; background:#4c96a1;}
#nav_left li a:hover { color: #3a5c5d;}
#nav_left li .currentsitelink { color: #4c96a1;}
#nav_left li li a:hover { color: #3a5c5d;}
#nav_left li li a.currentsitelink { color: #4c96a1;}
#nav_top li a:link, #nav_top li a:visited { color: #efefef; border-top-color: #4c96a1; border-right-color: #4c96a1; border-bottom-color: #4c96a1; border-left-color: #4c96a1; }
#nav_top li a:hover { background-color: #3a5c5d;}
input:hover, textarea:hover { border-color: #3a5c5d; color: #000000; }
#submit { background-color: #4c96a1;}
#submit:hover { background-color: #3a5c5d;}
ul#news li a img.postthumbnail:hover { background-color: #4c96a1;}
ul#news li a { color: #ca8800;}
#box_login h1 { color:#4c96a1; }
#nav_main li a:hover, #nav_main li.current { background-image: none; background:#4c96a1; }
.kalendermonat .monat .monatsname { color:#4c96a1; }
.kalenderjahr .current { color:#4c96a1; }
.kalendermonat .monat .wochennr { color:#4c96a1; }
.kalenderjahr .monat .monatsname { color:#4c96a1; }
.kalenderjahr .monat .wochennr { color:#4c96a1; }
.notentabelle th { color:#4c96a1; }
.notencolumn { color:#4c96a1;}
.notencolumnfacebox { color:#4c96a1;}
.kalendermonat .monat .termin:hover { color:#3a5c5d; background:#DDDDDD; }
.kalendermonat .terminliste li a:hover { color:#3a5c5d; 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:#3a5c5d; background:#DDDDDD; }
.ec-month-nav a:hover { color:#3a5c5d; 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:#3a5c5d; }
.notentabelle td { border-color:#DDDDDD; }
.notentabelle .note a:hover { background:#DDDDDD;color:#3a5c5d; }

.contentwritelink { border-color:#4c96a1; background-color:#DBFFDB; }
.contentwritelink a:link, .contentwritelink a:hover, .contentwritelink a:visited {color:#0000ff !important;}
.contentwritelink a:hover { color:#3a5c5d; background:#DDDDDD !important; }
.contentwriteblock a:link, .contentwriteblock a:hover, .contentwriteblock a:visited {color:#0000ff !important;}
.contentwriteblock a:hover { color:#3a5c5d; background:#DDDDDD !important; }

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

@media screen and (max-width: 991px) {
  #head { height:23.5vw;}
  #nav_main { margin-left:0px; margin-right:0px;}
}