﻿/**
 * main formats
 **/
html
{
}
body
{
  background:           white;
  font-family:          Arial, Tahoma, sans-serif;
  font-size:            .8em;
  margin:               0px;
  padding:              0px;
}
form
{
  margin:               0px;
  padding:              0px;
}
.np
{
  margin:               0px;
  padding:              0px;
}
.nbp
{
  margin:               1em 0px 0px 0px;
  padding:              0px;
}
.cb
{
  clear:                both;
}
.hide
{
  display:              none;
}
.nd,
ul li span
{
  display:              none;
}
.hr
{
  clear:                both;
  border-bottom:        1px solid #004681;
  /*padding-top:          20px;*/
  margin:               20px 0px 20px 0px;
  font-size:            1px;
  height:               1px;
  overflow:             hidden;
}
.info
{
  font-size:            .9em;
  margin-bottom:        30px;
  font-weight:          bold;
}

/**
 * all contents
 **/
#content
{
  background:           url(/schulforum/BilderTemplates/content.bg.png) repeat-y;
  margin:               0px auto;
  padding:              0px 12px 0px 8px;
  width:                922px;
}
a img
{
  border:               0px;
}
a:link,
a:visited
{
  color:                #00457f;
  text-decoration:      none;
}
a:active,
a:hover
{
  text-decoration:      underline;
}
a.int
{
  background:           url(/schulforum/BilderTemplates/link.int.png) no-repeat 0px .25em;
  padding-left:         14px;
}
.boxBlue a.int
{
  background:           url(/schulforum/BilderTemplates/link.intBlue.png) no-repeat 0px .25em;
}

a.help
{
  background:           url(/schulforum/BilderTemplates/help.button.png) no-repeat 0px 0em;
  padding-left:         20px;
  padding-bottom:       2px;
  font-size:            0.95em;
}
a.pdf
{
  background:           url(/schulforum/BilderTemplates/link.pdf.png) no-repeat 0px 0em;
  padding-left:         20px;
  display:              block;
  padding-bottom:       2px;
}
a.sound
{
  background:           url(/schulforum/BilderTemplates/link.sound.png) no-repeat 0px 0em;
  padding-left:         20px;
  display:              block;
  padding-bottom:       2px;
}

a.ext
{
  background:           url(/schulforum/BilderTemplates/link.ext.gif) no-repeat right;
  padding-right:        20px;
}
.boxBlue a.ext
{
  background:           url(/schulforum/BilderTemplates/link.extBlue.png) no-repeat right;
}
/**
 * Head
 **/
div.head a.logo
{
  display:              block;
  float:                left;
}
div.head h1 {
  margin:               0px;
  padding:              0px;
}
/**
 * main navigation
 **/
#mainNav
{
  float:                left;
  margin-top:           62px;
  width:                737px;
  border-bottom:        2px solid white;
}
#mainNav ul
{
  list-style:           none;
  margin:               0px;
  padding:              0px;
  background:           #ffebad;
  height:               20px;
}
#mainNav li
{
  float:                left;
}
#mainNav a:link,
#mainNav a:visited
{
  background:           #ffebad;
  border-right:         2px solid white;
  display:              block;
  font-size:            .8em;
  font-weight:          bold;
  padding:              4px 10px 4px 10px;
  text-transform:       uppercase;
}
#mainNav a:active,
#mainNav a:hover,
#private #mainNav a.private,
#business #mainNav a.business
{
  background:           #103e76;
  color:                white;
  text-decoration:      none;
}
#mainNav li.search
{
  background:           #ffebad;
  border:               0px;
  float:                left;
  height:               20px;
  overflow:             hidden;
  padding:              0px;
  width:                278px;
}
#mainNav li.search input.submit
{
  height:               11px;
  width:                11px;
}
#mainNav form
{
  margin:               0px;
  padding:              0px;
}
#mainNav form input
{
  color:                #666;
  font-size:            .7em;
  height:               12px;
  margin:               1px 0px 1px 10px;
}
/**
 * content
 **/
#mainContent
{
  float:                left;
  font-size:            1em;  /* in/decrease for global content size */
}
div.divider
{
  clear:                left;
}
/**
 * left
 **/
