.print { background: none; }
body {
	/*background-image: url('../images/layout/bg-body.jpg');
	background-repeat: repeat;
	background-position: center;*/
}
body.popup {
	background-image: none;
	background-color: #fff;
}
body.popup #middle {
	padding: 15px;
}
.layoutTop {
	position: relative;
	z-index: 200;
	min-height: 50px;
	line-height: 150%;
}

.layoutMiddle {
	background-color: #fff;
	padding: 15px 2%;
	max-width: 1200px;
	margin: auto;
	line-height: 150%;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

section.main { order: 2; min-width: 66%; }
section.main.hasLeft.hasRight,
aside.side { width: 32%; }
#left { order: 1; }
#right { order: 3; }
section.main.hasLeft,
section.main.hasRight { width: 66%; }

/* Head */
header {
	padding: 0 2%;
	margin: 0 auto;
	max-width: 1200px;
	margin: auto;
	background-color: #fff;
}

.layoutTop {
	border-top: 6px solid #005fa9;
}
.layoutTop .logo {
	float: right;
	margin-top: 23px;
	z-index: 300;
}
.layoutTop .logo { max-width: 25%; }
.layoutTop .logo img { max-width: 100%; }


.HeaderGFX {
	position: relative;
}

/* Footer */
.layoutBottom {
	max-width: 1200px;
	padding: 0 2%;
	margin: auto;
}
.layoutBottom .navis {
	background-color: #d6dfe8;
	display: block;
	line-height: 150%;
	padding: 15px 2%;
	color: #f1f2f2;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.layoutBottom .col2of4 {
	width: 47.5%;
	display: inline-block;
	vertical-align: top;
}
.layoutBottom .col2of4.leftside {
	margin-right: 5%;
}
.layoutBottom .col2of4.leftside nav.subulli .block ul,
.layoutBottom .col2of4.rightside nav.subulli {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-gap: 60px;
	-moz-column-gap: 60px;
	column-gap: 60px;
}
.layoutBottom aside {
	background-color: #005fa9;
	color: #fff;
	display: block;
	text-align: center;
	padding: 10px 2%;
}
.layoutBottom .googleAnalytics { display: inline; }
.layoutBottom aside a { color: #ccc; }


/* Middle */
#center h1.title {
	padding: 4px 0 7px;
	padding-left: 11px;
	margin-top: 7px;
	margin-bottom: 7px;
	text-transform: uppercase;
	border-bottom: 1px solid #ece9e8;
}

/* Some backgrounds and shapes */
.sandstone {
	background-image: url('../images/layout/sandstone.png');
	background-repeat: repeat;
}
.softedges {
	border-radius: 5px;
}

/* The global shadows */
.boxShadow { box-shadow: 1px 1px 3px rgba(0, 0, 0, .6); }
.lightShadow { box-shadow: 1px 1px 3px rgba(0, 0, 0, .2); }
.largeShadow { box-shadow: 5px 5px 15px rgba(0, 0, 0, .5); }

/* The default Elements */
.defaultList {
	background-image: url('../images/layout/bg-box.png');
	background-position: right bottom;
	background-repeat: no-repeat;
}
.defaultList .entry {
	padding: 10px;
	margin-bottom: 2px;
	background-image: url('../images/layout/bg-box-reversed.png');
	background-position: left top;
	background-repeat: no-repeat;
}

.defaultList .entry:hover {
	background-image: url('../images/layout/bg-box.png');
	background-position: right bottom;
}

/* The shadowed Pictures */
.shadowPix {
	text-align: justify;
}
.shadowPix .pic {
	display: block;	
}
.shadowPix .imgbox, .shadowPix .nopic {
	display: inline-block;
	cursor: pointer;
	margin-bottom: 2%;
	width: 32%;
	position: relative;
}
.shadowPix .imgbox * { max-width: 100%; }
.shadowPix .imgbox {
	box-shadow: 2px 2px 3px rgba(128, 128, 128, 0.75);
	vertical-align: top;
}
.shadowPix .nopic {
	text-align: center;
}
.shadowPix .fake {
	font-size: 1px;
	line-height: 1px;
	margin: 0;
}
.shadowPix .imgbox .overlay {
	background-image: url('../images/layout/overlay-dark-60.png');
	position: absolute;
	width: 96%;
	height: 40px;
	padding: 0px 2%;
	margin-top: -40px;
	text-align: left;
	overflow: hidden;
}
.shadowPix .imgbox .overlay h3 {
	line-height: 110%;
	font-weight: bold;
	color: #fff;
	margin: 2px 0;
}
.shadowPix .imgbox .overlay p {
	color: #fff;
	line-height: 125%;
	text-align: left;
}
.shadowPix .lizenzData {
	position: absolute;
	width: 190px;
	padding: 0 5px;
	text-align: right;
	background-image: url('../images/layout/overlay-dark-60.png');
	color: #fff;
	height: 18px;
	margin-top: -18px;
}
.shadowPix .lizenzData a { color: #fff; }

/* with pixList? */
.pixList .imgbox, .pixList .nopic {
	vertical-align: top;
}
.pixList .description {
	display: inline-block;
	width: 66%;
}
/*.hasLeft .pixList .description, .hasRight .pixList .description {
	width: 458px;
}
.hasLeft.hasRight .pixList .description {
	width: 207px;
}*/

/* The Button */
a.button {
	background-image: url(../images/layout/button.png);
	background-position: right 50px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	height: 20px;
	padding-right: 20px;
	margin-left: 10px;
	text-decoration: none;
	cursor: pointer;
	line-height: 1em;
	vertical-align: top;
}
a.button span {
	background-image: url(../images/layout/button.png);
	background-position: left 50px;
	display: inline-block;
	margin-left: -10px;
	height: 16px;
	padding-top: 4px;
	padding-left: 8px;
}
a.button:hover, a.button:focus, a.button:active {
	background-position: right 100px;
	color: #fff;
}
a.button:hover span,
a.button:focus span,
a.button:active span {
	background-position: left 100px;
}
/* The Button : N for negative. */
a.button.n { background-position: right 150px; }
a.button.n span { background-position: left 150px; }
a.button.n:hover, a.button.n:focus, a.button.n:active { background-position: right 200px; }
a.button.n:hover span, a.button.n:focus span, a.button.n:active span { background-position: left 200px; }

a.button.displayNone,
.cssbutton.displayNone,
.cssitem.displayNone { display: none; }

.cssbutton,
.cssitem {
	display: inline-block;
	background-color: #e8eef4;
	color: #2a5fad;
	padding: 0px 10px;
	border-radius: 50px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.5);
	position: relative;
	top: 0px;
	left: 0px;
	transition: all 250ms;
}
.cssbutton:hover {
	box-shadow: -1px -2px 1px rgba(0,0,0,0.15);
	top: 2px;
	text-decoration: none;
}
.cssbutton:active,
.cssbutton:focus {
	color: #000;
}
.cssbutton.selected,
.cssitem.selected {
	background: #d80000;
	color: #fff;
}
.cssbutton img,
.cssitem img {
	vertical-align: middle;
}
.cssbutton input,
.cssitem input {
	background-color: #ccd;
	border-radius: 3px;
	border: none;
	padding: 0 2px;
	box-shadow: 0px 0px 5px #fff, 0px 0px 3px #000 inset;
}

.cssbutton .subControl,
.cssitem .subControl {
	display: none;
	position: absolute;
	left: 0px;
	top: 100%;
	padding: 5px 10px;
	border-radius: 4px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.cssbutton .subControl a,
.cssitem .subControl a {
	color: #fff;
	text-decoration: none;
}
.cssbutton .subControl a:hover,
.cssitem .subControl a:hover {
	color: #f89a00;
}
.cssbutton:hover .subControl,
.cssbutton .subControl.displayBlock {
	display: block;
}
.cssbutton:hover .subControl.displayNone {
	display: none;
}

.cssbutton.disabled,
.cssbutton.disabled:hover {
	box-shadow: none;
	color: #aaa;
	background: #eee;
	top: 0px;
	left: 0px;
}

.cssbew {
	font-weight: bold;
	background-color: #2a5fad;
	color: #e8eef4;
}

/* Selectable */
.selectable {
	border-radius: 4px;
	/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);*/
	color: #000;
	
	padding: 3px 5px 3px 24px;
	margin-bottom: 3px;
	margin-right: 2px;
	
	line-height: 100%;
	text-decoration: none;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	transition: all 200ms;
	/*
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );
	*/
}
.selectable:hover {
	background: #eee;
	/*box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.25);*/
}
.selectable:before {
	content: '';
	position: absolute;
	width: 21px;
	height: 18px;
	left: 3px;
	background-image: url('../images/layout/map1.png');
	background-position: -60px -70px;
}
.selectable:hover:before {
	background-position: -90px -70px;
}
.selectable.selected {
	/*
	background: rgb(222,239,255);
	background: -moz-linear-gradient(-45deg,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%);
	background: linear-gradient(135deg,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=1 );
	*/
}
.selectable.selected:before {
	background-position: -120px -70px;
}

/* Pulsar */
.pulse {
	position: fixed;
	left: 50%;
	bottom: 0;
	width: 0%;
	height: 1px;
	background-color: #d80000;
	transition: all 4s ease 0s;
}
.pulse.initialized {
	width: 100%;
	left: 0%;
	opacity: 0;
}

/* Mod Resources */
.modResourceLoading {
	background-color: rgba(255,255,255,0.75);
	text-align: center;
	position: absolute;
	z-index: 800;
}


.jobListPanel h2 {
  font: 22px/150% "SourceSansPro",sans-serif;
  padding: 0px;
  margin: 0px 0px 0.5em;
  color: #3A69AE;
}

/* Boxes */
.box.v1,
.box.v2 {
	background-color: #d6dfe8;
	border-radius: 20px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
	padding: 20px 0;
	margin-bottom: 1em;
}
.box.v1 h1,
.box.v1 h2,
.box.v2 h1,
.box.v2 h2 {
	color: #fff;
	background-color: #d80000;
	border-radius: 0 10px 10px 0;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
	display: inline-block;
	padding: 10px;
	padding-left: 25px;
	text-transform: uppercase;
	font-size: 100%;
	margin-bottom: 1em;
	min-width: 40%;
}
.box.v1 h3,
.box.v2 h3 {
	font-size: 100%;
	font-weight: bold;
}
.box.v1 .body,
.box.v2 .body {
	padding: 0px 25px;
}
.box.v2 { background-color: #f1f2f2; }
.box.v2 h2,
.box.v2 h1 { background-color: #3a69ae; }

.box.v3 {
	box-shadow: 0px 0px 2px #09e;
	border-radius: 5px;
	margin-bottom: 12px;
}
.box.v3 .head {
	font-size: 110%;
	padding: 5px 10px;
	border-style: solid;
	border-color: #000;
	border-width: 1px 1px 0;
	border-radius: 4px 4px 0 0;
	margin: 0;
	color: #fff;
	background: -moz-linear-gradient(top,  rgba(70,70,71,1) 0%, rgba(61,61,61,1) 21%, rgba(52,52,53,1) 33%, rgba(49,49,50,1) 46%, rgba(27,27,27,1) 48%, rgba(29,30,31,1) 54%, rgba(35,36,37,1) 60%, rgba(47,50,53,1) 70%, rgba(46,55,65,1) 73%, rgba(29,43,57,1) 86%, rgba(28,46,58,1) 87%, rgba(30,65,78,1) 90%, rgba(33,99,109,1) 92%, rgba(35,129,137,0.83) 94%, rgba(35,191,197,0.97) 95%, rgba(71,157,207,0.84) 97%, rgba(56,131,194,0.54) 98%, rgba(27,97,175,0.29) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,70,71,1)), color-stop(21%,rgba(61,61,61,1)), color-stop(33%,rgba(52,52,53,1)), color-stop(46%,rgba(49,49,50,1)), color-stop(48%,rgba(27,27,27,1)), color-stop(54%,rgba(29,30,31,1)), color-stop(60%,rgba(35,36,37,1)), color-stop(70%,rgba(47,50,53,1)), color-stop(73%,rgba(46,55,65,1)), color-stop(86%,rgba(29,43,57,1)), color-stop(87%,rgba(28,46,58,1)), color-stop(90%,rgba(30,65,78,1)), color-stop(92%,rgba(33,99,109,1)), color-stop(94%,rgba(35,129,137,0.83)), color-stop(95%,rgba(35,191,197,0.97)), color-stop(97%,rgba(71,157,207,0.84)), color-stop(98%,rgba(56,131,194,0.54)), color-stop(100%,rgba(27,97,175,0.29))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(70,70,71,1) 0%,rgba(61,61,61,1) 21%,rgba(52,52,53,1) 33%,rgba(49,49,50,1) 46%,rgba(27,27,27,1) 48%,rgba(29,30,31,1) 54%,rgba(35,36,37,1) 60%,rgba(47,50,53,1) 70%,rgba(46,55,65,1) 73%,rgba(29,43,57,1) 86%,rgba(28,46,58,1) 87%,rgba(30,65,78,1) 90%,rgba(33,99,109,1) 92%,rgba(35,129,137,0.83) 94%,rgba(35,191,197,0.97) 95%,rgba(71,157,207,0.84) 97%,rgba(56,131,194,0.54) 98%,rgba(27,97,175,0.29) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(70,70,71,1) 0%,rgba(61,61,61,1) 21%,rgba(52,52,53,1) 33%,rgba(49,49,50,1) 46%,rgba(27,27,27,1) 48%,rgba(29,30,31,1) 54%,rgba(35,36,37,1) 60%,rgba(47,50,53,1) 70%,rgba(46,55,65,1) 73%,rgba(29,43,57,1) 86%,rgba(28,46,58,1) 87%,rgba(30,65,78,1) 90%,rgba(33,99,109,1) 92%,rgba(35,129,137,0.83) 94%,rgba(35,191,197,0.97) 95%,rgba(71,157,207,0.84) 97%,rgba(56,131,194,0.54) 98%,rgba(27,97,175,0.29) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(70,70,71,1) 0%,rgba(61,61,61,1) 21%,rgba(52,52,53,1) 33%,rgba(49,49,50,1) 46%,rgba(27,27,27,1) 48%,rgba(29,30,31,1) 54%,rgba(35,36,37,1) 60%,rgba(47,50,53,1) 70%,rgba(46,55,65,1) 73%,rgba(29,43,57,1) 86%,rgba(28,46,58,1) 87%,rgba(30,65,78,1) 90%,rgba(33,99,109,1) 92%,rgba(35,129,137,0.83) 94%,rgba(35,191,197,0.97) 95%,rgba(71,157,207,0.84) 97%,rgba(56,131,194,0.54) 98%,rgba(27,97,175,0.29) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(70,70,71,1) 0%,rgba(61,61,61,1) 21%,rgba(52,52,53,1) 33%,rgba(49,49,50,1) 46%,rgba(27,27,27,1) 48%,rgba(29,30,31,1) 54%,rgba(35,36,37,1) 60%,rgba(47,50,53,1) 70%,rgba(46,55,65,1) 73%,rgba(29,43,57,1) 86%,rgba(28,46,58,1) 87%,rgba(30,65,78,1) 90%,rgba(33,99,109,1) 92%,rgba(35,129,137,0.83) 94%,rgba(35,191,197,0.97) 95%,rgba(71,157,207,0.84) 97%,rgba(56,131,194,0.54) 98%,rgba(27,97,175,0.29) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464647', endColorstr='#4a1b61af',GradientType=0 ); /* IE6-9 */
}
.box.v3 .head a { color: #09e; }
.box.v3 .head a:hover {
	border-radius: 3px;
	box-shadow: 0 0 2px #d29122;
	color: #fff;
	text-decoration: none;
	background-color: #cde;
	background: rgb(169,3,41); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
.box.v3 .body {
	border: 1px solid #000;
	border-width: 0 1px 1px;
	border-radius: 0 0 4px 4px;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.box.v3 .body.pad { padding: 5px 10px; }

.box.v4 {
	margin-bottom: 1em;
}
.box.v4 .head {
	font-weight: bold;
	color: #3a69ae;
}
.box.v4 .head span { font-weight: normal; }
.box.v4 .limity {
	max-height: 360px;
	overflow-y: auto;
}


/* Responsive */
@media all and (max-width: 900px) {
	.layoutBottom .col2of4 {
		width: 100%;
	}
}


#right {
  float: right;
}