/*
//Copyright 2009
//New-Soft
//http://new-soft.de
//
//Exclusivly made for Josef-Albers-Gymnasium Bottrop.
//It is prohibited to copy or reproduce any material
//of this site without the prior written permission of
//Josef-Albers-Gymnasium Bottrop!
*/

/*************/
/*  General  */
    html,body {
        background-image:url(/static/img/bg.gif);
        background-position:top;
        background-repeat:repeat-x;
        background-color: #20566c;
        width:100%;
        height:100%;
        font-family:verdana, sans-serif;
        font-size:12px;
        line-height:1.2;
        color:#406d93;
        padding:0;
        margin:0;
    }

    input, textarea, select {
         background-color: #5c91c0;
         border:1px solid #ffffff;
         font-family:verdana, sans-serif;
         color:#ffffff;
         font-size:12px;
         padding:4px;
         margin-left: 10px;
         line-height:1.2;
    }

    select, option {
        background-color:#9cc0df;
        height:25px;
    }

    option {height:20px;}

    p {
        padding: 10px;
        margin:0;
    }

    img {border: 0;}
    p img {margin:5px;}

    form {
        padding-left: 5px;
        padding-right: 15px;
        margin:3px;
    }

    table {
        width:100%;
        padding: 15px;
        border:0;
        border-spacing:0px;
    }
    tr {background:transparent; height:20px;color:#164868;}
    tr:hover {background:#568fc0;color:#ffffff}
    .nohover tr:hover, tr.nohover:hover {background:transparent; height:20px;color:#164868;}
    td {padding:2px;vertical-align:top;}

     h1 {
         display:block;
         color:#ffffff;
         font-size:20px;
         text-align:center;
     }
     
     .search_input
     {       
        padding:0.3em;
        margin:0px;
        width:172px;
        border:none;
        float:left;
        height:1.4em;
        line-height: 1.4em;
     }
     
     .search_submit{
        background-image:url(/static/icons/magnifier.png); 
        background-position: right;
        background-repeat: no-repeat;
        padding:0.3em;
        width:20px;
        float:left;
        margin:0px;
        border:none;
        line-height: 2.0em;
        height:2.0em;
     }

     .left {float:left;}
     .right {float:right;}
     
 /***********/
/*  Links  */
    /* Globale Links */
    a, a:visited, a:active {color: #ffffff; text-decoration:none;}
    a:hover {color: #d9e9f8; text-decoration:none;}

    /* Seitenumbruch */
    a.seitennavi:link, a.seitennavi:visited, a.seitennavi:active {
        border:1px solid #1f5f80;
        color: #2c8ab9;
        background-color: #f5f5f5;
        font-weight: bold;
        padding: 1px 5px 1px 5px;
        text-decoration: none;
        margin-left:5px;
    }
    a.seitennavi:hover, a.aktuelleseite:link, a.aktuelleseite:visited, a.aktuelleseite:active, a.aktuelleseite:hover {
        border:1px solid #1f5f80;
        color: #f5f5f5;
        background-color: #3682b2;
        font-weight: bold;
        padding: 1px 5px 1px 5px;
        text-decoration: none;
        margin-left:5px;
    }

    /* Hilfeanzeige */
    a.help {
        z-index:10;
        padding:0;
        margin:0;
    }
    a.help img {vertical-align:middle;}
    a.help:hover {
        position:relative;
        z-index:100;
    }
    a.help span {
        display:none;
        font-weight:normal;
        font-size:12px;
    }
    a.help:hover span {
        display:block;
        position:absolute;
        float:left;
        width:300px;
        top:-2.2em;
        left:16px;
        background-color:#c1f4a8;
        border:1px solid #000000;
        color:#444444;
        padding:3px;
        z-index:10;
    }





 /*****************/
/*  Grunddesign  */
    .main {
        background: transparent;
        width: 92%;
        max-width: 1200px;
        margin: 0px auto;
        padding: 0;
    }

    .edge1, .edge2, .edge3, .edge4, .edge5, .edge6, .edge7, .inside1, .inside2, .inside3, .inside4, .inside_bg1, .inside_bg2 {
        display:block;
        overflow:hidden;
        font-size:0;
        margin:0;
        padding:0;
    }

    .edge1, .edge2, .edge3, .edge4, .edge5, .edge6, .inside1, .inside2, .inside3, .inside_bg1, .inside_bg2 {
        height:1px;
    }

    .edge4, .edge5, .edge6, .edge7, .edge8 {
        background:#ffffff;
        border-left:1px solid #ffffff;
        border-right:1px solid #ffffff;
    }

    .edge1 {margin:0 8px; background:#ffffff;}
    .edge2 {margin:0 6px; background:#ffffff;}
    .edge3 {margin:0 4px; background:#ffffff;}
    .edge4 {margin:0 3px; border-width:0 5px;}
    .edge5 {margin:0 2px; border-width:0 4px;}
    .edge6 {margin:0 2px; border-width:0 3px;}
    .edge7 {margin:0 1px; border-width:0 3px;}
    .edge8 {margin:0; border-width:0 3px; display:block; overflow:hidden;}

    .edge8 a, .edge8 a:visited, .edge8 a:hover, .edge8 a:active { color:#ffffff; text-decoration:none;}

    .inside1 {margin:0 185px 0 195px; background:#ffffff; width: 3px; border:0;}
    .inside2 {margin:0 187px 0 197px; background:#ffffff; width: 3px; border:0;}
    .inside3 {margin:0 188px 0 198px; background:#ffffff; width: 3px; border:0;}
    .inside4 {margin:0 189px 0 199px; background:#ffffff; width: 3px; border:0;}
    .inside5 {width: 190px; background:#164868; border:solid #ffffff; border-width: 0 3px; color:#ffffff; text-align:center;}
    .inside6 {width: 200px; background:#164868; border:solid #ffffff; border-width: 0 3px; color:#ffffff; text-align:center;}

    .inside_bg1{background:#8fbad5; border:0;}
    .inside_bg2{background:#70a6cb; border:0;}

    .f_l { float:left; margin-right:0; border-left:0;}
    .f_r { float:right; margin-left:0; border-right:0;}
    .zpx {height:2px;}
    .mpx {height:20px;}

    .top {background: #307eb0; padding:0;}

    .bottom {background: #164868; padding:0;}

    .content_box {
        display:block;
        background-image:url(/static/img/bg_s.gif);
        background-position:top;
        background-repeat:repeat-x;
        background-color:#164868;
        border:3px solid #ffffff;
        border-width:0 3px;
    }

    #content_m {
        min-height:660px;
        background-image:url(/static/img/bg_m.gif);
        background-position:top;
        background-repeat:repeat-x;
        background-color:#70a6cb;
        color:#164868;
        padding: 3px;
        margin:0 190px 0 200px;
        border-left: 3px solid #ffffff;
        border-right: 3px solid #ffffff;
    }

    #content_l {
        float: left;
        width: 200px;
        margin: 0;
        color:#ffffff;
        text-align:center;
    }

    #content_r {
        float: right;
        width: 190px;
        margin: 0;
        padding: 0;
        color:#ffffff;
    }

    #header_line {
        border-top:2px solid #ffffff;
        border-bottom:2px solid #ffffff;
        display:block;
        padding:2px;
        margin-top:7px;
        margin-bottom:2px;        
    }


 /**********/
/*  Misc  */
    .logo {
        display:block;
        background-image:url(/static/img/jag_logo.png);
        background-position:top;
        background-repeat:no-repeat;
        width:160px;
        height:160px;
        margin:0 auto;
    }

    .title {
        position:absolute;
        z-index:2;
        background-image:url(/static/img/title.png);
        background-position:top;
        background-repeat:no-repeat;
        width:400px;
        height:40px;
        margin-top:60px;
    }

    .fullsize {
        width:95%;
    }

    .admin_overview {display:block;background-color:transparent;height:35px;padding:10px;}
    .admin_overview:hover {background-color:#3c7aa2;}
    .admin_overview img {vertical-align:middle;}

    .clear {
        clear:both;
        line-height:0;
        font-size:0;
        height:0;
        margin:0;
        padding:0;
    }

    .dsp_n {
        display:none;
    }

    #noscript {
        text-align:center;
        font-weight:bold;
        width:100%;
        position:fixed;
        top:0;
        left:0;
        z-index:98;
        background-color:#f05d5d;
        color:#fff;
        border-bottom:2px solid #fff;
    }

    #blackout {
        display:none;
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        left:0;
        padding:0;
        margin:0;
        background-color:#000000;
        z-index:100;
    }

    #img_box {
        position: fixed;
        z-index:101;
    }

    #confirm {
        display:none;
        position:fixed;
        width:500px;
        left:50%;
        margin-left: -250px;
        right:40%;
        top:40%;
        z-index:101;
    }

    #confirm_p {
        background-image:url(/static/icons/stop.png);
        background-position:4% 20%;
        background-repeat:no-repeat;
        background-color:#4698c1;
        color:#aa1111;
        font-weight:bold;
        border:2px solid #eaeaea;
        text-align:left;
        float:left;
        margin-left:10px;
        padding:5px 5px 5px 40px;
    }

    #sidebar_container,.sidebar_container{padding:5px;}
    .sidebar_main {display:block;font-size: 13px;font-weight:bold;margin-top:10px;text-align:center;}
    .sidebar {display:block;background-color:#307eb0;margin:10px 0;padding:3px;border:1px solid #7fb1d1;}

    #busy {
        display:none;
        position:fixed;
        width:40%;
        left:30%;
        right:30%;
        top:40%;
        z-index:101;
        background:#fff;
        border:2px solid #3b7bad;
    }

    #notify {
        display:block;
        text-align:center;
        color:#ffffff;
        font-weight:bold;
        margin:0 40px;
        margin-top:-2px;
        padding: 3px;
        border:2px solid;
    }

    .faq_h2 {
        color:#ffffff;
        text-decoration:underline;
        cursor:pointer;
    }

    .faq {
        display:none;
    }

    #content_m img {
        margin:2px;
    }

    .clear_hr {
        display: block;
        clear: both;
        margin: 0;
        visibility: hidden;
    }
    .tab
    {
        height:18px;
        float:left;
	width: 100px;
	text-align: center;
	border:1px solid white;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
    }

    .tabhold
    {
	background-color: #006699;
        color: white;
    }

    .tabfocus
    {
	background-color: white;
    }

    .tabcontent
    {
        margin-top: 29px;
	border:1px solid white;
	padding: 2px;
    }







 /*************/
/*  Galerie  */

/* static  */
    .gallery_img {
        text-align:center;
    }

    .gallery_img span {
        display:inline-block;
        width:240px;
        height:180px;
        padding:0;
        margin: 10px 8px;
        text-align:center;
        background-position:center center;
        background-repeat:no-repeat;
        cursor:pointer;
    }

    .gallery_img span span{
        display:block;
        width:16px;
        height:16px;
        margin:0;
        margin-top:15px;
        padding:3px;
        background-color: #ffffff;
        border:0px;
    }

    .gallery_img .border {
        border: solid #ffffff 4px;
        margin: 10px 4px;
    }

    .gallery_menu {
        background-color: #307eb0;
        display:block;
        width:400px;
        margin:5px auto;
        padding:3px;
        text-align:center;
    }

    .gallery_menu a {
        margin:0 8px;
    }



/* js  */
    #fullgallery {
        position:fixed;
        top:0;
        left:0;
        margin: 0px;
        padding: 0px;
        height: 100%;
        width: 100%;
    }

    .fullscreen {
        margin: 0px;
        padding: 0px;
        height: 100%;
        width: 100%;
        text-align:center;
    }

    #gallery_info {
        position:absolute;
        display:block;
        margin:0 auto;
        padding:2px;
        width:400px;
        left:50%;
        margin-left:-200px;
        height:27px;
        background-color:#636363;
        color: #ffffff;
        font-family: Verdana;
        font-size: 13px;
        font-weight: bold;
        text-align:center;
        vertical-align:top;
    }

    #gallery_info span img{
        cursor:pointer;
        vertical-align:text-bottom;
    }

    .img_max {
        max-width: 100%;
        max-height:100%;
        border:0;
    }









 /***********/
/*  Texte  */
    .blog_title, .text_title {
        font-size: 13px;
        font-weight:bold;
        line-height:30px;
        margin-left:10px;
        color:#ffffff;
    }

    .sidebar_title {display:block;text-align:center;font-weight:bold;}
    .sidebar_text {font-style:italic;font-size:11px;}

    .small {
        font-size:10px;
        color:#ffffff;
        display:block;
        margin-left:15px;
    }

    .log_red {background-color:#e38686;}

    .green_n {background-color:#38a956;border-color:#a1e99a}
    .red_n {background-color:#bd2c2b;border-color:#f690b4}
    .red_font {color:#bd2c2b;}

    .bold {font-weight:bold;}







 /***********/
/* Counter */
    .counter_title {
        background-image:url(/static/img/counter_bg.gif);
        background-position:top;
        background-repeat:repeat-x;
        background-color:#cfcfcf;
        display:block;
        width: 96%;
        height:22px;
        color:#3e92bb;
        margin: 0px auto;
        margin-top:15px;
        margin-bottom:5px;
        padding-top:2px;
    }

    .counter_title_text {
        display:block;
        width: 79%;
        font-weight:bold;
        font-size:14px;
        padding-left:1%;
        vertical-align:middle;
    }

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






 /***************/
/*  Hauptmenü  */
    .menu {
        width: 200px;
        margin: 20px 0;
        float:left;
    }

    .menu ul {
        list-style-type:none;
        margin:0;
        padding:0;
    }

    .menu li {
        display: inline;
    }

    .menu li a span {
        padding:0;
        display:table-cell;
    }

    .menu a {
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        display: block;
        padding: 0;
        margin:0;
        line-height:28px;
        width: 200px;
        text-align:left;
        background-color: transparent;
        border-bottom:1px solid #5695bd;
    }

    .menu a:link, .menu a:visited {
        color: #ffffff;
    }

    .menu a:hover {
        background-color: #13669b;
        color: #ffffff;
    }

    .sub a:hover {
        background-color: #62a2d9;
        color: #ffffff;
    }

    .menu a.m_back, .menu a.m_back:link, .menu a.m_back:visited, .menu a.m_back:hover {
        color: #ffffff;
        background-color: transparent;
        font-style:italic;
        text-align: center;
        font-weight: bold;
    }

    .menu a.m_home, .menu a.m_home:link, .menu a.m_home:visited, .menu a.m_home:hover {
        color: #ffffff;
        background-color: transparent;
        font-style:italic;
        font-size: 12px;
        text-align: center;
        font-weight: bold;
    }

    .menu a.current {
        background-color:#568fc0;
        font-style:italic;
        color:#ffffff;
    }

    .menu a .menudot {
        width:6px;
        height:6px;
        display:block;
        float:left;
        margin-left:2px;
        margin-right:3px;
        margin-top:12px;
        background-color:#f35555;
    }

    .menu a:hover .menudot {
        background-color:#b3daf3;
    }

    .sub a:hover .menudot {
        background-color:#1a4f72;
    }

    .menu a.current .menudot {
        background-color:#568fc0;
    }

    .menu_position_span {
        display:block;
        margin: 7px;
    }







 /************************/
/*  Extramenü (intern)  */
    .menu_language{
        list-style-type:none;
        margin: 0 auto;
        padding:0;
        margin:0;
        margin-top:5px;
        margin-bottom:20px;
        margin-left:20px;
        display: block;
        width:100%;
        text-align:center;
    }

    .menu_language li {
        display: block;
        float:left;
        width: 16%;
    }

    .menu_language a, .menu_language a:link, .menu_language a:visited {
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        display: block;
        padding: 0;
        margin:0;
        line-height:25px;
        text-align:center;
        background-color: transparent;
    }

    .menu_language a:hover {
        background-color: #307eb0;
        color: #ffffff;
    }

    .menu_language a.current {
        background-color: #13669b;
        color: #ffffff;
    }







 /****************/
/* Terminplaner */
    .eventmanager {
        border:1px solid #ffffff;
        text-align:center;
        cursor:pointer;
        color:#ffffff;
        padding:4px;
        border-spacing:2px;
    }

    .eventmanager_head {
        font-size:larger;
        font-weight:bold;
        text-align:center;
    }

    .eventmanager_small {
        border: 0px;
        text-align:center;
        width:200px;
        cursor:pointer;
        color:#ffffff;
        background-color:transparent;
    }

    .eventmanager_big {
        border:1px solid #ffffff;
        text-align:center;
        width:95%;
        margin:0 auto;
        cursor:pointer;
        color:#ffffff;
        background-color:#96bed9;
    }

    .eventmanager_big a,.eventmanager_small a {
        display:block;
    }

    .eventmanager_head a {
        display: inline;
    }

    .event_weekend {
        color:#ffffff;
        background-color:#25709f;
    }

    .today {
        font-weight:bold;
        text-decoration:underline;
        background-color:#25b356;
    }

    .event_big {
        color:#ffffff;
        background-color:#4c9dd2;
    }

    .event_small {
        color:#ffffff;
        background-color:#4c9dd2;
    }







 /********/
/* News */
    .news {
        display:inline-block;
        background-color:#71a9c4;
        color:#ffffff;
        text-align:left;
        padding:5px 0px 5px 6px;
        border:1px solid #e3e0ce;
        margin:5px 2%;
        width:94%;
    }

    .news_info {
        display:block;
        background-color:#f3f3ea;
        color:#406d93;
        width:95%;
        padding:4px;
        margin:0 auto;
        margin-bottom:10px;
    }

    .news a, .news a:visited, .news a:active {color: #d9e9f8; text-decoration:none;}
    .news a:hover {color: #ffffff; text-decoration:none;}







 /***********************/
/* Fortschrittsanzeige */
    .steps div {width:100px;font-size:12px;float:left;margin:5px;}
    .steps p {padding:1px 0px 2px 0px;}
    .steps .block {display:block;height:5px;width:100px;}
    .steps .done {color:#20833a;background-color:#4deb76;}
    .steps .now {color:#436a87;background-color:#3694bb; font-weight:bold; height:8px;}
    .steps .next {color:#69889f;background-color:#69889f;}
    .steps .text {background-color:transparent;height:auto;}

/***********************/
/* Eventliste */

    .dot {
        width:6px;
        height:6px;
        display:block;
        float:left;
        margin-left:6px;
        margin-right:3px;
        margin-top:5px;
        background-color:#f35555;
    }