body {
    background-color: #dfe9f3;
}

#seitenbreite {
    max-width: 1024px;
    min-width: 600px;
    margin: auto;
    padding: 0 10px 10px;
    border: 1px solid #ccc;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

#koerper {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
}

#frame {
	border-bottom: 1px solid #CCD6E0;
}

#headLine h3 {
	color: #f50;
}
#headLine.PHARMNET h3 {
	color: #333;
}
#headLine.BMG h3 {
	color: #005f88;
}

#navigation ul li a, 
#navigation ul li span {
    background-color: #036;
    border-left-color: #036;
}
#navigation ul li span {
	padding: 4px 0px 4px 5px;
}

#main h3 {
	margin-top: 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #f50;
}

#main input.main,
#main input.submit,
#main button {
    padding: 4px;
    margin-top: -1px;
}
#main input.submit.disabled {
    background-color: #E6E4E4 !important;
	border-color: black !important;
	color: #808080 !important;
}
#main a.button {
    padding: 5px;
}

#main ul.msgs {
	list-style: none;
	margin-left: -40px;
	margin-bottom: 30px;
}
#main li.infoMsg,
#main li.errorMsg {
	border: 1px solid #f6c342;
	border-left-width: 25px;
	color: #333;
	padding: 5px;
	position: relative;
	width: 75%;
	margin-bottom: 5px;
}

#main li.errorMsg {
	border-color: #990000;
}
#main li.infoMsg:BEFORE,
#main li.errorMsg:BEFORE,
#content li.errorMsg:BEFORE {
	content: 'i';
	position: absolute;
	color: #fff;
	font-weight: 800;
	font-size: medium;
	width: 10px;
	top: calc(100%/2 - 9px);
	left: -15px;
}
#main li.errorMsg:BEFORE {
	content: '!';
}
#main li.errorMsg {
	color: #990000;
}

#frame {
    padding: 0;
    min-height: 350px;
}

#errorInfo {
	margin: 20px 0 20px -2px;
}
#errorInfo tr.errorcnt td {
	color: #000;
	font-weight: bold;
}
#errorInfo th,
#errorInfo td {
	padding: 0;
	border: none;
}
#errorInfo td:FIRST-CHILD {
	color: #999;
	font-weight: bold;
	width: 120px;
}

#content .indent {
    margin: 0 0 0 2px;
}
#content input[type=checkbox] + label {
	margin-left: 4px;
	padding-bottom: 1px;
	vertical-align: middle;
}
#content ul.buttonlist {
	list-style: none;
	padding: 0;
}

#footer {
	margin-left: -200px;
	text-align: center;
}
#footer ul {
	list-style-type: none;
}
#footer li {
	display: inline;
	margin-right: 20px;
}

#box {
	border: 0;
	width: 48%;
	display: inline-block;
	vertical-align: top;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}
#box:NTH-OF-TYPE(odd) {
	margin-right: 20px;
}
#box .header {
	font-weight: bolder;
	color: #fff;
	background-color: #CCC;
	padding: 5px;
	vertical-align: top;
	background-image: linear-gradient(to bottom, #EEEEEE, #CCCCCC);
}
#box .content {
	border: 1px solid #CCD6E0;
}
#box ul {
	margin-left: -10px;
}

#box.BfArM .header {
	background-color: #003366;
	background-image: linear-gradient(to bottom, #99ADC2, #003366);
}
#box.PharmNet .header {
	background-color: #008282;
	background-image: linear-gradient(to bottom, #99D8CC, #008282);
}
#box.BMG .header {
	background-color: #005F88;
	background-image: linear-gradient(to bottom, #a8ccdc, #005F88);
}
#box.INTERN .header {
	background-color: #f60;
	background-image: linear-gradient(to bottom, #ffbe93, #f60);
}
#box.TEST .header {
	background-color: #800040;
	background-image: linear-gradient(to bottom, #BA809B, #800040);
}

#box img {
	margin-left: 10px;
}
#box span.rubric {
	display: block;
	color: #6685a3;
	margin: 10px 0 10px -12px;
}


#login {
	margin-top: 40px;
	margin-left: 160px;
	border: 1px solid #ddd;
	width: 260px;
	height: 200px;
	padding: 20px;
}
#login h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #036;
	margin: 0;
}
#login label {
	font-weight: bold;
}
#login input[type=text],
#login input[type=password] {
	width: 250px;
	background-color: #fff !important;
	border-radius: 4px;
	padding: 4px 2px 6px 2px;
	margin-top: 4px;
	margin-bottom: 15px;
	
	border-top: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#login input[type=text]:HOVER,
#login input[type=text]:HOVER,
#login input[type=password]:FOCUS,
#login input[type=password]:FOCUS {
	border-top-color: #6496c8;
	border-right-color: #b3cbe3;
	border-bottom-color: #b3cbe3;
	border-left-color: #b3cbe3;
}
#login #pwd {
	width: 255px;
}
#login a {
	display: inline-block;
	float: right;
}
#login + #help {
	display: inline-block;
	margin-top: 60px;
	text-decoration: none;
}
#login + #help:HOVER {
	text-decoration: underline;
}

#javax_faces_developmentstage_messages {
	display: none;
}