#left
{
  clear:                left;
  color:                #004681;
  float:                left;
  width:                176px;
}
#home #left .change
{
  width:                15px;
  height:               15px;
}
#home #left
{
  margin-left:          21px;
  width:                165px;
}
#submenu
{
  border-top:           4px solid white;
  list-style:           none;
  margin:               0px;
  padding:              0px;
}
#submenu li
{
  border-bottom:        1px solid white;
  font-weight:          bold;
}
#submenu li a
{
  background:           url(/schulforum/BilderTemplates/menu.level1.png) no-repeat;
  border-top:           0px solid white;
  display:              block;
  font-size:            .9em;
  font-weight:          normal;
  color:                black;
  padding:              2px 0px 2px 25px;
/*  height:               15px;*/
}
#submenu li a.sel
{
  background:           url(/schulforum/BilderTemplates/menu.level1.active.png) no-repeat;
  border-bottom:        0px;
  text-decoration:      none
  font-weight:          bold;
}
#submenu li a:hover,
#submenu li a:active
{
  background:           url(/schulforum/BilderTemplates/menu.level1.hover.png) no-repeat;
  color:                white;
  text-decoration:      none;
}
#level2
{
  list-style:           none;
  margin:               0px;
  padding:              0px;
}
#level2 li
{
  background:           none;
  border:               none;
  margin:               0px;
}
#level2 li a:link,
#level2 li a:visited
{
  background:           white;
  border-bottom:        1px solid #d6dbe8;
  border-top:           0px;
  color:                black;
  font-size:            .85em;
  font-weight:          normal;
  padding:              2px 0px 2px 25px;
}
#level2 li a.sel:link,
#level2 li a.sel:visited
{
  border-left:          6px solid #004681;
  padding-left:         18px;
}
#level2 li a:hover,
#level2 li a:active
{
  text-decoration:      underline;
}
#level2 li a.sel
{
  font-weight:          bold;
}
#level3
{
  list-style:           none;
  margin:               0px;
  padding:              0px 0px 0px 0px;
}
#level3 li a:link,
#level3 li a:visited
{
  background:           #e3e7f0;
  padding-left:         25px;
}
#level3 li a.sel:link,
#level3 li a.sel:visited
{
  padding-left:         18px;
}
#level4,
#level5
{
  list-style:           none;
  margin:               0px;
  padding:              0px;
}
#level4 li a.sel:link,
#level4 li a.sel:visited
{
  padding-left:         18px;
}
#level4 li a:link,
#level4 li a:visited,
#level5 li a:link,
#level5 li a:visited
{
  background:           #bac4db;
  margin:               0px;
  padding:              2px 0px 2px 25px;
}
#level5 li a:link,
#level5 li a:visited
{
  padding:              2px 0px 2px 35px;
}
#level5 li a.sel:link,
#level5 li a.sel:visited
{
  padding-left:         29px;
}
input.arrow
{
  height:               9px;
  width:                10px;
}
.qmenu
{
  background:           #bbc5db;
  font-size:            .9em;
  height:               160px;
  margin:               10px 0px 10px 0px;
  padding:              0px;
  width:                165px;
}
.qmenu select
{
  font-size:            .9em;
  margin:               5px 5px 3px 10px;
  width:                120px;
}
.qmenu div.info
{
  background:           url(/schulforum/BilderTemplates/arrow.blue.png) no-repeat 6px 6px;
  color:                #00457f;
  font-size:            1.1em;
  font-weight:          bold;
  margin-bottom:        4px;
  padding:              3px 0px 0px 20px;
}
/**
 * middle
 **/
#center
{
  float:                left;
  font-size:            0.9em;  /* in/decrease for center content size */
  margin:               10px 18px;
  width:                528px;
}
#home #center
{
  border-top:           1px solid #869abe;
}
#private #center,
#business #center,
#company #center,
#news #center,
#school #center,
#contact #center
{
  padding:              0px;
}
#center .breadcrumps
{
  color:                #999999;
  font-size:            .8em;
  margin-bottom:        20px;
}
#center .breadcrumps a
{
  color:                #999999;
}
#center .breadcrumps span
{
  color:                #003366;
}
/**
 * .newsItemImage
 **/
