/*
Sally Bein Gymnasium Farben

Aktives rot Navi: #a92e1e
Rot: #e3001b
grün: #036c31
*/

* {margin:0; padding:0;}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
  line-height:135%;
}

/* =========== start Boxenset ================ */
#container {
  width:980px;
  margin:0 auto;
  background-color:#fff;
  }
  
#headerToolbar { /* Container Toolbar Top */
  width:980px;  height:18px;
  background-image: url();
  background-repeat:no-repeat;
  }
#headerleft { /* Linke Toolbox */
  float:left;
  padding:0 0 0 20px;
  margin:0px 0 0 0px;
  width:140px;  height:15px;
  background-color:#fff;
  }
#headerright { /* Rechte Toolbox */
  float:right;
  padding:5px 0 0 0;
  margin:0 0 0 0px;
  width:280px;
  background-color:#fff;
  color: #036c31;
  font-size: 10px;
  text-align:right;
  }
#naviTop {
  float:right;
  margin:0 0px 3px 10px;
}
  
#headerLogo { /* Container Logo  */
  width:980px;  height:162px;
  background-image: url(../../picture/sally-bein-gymsasium_header980x162.jpg);
  background-repeat:no-repeat;
  }

#topnavi { /* Platzhalter */  
  width:980px; height:20px;
  background-image: url();
  background-repeat:no-repeat; 
  }
  
#contentContainer { /* Container mit Hintergrundgrafik */
  width:980px;
  overflow:hidden;
  background-image: url();
  background-repeat:repeat-y;
  padding-bottom:20px;
  }
* html #contentContainer { /* fuer den IE6 */
  min-height:650px;
}

#menue_links_container { /* Box Navigation ../ */
  float:left;
  width:230px;
  margin:0;
  
  }
#menu_links_top {
  float:left;
  width:225px;  
  min-height:320px; /*height:330px;overflow:hidden;*/  
  padding:25px 0 0 5px;
  background:#fff url(../../picture/sally-bein-gymnasium_tafel-links-top230x685.png) no-repeat;
}
*html #menue_links_top { /* fuer den IE6 */
height:380px;
}
#menu_links_bot { /* Footergrafik Navi links */
  float:left;
  width:210px;
  padding:20px 0 0 15px;
  height:95px;
  min-height:115px;	   
  background:#fff url(../../picture/sally-bein-gymnasium_tafel-links-bot230x115.png) no-repeat top left;
}



#menue_links_neu { /* !!!!!! Box Navigation NEU*/
  float:left;
  width:230px;
  min-height:475px;
  padding:0;
  margin:0 0 20px 0;
  overflow:hidden;
  background-color:#fff;
  background-image: url(../../picture/sally-bein-gymsasium_tafel-links230x470.jpg);
  background-repeat: no-repeat;
  }

#menu_linksInbox { /* InBox f. navi Navigation ../ */
  float:left;
  width:225px;
  height:475px;
  min-height:475px;
  padding:15px 0 0 5px;
  margin:0;
  }


#main_breadcrumb { /* Breadcrumb */
color: #036c31;
float: left;
font-size: 10px;
margin: 0 0 0px 0;
padding: 4px 0 0 0px; 
text-align: left;
}
#main_breadcrumb_div { /* Breadcrumb */
color: #036c31;
float: left;
font-size: 10px;
width:730px;  height:21px;
margin: 0 0 0px 0;
padding: 8px 0 0 20px; 
text-align: left;
background:#fff url(../../picture/sally-bein-gymsasium_header750x30.jpg);
}

#menue_rechts {  /* Box RIGHT */
  float:right;
  width:170px; /* bis 18.09.10: 220*/
  overflow:hidden;
  padding:10px 20px 0 10px;
  margin: 0 0 0 0;
  background:transparent url();
  }

#content { /* CONTENT - Inhalte */
  float:left;
  width:520px; /* bis 18.09.10: 470 */
  overflow:hidden;
  background:#fff url();
  padding:10px 10px 0 20px;
  min-height:300px;
  }
* html #content { /* fuer den IE6 */
  width:520px;
  height:auto;
  } 
  
#content_solo { /* CONTENT - Solo ohne RIGHT */
  float:left;
  width:700px;
  overflow:hidden; /* */
  background:#fff url();
  padding:10px 10px 0 20px;
  min-height:300px;
  }
* html #content_solo { /* fuer den IE6 */
  height:auto;
  } 

