#nav_main { margin-left:20px; top:0px; }
body { background:#ddd;}
#page { background:#fff;border-style:solid; border-color:#333; border-width:0px; border-left-width:1px; border-right-width:1px;}
#head { background-size:100%; height:130px; border-style:solid; border-color:#333; border-width:0px; border-bottom-width:1px;}
.navbar { min-height:0px; margin:0px;}
#titel { width:100%;}
#titel h1 { width:100%; margin:0px;}
#titel h1 a { width:100%; display:block; text-align:center; color:#009900;}
.navbar { border:none;}

/*
 * orange ffa940 
 * helleres orange ff8c00
 * blau 245a7a
 */

#nav_top_div.scrolled_down { background:#245a7a;}
#nav_main li.intern { float:right; }
#nav_main li.intern a:link, #nav_main li.intern a:visited { padding-left:30px; background-image:url(/stylesheets/neue-grundschule-marquardt/images/swp_25x25.png); background-repeat:no-repeat; background-position:2px center; border-right-width:0px;}
#titel { background-image:url(/stylesheets/ngg-asg/images/ngg-animation.gif); margin-left:0px; background-repeat:no-repeat; background-position:left center; margin-left:22px; margin-top:10px; }
#titel h1 { text-indent:-5000px; padding:0px; margin:0px; }
#titel h1 a { display:block; min-height:100px; }
.termindate .date { color:#ffa940;}
.displayborder h2.moduletitle { background:#245a7a; }
h1, h2 { color:#245a7a; }
h2.moduletitle { color:#245a7a; }
.box_navi h1, .box_navi h2, #box_login h2, #box_login h2 { color:#245a7a; }
.box_navi h1 > a:visited { color:#245a7a;}
.box_navi h1 > a:link { color:#245a7a;}
a:link, a:visited { color:#245a7a; }
a:hover { color:#ff8c00; }
#navigation a:hover { color:#ff8c00; }
.box_navi h3{ color: #ffa940; }
#head{ background-image: url(/stylesheets/ngg-asg/images/bg_head.jpg); } 
#nav_main li a:link, #nav_main li a:visited { border-right-color: #ff8c00; font-size:18px; padding:3px; padding-left:15px; padding-right:15px; color:#245a7a; margin:0px;}
#nav_main .overlaydiv, #nav_main .overlaydiv_lvl2, #nav_main .overlaydiv_lvl1 ul {  background-color:#fff; opacity:1;border-style:solid; border-width:1px; border-color:#245a7a;}
#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 { color:#245a7a; line-height:33px;}
#navi { position:absolute; top:95px; left:170px; background-color:#fff; border-style:solid; border-width:1px; border-color:#245a7a;}
.overlaydiv ul li a:hover { background:#ff8c00;}
#nav_top .overlaydiv ul, #nav_top .overlaydiv_lvl2 ul, #nav_top .overlaydiv_lvl1 ul {  background-color:#245a7a; }
#nav_left li a:hover { color: #ffa940;}
#nav_left li .currentsitelink { color: #ffa940;}
#nav_left li li a:hover { color: #ffa940;}
#nav_left li li a.currentsitelink { color: #ffa940;}
#nav_top li a:link, #nav_top li a:visited { color: #fff; border-top-color: #245a7a; border-right-color: #fff; border-bottom-color: #245a7a; border-left-color: #245a7a; }
#nav_top li a:hover { background-color: #ffa940; }
input:hover, textarea:hover { border-color: #ff8c00; color: #000000; }
#submit { background-color: #ffa940;}
#submit:hover { background-color: #ff8c00;}
ul#news li a img.postthumbnail:hover { background-color: #ffa940;}
ul#news li a { color: #245a7a;}
#box_login h1 { color:#ffa940; }
#nav_main li a:hover, #nav_main li.current { background-image:none; background-color:#ff8c00;}
.kalendermonat .monat .monatsname { color:#ffa940; }
.kalenderjahr .current { color:#ffa940; }
.kalendermonat .monat .wochennr { color:#ffa940; }
.kalenderjahr .monat .monatsname { color:#ffa940; }
.kalenderjahr .monat .wochennr { color:#ffa940; }
.notentabelle th { color:#ffa940; }
.notencolumn { color:#ffa940;}
.notencolumnfacebox { color:#ffa940;}
.kalendermonat .monat .termin:hover { color:#ff8c00; background:#DDDDDD; }
.kalendermonat .terminliste li a:hover { color:#ff8c00; background:#245a7a;}
.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:#ff8c00; background:#DDDDDD; }
.ec-month-nav a:hover { color:#ff8c00; 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:#ff8c00; }
.notentabelle td { border-color:#DDDDDD; }
.notentabelle .note a:hover { background:#DDDDDD;color:#ff8c00; }

.contentwritelink { border-color:#ffa940; background-color:#DBFFDB; }
.contentwritelink a:link, .contentwritelink a:hover, .contentwritelink a:visited {color:#0000ff !important;}
.contentwritelink a:hover { color:#ff8c00; background:#DDDDDD !important; }
.contentwriteblock a:link, .contentwriteblock a:hover, .contentwriteblock a:visited {color:#0000ff !important;}
.contentwriteblock a:hover { color:#ff8c00; background:#DDDDDD !important; }
.adminmodulelink a:link, .adminmodulelink a:hover, .adminmodulelink a:visited {color:#0000ff !important;}
.adminmodulelink a:hover { color:#ff8c00; background:#DDDDDD !important; }
.adminblock a:link, .adminblock a:hover, .adminblock a:visited {color:#0000ff !important;}
.adminblock a:hover { color:#ff8c00; background:#DDDDDD !important; }
ul#news li a:hover { color:#ff8c00; }


@media screen and (max-width: 991px) {
  #head { height:20vw; background-size:150vw; background-position:left top;}
  #nav_main { margin-left:0px; margin-right:0px;}
  #nav_main li, #nav_main li a { background-color:#f8f8f8;}
  #navi { position:relative; top:0px !important;}
  #titel { background-size:13vw; background-position:left top;}
}