body {
	background-color: #00487E;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height:  16px;
   color: #858585;
   margin: 0px;
   padding: 0px;
   
   	background-image: url(grafiken/hg.gif);
	background-position: top;
	background-repeat: repeat-x;
   
}

td {
   color: #858585;
   font-size: 11px; 
   line-height: 15px; 
}

h1 {
   margin-top: 20px;
   color: #858585;
   font-size: 13px; 
   line-height: 20px; 
}

h2 {
   color: #858585;
   font-size: 12px; 
   line-height: 18px; 
}

h3 {
   color: #858585;
   font-size: 11px; 
   line-height: 17px; 
}

h4 {
   color: #858585;
   font-size: 11px; 
   line-height: 17px; 
}

h5 {
   color: #2356b4;
   font-weight: normal;
   font-size: 11px; 
   line-height: 17px; 
   padding-bottom: 0px;
   margin-bottom: 0px;
}

p {
   color: #858585;
   font-size: 11px; 
   line-height: 15px; 
}

li {
	color: #858585;
	font-size: 11px;
	line-height: 15px;
}

hr {
	color: #A4BEE3;
	background-color: #A4BEE3;
	height: 1px;
	border-width: 0px 0px 0px 0px;
}

a, a:link {
        text-decoration: none;
        color: #2356b4;
}
a:visited {
        text-decoration: none;
        color: #2356b4;
}
a:hover, a:active {
        text-decoration: underline;
        color: #2356b4;
}

#homepage {
	position:absolute;
	left: 50%;
	margin-left: -479px;
	width: 958px;
	height: auto;
	border: none;
}

/* ################### HEADER ################### */
/* ################################################################################## */

#partner_oben {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 958px;
	height: 515px;
	border: none;
	background-color: Transparent;
}

#header {
	position: absolute;
	left: 0px;
	top: 37px;
	width: 958px;
	height: 227px;
	border: none;
	background-image: url(grafiken/bild_kopf.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#hauptteil {
	position: absolute;
	left: 0px;
	top: 248px;
	width: 958px;
   color: #343434;

	background-image: url(grafiken/website-bg.gif);
	background-position: left;
	background-repeat: repeat-y;
}

/* ################### TOP NAVIGATION ################### */
/* ################################################################################## */


#topnavigation {
	z-index: 7;
	position: absolute;
	left: 215px;
	top: 240px;
	width: 740px;
	height: 30px;
	color: #FFFFFF;
	font-size: 11px;
	text-align: left;
}



#topnavigation ul {
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#topnavigation ul li {
	background-image: url(grafiken/topnavi-bg.gif);
	background-position: right;
	background-repeat: no-repeat;
   display: block;
   float: left;
	width: 136px;
	margin-left: 0px;
	margin-right: 10px;
	line-height: 19px;
	height: 19px;
	background-color: Transparent;
	list-style-type: none;
	font-weight: bold;	
}

#topnavigation ul li.NaviHauptPunktActive {
	background-image: url(grafiken/topnavi-bg-over.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#topnavigation A {
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
}


/* ################### LOGIN FORM ################### */
/* ################################################################################## */

#mybpwform {
	position: absolute;
	left: 20px;
	top: -16px;
	width: 158px;
	height: 145px;
	background-image: url(grafiken/mybpw-form-bg.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#mybpwform input {
	font-size: 11px;
}

a.LoginMaske, a:link.LoginMaske, a:visited.LoginMaske {
        text-decoration: none;
        font-size: 10px;
        color: Gray;
        background-color: transparent;
}
a:hover.LoginMaske, a:active.LoginMaske {
        text-decoration: underline;
        color: Gray;
        background-color: transparent;
}

a.LogoutMaske, a:link.LogoutMaske, a:visited.LogoutMaske {
        text-decoration: none;
        font-size: 10px;
        color: White;
        background-color: transparent;
}
a:hover.LogoutMaske, a:active.LogoutMaske {
   text-decoration: underline;
   color: White;
   background-color: transparent;
}

#mybpwform input.LoginButton {
   	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   	font-size: 10px;
   	text-decoration: none;
   	color: Gray;
   	background-color: transparent;
	border: none; 
	cursor:pointer;
	padding-right: 0px;
	margin-right:0px;
}

