/* ----  General  ---- */ 

* { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; }
body { margin:0; padding:0; background: #DEDEDE url('/backstage/schule_interaktiv/picpool/pagelayout/bg.gif') repeat-y; }
body.print { background-position: -20px 0 ; }
li { list-style:none; list-style-image:none;}
img { margin:0; padding:0; border:none; }
img.textflow {float:left; margin:0.1875em 0.625em 0.625em 0;}
.abstand14 {clear:both; width:100%; height:14px; overflow:hidden;}
.abstand10 {clear:both; width:100%; height:10px; overflow:hidden;}
.abstand0 {clear:both; width:0; height:0; margin:0; padding:0; overflow:hidden;}
.smallSpace { width:1px; overflow:hidden; }

/* ----  Header  ---- */ 

#header {width:956px; height:287px; background-repeat:no-repeat; background-position: left top; }
#startpage #header {display:block; height:468px;}

img#stiftung_logo { position:absolute; top:0; left:754px; width:202px; height:60px; }
a.leading_img { margin:0; display: block; width:760px; height:227px; background: transparent;}

#mainnav ol {height:51px; padding:0; padding-left:10px; margin-top:16px; margin-left:10px; width:936px; background-image:url('/backstage/schule_interaktiv/picpool/pagelayout/bg-mainnav.gif'); background-repeat:no-repeat; background-position: left 10px; }
#startpage #mainnav ol { margin-top:231px; }
#mainnav li {float:left; margin: 10px 10px 8px 0; width:114px; background:#fff;}
#mainnav li#selected { margin-top: 0; padding-top:10px; }
#mainnav a {display:block; text-decoration: none; font-size:11px; line-height:14px; height:39px; padding:3px 0 0 10px;}
#mainnav li#selected, #mainnav li#selected a { color: #fff; background-color: #A62B1F; }
#mainnav li a:hover, #mainnav li a:active { color: #fff; background-color: #B79C99; }

/* ----  Content  ---- */
 
#content { clear:both; float:left; width:946px; padding: 20px 10px 20px 0; }

#subnav { float:left; padding:0; width:134px; overflow:hidden; background:url("/backstage/schule_interaktiv/picpool/pagelayout/bg-subnav.gif") no-repeat; }
#subnav.menu_empty { background:transparent; }
#subnav ul { padding:0; margin:0; }
#subnav li { margin:0; padding:0; float:left; width:100%; border-bottom: 1px solid #fff; }
#subnav li.beforeSub2 { border:none; }
#subnav a { display:block; margin-left:10px; text-decoration:none; font-size:11px; line-height:13px; padding: 4px 4px 4px 12px; background-color:#EDD5D2;}
#subnav a:hover, #subnav a:active, #subnav .sel a {color:#fff; background-color:#E20074;}
#subnav li.sel { background:#E20074; }

#subnav .sub1 { clear:left; }

#subnav .sub2 { clear:left; float:left; background:url("/backstage/schule_interaktiv/picpool/pagelayout/bg-subsubnav.gif") no-repeat; }
#subnav .sub2 a { padding-left: 20px; background-color:#FBF7F6;} 
#subnav .sub2 li { width:134px; }
#subnav .sub2 li.sel a { background-color:#E20074; }
#subnav .sub2 a:hover { padding-left: 24px; background-color:#E20074;}


#middle { float:left; margin:0 10px 0 10px; width:482px; background-color: #fff; }
#middle ul { padding:0 10px 0px 0; margin-top: 0px; margin-left: 26px;}
#middle ul > ul { padding:0 10px 0 0; margin-left: 16px;}
#middle li { padding: 0 4px 0px 0; list-style-type:disc; }
#middle table { border-collapse:collapse; margin-left:10px; }
#middle table td { padding:2px 4px; vertical-align:top; }
h2,h3 {display: block; padding:0 10px 10px 10px; margin:0; font-weight:bold; color:#e20074;    }
h3 {color:#000; }
h3.pad10 {padding-left:0.909em;}
h4 {display: block; padding:0 16px 1px 16px; font-size:0.625em;    }
.message {color:#e20074; font-weight:bold;}
.dots {clear:left; display:block; width:30.375em; height:0.0625em; overflow:hidden; background: url("/backstage/schule_interaktiv/picpool/pagelayout/bg-trennlinie.gif") repeat-x;    }

p {    font-size:11px; line-height:1.5em; padding: 0 10px 10px 10px; margin:0; }
body.print p { font-size:1em; }
p a, p a em, ul li a { color:#E20074; }
a:focus { border:0; }

#middle table.project { border-collapse:collapse; width:100%; cursor:pointer; margin-left:6px; margin-top:12px;}
#middle table.project td { padding:2px 4px; overflow:hidden; }
#middle table.project td.theme { padding-top:8px; font-weight:bold; color:#000; }
#middle table.project td.subjects { width:70%; background-color:#efefef; border-bottom: 1px solid #999; color:#000; }
#middle table.project td.class { background-color:#efefef; border-left: 2px solid #fff; border-bottom: 1px solid #999; color:#000; }

#middle table.project tr.highlight td.theme { background-color:#EDD5D2; }
#middle table.project tr.highlight td.subjects,
#middle table.project tr.highlight td.class { background-color:#D5BEBD; }

form { display:block; margin:0; padding:0 10px; width:90%; font-size:11px; line-height: 1.5em; }
div.line { clear:both; padding:10px 0; width:100%; background: transparent url("/backstage/schule_interaktiv/picpool/pagelayout/bg-trennlinie.gif") repeat-x left bottom; }
label { margin:0; padding: 2px 4px 2px 0; float:left; width:30%; }
div.con_input { float:right; width:65%; }
div.con_input input, textarea { margin:1px; padding:2px; width:98%; font-size:12px; border: 1px solid #999; }
div.con_input textarea { height:100px; }
div.con_input .input_button { padding:0; width:140px; }
.error { font-weight: bold; color: #a00000; font-size:12px; }

table.sitemap { margin-left:10px; border-collapse:collapse; border-spacing:0; }
table.sitemap th, table.sitemap td { font-size:11px; font-weight:normal; vertical-align:top; line-height:16px; padding: 6px 14px 6px 0; vertical-align:top !important; }
table.sitemap th { padding: 0 12px 0 2px; }
table.sitemap th div { background-color:#eee; padding:2px 6px; width:100%; }
table.sitemap tr.fat_line td.lined { border-top: 1px dotted #999; }
table.sitemap tr.thin_line td.lined { border-top: 1px dotted #ccc; }
table.sitemap th { text-align:left; }


a.print {display:block; height:15px; font-weight:bold; color:#e20074; background: url("/backstage/schule_interaktiv/picpool/pagelayout/icons/print.gif") no-repeat right;}
a.extern {display:block; height:15px; font-weight:bold; color:#e20074; background: url("/backstage/schule_interaktiv/picpool/pagelayout/icons/bg-extern.gif") no-repeat right;}
a.media {display:block; height:15px; font-weight:bold; color:#e20074; background: url("/backstage/schule_interaktiv/picpool/pagelayout/icons/bg-media.gif") no-repeat right;}
a.pdf {display:block; height:17px; font-weight:bold; color:#e20074; background: url("/backstage/schule_interaktiv/picpool/pagelayout/bg-pdf.gif") no-repeat right;}
a.doc {display:block; height:17px; font-weight:bold; color:#e20074; background: url("/backstage/schule_interaktiv/picpool/pagelayout/bg-doc.gif") no-repeat right;}
a.mail {display:block; height:auto; font-weight:bold; background: url("/backstage/schule_interaktiv/picpool/pagelayout/bg-mail.gif") no-repeat right;}
a.media {display:block; height:auto; font-weight:bold; background: url("/backstage/schule_interaktiv/picpool/pagelayout/bg-media.gif") no-repeat right;}
a.zip {display:block; height:auto; font-weight:bold; background: url("/backstage/schule_interaktiv/picpool/pagelayout/load_zip.gif") no-repeat right;}

#right { float:right; margin:0; font-size:11px;}
#right .service {margin:0; margin-bottom:20px; padding:0 4px 14px 4px; width:302px; background:#F8F8F8 url("/backstage/schule_interaktiv/picpool/pagelayout/bg-right.gif") no-repeat bottom left;}
#right .service h2 {padding: 3px 4px 0 4px; margin:0; margin: 0 1px; font-size:11px; font-weight:bold; color:#fff; background:#B7BBC2 url("/backstage/schule_interaktiv/picpool/pagelayout/bg-right-h2.gif") repeat-x top; border-bottom:.0625em solid #CBD1D8;}
#right .service p, ul {padding: 10px 6px 4px 6px; }
#right .service ul { margin:0;     }
#right .service li { padding: 2px 4px 6px 14px; }
#right .service a { font-weight:bold; color:#e20074; }

#footer { clear:both; display:block; margin: 4px 0 0 0; width:946px; height: 12px; }
#footer ol { padding:0; margin:0; }
#footer li { float:left; width:114px; margin-left: 10px; height:14px; line-height:12px; background:#CCC;}
#footer a { float:left; display:block; text-decoration: none; width:104px; line-height:14px; height:14px; font-size:11px; padding-left:1em; color:#fff; background:#696969; }
#footer a:hover, #footer a:active { background:#E20074; }


/* --- Vorhaben-DB Detailsansicht (in Pop-Up) --- */

body#proj_details { background-color:#fff; background-image:url('/backstage/schule_interaktiv/picpool/pagelayout/bg3.gif'); background-position: top right; }
body#proj_details.print { background-image: none; background-color:#fff; }
body#proj_details #header { width:656px; height:10px; margin:10px 0 0 0; padding: 46px 0 0 12px; font-weight:bold; font-size:12px; color:#E20074; background-image:url('/backstage/schule_interaktiv/picpool/pagelayout/header_very_small.gif'); background-position: 10px top; }
body#proj_details>div#header { height:auto; }
body#proj_details #content { width:658px; display:block; margin:20px 10px 10px 8px; padding:0; }
body#proj_details table { width:100%; border:0; padding:0; margin:0; }
body#proj_details table.reiter { margin-bottom:20px; }
body#proj_details.print table.reiter { display:none; }
body#proj_details table.reiter td.m,
body#proj_details table.reiter td.m_selected { border:1px solid #fff; border-bottom-color:#ccc; padding:1px; padding-bottom:2px; cursor:pointer; }
body#proj_details table.reiter td.m_selected { border-color:#ccc; border-bottom-color:#fff; cursor:default; }
body#proj_details table.reiter td.m div,
body#proj_details table.reiter td.m_selected div { padding:3px 6px; background-color:#A3CED6; color:#fff; font-weight:bold; }
body#proj_details table.reiter td.m_selected div { background-color:#E0EDEF; color:#000;}
body#proj_details table.reiter tr.live td div    { background-color:#E20074; }
body#proj_details table.reiter tr.live td.m_selected div { background-color:#eee; }
body#proj_details table.reiter td.m a.print { text-decoration:none; }

body#proj_details table.subs tr td { padding: 2px 4px ; background-color:#eee; }
body#proj_details table.subs tr.second td { background-color:#fff; }
body#proj_details table.subs tr td.left { width:150px; overflow:hidden; vertical-align:top; }
body#proj_details table.subs div.help {display:none;}
body#proj_details table.subs div.description {display:none;}

/* WYSIWYG-Editor Hinterlassenschaften entfernen */
body#proj_details sup { display:none;    }
body#proj_details p { margin:0px; padding:0; }
body#proj_details ul { margin:0px; padding:0; }
body#proj_details li { list-style-type: disc; list-style-position:inside; margin:0px; padding:0; padding-left:6px; }


div.status_gelb { width:30px; height:12px; background: url("/backstage/schule_interaktiv/picpool/pagelayout/icons/ampel_gelb.gif") no-repeat bottom center; }
div.status_gruen { width:30px; height:12px; background: url("/backstage/schule_interaktiv/picpool/pagelayout/icons/ampel_gruen.gif") no-repeat bottom center; }
div.status_blau { width:30px; height:12px; background: url("/backstage/schule_interaktiv/picpool/pagelayout/icons/ampel_blau.gif") no-repeat bottom center; }
div.help { line-height:20px; height:20px; padding-right:10px; background: url("/backstage/schule_interaktiv/picpool/pagelayout/icons/help.gif") no-repeat bottom right; }

    
/* --- Freigabemanager der Vorhaben-DB --- */

body#projDB_release { background-image:url('/backstage/schule_interaktiv/picpool/pagelayout/bg2.gif'); }
body#projDB_release #header { height:60px; background-image:url('/backstage/schule_interaktiv/picpool/pagelayout/header_small.gif'); background-position: 10px top; }
body#projDB_release h2 { padding-left:12px; font-size: 1.3em; }
body#projDB_release p { padding-left:12px; padding-bottom:0; }

body#projDB_release a.leading_img { height:100%; }
body#projDB_release a.details { display:block; width:100%; height:20px; font-weight:bold; color:#e20074; background: url("/backstage/schule_interaktiv/picpool/pagelayout/icons/details.gif") no-repeat bottom center; }
body#projDB_release a.update { display:block; width:100%; height:20px; font-weight:bold; color:#e20074; background: url("/backstage/schule_interaktiv/picpool/pagelayout/icons/update.gif") no-repeat bottom center; }
body#projDB_release a.delete { display:block; width:100%; height:20px; font-weight:bold; color:#e20074; background: url("/backstage/schule_interaktiv/picpool/pagelayout/icons/delete.gif") no-repeat bottom center; }
body#projDB_release a.livelink { display:block; width:100%; height:20px; font-weight:bold; color:#e20074; background: url("/backstage/schule_interaktiv/picpool/pagelayout/icons/website.gif") no-repeat bottom center; }

body#projDB_release #content table { float:left; width:90%; border:0; padding:0; margin:0 0 0 10px; }
body#projDB_release #content table td { padding: 4px; }
body#projDB_release #content table td.small { width:1%; text-align:center; }
body#projDB_release #content table td.medium { width:10%; }
body#projDB_release #content table td.wide { width:30%; }
body#projDB_release #content table thead td { background-color:#A3CED6; color:#fff; font-weight:bold; }
body#projDB_release #content table tbody td { background-color:#eee; }
body#projDB_release #content table tbody tr.second td { background-color:#f7f7f7; }
body#projDB_release #content table tbody tr.old td.livestate { background-color: #EF95C5; }

/* ----------------------------------------------------
    FAQ
---------------------------------------------------- */


.faqBlock{
  width: 470px;
  line-height: 1.6em;
  border-bottom: 0px solid #DFECEE;
  padding: 5px 0;
  clear: left;
  margin-top: 0px;
}

.faqNr{
  float: left;
  font-weight: normal;
  margin-right: 5px;
  color: #000;
  font-weight: bold;
  line-height: 1.4em;
}

.faqQuest{
  float: left;
  line-height: 1.4em;
  width: 450px;
  cursor: pointer;
  text-decoration: underline;  
}

.faqOpen, .faqClose{
  float: left;
  margin-right: 6px;
  margin-top: 0px;
  padding-left: 15px;
  font-size: 11px;
  background-image:url(/backstage/schule_interaktiv/picpool/common/plus.gif);
  background-repeat:no-repeat;
  background-position: 0 0.2em;
  cursor: pointer;
  margin-left: 0px;
}

.faqClose{
  background-image:url(/backstage/schule_interaktiv/picpool/common/minus.gif);
}

.faqAnswer{
  clear: left;
  float: left;
  margin: 0px 0px;
  width: 440px;
  border: 0px dotted #00ADEF;
  padding: 10px 15px;
  line-height: 1.6em;
  background: #edd5d2;
  margin-left: 0px;
margin-top: 5px;
  }
  
.faqAnswer img{
  border: 1px solid #ccc;
  }

.clearBlock {
    height:           0px;
    clear:            both;
    overflow:         hidden;
    font-size:        0px;
    line-height:      0px;
}

div#middle{
line-height: 1.5em; 
}

table.netzwerkInfo{
border-collapse:collapse;
border-spacing:0;
font-size:11px;
margin: 0px !important;
width: 440px;
}

table.netzwerkInfo td {
border: 1px solid #fff;
padding:3px 3px 3px 6px;
}

table.netzwerkInfo td ul {
margin-top: 0px; 
}

table.netzwerkInfo td.schulBild{
width: 170px;
}

.trenner {
border-top: 1px dashed #a62b1f;
clear:both;
display:block;
height: 1px;
margin: 0px 0 20px 0;
overflow: hidden;
}

div#tt_rahmen {
background:#E4E4E4 none repeat scroll 0 0;
border-bottom:1px solid #E20074;
border-top:1px solid #E20074;
height:20px;
margin-left:0;
margin-bottom: 20px;
overflow:hidden;
margin-left: 10px; 
}

.marquee_rahmen {
background:#E4E4E4 none repeat scroll 0 0;
border-bottom:1px solid #E20074;
border-top:1px solid #E20074;
height:20px;
margin-left:0;
margin-bottom: 20px;
overflow:hidden;
margin-left: 10px; 
width: 475px;
}


.floatright {
float: right;
}

.floatleft {
float: left;
}