#center .newsItemImage
{
  border-bottom:        1px solid #869abe;
  overflow:             hidden;
  width:                100%;
  clear:                both;
}
#center .newsItemImage img.newsItemRealImage
{
  float:                right;
  margin:               5px 0px;
}


#center .newsItemImage h2
{
  margin:               8px 0px 5px 0px;
  padding:              0px;
}
#center .newsItemImage a
{
  background:           url(/schulforum/BilderTemplates/arrow.white.png) no-repeat 0px 2px;
  font-weight:          bold;
  padding-left:         14px;
}
#center p
{
  color:                #000000;
  margin:               5px 0px 6px 0px;
  line-height:          1.4em;
}
#center p small
{
  font-size:            0.95em;
}
#center div.agbBox p
{
  margin:               0px 0px 10px 0px;
}
#center h2
{
  color:                #004681;
  font-size:            1.4em;
  margin:               0px 0px 10px 0px;
  padding:              0px;
}
#center h2.agb span.small
{
  font-size:            0.8em;
}
#center h2 span
{
  color:                #666666;
  display:              block;
  font-size:            .8em;
}
#center h3
{
  color:                #004681;
  font-size:            1.15em;
  margin:               10px 0px 5px 0px;
  padding:              2px 0px 2px 0px;
}
#center div.agbBox h3
{
  color:                 black;
  margin:                0px 0px 0px 0px;
  font-size:             1em;
}
#center h3.date
{
  float:                left;
  width:                80px;
}
#center h3.press
{
  float:                right;
  width:                425px;
}
#center h3.alt2
{
  font-size:            1.25em;
  margin:               0px 0px 5px 0px;
  padding:              0px 0px 2px 0px;
}
#center h3.index
{
  border-bottom:        1px solid #f5d400;
  color:                #004681;
  font-size:            .9em;
  margin:               10px 0px 5px 0px;
  padding:              2px 0px 2px 16px;
}
#center h3.help
{
  background:           url(/schulforum/BilderTemplates/help.gif) no-repeat 0px 2px;
  border-bottom:        1px solid #5f7eaa;
  padding:              0px 0px 0px 20px;
}
#center h4
{
  color:                #000000;
  margin:               10px 0px 0px 0px;
  padding:              0px;
  font-size:            1em;
}
/**
 * img.left/right
 */
#center div.imgLeft img,
#center img.left
{
  float:                left;
  margin:               0px 15px 5px 0px;
}
#center div.imgRight img,
#center img.right
{
  float:                right;
  margin:               0px 0px 5px 10px;
}
#center div.imgLeft
{
  overflow:             hidden;
  width:                100%;
  margin-top:           20px;
}
#center .imgText
{
  color:                #9c9d9f;
  margin-bottom:        1.6em;
  line-height:          .8em;
  font-size:            .95em;
}

/**
 *  ul´s
 */
#center ul
{
  color:                #000000;
  margin:               0px 0px 10px 16px;
  padding:              0px;
}
#center ul li
{
  color:                #000000;
}

/**
 * div tables
 */
div.table2column
{
  clear:                left;
}
div.table2column div
{
  float:                left;
  width:                44%;
  padding:              1px 14px;
}
div.table3column
{
  clear:                left;
}
div.table3column div
{
  float:                left;
  width:                30%;
  padding:              1px 0px 1px 14px;
}
div.th
{
  background:           #e3e7f0;
  margin:               1px 2px 1px 0px;
  padding:              1px 4px;
}
div.td
{
  background:           #f1f3f8;
  margin:               1px 2px 1px 0px;
  padding:              1px 4px;
}
div.th3
{
  background:           #ffffff;
  margin:               1px 2px 1px 0px;
  padding:              1px 1px;
  width:                43%;
}
div.td3
{
  background:           #ffffff;
  margin:               1px 2px 1px 0px;
  padding:              1px 1px;
  width:                27%;
}
div.th31
{
  background:           #e3e7f0;
  margin:               1px 2px 1px 0px;
  padding:              1px 2px 1px 12px;
  width:                41%;
}
div.td31
{
  background:           #f1f3f8;
  margin:               1px 2px 1px 0px;
  padding:              1px 2px 1px 12px;
  width:                25%;
}
/**
 * contentBox
 */
