@charset "ISO-8859-1";
@IMPORT url("reset.css");
@IMPORT url("gstyle.css");
@IMPORT url("fonts/raleway/raleway.css");


body {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font-size: 16px;
    color: #303030;
}

/* Drucklayout */
@media print {
    body #wrapper #side,
    body #wrapper #add,
    body #wrapper #foot,
    body #wrapper #banner {
        display: none;
    }

    body #wrapper #main {
        float: left;
        width: 1020px;
        border: 0px solid red;
    }

    body .noPrint {
        display: none;
    }
}

div#graybanner {
    position: absolute;
    top: 8px;
    height: 120px;
    width: 100%;
    /*background-color:#d3d3d3;*/
    background-color: #f0f0f0;
}


/* Seite */
div#wrapper {
    display: grid;
    display: -ms-grid;
    height: 100vh;
    grid-template-columns:250px 1fr 250px;
    -ms-grid-columns: 250px 1fr 250px;
    grid-template-rows:140px 1fr 20px;
    -ms-grid-rows: 140px 1fr 20px;
    grid-template-areas:
		"banner banner banner"
		"side main add"
		"foot foot foot";

    grid-gap: 0px 20px;

    margin: 0px;
    border: 0px solid navy;
}

div#wrapper.row2 {
    grid-template-areas:
		"banner banner banner"
		"side main main"
		"foot foot foot";

}

div#wrapper h1 {
    /*font-size:1.3em;*/
}

div#wrapper h4 {
    /*font-size:1em;*/
}


/* innerer inhalt */
/*
div#wrapper #inner {
	margin:5px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	background:#ffffff;
	border-top:1px solid #555555;
	border-left:1px solid #888888;
	
	box-shadow: 0px 2px 8px #000000;
	-moz-box-shadow: 3px 3px 4px #000000;
	-webkit-box-shadow: 3px 3px 4px #000000;
	
	border-radius: 5px 5px 10px 10px;
	-moz-border-radius: 5px 5px 10px 10px;
	-webkit-border-radius: 5px 5px 10px 10px;
	}
*/


div#content {
    /*
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content:flex-start;
        align-items:flext-start;
    */
}


/* oberste horizontale Navigation */

div#navPath {
    float: right;
}

/*Navigationspfad*/

div#navPath span#pdesc {
    float: left;
    margin: 10px 0px 5px 0px;
    font-size: 0.6em;
    border: 0px solid red;
}

div#navPath ul {
    float: left;
    margin: 10px 0px 5px 10px;
}

div#navPath ul li {
    float: left;
    margin: 0px 10px 0px 0px;
    font-size: 0.6em;
    line-height: 1.2;
}

div#navPath ul li a {
    color: #333333;
    text-decoration: none;
}


/* Kopfzeile (Bild, Button) */
div#banner {
    /*
        grid-column:1 / 4;
        grid-row:1 / 1;
    */

    grid-area: banner;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    margin-bottom: 10px;


    background-color: #f0f0f0;
}


div#banner > img#bannerLogo {
    float: left;
    height: 90%;
    margin: 5px;
}


/*Login*/
div#banner div.bnrlogin {

    padding: 5px;

    font-size: 0.8em;
}

div#banner div.bnrlogin a {
    text-decoration: none;
    color: #303030;
}

div#banner div.bnrlogin span {
    padding-left: 20px;
    background: url('images/user_suit.png') no-repeat 0px 0px;
}

div#banner div.bnrlogin button {
    margin: 2px auto;
    padding: 0px 24px;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf', GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: block;
    cursor: pointer;
    color: #777777;
    font-family: Arial;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

div#banner div.bnrlogin button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed', GradientType=0);
    background-color: #dfdfdf;
}

div#banner div.bnrlogin button:active {
    position: relative;
    top: 1px;
}


div#banner div.bnrsrch {
    font-size: 0.8em;
    color: #606060;
}

div#banner div.bnrsrch input {
    border: none;
    color: #303030;
}

div#banner div.bnrsrch input:focus {
    font-size: 1.2em;
}

div#banner div.newContt {
    font-size: 0.8em;
    line-height: 1em;
}

div#banner div.changeLang {
    font-size: 0.8em;
    line-height: 1em;

}


/* MAIN-CONTENT */
div#side {
    grid-area: side;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    margin-left: 5px;
    margin-right: 5px;
    border: 0px solid green;
    text-align: left;
}

div#main {
    grid-area: main;
    -ms-grid-row: 2;
    -ms-grid-column: 2;

    margin-left: 5px;
    margin-right: 5px;
    border: 0px solid blue;
    text-align: left;
}

/*Suchergebnis*/
div#main div#res ul {
    margin: 5px 0px 20px 10px;
}

div#main div#res ul li {
    padding: 2px 0px 2px 0px;
    border-bottom: 1px solid #e0e0e0;
}

div#main div#res > table {
    width: 100%;
    border-collapse: collapse;
}

div#main div#res > table > tbody > tr > th {
    padding: 2px;
    font-weight: 700;
    background-color: #e0e0e0;
}

div#main div#res > table > tbody > tr > td {
    padding: 2px;
    border: 1px solid #e0e0e0;
}

div#main div#res > div {
    font-size: 0.8em;
    margin-top: 10px;
    margin-bottom: 30px;
}

div#main h4.headline {
    margin-bottom: 15px;
}


div#add + div#main {
    margin: 0px auto;
    min-width: 870px;
    width: auto;
    min-height: 200px;
    border: 0px solid blue;
    text-align: left;
}