/* =========== Ende Boxenset ================ */


/* Schuelernavi------------------------------- */

#main_inbox {
position:absolute;
margin-left:825px; 
margin-top:80px; 
width:150px;
height:auto;
z-index:100; 
border:0px solid #888;
}

* html #main_inbox { /* IE6 only */
position:absolute;
height:auto;
margin-left:825px; 
margin-top:80px; 
margin-bottom:0px;
}

*+html #main_inbox { /* IE7 only */
margin-left:825px;
margin-top:80px; 
  }

#main_inbox_top1 { /* TopBox */
width:110px;
height:20px;
padding:20px 0 0 40px;
color: #067339;
background-image: url(../../picture/top2hell.png); 
background-repeat: no-repeat;
}
#main_inbox_top2 { /* 3 LINKS */
width:150px;
padding:8px 0 0 0px;
border:0px solid #888; 
background-image: url(../../picture/mid2hell.png);
background-repeat: repeat-y;
}

#main_inbox_top { /* MEHR Button*/
width:140px;
padding:10px 0 10px 10px;
border:0px solid #888; 
background-image: url(../../picture/mid2hell.png); /* */
background-repeat: no-repeat;
}

#main_inbox_middle { /* ausklapper */
width:150px; 
background-image: url(../../picture/mid2hell.png);
background-repeat: repeat-y;
}
.html #main_inbox_middle {
width:150px;
height:125px; 
background-repeat: repeat-y;
}

#main_inbox_bottom {
width:140px;
height:25px;
padding:0px 0 0 10px;
border:0px solid #888; 
background-image: url(../../picture/bot2hell.png);
background-repeat: no-repeat;
}
/* ENDE Schuelernavi-----------------------*/

.main_breadcrumb {
color: #036c31;
font-size: 10px;
margin: 0 0 -2px 0;
padding: 0 0 0 0px;
text-align: right;
}

img, div {
   behavior: url(template/inc_css/specific/iepngfix.htc);
}

form, div, p {
	margin: 0;
	padding: 0;
}

td, th, p, div, span {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/* font-size: 1em; */
}

.listEntry {
	margin-bottom: 10px;
}

/* LINK DEFINITIONEN ------------------------------ */

a, a:link, a:visited, a:active, a:focus {
	color: #036c31;
	text-decoration: none;
        /* font-weight: bold; */
}
a:hover {
	color: #036c31;
	text-decoration: underline;
        /* font-weight: bold; */
}

a.schueler_mehr:link {
font-size: 1em;
font-weight: bold;
color: #067339;
text-decoration: none;
margin: 3px 0 0 0;
outline: none;
}

a.schueler_mehr:hover {
color: #067339;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
/* border-bottom: 1px dotted #7c9ac5; */
margin: 3px 0 0 0;
outline: none;
}

a.schueler_mehr:focus {
font-size: 12px;
font-weight: bold;
color: #067339;
text-decoration: underline;
margin: 3px 0 0 0;
outline: none;
}

a.schueler_mehr:active {
font-size: 12px;
font-weight: bold;
color: #067339;
text-decoration: none;
margin: 3px 0 0 0;
outline: none;
}

a.schueler_mehr:visited {
font-size: 12px;
font-weight: bold;
color: #067339;
text-decoration: none;
margin: 0px 0 0 0;
outline: none;
}

.schueler_mehr {
font-size: 12px;
color: #067339;
text-decoration: none;
padding: 3px 0 0 0; 
margin: 3px 0 0 0;
}

a.navi_links:link {
font-size: 12px;
font-weight: normal;
color: #fff;
text-decoration: none;
margin: 3px 0 0 0;
}

a.navi_links:hover {
color: #fff;
font-weight: normal;
font-size: 12px;
text-decoration: underline;
margin: 3px 0 0 0;
}

a.navi_links:focus {
font-size: 12px;
font-weight: normal;
color: #fff;
text-decoration: underline;
margin: 3px 0 0 0;
}

a.navi_links:active {
font-size: 12px;
font-weight: normal;
color: #fff;
text-decoration: none;
margin: 3px 0 0 0;
}

a.navi_links:visited {
font-size: 12px;
font-weight: normal;
color: #fff;
text-decoration: none;
margin: 0px 0 0 0;
}

.navi_links {
font-size: 12px;
color: #fff;
text-decoration: none;
padding: 3px 0 0 0; 
margin: 3px 0 0 0;
}
/* Ende Links ----------------------------- */