#center .contentBox
{
   float:               left;
   margin:              0px 12px 15px 0px;
   overflow:            hidden;
   width:               250px;
   height:              11em;
}
#private #center .contentBox div
{
  background:           #ffefc3;
  border-right:         6px solid #f5d400;
  border-top:           1px solid #f5d400;
  height:               105px;
}
#business #center .contentBox div
{
  background:           #ffefc3;
  border-right:         6px solid #5f7eaa;
  border-top:           1px solid #5f7eaa;
  height:               105px;
}
#center .contentBox div img
{
  float:                left;
}
#center .contentBox div p
{
  float:                left;
  margin:               0px;
  padding:              5px 10px;
  width:                95px;
}
#center div.imgLeft p
{
  padding:              0px;
  margin:               0px 0px 10px 0px;
}
#center div.imgLeft h3
{
  margin:               0px 0px 15px 0px;
  padding:              0px;
  font-size:            14px;
}
#center .contentBox h3
{
  border:               0px;
  font-size:            1.3em;
  margin:               0px 0px 5px 0px;
  padding:              0px 0px 0px 0px;
}
#center .blueBox h3
{
  font-size:            1.2em;
  margin:               0px 0px 0px 0px;
}
#center .blueBox h3 span
{
  color:                #444;
  font-size:            .9em;
}
#center .blueBox h4
{
  font-size:            1.2em;
  margin:               10px 0px 20px 0px;
}
#content form.blueForm,
#content .blueBox
{
  background:           #f1f3f7;
  padding:              8px 10px 8px 10px;
  margin:               0px 0px 2px 0px;
  max-width:            508px;
}
div.twocolumn strong 
{
  clear:left;
  float:left;
  display:block;
  width:150px;
}
div.twocolumn strong,
div.twocolumn div
{
  padding:2px 0px;
}

#content .smallBorder
{
  margin:               2px 0px;
}

#content .imgDownload
{
  float:                right;
  width:                26%;
}
#content .imgDownload a
{
  background:           url(/schulforum/BilderTemplates/link.img.png) no-repeat 0px 0px;
  display:              block;
  height:               18px;
  padding:              2px 0px 2px 20px;
}
#content .presseDownload
{
  width:                100%;
  overflow:             hidden;
  margin-bottom:        10px;
}
#content .presseDownload img
{
  float:                left;
  margin:               0px 10px 10px 0px;
}
#content .presseDownload a
{
  background:           url(/schulforum/BilderTemplates/link.img.png) no-repeat 0px 0px;
  display:              block;
  height:               18px;
  float:                left;
  margin:               20px 0px 0px 0px;
  padding:              2px 0px 2px 20px;
}
#content .half
{
  width:                45%;
  float:                left;
}
#content table
{
  border-bottom:        0px;
  border-right:         0px;
  margin:               4px 0px 0px 0px;
  border:               1px solid #cfd5e5;
  width:                100%;
}
#content table tr th
{
  background:           #e3e7f0;
  border-bottom:        1px solid #cfd5e5;
  border-right:         1px solid #cfd5e5;
  font-size:            1em;
  font-weight:          normal;
  text-align:           left;
  padding:              2px 2px 2px 6px;
  vertical-align:       top;
}
#content table tr td
{
  border-bottom:        1px solid #cfd5e5;
  border-right:         1px solid #cfd5e5;
  padding:              2px 2px 2px 6px;
  text-align:           left;
  vertical-align:       top;
}
#content .backLink
{
  float:                right;
}

/**
 * right
 **/
