body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*====================
    DEFAULT_STYLES		
=====================*/	
		
body {
	background-color: white;	
	/*background-color: #292b63;	*/
	font-family: Arial, sans-serif;
}
a, 
a:visited	{ color: #000000; }
a:hover 	{ color: #292b63; }



/*====================
       HEADER		
=====================*/	
#header {
	margin-top: 20px;
	margin-bottom: 2px;
}
#header .inside{
	position: relative;
}
#header #header_title {
	font-size: 48px;
	font-weight: bold;
	color: #292b63;	
}
#header #header_article, #header #navi_main {
	background-color: #b1d2e5;
	/*background-color: #ffce3c;*/
}
#header #header_title{
    padding: 30px 0;
}
#header ul.level_1 {
    padding: 10px 0;
}
#header #header_title, 
#header ul.level_1 {
    margin: 0 auto;
    width: 1120px;
    margin-bottom: 20px;
}
#header .header_img_left {
	float:left;
	width: 16%;
	text-align: left;
}
#header .header_img_right {
	float:left;
	width: 16%;
	text-align: right;
}
#header .header_text_center {
	float:left;
	width: 68%;
	text-align: center;
}
#header .header_text_center a, 
#header .header_text_center a:hover{
	color: #292b63;
	text-decoration: none;
}

/* TICKER */
#header .custom {
	position: absolute;
    top: 190px;
    width: 100%;
    display: block;
}
#header .custom #ticker {
	z-index: 20;
    margin: 0 auto 0px;
    width: 1100px;
    display: block;
}
#header #ticker .ce_text, 
#header #ticker .ce_text p {
	padding:0;
	margin:0;
	font-size: 12px;
}
@media only all and (max-width:980px){
	#header .custom #ticker, 
	#header .custom #ticker {
		width: 100%;
	}
}

/*====================
       FOOTER		
=====================*/	
#footer{
	background-color: #b1d2e5;
}
#footer .inside{
	margin: 0 auto;
    width: 1120px;
    padding-top: 10px;
    font-size: 14px;
}
#navi_sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navi_sub li {
	float: left;
	padding-right: 1.5em;
	position: relative;
	list-style: none;
	margin-bottom: .5em;
}
#navi_sub li a {
	color: #292b63;
	padding-right: 10px;
	text-transform: none;
	text-decoration: none;
}




/*================
     Navigation
==================*/
#navi_main {
    display: block;
    padding: 0 10px;
    width: 100%;
}
.navi_lines { 
	display: none;
}
.navi_close {
	display: none;
}
#navi_main ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navi_main li {
	float: left;
	padding-right: 1.5em;
	position: relative;
	list-style: none;
	margin-bottom: .5em;
}
#navi_main li a {
	color: #292b63;
	text-transform: none;
	text-decoration: none;
}
#navi_main li a, 
#navi_main li span.active {
	padding-right: 8px;
}
#navi_main li span.active {
	color: #1d8dcc;
}
#navi_main li.startseite {
	background: url("../../files/jakobusschule/css/images/home.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	text-indent:-5000px;
	padding-right: 30px;
	cursor: pointer;
}
.navi_lines {
    background: url("../../files/jakobusschule/css/images/lines.png") no-repeat scroll left top;
	/*background-color: #292b63;*/
    cursor: pointer;
    height: 45px;
    right: 10px;
    min-width: 30px;
    position: absolute;
    top: 30px;
    width: 58px;
    display: none;
}
.navi_close {
    background: url("../../files/jakobusschule/css/images/bg_direction_nav.png") no-repeat scroll left center #CCCCCC;
    border-radius: 50px;
    cursor: pointer;
    display: block;
    height: 27px;
    position: absolute;
    left: 50px;
    top: 110%;
    width: 27px;
    z-index: 101;
    display: none;
}


/*====================
       BREADCRUMB		
=====================*/	
.mod_breadcrumb {
    margin: 2px auto 0px;
    width: 1120px;
}
.startseite .mod_breadcrumb {
    display: none;
}
.mod_breadcrumb ul {
  overflow:hidden;
  margin:0;
  padding:0;
  list-style-type:none;
}
.mod_breadcrumb li {
  float:left;
  font-size: 10px;
  margin-top: 5px;
}
.mod_breadcrumb li:after {
  margin-right:3px;
  padding-left:1px;
  content:" > ";
}
.mod_breadcrumb li.active:after {
  display:none;
}


