/*body      { font-family:Verdana; font-size:11px; color:#00007F; font-weight:bold; background:#EFEFFF; padding: 5px;} */
/*font      { font-family:Verdana; font-size:11px; font-weight:bold; } */
/* div       { font-family:Verdana; font-size:11px; color:#00007F; font-weight:bold; } */
code      { font-family:Courier; font-size:11px; color:#00007F; font-weight:normal; }
/*pre       { font-family:Courier; font-size:9px; color:#00007F; font-weight:normal; }
pre.body  { font-family:Courier; font-size:9px; color:#00007F; font-weight:bold; }*/
td        { font-family:Verdana; font-size:11px; color:#00007F; font-weight:bold; padding: 7px;}
td.status { min-width: 120px; color: #222222; border: 1px #888888 solid; }
td.date   { min-width: 90px; }
th        { font-family:Verdana; font-size:11px; color:#00007F; font-weight:bold; background-color:#AFAFFF; border: 1px #888888 solid; }
/*a         { font-family:Verdana; font-size:11px; color:#222277; text-decoration:underline; font-weight:bold; }
a:hover   { font-family:Verdana; font-size:11px; color:#000000; text-decoration:none; font-weight:bold; }*/
.micro    { font-size:8px; font-weight:normal;}
.small    { font-size:10px; }
.big      { font-family:Times; font-size:20px; }
.head     { font-family:Times; font-size:30px; }
.menulink { font-family:Verdana; font-size:11px; color:#EFEFFF; text-decoration:none; font-weight:bold; }
.menulinked { font-family:Verdana; font-size:11px; color:#00007F; text-decoration:none; font-weight:bold; }
.menulink:hover { font-family:Verdana; font-size:11px; color:#FFFF00; text-decoration:none; font-weight:bold; }
.menulinked:hover { font-family:Verdana; font-size:11px; color:#FFFF00; text-decoration:none; font-weight:bold; }
/*.tablehead{ font-family:Times; font-size:20px; border-style:solid; border-width:1; border-color:#00007F; }
.infotable{ font-family:Verdana; font-size:11px; color:#00007F; font-weight:bold; border-style:solid; border-width:1; border-color:#00007F; background-color:#AFAFFF; padding: 3 3 3 3;margin: 1 1 1 1;}*/
.bordered { border-style:solid; border-width:1; border-color:#00007F; }
.area     { border-style:solid; border-width:1; border-color:#00007F; background:#DFDFFF; }
/*.info     { margin-left: 10px; font-size:11px; color:#00007F; font-weight:bold; }*/
.pict td  { margin: 0; padding: 0; }



* {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box; /* safari 3 needs this */
}
@font-face {
        font-family: 'Roboto-Light';
        src: url('fonts/Roboto-Light-webfont.eot');
        src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
                url('fonts/Roboto-Light-webfont.woff') format('woff'),
                url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
                url('fonts/Roboto-Light-webfont.svg#Roboto-Light') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'Roboto-Regular';
        src: url('fonts/Roboto-Regular-webfont.eot');
        src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
                url('fonts/Roboto-Regular-webfont.woff') format('woff'),
                url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
                url('fonts/Roboto-Regular-webfont.svg#Roboto-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'Roboto-Bold';
        src: url('fonts/Roboto-Bold-webfont.eot');
        src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
                url('fonts/Roboto-Bold-webfont.woff') format('woff'),
                url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
                url('fonts/Roboto-Bold-webfont.svg#Roboto-Bold') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'RobotoCondensed-Light';
        src: url('fonts/RobotoCondensed-Light-webfont.eot');
        src: url('fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
                url('fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
                url('fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
                url('fonts/RobotoCondensed-Light-webfont.svg#RobotoCondensed-Light') format('svg');
        font-weight: normal;
        font-style: normal;
}

body,html {
        color:black;
        font-family:'Roboto-Regular',verdana,arial;
        font-size:12px;
        margin:0px;
        padding:0px;
        /*background-color:#f6f6f6;*/
        background-color: transparent;
        min-width:1050px;
        text-align:center; /* centers divs in IE */
}

html {
        background-color:#d6d6d6;
        /*background-image:url(../images/hg-bild.jpg);*/

}
a {
        text-decoration:none;
        color:#32198f;
        color:#335f8d;
}
a:hover {
        color:#ff8400;
}
img {
        border:0px;
}


div {
        margin:0px;
        padding:0px;
}
div#container {
        width:1050px;
        text-align:left;
        margin:0px auto; /* centers div in FF */
        margin-bottom:30px;
        box-shadow:0px 3px 15px 0px #aaa;
        -ms-box-shadow: 0px 3px 15px 0px #aaa;
  -moz-box-shadow: 0px 3px 15px 0px #aaa;
  -webkit-box-shadow: 0px 3px 15px 0px #aaa;
}
div#container_header_top,
div#container_header_menu,
div#container_header_image,
div#container_breadcrumb,
div#container_content,
div#container_footer {

        /*width:100%;
        width:1050px;*/
}

div#container_header_menu {
        width: 100%;
}
div#container_header_top {
        background-color:white;
        /*background-color: #4A6DA7;*/
        background: linear-gradient(90deg,#FFFFFF 22%,#5A86CC 80%);
        background: -ms-linear-gradient(left,#FFFFFF 22%,#5A86CC 80%);
}

div#container_content,
div#container_header
 {
        background-color:white;
}

div#header_top,
div#header_menu,
div#header_image,
div#breadcrumb,
div#content,
div#footer {
        /*width:1028px;*/
        width:100%;
        text-align:left;
        padding:0px 25px;
}

div#content ul {
        padding:0px;
        margin:0px;
        padding-bottom:22px;
        padding-left:30px;
}
div#content li {
        line-height:21px;
	color: #888;
        /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=); /* make text 100% wide on mobile devices */
}


div#content {
	padding: 20px 25px 20px 25px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
        padding:0px;
        margin:0px;
        padding-bottom:16px;
        font-family:'Roboto-Light',arial,verdana,tahoma;
        font-weight:normal;
}

h1 {    font-size:24px; }
h2 {	font-size:18px; padding:6px 0px 14px 0px; }
h3 {    font-size:16px; padding:0px; padding-bottom:10px; }

div#headline {
	margin: 0px 20px 0px 20px;
	padding: 20px 7px 0px 7px;
	border-bottom: 1px solid #AAA;
}
div#headline h1 { padding-bottom: 6px; }


div.table { display: table; }
div.table .tablerow { display: table-row; }
div.table .tablerow .tablecell { display: table-cell; padding: 2px 6px 2px 6px; line-height: 22px; }
div.table .tablerow .tablehead { display: table-cell; padding: 2px 6px 2px 6px; line-height: 22px; background-color: #373433; color: white; }


div.table.statustable { border-collapse: seperate; border-spacing: 1px; }
div.table.statustable .tablehead { text-align: center; font-size: 1.2em; }
div.table.statustable .tablecell { background-color: #CACACA; }

div.table.statustable .tablecell.date,
div.table.statustable .tablecell.status { text-align: center; }

div.table.statustable .tablecell.date 	{ min-width: 90px; }
div.table.statustable .tablecell.status	{ min-width: 120px; position: relative; }
div.table.statustable .tablecell.protocol { min-width: 100px; }

div.table.statustable .tablecell.date.wd7 { color: #AA0000; }


div.table.statustable a { display: block; color: black; }
div.table.statustable a:hover { color: white; font-family: "Roboto-Bold";}
div.table.statustable div.protocol_description { padding: 2px 6px 2px 6px; line-height: 21px; }
div.table.statustable div.table { margin: 0; }

div.table.statustable .tablecell.back_green             { background-color: #88EA88; }
div.table.statustable .tablecell.back_lightgreen        { background-color: #BBDD88; }
div.table.statustable .tablecell.back_gray              { background-color: #CACACA; }
div.table.statustable .tablecell.back_yellow            { background-color: #FAE888; }
div.table.statustable .tablecell.back_orange            { background-color: #DFFF55; }
div.table.statustable .tablecell.back_red               { background-color: #DD8888; }

div.table.statustable .tablecell.subtable { display: inline-table; }

div.table.statustable .tablecell.status .dirinfo { 
	position: absolute; 
	z-index: 100; 
	background-color: white; 
	display: none;
	font-size: 0.9em; 
	border: 1px #AAA solid;
}

div.table.statustable .tablecell.status .dirinfo.radiot {
	right: 5px;
}

div.table.statustable .tablecell.status .dirinfo .table { border-collapse: collapse; }
div.table.statustable .tablecell.status .dirinfo .table .tablecell { 
	background-color: white; 
	border: 1px #DADADA solid; 
}
div.table.statustable .tablecell.status .dirinfo .table .tablecell.file { min-width: 280px; text-align: left; }
div.table.statustable .tablecell.status .dirinfo .table .tablecell.size { min-width: 55px;  }
div.table.statustable .tablecell.status .dirinfo .table .tablecell.date { min-width: 100px;  }



.right { text-align: right; }

table, div.table { margin: 0px 0px 20px 0px; }

.red 		{ color: #AA0000; }
.green		{ color: #00AA00; }

.back_green		{ background-color: #88EA88; }
.back_lightgreen	{ background-color: #BBDD88; }
.back_gray		{ background-color: #CACACA; }
.back_yellow		{ background-color: #FAE888; }
.back_orange		{ background-color: #DFFF55; }
.back_red		{ background-color: #DD8888; }

div#footer { 
	background-color: #373433;
	color: white;
	line-height: 26px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#footer a { color: #EEEEEE; }
div#footer a:hover { color: #ff8400; }


@media all and (max-width: 1050px) {
        body,html {
                min-width:300px;
        }
        div#container {
                width:100%;
                margin-bottom:0px;
                box-shadow:none;
                -ms-box-shadow:none;
          -moz-box-shadow:none;
          -webkit-box-shadow:none;
        }

}


@media all and (max-width: 800px) {
        div#container {
                margin-bottom:0px;
        }

        div#header,
	div#headline,
        div#breadcrumb,
        div#content,
        div#footer {
                padding-left:10px;
                padding-right:10px;
        }
	
	div#headline {
		margin: 0;
	}

        div#footer {
                /*height:35px;*/
                padding-top: 5px;
                padding-bottom: 5px;
        }

	div.table.statustable .tablecell.date   { min-width: 80px; }
	div.table.statustable .tablecell.status { min-width: 110px; }
	div.table.statustable .tablecell.protocol { min-width: 90px; }

}


@media all and (max-width: 600px) {
	div.table { max-width: 100%; }
	
	div.table.statustable .tablecell.date   { min-width: 70px; }
        div.table.statustable .tablecell.status { min-width: 90px; }

}

@media all and (max-width: 500px) {

	h1 {    font-size: 22px; }

	div.table.statustable { font-size: 0.9em; }

	div#footer { font-size: 0.9em; }

}

@media all and (max-width: 440px) {
	h1 {    font-size: 20px; }
}

@media all and (max-width: 400px) {
	h1 {    font-size: 18px; }
	h2 {    font-size: 17px; }
	h3 {    font-size: 15px; }

	div.table { max-width: 100%; }
	div.table .subtable div.table { display: none; }

	div.table.statustable .tablecell.date   { min-width: 70px; }
        div.table.statustable .tablecell.status { min-width: 90px; }

	div.table.statustable .tablecell.protocol,
	div.table.statustable .tablehead.protocol { display: none; }
	
}