/*fonts*/
@font-face {
	font-family:"PT Sans";
	font-style normal;
	font-weight:400;
	src:local("PT Sans"), local("PTSans-Regular"), url("https://fonts.gstatic.com/s/ptsans/v8/JX7MlXqjSJNjQvI4heMMGvY6323mHUZFJMgTvxaG2iE.woff2") format("woff2");
	unicode-range:U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
	font-family:"PT Sans";
	font-style:normal;
	font-weight:400;
	src:local("PT Sans"), local("PTSans-Regular"), url("https://fonts.gstatic.com/s/ptsans/v8/vtwNVMP8y9C17vLvIBNZI_Y6323mHUZFJMgTvxaG2iE.woff2") format("woff2");
	unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
	font-family:"PT Sans";
	font-style:normal;
	font-weight:400;
	src:local("PT Sans"), local("PTSans-Regular"), url("https://fonts.gstatic.com/s/ptsans/v8/9kaD4V2pNPMMeUVBHayd7vY6323mHUZFJMgTvxaG2iE.woff2") format("woff2");
	unicode-range:U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family:"PT Sans";
	font-style:normal;
	font-weight:400;
	src:local("PT Sans"), local("PTSans-Regular"), url("https://fonts.gstatic.com/s/ptsans/v8/ATKpv8nLYAKUYexo8iqqrg.woff2") format("woff2");
	unicode-range:U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*allg*/
h1 {
	color:#17479e;
}
h2 {
	font-size:18px;
}


a {
	color:#17479e;
	text-decoration:none;
}

/*seitengrüst*/
html, body {
/*	height:100%;*/
}
body {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	margin-top:20px;
	font-family:"PT Sans",sans-serif;
}
header/*, footer*/ {
	flex:0 1 100%; /* flex-grow flex-shrink flex-base */
}
footer {
/*TODO:footer darf nicht das seitenende verdecken
	position:fixed;
	bottom:0;
	left:0;*/
	width:100%;
}
main {
	flex:0 1 80%;
	max-width:1280px;
	padding-bottom:30px;
}

/*header*/
header {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
	min-height:150px;
}
header .head {
	flex:0 1 80%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-width:1280px;
}
header .head h1 {
	margin:0;
	font-size:1.6em
}
header .head .asylnetLogo {
	width:231px;
	height:77px;
}
header nav {
	flex:0 1 100%;
	display:flex;
	justify-content:center;
	background-color:#eeeeee;
}
header nav ul {
	flex:0 1 80%;
	display:flex;
	justify-content:flex-end;
	margin:10px 0;
	padding:0;
	list-style-type:none;
}
header nav ul li {
	padding:0 2em;
}

/*footer*/
footer {
	display:flex;
	justify-content:center;
	padding:10px 0;
	background-color:#eeeeee;
}


main label {
	display:block;
}




#dseList{}
#dseList fieldset .filteroptions {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:flex-end;
}
#dseList fieldset .filteroptions div {
	padding:2px;
}
#dseList fieldset .filteroptions input {
	width:240px;
}
#dseList fieldset .filteroptions select {
	width:160px;
}

#dseList fieldset .submitButtons {
	display:flex;
	justify-content:center;
}
#dseList fieldset .submitButtons div {
	margin:16px 10px 10px;
}


#dseDefault fieldset {
	margin-bottom:20px;
}
#dseDefault fieldset legend, .statusdiv label {
	font-size:110%;
}
#dseDefault .flexDiv {
	display:flex;
	justify-content:space-between;
}
.headdiv {}
.statusdiv {
	align-self:flex-end;
	min-width:160px;
	margin:20px 0;
	padding:12px 10px;
	text-align:right;
}
.statusdiv[class~=active] {
	background-color:#009933;
}
.statusdiv[class~=inactive] {
	background-color:#f7931e;
}
.statusdiv[class~=deactivated] {
	background-color:#f7931e;
}
.statusdiv label {
	color:#ffffff;
	font-weight:bold;
}
.statusdiv select {
	width:80px;
	margin-right:5px;
}
.propdiv {
	width:48%;
}
.propdiv[class~=olangEmpty] {
	margin-top:15px;
	background-color:#eeeeee;
}
.propdiv label, .checklisthead {
	margin:10px 0 2px 0;
	font-size:90%;
	font-weight:bold;
}
.propdiv textarea {
	width:99%;
	max-width:99%;
	min-width:99%;
}
.propdiv label[class~=lblToggleField], .statusdiv label {
	display:inline-block;
	padding-right:2px;
	vertical-align:text-bottom;
}
.checklistdiv {
	width:34%;
	margin-bottom:15px;
}
.checklistdiv label {
	display:inline-block;
	width:85%;
	padding-left:2px;
	vertical-align:text-top;
}
.checklisthead {
	margin-bottom:5px;
	background-color:#eeeeee;
}


table.list th, table.list td {
	padding:5px;
	vertical-align:top;
	text-align:left;
}
table.list thead tr {
	background-color:#f7931e;
}
table.list tbody.stripes tr.stripe1 {
	background-color:#f0f0f0;
}
table.list tbody.stripes tr.stripe2 {
	background-color:#dddddd;
}

th.sort a {
	padding-right:18px;
}
th.sort a.sorted_asc {
	background:url(/img/sorted_asc.gif) no-repeat center right;
}
th.sort a.sorted_desc {
	background:url(/img/sorted_desc.gif) no-repeat center right;
}