/*====================
       CONTENT		
=====================*/	
#container {
    margin: 0 auto;
    width: 1120px;
}
#home_welcome figure {
	padding:0;
	margin:0;
	position: relative;
	font-size: 0;
}
#home_welcome figure img {
	width: 100%;
	height: 100%;
}
#home_welcome figure figcaption  {
	position: absolute;
	bottom: 20px;
	left:0;
	z-index:10;
	padding:5px 10px;
	background-color: #292b63;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	width: auto !important;
}

#home_showmore {
	float: right;
	margin: 0 10px;
}
#home_showmore a		{ color: #fff;}
#home_showmore a:hover	{ color: #FFBF00;}

#container .mod_article .ce_text, 
#container .mod_article .ce_gallery, 
#container .mod_article .ce_galerie, 
#container .mod_article .mod_eventlist, 
#container .mod_article .ce_form, 
#container .mod_article .ce_mybox, 
#container .mod_article .ce_headline,
#container .mod_article .ce_download,
#container .mod_article .ce_downloads,
.mod_newslist .layout_latest, 
#container .mod_article .home_welcome, 
.mod_newsreader .layout_full
 {
	background-color: #6fc4f4;
	margin: 10px 0 0px 0;
	box-shadow: 2px 2px 5px #333;
	border: 1px solid #333333;
	width: 1100px;
	
   -moz-border-bottom-left-radius:10px;
   -moz-border-bottom-right-radius:10px;
   -webkit-border-bottom-left-radius:10px;
   -webkit-border-bottom-right-radius:10px;
   -khtml-border-bottom-left-radius:10px;
   -khtml-border-bottom-right-radius:10px;
   border-bottom-left-radius:10px;
   border-bottom-right-radius:10px;
}

#container .mod_newsreader .ce_text, 
#container .mod_newsreader .ce_gallery, 
#container .mod_newsreader .ce_download, 
#container .mod_newsreader .ce_downloads, 
#container .mod_newsreader .ce_galerie, 
#container .mod_newsreader .ce_mybox, 
#container .mod_newsreader .ce_headline
{
	border: 0;
	box-shadow: none;
	-moz-border-bottom-left-radius:0px;
   -moz-border-bottom-right-radius:0px;
   -webkit-border-bottom-left-radius:0px;
   -webkit-border-bottom-right-radius:0px;
   -khtml-border-bottom-left-radius: 0px;
   -khtml-border-bottom-right-radius:0px;
   border-bottom-left-radius:0px;
   border-bottom-right-radius:0px;
}

#container .mod_article.last {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#container .ce_text p, 
#container .ce_mybox iframe, 
#container .ce_mybox small {
	padding: 0 10px 10px 10px;
}
.ce_text .image_container, 
.ce_text table {
	margin: 0px 10px 10px 10px;
}

.ce_text table tr.odd {
	background-color: #b1d2e5;
}

#container .ce_text h1, 
#container .ce_text h2, 
#container .ce_text h3, 
#container .mod_newslist h1, 
#container .mod_newslist h2, 
#container .ce_gallery h1,  
#container .ce_gallery h2, 
#container .ce_galerie h1,  
#container .ce_galerie h2, 
#container .ce_download h1,  
#container .ce_download h2, 
#container .ce_downloads h1,  
#container .ce_downloads h2, 
#container .mod_eventlist h1, 
#container .mod_eventlist h2, 
#container .ce_form h1, 
#container .ce_mybox h1, 
#container .ce_mybox h2, 
#container h1.ce_headline, 
#container h2.ce_headline
{
	background-color: #2a2b63;
	color: white;
	padding: 10px;
	margin-top: 0;
	font-size: 18px;
}


#container .mod_newslist h1, 
#container .mod_newslist h2{
	margin-bottom: 0;	
}
#container .mod_newslist .ce_text{
	margin-top: 0;	
}

#container .sc2 {
	width: 545px !important;	
	padding-right: 0 !important;
}

#container .sc2 > div {
	width: 545px !important;
}

#container .sc2-first {
	margin-right: 1% !important;
}

.sc-last, 
.sc2-last, 
.sc3-last {
	margin-right:0;
	padding-right: 0;
}

#container .sc3 {
    width: 359px !important;
}
#container .sc3 > div {
	width: 359px !important;
}


/*====================
    NEWS	
=====================*/	
.mod_newslist h2 a{
	color: #fff;
	text-decoration: none;
}
.mod_newslist h2 a:hover{
	color: #ddd;
}

.mod_newslist .layout_latest {
	margin-bottom:10px;	
}
.mod_newslist .layout_latest figure.image_container {
	padding: 0 10px 0 0;
	margin: 0;
	font-size:0;
}	
.mod_newslist .layout_latest .teaser, 
.mod_newslist .layout_latest p.more, 
.mod_newsreader p.back {
	padding-left: 10px;
}