/* Textformatierungen ----------------------------- */

.articleText { 
	margin-bottom: 3px;
}

.newsDate{
float:right;
color:#ccc;
font-size:11px;
font-weight:bold;
}

.box_articleListText { 
	margin-bottom: 20px;
	text-align: justify;
        width: 430px;
}

.box_newsText { 
	margin-bottom: 40px;
	text-align: justify;
        width: 430px;
}

.box_newsText_detail { 
        width: 430px;
	margin-bottom: 50px;
	text-align: left;
}
.caption { 
        font-size: 11px;
        color:#067339;
	margin: 5px 0 0 5px;
	/* text-align: justify; */
}
.date { 
        font-size: 12px;
        color:#000;
	margin: 0px 0 0 0px;
	/* text-align: justify; */
}
.bilderliste {
	padding: 0 0 10px 0;
} 
.galerieArtikellist { /* Bildergalerie Artikellisting */
width:280px;
float:left;
padding:5px;
border:1px dotted #067339;
border-width:1px 0 0 0; /**/
margin:8px 5px 0 0;
min-height:100px;
}

/* Bildformate -------------------- */

.imgDIVinTextRight_newslist {
	float: right;
	margin-left: 45px;
	margin-bottom: 5px;
	padding: 0;
} 

.imgDIVinTextRight_article {
	float: right;
	margin-left: 45px;
	margin-bottom: 5px;
	padding: 0;
} 
.imgDIVinTextRight_articleList {
	float: right;
	margin-left: 45px;
	margin-bottom: 5px;
	padding: 0;
} 

.imgDIVinTextLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 6px 0 0 0;
}
.imgDIVinTextRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;
} 
.imgDIVtopLeft { 
	margin:8px 10px 5px 20px; 
	padding:0px; 
	border:0; 
} 
.imgDIVtopCenter { 
	margin:8px -50% 5px -50%; 
	padding:0px; 
	border:0; 
}

.imgDIVblockImgLeft { 
	margin-right: 10px;
}
.imgDIVblockImgRight {
	margin-left: 10px; 
} 

.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}
.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}

/* Überschriften ---------------------------*/

h1 {
color: #e3001b;
font-family: Arial, "Lucida Grande", Lucida, Helvetica, sans-serif;
font-size: 17px;
padding:0px 0 3px 0px;

}

h2 {
color: #e3001b;
font-family: Arial, "Lucida Grande", Lucida, Helvetica, sans-serif;
font-size: 15px;
}
h2.imgGalerie {
	color: #e3001b;
	font-family: Arial, "Lucida Grande", Lucida, Helvetica, sans-serif;
	font-size: 12px;
	margin:3px 0 5px 0;
}

h3 {
color: #e3001b;
font-family: Arial, "Lucida Grande", Lucida, Helvetica, sans-serif;
font-size: 13px;
margin: 0px 0 5px 0;
padding: 0px 0 0 0;
/* border-top: 1px solid #eaeaea; */
}

h4 {
color: #000;
font-family: Arial, "Lucida Grande", Lucida, Helvetica, sans-serif;
font-size: 12px;
}

h5 {
color: #000;
font-family: Arial, "Lucida Grande", Lucida, Helvetica, sans-serif;
font-size: 11px;
}

h6 {
color: #000;
font-family: Arial, "Lucida Grande", Lucida, Helvetica, sans-serif;
font-size: 11px;
}
/* Überschriften Ende ---------------------- */


/* Listenstyles , Linien
   ===================================  */

ul {
  margin: auto 5px;
  padding: 0px 0px 5px 5px;
   list-style-type: disc;  /* Originalcircle  */
}


hr  {
background-color: #ccc; /* Farbe für Opera und Firefox */
color: #ccc; /* Farbe für Internet Explorer (IE) */
border: 0;
margin: 10px 0 12px 0;
height: 1px;
}

