/* CSS Document */

/* Standards */

html, body {
  	margin: 		0;
  	padding: 		0;
  	height: 		100%;
  	width:			100%;
}

body, p, table, tr, td {
	font-family: 	Arial, Verdana, Helvetica, sans-serif;
	font-size:		11px;
	color:			#000000;
	line-height: 	20px;
}

p {
	margin: 			0px;
	padding: 			0px 0 10px 0;
}

img {
	border: 			0px;
}

ul {
	list-style-type:	none;
}


/* ----------------  Layout  --------------------*/

#start_center {
	position:			absolute;
	width:				902px;
	height:				100%;
	right:				50%;
	left:				50%;
	margin-left:		-451px;
	top:				50%;
	bottom:				50%;
	margin-top:			-270px;

}

#container_center {
	position:			relative;
	left: 				50%;
	margin-left: 		-450px;
	top: 				15px;
	width: 				900px;
}


#head_nav_1 {
	position:			absolute;
	width: 				570px;
	height:				312px;
	padding: 			30px 0 0 330px;
	background-image:	url(head_reichstag.jpg);
	background-repeat:	no-repeat;
	letter-spacing:		3px;
}

#head_nav_2 {
	position:			absolute;
	left:				715px;
	width: 				185px;
	height:				30px;
	padding: 			30px 0 0 0px;
	letter-spacing:		3px;
	text-align:			right;
}

#navi_main {
	position:			absolute;
	top:				342px;
	width: 				885px;
	height:				29px;
	padding: 			9px 0 0 15px;
	background:			#000000;
	color:				#FFFFFF;
	font-weight:		bold;
}

#bodyblock {
 	position:			relative;
 	top:				380px;
 	width:				900px;
	padding:			0;
 	background-image:	url(hg_content.jpg);
	background-repeat:	repeat-x;	
	text-align: 		left;
 }
 
/* ----------------  Content: | nav |  content  |  --------------------*/

#col_left_nav {
	width:				210px;
 	background-image:	url(hg_subnavi.jpg);
 	background-repeat:	no-repeat; 
	height:				400px;
	float:				left;
 }

#col_right_content {
 	width:				680px;
 	color: 				#333333;
	float:				left;
}

/* ----------------  Content: |  content  | logobox |  --------------------*/

#col_left_content {
	width:				700px; 
	min-height:			400px;		
	padding:			0 0 0 30px;
	float:				left;
 }

#col_right_logobox {
 	width:				160px;
	float:				left;
	background-image:	url(hg_logobox.jpg);
	background-repeat:	no-repeat;
	background-color:	#FFFFFF;
	height:				465px;
	padding-top:		35px;
}

/* ----------------  Content: | nav |  content  | logobox |  --------------------*/


#col_center_content {
 	width:				530px;
	float:				left;
}


/* ----------------  Navigation  --------------------*/
  
#head_subnav {
	position:			relative;
 	top:				60px;
	width:				170px;
	padding:			0 0 0 15px;
	color:				#FFFFFF;
	font-size:			20px;
	letter-spacing:		4px;
}


#subnav {
	position:			relative;
 	top:				100px;
	width:				145px;
	margin: 			0 0 0 30px;
	padding:			0 0 0 0px;
	text-decoration: 	none;
	line-height:		15px;

}

#subnav ul {
	margin: 			0px;
	padding:			0 0 0 0px;
}

#subnav ul li {
	margin: 			0px 0 10px 0;
	padding:			0 0 0 0px;
}


/* ----------------  Content  --------------------*/

#content_head_gr {
	position:			relative;
 	margin:				35px 0 0 0;
	padding:			0 0 0 30px;
	width:				600px;
}

#content_head_pinnwand {
	position:			relative;
 	margin:				35px 0 0 0;
	padding:			0 0 0 30px;
	width:				800px;
	clear:				both;
}

#content_head_kl {
	position:			relative;
 	margin:				35px 0 0 0;
	width:				450px;
	padding:			0 0 0 30px;
	clear:				both;
}

#box_pinnwand {
	position:			relative;
	width:				240px;
	margin:				10px 25px 0 0px;
	float:				left;

}

#box_head {
	position:			relative;
	width:				225px;
	height:				35px;
	margin:				0;
	background-color:	#000000;
	color:				#0FBFED;
	text-align:			left;
	padding:			5px 0 0 15px;
	line-height:		15px;
}

#box_stelle {
	position:			relative;
	width:				188px;
	background-image:	url(pin.jpg);
	background-repeat:	no-repeat;
	background-color:	#FFFFFF;
	color:				#0FBFED;
	margin:				10px 0 0 0;
	padding:			15px 0 0 50px;
	text-align:			left;
	line-height:		11px;
	border:				1px solid #CCCCCC;
}
/* ----------------  Logobox  --------------------*/

#poweredby {
	position:			relative;
 	top:				0px;
	left:				1px;
	width:				159px;
	background-image:	url(hg_poweredby.jpg);
	background-repeat:	no-repeat;
	text-align:			center;
	font-size:			11px;
	letter-spacing:		2px;
	padding:			0 0 20px 0;
	margin:				0px;
	color:				#000000;
}

#logo {
	position:			relative;
	width:				148px;
	border:				1px solid #CCCCCC;
	margin:				0 0 10px 10px;
}				


/* ----------------  Footer  --------------------*/


#footer {
	width: 				890px;
	height:				22px;
	background-color:	#000000;
	text-align:			right;
	clear:				both;
	margin: 			0;
	padding:			3px 10px 0 0;
	color:				#FFFFFF;
	font-size:			11px;
	line-height: 		20px;
	letter-spacing:		normal;
	border-top:			20px solid #FFFFFF;
 }
 
 /* ----------------  Popup  --------------------*/


#pop_top {
	position:			absolute;
	z-index:			1;
	left:				30px;
	top:				0;
	width: 				600px;
	margin: 			0 0 0 0px;
	padding:			0px;
	border-bottom:		15px solid #FFFFFF;
	background:				#FF00FF;
 }
 
 #pop_top img {
 	width:				600px;
}
 
 #pop_beruf {
	position:			absolute;
	z-index:			2;
	left:				50px;
	top:				160px;
	margin: 			0 0 0 0px;
	padding:			0px;
 }

.pop_beruf {
 	background-color:	#FFFFFF;
	font-size:			20px;	
	line-height:		18px;
	font-weight:		bold;
	padding: 			0 10px 0 10px;
 }
 
#pop_abstand {
	height:				240px;	
}
 
#pop_headline {
	position:			relative;
	width: 				575px;
	height:				24px;
	margin: 			0px 0 0 30px;
	padding:			6px 0 0 25px;
	background-color:	#000000;
	border-bottom:		15px solid #FFFFFF;
	color:				#FFFFFF;
	font-weight:		bold;
	font-size:			12px;	
}
#pop_copy {
	position:			relative;
	width: 				600px;
	margin: 			0 0 0 30px;
	padding:			5px 0 0 0px;
	color:				#FFFFFF;
	border-bottom:		15px solid #FFFFFF;
}

.pop_copy {
	font-size:			11px;
	line-height:		20px;
}

#pop_drucken {
	position:			relative;
	width: 				600px;
	margin: 			0 0 0 30px;
	padding:			5px 0 0 0px;
	color:				#FFFFFF;
	border-bottom:		15px solid #FFFFFF;
	text-align:			right;
}