.mod_newsreader .layout_full {
	background-color: #6fc4f4;	
	margin-top:10px;
}
.mod_newsreader h2 {
	background-color: #292b63;
	color: white;
	padding: 10px;
	margin-top: 0;
	font-size: 18px;
}
.mod_newsreader .ce_gallery figcaption  {
	font-size: 90%;
}

/*====================
    KOMMENTARE	
=====================*/	
.mod_comments { padding-bottom: 10px; }
.mod_comments .form, 
.mod_comments .comment_default  
{ padding: 10px; }

.mod_comments .form { 
	border-bottom: 1px solid #292b63;
}
.mod_comments .comment_default  { 
	margin: 0 10px;
	border-bottom: 1px solid #ffbf00;
}

.mod_comments fieldset  { border: 0; }

/*====================
    KONTAKT-FORMULAR	
=====================*/	
#container .ce_form table {
	margin: 10px;
	width: 100%;
}
fieldset.radio_container {
	border: 0px none;
}
#container .ce_form input.text {
	width: 50%;
}
/*====================
    PAGINATION	
=====================*/	

.pagination {
    margin: 25px 0 0 0px;
    padding: 0 10px 0 10px;
    clear:both;
    background-color: #6fc4f4;
    color: #000;
}

#main .pagination ul {
    float: right;
    margin-left: 0;
}

#main .pagination p {
    float: left;
    padding-right:20px;
}

.pagination ul li {
    padding: 0 10px 0 0;
    display: inline;
    float:left;
}


/*====================
    GALLERIA	
=====================*/	
.galleria-info {
    bottom: 60px;
    top: auto;
    left: 5%;
    position: absolute;
    width: 90%;
    z-index: 2;
}
.galleria-info-text {
	background-color: #333;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.galleria-info-description {
    color: #FFFFFF;
}

/*====================
    EVENTS	
=====================*/	
.event_month_head, 
.event{
	padding-left: 10px;	
	padding-bottom: 3px;
}
.event_month_head{
	margin-top: 10px;
	margin-bottom: 4px;
	font-weight: bold;
	border-top: 1px solid #000;
	padding-top: 10px;
	padding-bottom:6px;
}
.event.last{
	margin-bottom: 10px;
}
.home_nextevents .date {
	font-weight: bold;	
}
.event {
	padding: 4px;
}
.event span.date {
    display: block;
}
.event.even {
	
}
.event.odd {
	background-color: #b1d2e5;
}



/*====================
    DEVICES	
=====================*/	
@media only all and (max-width:980px){
	body {
		xxxbackground-color: blue;	
	}
	#container {
		margin: 0 auto;
		width: 100% !important;
	}
	#footer .inside{
		margin: 0 auto;
		width: 100% !important;
	}
	#header #header_title, #header ul.level_1 {
	    margin: 0 auto;
	    width: 100%;
	    margin-bottom: 20px;
	}
	#header .header_text_center {
		font-size:22px !important;
	}
	
	#navi_main {
	    display: block;
	}
	#navi_main li a, 
	#navi_main li span.active {
		padding-right: 0px !important;
	}
	#navi_main li {
		padding-right: 8px !important;
	}
	#navi_main li.startseite {
		padding-right: 20px !important;
	}
	.navi_lines { 
		display: none;
	}
	.navi_close {
		display: none;
	}
	
	#container .sc2 {
	    width: 49% !important;
	}
	#container .sc3 {
	    width: 32.5% !important;
	}
	#container .sc2 > div, 
	#container .sc3 > div {
	    width: 100% !important;
	}
	
	#container .mod_article .ce_text, #container .mod_article .ce_download, #container .mod_article .ce_downloads, #container .mod_article .ce_gallery, #container .mod_article .ce_galerie, #container .mod_article .mod_eventlist, #container .mod_article .ce_form, #container .mod_article .ce_mybox, #container .mod_article .ce_headline, .mod_newslist .layout_latest, #container .mod_article .home_welcome, .mod_newsreader .layout_full {
	    width: 100%;
	}
	
	/* TICKER */
	#header .custom {
	    display: block;
	}
}

#container .mod_article .ce_download img.mime_icon,
#container .mod_article .ce_downloads img.mime_icon, 
#container .mod_article .ce_download a,
#container .mod_article .ce_downloads a 
{
    padding: 10px 0 0px 10px;
	line-height: 30px;
} 

