body {
	background: #f8f8f8;
	color: #2f4f4f;
	font-family: Arial,Verdana,Sans-serif;
	margin: auto;
}

/* Scrollbars immer */
html { overflow-y: scroll; }

#logo {
	background-color: #00478a;
	background-image: url(images/bdph-header.gif);
	height: 98px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#logopic {
	background-color: #00478a; /* background-image: url(images/bdph-header.gif) ; */
}

#titel {
	font-size: 32px;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 100px;
	text-align: center;
	vertical-align: bottom;
}

#subtitel {
	font-size: 16px;
	font-weight: bold;
	padding-left: 100px;
	text-align: center;
	vertical-align: top;
}

.topmenuleft {
	font-size: 14px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align:left; 
	border-bottom: 1px solid;
}

.topmenuleft a {
	color: #5385aa;
	text-decoration: none;
 }

.topmenuleft a:hover {
	color: #0002fd;
	text-decoration: none;
 }

.topmenuright {
	font-size: 14px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align:right; 
	border-bottom: 1px solid;
}

.topmenuright a {
	color: #5385aa;
	text-decoration: none;
 }

.topmenuright a:hover {
	color: #0002fd;
	text-decoration: none;
 }

.inhalt p {
	font-size: 16px;
}



 .bbutton {
	/* background: -moz-linear-gradient(center top , #18bc73, #006f36);
	background: -webkit-gradient(linear, 0% 0%,0% 100%, from(#18bc73), to(#006f36));
	background-image: -ms-linear-gradient(top left, #18bc73 0%, #006f36 100%); */
	background: -moz-linear-gradient(center top , #006ed7, #00478a);
	background: -webkit-gradient(linear, 0% 0%,0% 100%, from(#006ed7), to(#00478a));
	background-image: -ms-linear-gradient(top left, #006ed7 0%, #00478a 100%);
	border: 1px solid transparent;
	border-radius: 3px;
	box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.04);
	color: #fff;
	cursor: pointer;
	font-family: helvetica,arial;
	font-size: 14px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 0px;
	padding: 0.3em 0.5em;
	text-align: center;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 0px;
}

.bbutton:hover { background: none repeat scroll 0% 0% #00478a; }

.box{
	border: 1px solid #5A5A5A;
	box-shadow: #0C2202 3px 3px 3px; /* position: absolute;*/
	float: left;
	margin-top: 20px;
	-moz-box-shadow: #0C2202 3px 3px 3px;
	padding: 20px;
	-webkit-box-shadow: #0C2202 3px 3px 3px;
	width: 98%;
}

.boxleft{
	border: 1px solid #5A5A5A;
	box-shadow: #0C2202 3px 3px 3px; /* position: absolute;*/
	float: left;
	margin-top: 20px;
	-moz-box-shadow: #0C2202 3px 3px 3px;
	padding: 20px;
	-webkit-box-shadow: #0C2202 3px 3px 3px;
	width: 44%;
}

.boxcenter{
	border: 1px solid #5A5A5A;
	/* box-shadow: #0C2202 3px 3px 3px; /* position: absolute;*/
	/* -moz-box-shadow: #0C2202 3px 3px 3px;*/
	/* -webkit-box-shadow: #0C2202 3px 3px 3px;*/
	/* margin-top: 20px; */
	padding: 20px;
	width: 400px;
}

.container { margin: auto; width: 900px; }

.clear { clear: both; }

.downloadbox{
	border: 1px solid #5A5A5A;
	box-shadow: #0C2202 3px 3px 3px;
	float: right;
	margin-top: 20px;
	-moz-box-shadow: #0C2202 3px 3px 3px;
	padding: 10px;
	text-align: left;
	-webkit-box-shadow: #0C2202 3px 3px 3px;
	width: 44%;
}

.downloadbox li {font-size: 13px;}

.finput {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 3px;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.06) inset;
	color: #333;
	padding: 0.3em;
	width: 300px;
}

.finput:focus {
	border: 1px solid #AAA;
	transition: border 0.1s linear 0s,box-shadow 0.2s linear 0s;
}

.header {
	background: #fff;
	border-bottom: 1px solid #CCC;
	box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.15);
	height: 30px;
}


.hline1 {
	font-size: 12px;
	line-height: 30px;
	margin: 0px auto;
	text-align: left;
	width: 980px;
}

.hline2 {
	font-size: 12px;
	line-height: 30px;
	margin: -30px auto;
	text-align: right;
	width: 980px;
}

.infotext {
	font-size: 14px;
	text-align: justify;
	vertical-align: top;
}
.infotext a {text-decoration: underline;}
.infotext p {margin: 0 0 5px 0;}

.infotextcenter h1 { 
	color: red;
	font-size: 32px;
	margin: 10px;
	text-align: center;
}
.infotextcenter h2 { 
	color: darkred;
	font-size: 24px;
	margin: 10px;
	text-align: center;
}

.infotext h2 { 
	font-size: 18px;
	margin: 8px 0 5px 0;
}
.infotext h3 { 
	font-size: 16px;
	margin: 10px 0 3px 0;
}
.infotext h4 { 
	color: #00478a;
	font-size: 14px;
	font-weight: bold;
   margin: 5px 0 5px 0;
	border-bottom: thin solid black;
}
.infotext h5 { 
	color: #00478a;
	font-size: 16px;
	font-weight: bold;
   margin: 10px 0 5px 0;
}


.infotext li { 
	text-align: left; 
	font-size: 14px;
}

.inpitem {
	float: left;
	font-size: 14px;
	margin-bottom: 12px;
	margin-right: 12px;
}

.inpitem .desc { font-size: 14px; }

.wichtig { color: red; font-size: 14px; font-weight: bold; }

.inpitem span { color: #555; display: block; margin-bottom: 3px; }

.spacer { clear: both; padding: 0.5em; }

.FAQ H1 {
	color: #00478a;
	margin-top: 4pt;
	margin-bottom: -10pt;
	}
.FAQ H4 {
	color: #00478a;
	margin-bottom: -8pt;
	}
.FAQ li {
	margin-bottom: -8pt;
	}