#mybpwform input.LogoutButton {
   	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   	font-size: 10px;
   	text-decoration: none;
	font-weight: bold;
   	color: White;
   	background-color: transparent;
	border: none; 
	cursor:pointer;
	padding-right: 0px;
	margin-right:0px;
}

table.Login {
        width: 140px;
		  margin-top: 15px;
		  margin-left: 10px;
}
td.LoginKopf {
        color: White;
 /*       background-color: #CC071E;*/
        font-weight: bold;
        height: 16px;
        line-height: 13px;
}
td.LoginForm {
      font-size: 10px;
		color: #868789;
	/*	background-color: #B4BEBE; */
		padding: 2px 6px 2px 4px;
        line-height: 13px;
}
td.LoginSubmit {
      font-size: 10px;
		color: #868789;
 /*     background-color: #B4BEBE; */
      text-align: right;
		padding: 2px 6px 2px 4px;
        line-height: 13px;
}
td.LogoutForm {
      font-size: 10px;
		color: #868789;
	/*	background-color: #EBB19D;*/
		padding: 2px 6px 2px 4px;
        line-height: 13px;
}
td.LogoutSubmit {
      font-size: 10px;
		color: #868789;
       font-weight: bold;
 /*     background-color: #EBB19D; */
      text-align: right;
		padding: 8px 6px 2px 4px;
        line-height: 13px;
}

/* ################### NAVIGATION ################### */
/* ################################################################################## */

#navigation {
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 126px;
	width: 186px;
	border: none;
	background-color: Transparent;
}

#navi {
	position: relative;
	margin-left: 20px;
	width: 159px;
   font-size: 11px;
   letter-spacing: 0px;
	line-height: 16px;
	background-color: Transparent;
	font-weight: bold;
}

#navi ul {
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}

#navi ul li {
	position: relative;
	background-image: url(grafiken/navi-background3.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 160px;
	text-align: left;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 2px;
	padding-left: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	line-height: 20px;
}

#navi ul li.NaviActive {
	position: relative;
	background-image: url(grafiken/navi-background-over3.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#navi ul.navi2level {
	width: 160px;
	text-align: center;
	margin-left: 0px;
}

#navi ul.navi2level li {
	background-image: url(grafiken/unternavi-background3.jpg);
	background-position: right;
	background-repeat: no-repeat;
	width: 160px;
	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
	border: none;
   color: Gray;
	margin-top: 2px;
	margin-bottom: 2px;
	list-style-type: none;
	font-weight: normal;
}

#navi a {
	color: #FFFFFF;
	padding-left: 13px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#navi ul.navi2level li a {
	color: Gray;
	font-size: 11px;
	font-weight: normal;
}

#navi ul.navi2level li.UnternaviActive {
	background-image: url(grafiken/unternavi-background-over3.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

/* ################### INFOKASTEN ################### */
/* ################################################################################## */

#infokasten {
	padding-bottom: 80px;
}

#infokasten div.infobox {
	width: 159px;
	text-align: center;
	border-bottom: 3px dotted #B4BEBE;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: none;
}

#infokasten div.infobox p {
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#infokasten div.infobox h4 {
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
}

/* ################### banners ################### */
/* ################################################################################ */

#degutbanner {
	padding-bottom: 80px;
	padding-top: 20px;
	position: relative;
	margin-left: 20px;
	width: 159px;
	background-color: Transparent;
}

#facebook_banner {
	position: relative;
	width: 125px;
	margin-left: 150px;
	background-color: Transparent;
}

/* ################### CONTENT ################### */
/* ################################################################################## */

#content {
	z-index: 4;
	position: relative;
	float: left;
	padding-top: 40px;
	padding-bottom: 80px;
	margin-left: 10px;
	background-color : Transparent;
	display: block;
	width: 470px;
}

#content div.BodyMitte {
    color: #858585;
    font-size: 11px; 
    line-height: 15px; 
	width: 415px;
	margin-left: 20px;
}

#content input {
   color: #000000;
   font-size: 11px;
}

#content textarea {
   color: #000000;
   font-size: 11px;
}

#content select {
   color: #000000;
   font-size: 11px;
}

#content option {
   color: #000000;
   font-size: 11px;
}