@media only all and (max-width:700px){
	body {
		xxxbackground-color: red;	
	}
	
#container .mod_article .ce_text, 
#container .mod_article .ce_gallery, 
#container .mod_article .ce_galerie, 
#container .mod_article .ce_download, 
#container .mod_article .ce_downloads, 
#container .mod_article .mod_eventlist, 
#container .mod_article .ce_form, 
#container .mod_article .ce_mybox, 
#container .mod_article .ce_headline,
.mod_newslist .layout_latest, 
#container .mod_article .home_welcome, 
.mod_newsreader .layout_full
 {
 	width: 100% !important;
 	border: 0;
	box-shadow: none;
	-moz-border-bottom-left-radius:0px;
   -moz-border-bottom-right-radius:0px;
   -webkit-border-bottom-left-radius:0px;
   -webkit-border-bottom-right-radius:0px;
   -khtml-border-bottom-left-radius: 0px;
   -khtml-border-bottom-right-radius:0px;
   border-bottom-left-radius:0px;
   border-bottom-right-radius:0px;
 }	
 

	
	#container .sc2, #container .ce_text.sc2, 
	#container .sc3, #container .ce_text.sc3 {
		width: 100% !important;
		padding-right: 0;
		float: none;
		display: block;
	}
	#container .sc3, 
	#container .sc3 div.ce_text{
		height: auto !important;
	}
	
	#header .header_text_center {
		display: none;
		width: 100% !important;
		font-size: 16px !important;
		text-align: left;
		margin-left: 10px;
	}
	#header .header_img_left {
		display: none;
	}
	#header .header_img_right {
		display: block;
		float: none;
		width: inherit;
		text-align: center;
	}
	#header .header_img_right img {
		width: 120px;
		height:auto;
	}
	#header .header_img_left {
		display:none;
	}
	#header #header_title {
		padding: 7px 0 0 0;
	}



	#container .sc3 {
    	width: 100% !important;
	}
	
	.mod_breadcrumb {
	    margin: 2px auto 0px;
	    width: 100%;
	    padding-left:5px;
	}
	
	#navi_main {
	    display: none;
	    left: 0;
	    xxxposition: fixed;
	    xxxtop: 18%;
	    z-index: 100;
	}
	.navi_lines { 
		display: block;
	}
	
	#navi_main li {
		float: none;
		border-bottom: 1px solid #292b63;
		padding-left:15px;
	}		
	#home_welcome figure figcaption  {
		position: absolute;
		bottom: 20px;
		left:0;
		z-index:10;
		padding:4px;
		background-color: #292b63;
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		width: auto !important;
	}
	
	.layout_latest figure {
		float: none !important;
		padding: 0 !important;
	}
	.layout_latest figure img {
		width: 100% !important;
	}
	
	.float_left {
		float: none !important;
	}	
	
	/* TICKER */
	#header .custom {
	    display: none;
	}

}


@media only all and (max-width:700px){
	body {
		xxxbackground-color: yellow;	
	}
	#header .header_text_center {
		font-size: 16px !important;
		width: 280px !important;
	}
}

/*====================
    INTERN
=====================*/

#article-26 {
	text-align: center !important;
}

#login_h {
	width: 528px !important;
	text-align: center !important;
	margin: auto !important;
	margin-bottom: 10px !important;
}

#login_m{
	width: 545px !important;
	margin: auto !important;
}

#login_m .formbody {
	margin: 10px;
}

#login_m .widget-text {
	margin-bottom: 7px;
}

#login_m .widget-password #password {
	margin-left: 38px;
}

#login_m .widget-text, .widget-password, .widget-checkbox, .widget-submit {
	text-align: center !important;
}

#login_m .widget-checkbox .checkbox_container {
	border: none;
	margin-left: 66px;
}

#login_m .widget-submit .submit {
	font-size: 100%;
	margin-left: 108px;
}

/*====================
    CONTACT
=====================*/

#article-16 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
}

#article-16 .ce_text, .ce_mybox {
	width: auto !important;
}

#article-16 .ce_mybox iframe {
	margin-left: 53px !important;
}

#article-16 .ce_mybox a {
	margin-left: 197px !important;
}

@media (max-width: 1100px) {
	#article-16 {
		grid-template-columns: repeat(1, 1fr);
	}

	#article-16 .ce_mybox iframe {
		margin-left: auto !important;
	}

	#article-16 .ce_mybox a {
		margin-left: auto !important;
	}
}

/*====================
    HOMEPAGE
=====================*/

.homepage_wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
}

#our_school {
	width: 550px !important;
}

#interesting_topics {
	width: 531px !important;
}

/*====================
    About US
=====================*/

.about_wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
}

#secretary {
	width: auto !important;
	height: 97%;
}

#office {
	width: auto !important;
	height: 97%;
}

#janitor {
	width: 94% !important;
	height: 97%;
}