div#add {
    grid-area: add;
    -ms-grid-row: 2;
    -ms-grid-column: 3;

    margin-left: 5px;
    margin-right: 5px;
    border: 0px solid red;
    text-align: left;
}

/* senkr. Navigation */


div#side div#navigation div.infober {
    margin-bottom: 8px;
    font-weight: 700;

}

div#side div#navigation div.infober > a {
    display: inline-block;
    margin-left: 5px;
    padding-right: 5px;
    text-align: center;

}

/*Pfad*/
div#side div#navigation ul.path {
    margin: 5px 0px 10px 3px;
    font-size: 0.8em;
}

div#side div#navigation ul.path li {
    float: left;
    padding-left: 10px;
    margin-left: 3px;
    /*background:url('images/path.gif') 0px 2px no-repeat;*/
    background: url('images/bullet_go.png') -3px -1px no-repeat;
}

div#side div#navigation > a.switch {

}

div#side div#navigation > a.navhdr {
    display: block;
    padding: 5px 0px 5px 0px;
    width: 100%;

    text-align: center;
}

div#side div#navigation > ul.navi {
    margin: 0px 0px 10px 0px;
}

div#side div#navigation > ul.navi ul {
    padding-left: 7px;
    font-size: 0.9em;
    background-color: #26bf37;
}

div#side div#navigation > ul.navi li.actNode {

}

div#side div#navigation ul.navi > li {
    word-wrap: break-word;
}

div#side div#navigation ul.navi > li > a {
    display: block;
    /*padding:5px 0px 5px 20px;*/
    padding: 5px 0px 5px 7px;
    background: 3px 5px no-repeat;
    border-bottom: 1px dotted #d3d3d3;
}

div#side div#navigation li ul.navi li a {
    border-left: 1px dotted #d3d3d3;
}

div#side div#navigation ul.navi li a {
    /*background:url("../../../images/theme_2015/bullet_black.png") 0px 5px no-repeat;*/
}

div#side div#navigation ul.navi li a > i {
    margin-right: 10px;
}

div#side div#navigation ul.navi li.actNode a {
    color: #0c9325;
    font-weight: 700;
    /*background:url("../../../images/theme_2015/bullet_green.png") 0px 5px no-repeat;*/
}

/* Anlagen/Dateien */
div#side ul.files,
div#add ul.files {
    margin-bottom: 10px;
}

div#side ul.files li a,
div#add ul.files li a {
    display: block;
    padding: 5px 0px 5px 25px;
    min-height: 18px;
    border-bottom: 1px dotted #d3d3d3;
    background: url("../../../images/theme_2015/disk.png") no-repeat scroll 4px 5px;
}


/* FOOTER */
div#foot {
    /*
        grid-column:1 / 4;
        grid-row:3 / 4;
    */
    grid-area: foot;
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    border: 0px solid green;
    background: #8d908c;
}

div#foot ul {
    float: right;
    margin: 5px 0px 0px 0px;
    border: 0px solid red;

}

div#foot ul li {
    float: left;
    margin: 0px 20px 0px 0px;
}

div#foot ul li a {
    float: left;
    color: #888888;
    color: #eeeeee;
    font-size: 9px;
    text-decoration: none;
    display: block;
    height: 20px;
}

/* Kenntnisnahme */
p.signinfo {
    padding: 3px 0px 3px 25px;
    background: url(images/flag_red.png) no-repeat 5px 2px #fed9fd;
    font-size: 0.8em;
}

p.signinfo span {
    font-size: 0.8em;
}

div.docsign {
    padding: 3px 3px 3px 3px;
    background: #fed9fd;
    font-size: 0.8em;
}

div.docsign button {
    border: 1px solid #666666;
    background: #eeeeee;
}

div.docsign .signreturn {
    background: #ff657b;
}

p.signremark {
    margin: 10px 0px 0px 0px;
    height: 20px;
    padding: 0px 0px 0px 25px;
    background: url(images/tag_yellow.png) no-repeat 5px 1px;
    font-size: 0.7em;
    color: #aaaaaa;
}

/* MH20240813 QM Vergleichsansicht */
span.new {
    background-color: rgba(66, 204, 66, 0.11);
}
span.change {
    background-color: #d0d088;
}
span.old {
    background-color: #d29393;
}


/* 25 Jahre Info */
.tpl_13 div p.jahre {
    display: none;
    font-size: 0.8em;
}


@media (max-width: 850px) {


    div#wrapper,
    div#wrapper.row2 {
        grid-template-columns: 1fr;
        grid-template-rows:280px 1fr 1fr 1fr 20px;
        grid-template-areas:
			"banner"
			"main"
			"side"
			"add"
			"foot";
        grid-gap: 0px 0px;

        -ms-grid-columns: 1fr;
        -ms-grid-rows: 280px 300px 1fr 400px 20px;

        margin: 0px;
        border: 0px solid navy;
    }

    div#banner > img#bannerLogo {
        float: left;
        height: 50px;
        margin: 5px;
    }

    /* nur fuer IE */
    div#side {
        -ms-grid-row: 2 !important;
        -ms-grid-column: 1 !important;
    }

    div#main {
        -ms-grid-row: 3 !important;
        -ms-grid-column: 1 !important;
    }

    div#add {
        -ms-grid-row: 4 !important;
        -ms-grid-column: 1 !important;
    }

    div#foot {
        -ms-grid-row: 5 !important;
        -ms-grid-column: 1 !important;
    }

}