hr.line {
	background-color: #fff;
/* Farbe für Opera und Firefox */
	color: #fff;
/* Farbe für Internet Explorer (IE) */
	border: 1px dotted #036c31;
	border-width:0 0 1px 0;
	margin: 5px 0 12px 0;
	height: 1px;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
/* Calendar  ====================================*/
.calendar {
    padding: 10px 0 10px 0px;
    margin: 5px 0 8px 0;
    clear: left;
    margin: 0;
    border-bottom: 0px dotted #ccc;
    /*width: 570px;*/
}
.calendar div.date {
   float: left;
   padding: 8px 8px 8px 8px;
   border: 1px dotted #ccc;
  /* border-width:1px 0 1px 0; */
}
.place {
padding:0 0 5px 0;
color:#036c31;
}
.calendarteaser, .calendartextlong {
    line-height: 140%;
    color: #000;
    font-size: 1.0em;
    padding:5px 0 3px 8px;
}

/* Suchformatierung -------------- */

.phpwcmsSearchResult {
	margin: 15px 0 15px 0;
}
.phpwcmsSearchResult h3 {
	margin: 10px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
}
.phpwcmsSearchResult p {
	margin: 0;
}
.phpwcmsSearchResult em.highlight, em.highlight {
	background-color: #FFFF00;
	font-style:inherit;
}

.phpwcmsArticleListEntry {
	clear: both;
}
.phpwcmsArticleListImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
}
.phpwcmsArticleListImageCaption {
	padding-top: 5px;
}

/* ======= BUTTON Pagination (GB) ========= */

div.cpPagination {
	margin: 20px 0 10px 0px;
	text-align: center;
}
a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
	padding: 0px 3px 1px 3px;
	background-color: #FFFFFF;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #036c31;
}
a.cpPaginateActive {
	background-color: #ccc;
	color: #067339;
	border: 1px solid #036c31;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
	background-color: #ccc;
	color: #067339;
	border: 1px solid #036c31;
}
a.cpPaginationPrev:visited, a.cpPaginationNext:visited, a.cpPaginate:visited{
	background-color: #ff;
	color: #067339;
	border: 1px solid #036c31;
}
/* --------- article pagination ----------- */
 
.article_paginate_navi {
    float: left;
    text-align:center;
    /*font-family: verdana, arial, sans-serif;display:block;    width:300px;*/
    font-size: 11px;
    background: #fff url() no-repeat left top ;
    color: #036c31;
    margin: 21px 0 0 180px;
    padding: 3px 15px 0 15px;
    height: 20px;
    }
.article_paginate_navi a {
    color: #036c31;
    font-weight: bold;
    text-decoration: underline;
    }
 
.article_paginate_navi a:hover {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    }

.apn_prev {
   /* float: left;*/
    color: #000;
    margin: 0;
    padding: 0 20px 0 0;
    }
.apn_mid {
    /* float: left;*/
    color: #000;
    margin: 0;
    padding: 0 0px 0 30px;
    }
.apn_navi {
    /* float: left;*/
    color: #000;
    margin: 0;
    padding: 0 0 0 60px;
    }
.apn_next {
    /* float: right;*/
    color: #000;
    margin: 0;
    padding: 0 0px 0 20px;
    }

.commentBox {
  padding: 5px 5px 5px 5px;
  margin: 0 50px 0 0;
	background-color: #eeeeee;
	color: #000;
	font-weight: normal;
	border: 1px solid #067339;
}

.articleCode {
	margin-bottom: 3px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}
.articleSummary {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 135%;
}

.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
}
.nav_table a:hover {
	text-decoration: underline;
}

.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: bold;
	text-decoration: none;
}

.articleList_toptext {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}