#right
{
  float:                left;
  padding:              8px 0px 0px 0px;
  width:                170px;
  overflow:             hidden;
}
#right .fontsize
{
  background:           url(/schulforum/BilderTemplates/fontsize.png) no-repeat;
  font-size:            .9em;
  font-weight:          bold;
  height:               28px;
  margin:               0px 0px 0px 0px;
  padding:              3px 4px;
  width:                167px;
}
#right .fontsize img
{
  float:                left;
  margin-right:         4px;
}
#right .boxBlue,
#right .boxYellow
{
  margin:               0px 0px 5px 0px;
  padding-bottom:       5px;
  width:                167px;
}
#right .boxBlue
{
  background:           url(/schulforum/BilderTemplates/feature.bottom.blue.png) no-repeat bottom left;
}
#right .boxBlue img
{
  margin:               0px 5px 0px 0px;
}
#right .boxYellow
{
  background:           url(/schulforum/BilderTemplates/feature.bottom.yellow.png) no-repeat bottom left;
}
#right .boxYellow div.content img
{
  background:           url(/schulforum/BilderTemplates/feature.shadow.bg.png) no-repeat;
}
#right .boxBlue h3,
#right .boxYellow h3
{
  color:                #00447e;
  font-size:            .8em;
  height:               14px;
  margin:               0px;
  padding:              1px 0px 0px 10px;
  text-transform:       uppercase;
  width:                167px;
}
#right .boxBlue h3
{
  background:           url(/schulforum/BilderTemplates/feature.head.blue.png) no-repeat;
}
#right .boxYellow h3
{
  background:           url(/schulforum/BilderTemplates/feature.head.yellow.png) no-repeat;
}
#right .boxYellow h3.arrow
{
  background:           url(/schulforum/BilderTemplates/feature.head.yellow.arrow.png) no-repeat;
  padding-left:         23px;
}
#right .boxBlue div.content p,
#right .boxBlue div.content div,
#right .boxYellow div.content p,
#right .boxYellow div.content div
{
  font-size:            .85em;
  margin:               0px;
  padding:              3px 20px 2px 8px;
  width:                149px;
}
#right .boxBlue p,
#right .boxBlue div
{
  background:           url(/schulforum/BilderTemplates/feature.content.blue.png) repeat-y;
}
#right .boxYellow p,
#right .boxYellow div
{
  background:           url(/schulforum/BilderTemplates/feature.content.yellow.png) repeat-y;
}
#right div.content p img.left
{
  float:                left;
  margin:               0px 4px 0px 0px;
}

#right div.content p img.right
{
  float:                left;
  margin:               0px 0px 0px 4px;
}
#right a.int:link,
#right a.int:visited
{
  background:           url(/schulforum/BilderTemplates/linkarrow.gif) no-repeat 0px 1px;
  display:              block;
  margin:               2px 0px;
}
#right .boxYellow a.mail
{
  background:           url(<img src="/schulforum/Bilder/submit.png">) no-repeat 0px .25em;
  color:                black;
  padding-left:         14px;
  padding-top:          1px;
}

#right .boxYellow a.int
{
  background:           url(/schulforum/BilderTemplates/arrow.yellow.png) no-repeat 0px 1px;
  display:              block;
  margin:               2px 0px;
}



.login input.user,
.login input.pass
{
  font-size:            .9em;
  width:                140px;
}
.login a
{
  display:              block;
  float:                left;
  margin:               0px 4px 0px 0px;
  padding-top:          1px;
}
.login img
{
  float:                left;
  margin-right:         4px;
}
.bottomInfos
{
  border-top:1px solid #004681;
  padding-top:5px;
  margin-top:15px;
  font-size:.95em;
}
.bottomInfosNoBorder
{
  font-size:.95em;
}
/**
 * footer
 **/
#footer
{
  background:           #e3e6f0 url(/schulforum/BilderTemplates/footer.gif) no-repeat;
  color:                #004681;
  font-size:            .85em;
  height:               18px;
  overflow:             hidden;
  padding:              0px 0px 0px 215px;
}
#footer ul
{
  list-style:           none;
  margin:               0px 0px 0px 0px;
  padding:              0px;
  width:                700px;
}
#footer li
{
  float:                left;
  padding:              0px 10px 0px 5px;
}
#footer li div
{
  border-left:          2px solid white;
  width:                167px;
  /*margin-left:          85px;*/
  padding:              2px 0px 2px 6px;
  float: right;
}
#footer a
{
  background:           url(/schulforum/BilderTemplates/arrow.footer.png) no-repeat 0px 4px;
  display:              block;
  padding:              2px 0px 2px 12px;
}

 

.redDot a, .redDot a.int, a.redDot {
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
}