#content li {
	list-style-image: url(grafiken/liste.gif);
}

#bpwcounter{
	position: relative;
	/*right: 25px;
	top: 10px;
	height: 154px; */
	width: 435px;
	
/*	background-image: url(grafiken/counter-bg.gif);
	background-position: right;
	background-repeat: no-repeat; */
}

#bpwcounter h1 {
	color: #0064B4;
	font-weight: normal;
	font-size: 13px;
	margin-left: 10px;
	margin-top: 45px;
}

span.BPWservice {
        color: #99CC66;
}

span.BPWtechnology {
        color: #00BCF2;
}

span.BPWstudy {
        color: #EE7F01;
}

#feedback {
	margin-left: 10px;
	width: 620px;
	padding: 5px;
	border: 3px dotted #B4BEBE;
}

#feedbackanfrage {
	margin-left: 10px;
	padding: 5px;
	border: 3px dotted #B4BEBE;
}

div.dottedbox {
	margin-left: 10px;
	padding: 5px;
	border: 3px dotted #B4BEBE;
}

ul.sitemap {
	padding-left: 0px;
	margin-left: 5px;
}

ul.sitemap li {
	padding-left: 0px;
	margin-left: 20px;
}

#fuss {
	width: 100%;
	clear: both;
}

div.passupdate {
	border: 3px dotted #B4BEBE;
	padding: 5px 5px 5px 5px;
}

#content label.passupdate {
	width: 120px;
	float:left;
	display:block;
}

#content input.passupdate {
	width: 100px;
}

#content div.passupdate div {
	clear:both;
	margin-bottom: 5px;
}

#content div.user_hinweis {
	width: 400px;
	/*border: 1px solid #0068AF;*/
	border: 3px dotted #B4BEBE;
}

#content div.user_hinweis div {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

div.termin_item {
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
}

img.termin_icon {
	margin-right: 10px;
	vertical-align: middle;
}

div.termin_foto {
	float: left;
	margin-right: 7px;
	margin-bottom: 15px;
}

/* ################### RECHTE MARGINALIE ################### */
/* ################################################################################## */

#tipps {
	position: absolute;
	right: 0px;
	top: 16px;
	width: 287px;
	font-size: 11px;
	line-height: 13px;
	padding-top: 50px;
	padding-bottom: 80px;
/*	background-image: url(grafiken/tipps-bg.gif);
	background-position: right;
	background-repeat: repeat-y; */
}

#tipps h1 {
	margin-left: 10px;
}

#tipps li {
	list-style-image: url(grafiken/liste.gif);
}

div.infobox {
	padding-bottom: 10px;
	width: 287px;
	background-color : Transparent;
/*	background-image: url(grafiken/tipps-right-bg.gif);
	background-position: right;
	background-repeat: repeat-y; */
}

div.info {
   color: #868789;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 15px;
	border-bottom: 3px dotted #B4BEBE;
	padding-bottom: 10px;
}

div.bew_info {
	color: #868789;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 15px;
}

.info h1 {
   color: #2e61c7;
	font-size: 13px; 
   line-height: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.info p {
   color: #868789;
   line-height: 15px;
}

.info img {
  vertical-align: middle;
}

span.TerminBlau {
        color: #2e61c7;
}

/* ################### FOOTER ################### */
/* ################################################################################## */

#footer {
	z-index: 7;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 738px;
	height: 85px;
	border: none;
	background-color: transparent;
	color: #FFFFFF;
	background-image: url(grafiken/footer-bg.gif);
	background-position: right;
	background-repeat: repeat-y;
}

#footer img {
	position: absolute;
	right: 0px;
	bottom: 0px;
}








#inhalt textarea {
	font-size: 11px;
    width: 400px;
    height: 55px;
	vertical-align: middle;
}

#inhalt .videoembad {
	font-size: 11px;
    width: 350px;
	border: 1px solid #818181;
}

#inhalt form {
   	padding-top: 0px;
   	margin-top: 0px;
}

div.button {
	display: inline;
	border: 1px solid #2356B4;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

input.survey_button {
   	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   	font-size: 10px;
   	text-decoration: none;
   	color: #FFFFFF;
   	background-color: #00487e;
	border: none; 
	cursor:pointer;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: -10px;
}