.articleList_listhead {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* CSS for the top level list */
ul.list_top, ul.list_level {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #5E747F;
	font: bold 12px Verdana, sans-serif;
}
ul.list_top li, ul.list_level li {
	list-style: none;
	margin: 0;
	display: inline;
	padding: 0;
}
ul.list_top li a, ul.list_level li a {
	padding: 3px 0.5em;
	margin: 0px;
	border: 1px solid #778;
	border-bottom: none;
	background: #D7DEE5;
	text-decoration: none;
}
ul.list_top li a:link, ul.list_level li a:link { color: #5E747F; }
ul.list_top li a:visited, ul.list_level li a:visited { color: #5E747F; }
ul.list_top li a:hover, ul.list_level li a:hover {
	color: Black;
	background: #92A1AF;;
	border-color: #227;
}
ul.list_top li.active a, ul.list_level li.active a {
	background: white;
	border-bottom: 1px solid white;
}
 /* =====  FAQ  ===== */

.docuFAQ {
    margin:0 0 10px 0;
    padding:0px;
}

.docuFAQ h5 {
    font-size:1em;
    font-weight:bold;
    color:#067339;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    margin:0px;
    padding:0 0 10px 20px;
    background-image:url(../../picture/faq_closed.gif);
    background-position:left 3px;
    background-repeat:no-repeat;
    cursor:pointer;
}

.docuFAQ .faqEntry h5 {
    background-image:url(../../picture/faq_open.gif);
    background-position:left 4px;
    background-repeat:no-repeat;
}

.docuFAQ .faqImage {
    float:right;
    padding:0px;
    margin:3px 3px 15px 15px;
}

.docuFAQ .faqCaption {
    padding:0px;
    margin:4px 0 0 0;
    font-size:9px;
}

.docuFAQ p {
    padding:0 0 0 20px;
    margin:0px;
}

.docuFAQ .faqEntry {
    border-bottom:1px dotted #067339;
    margin:0 0 15px 0;
    padding:0 0 10px 0;
    display:none;
}
/* SUCHE Highlight---------------------------- */
.phpwcmsSearchResult {
	margin: 15px 0 15px 0;
color: #333333;
font-size: 1em; 
line-height: 1.4em;

}
.phpwcmsSearchResult h3 {
	margin: 10px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
}
.phpwcmsSearchResult p {
	margin: 0;
}
.phpwcmsSearchResult em.highlight, em.highlight {
	background-color: #ffff00;
	font-style:inherit;
}

#searchTop { /* Searchfield TOP Container*/
        float:left;
	margin: 0 0 3px 0;
        padding:0px;
        width:127px;
        border: 0px #036c31 dotted;
}

#searchTop_input { /* Searchfield Inputfield Box*/
	margin: 0;
        width:106px;
}

#searchTop_inputbutton { /* Searchfield Button Box*/
        float:right;
	margin: 0px 0px 0 3px;
        padding:0px;
        width:16px;
}

#search_submit_buttonTop { /* Button Suche oben*/
	color: 			#000;
	padding: 0px;
	margin: 1px 0 0px 0;
	background-color: #fff;
}
.search_input_fieldTop { /* Textfeld Suche Oben */
	color:			#036c31;
	font-size:		10px;
	border: 1px #499d6e solid;
	background-color: #FFFFFF;
	font-family:	Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0 0px 0;
        padding:1px;
        width:100px;
        float: left;
}

/* SUCHE ENDE--------------------------------------- */



/* Eingabefelder ----------------------------------- */

#search_input_field { 
	/* color:			#000;
	font-size:		12px;
	border: 1px #036c31 solid;
	background-color: #FFFFFF;
	font-family:	Arial, Verdana, Helvetica, sans-serif;
	margin: 5px 0 0px 0;
        padding:3px;
        width:150px;
        float: left; */
}
* html .search_input_field {
    margin:6px 0px 0px 100px;
    /* widt\h:100px; */
}

.search_input_fieldSearch { /* Textfeld Suche */
	color:			#000;
	font-size:		12px;
	border: 1px #036c31 solid;
	background-color: #FFFFFF;
	font-family:	Arial, Verdana, Helvetica, sans-serif;
	margin: 5px 0 0px 0;
        padding:3px;
        width:200px;
        float: left;
}

#search_submit_button { /* Button Suche */
	color: 			#000;
	border: 1px #036c31 solid;
	padding: 3px;
	margin: 5px 0 0px 0;
	background-color: #FFFFFF;
	font-size:		12px;
        font-weight: bold;
}

.inputText {
	color:			#000;
	font-size:		12px;
	border: 1px #036c31 solid; /*7f9db9*/ 
	background-color: #FFFFFF;
	font-family:	Arial, Verdana, Helvetica, sans-serif;
}

.inputCheckbox {
	color:			#a92e1e;
	font-size:		80%;
	border: 0px #333 solid;
	background-color: #FFFFFF;
	font-family:	Arial, Verdana, Helvetica, sans-serif;
}
.formButton {
        /*margin-top:3px; */
	color: 			#000;
	border: 1px #036c31 solid;
	padding: 3px;
	background-color: #FFFFFF;
	font-size:		11px;
}
.inputListe {
	color: 			#000080;
	border: 1px #036c31 solid;
	padding: 3px;
        width: 303px;
        height: auto;
        text-align: left;
	background-color: #FFFFFF;
	font-size:		12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.laufzeile {
font-weight: normal !important;
padding:20px 5px 0 5px;
margin:5px 0;
width:510px; height:60px;
background: #fff url(../../picture/bgr_laufzeile.png) no-repeat top left;
}