#content div.sitemap
{
  float:left;
  width:46%;
  list-style:none;
  margin-right:20px;
}
#content div.sitemap h3
{
  color:white;
  padding:2px 4px !important;
  padding:0px;
  background:#114880;
}
#content div.sitemap a:link h3,
#content div.sitemap a:visited h3 
{
  display:block;
}
#content ul.sitemap
{
  list-style:none;
  padding:0px;
  margin:0px;
}
#content ul.sitemap li
{
  font-weight:bold;
}
#content ul.sitemap li,
#content ul.sitemap ul li
{
  white-space:nowrap;
  font-weight:normal;
  overflow:hidden;
  font-size:.99em;
}
#content ul.sitemap li ul
{
  list-style:none;
  margin:0px 0px 0px 15px;
}
#content ul.sitemap li a:link,
#content ul.sitemap li a:visited
{
  display:block;
  border-bottom:1px solid #114880;
  color:black;
  font-weight:bold;
  padding:2px 0px;
  height:14px;
}
#content ul.sitemap li ul li a:link,
#content ul.sitemap li ul li a:visited
{
  font-weight:normal;
}




/* CSS formats fomulars */
#content form div.formError
{
  background:           #ffffff;
  border:               1px solid #ffcb04;
  color:                #004681;
  font-weight:          bold;
  line-height:          1.4em;
  margin:               0px 0px 5px 0px;
  padding:              4px 8px;
  text-align:           center;
}

#content form.blueForm
{
  padding-bottom:30px;
}
#content form.blueForm div.textFields
{
  margin:               5px 0px;
}
#content form.blueForm div.textFields p label
{
  float:                left;
  font-size:            1em;
  margin:               5px 0px;
  padding:              0px 0px;
  width:                150px;
}
#content form.blueForm div.textFields p input
{
  border:               1px solid #8fa3c6;
  font-size:            .9em;
  margin:               2px 0px;
  padding:              2px 2px;
  width:                347px;
  margin-right:         4px;
}
#content form.blueForm div.textFields p textarea
{
  border:               1px solid #8fa3c6;
  font-family:          Arial, sans-serif;
  font-size:            1em;
  padding:              2px 3px;
  line-height:          1.4em;
  width:                495px;
  margin-right:         4px;
}
#content form.blueForm h3
{
  color:                #00457e;
  margin:               0px;
  padding:              0px;
}
#content form.blueForm input.checkbox,
#content form.blueForm input.radio
{
  float:                left;
  margin:               1px 4px 0px 0px;
}
#content form.blueForm select
{
  font-size:            .9em;
}
#content form.whiteForm input.submit,
#content form.blueForm input.submit
{
  background:           #bbc5db url(/img/submit.arrow.gif) no-repeat 100px 5px;
  color:                #004681;
  padding:              1px;
  width:                115px !important;
  font-weight:          bold;
  text-align:           left;
  float:                right;
}
#content form.whiteForm table
{
  border:               0px
} 

#content form.whiteForm table h3
{
  margin:               0px;
}

#content form.whiteForm table tr th
{
  background-color:     #e8ebf3;
  border:               0px;
  margin:               0px 2px 2px 0px;
  padding:              5px 10px;
  width:                360px;
}
#content form.whiteForm table tr td
{
  background-color:     #d7ddeb;
  border:               0px;
  margin:               0px 2px 2px 0px;
  padding:              5px 5px;
  font-size:            0.9em;
}
#content form.whiteForm table tr td.inputWidth
{
  width:                10px;
}
#content form.whiteForm .textFields
{
  background-color:     #e8ebf3;
  padding:              1px 10px 10px 10px;
  overflow:             hidden;
  width:                505px;
}
#content form.whiteForm .textFields table tr th
{
  background-color:     transparent;
  width:                160px;
}
#content form.whiteForm .textFields table tr td
{
  background-color:     transparent;
}
#content form.whiteForm .textFields input,
#content form.whiteForm .textFields textarea
{
  border:               1px solid #8fa3c6;
  font-size:            .9em;
  margin:               2px 0px;
  padding:              2px 2px;
  width:                347px;
  margin-right:         4px;
}

#content form.whiteForm .textFields div
{
  margin-top:           10px;
  float:                right;
}
#prename,
#name
{
  width:                400px;
}
/**
 * form specials
 */
 
#prename, #name { width: 167px !important; }
#plz, #nr { width: 60px !important; }
#city { width: 274px !important; }
#text { width: 349px; font-size:1.1em !important; font-family: Arial, sans-serif; }