/* ---------------------------------------------- MAIN DEFINITIONS ------------------- */
body{
	background:url('../architektenprofil_images/bg_body.gif') repeat 0 0;
    background-size: auto;
}

.ap_b{
	font-family: arial, sans-serif !important;
	width:800px !important;
	padding:0 40px !important;
	-moz-box-shadow:0 3px 10px #777;
	-webkit-box-shadow:0 3px 10px #777;
	box-shadow:0 3px 10px #777;
}

	.ap_b ul{
		list-style:none !important;
	}
a.badge{display:inline !important;}
/* ---------------------------------------------- "CLOSE"-BUTTON ------------------- */
#ap_detail_close{
	margin-left:840px;
	position:absolute;
	top:20px;
}
/* ---------------------------------------------- HEADER ------------------- */
.ap_b #ap_header{
	height:150px;
}

.ap_b #content{
	width:800px;
	border-top: 4px solid #000 !important;
	margin-top:17px;
}

/* ---------------------------------------------- NAVIGATION ------------------- */
.ap_b #ap_nav div{
	margin-top:8px;
}
	.ap_b #ap_nav div, .ap_b #ap_nav div a{
		color:#000 !important;
		font-size:10px !important;
	}
		.ap_b #ap_nav div a:hover,
		.ap_b #ap_nav div a.current {
			color:#999 !important;
		}
	.ap_b #ap_nav ul{
		border-bottom:4px solid;
		margin-bottom: 14px;
	}
		.ap_b #ap_nav ul li{
			display: inline-block !important;
			border-right:1px dotted #000 !important;
			padding:5px 15px 5px 10px;
			font-weight: bold;
			font-size:14px;
		}
			.ap_b #ap_nav ul li.first{
				padding:5px 15px 5px 0;
			}
			.ap_b #ap_nav ul li a{
				color: #000;
				display: inline-block !important;
				font-size:14px;
			}

.ap_b #ap_nav .ap_badge_neu,
.ap_b #ap_nav .ap_badge_job{
	margin-left:322px;
	margin-top:-90px;
	position:absolute;
}

/* ---------------------------------------------- LIST ------------------- */
.ap_b #ap_list{
	width:260px;
	margin-bottom:30px;
}

#ap_list ul{
	width:260px;
}

			#ap_list li{
				border-bottom:1px dotted;
				color:#000000;
				display:block;
				font-size:12px;
				padding:8px 0;
			}
				#ap_list a{
					color:#000000;
					display:block;
				}
#ap_list .info_blase {
	z-index:4000 !important;
	height:260px !important;
	/*background-image:url("../architektenprofil_images/mousover_pict_bg_schatten.png") !important;*/
}

	#ap_list .info_blase img{
		/*margin-bottom:5px;*/
	}
	#ap_list .info_blase p{
		font-weight:bold !important;
		color:#000 !important;
		margin-bottom:5px;
	}
	#ap_list .info_blase span.info{
		border-bottom:1px dotted;
		font-size:10px;
	}

/* ---------------------------------------------- CARPET - no DND ------------------- */
.ap_b #ap_carpet{
	width:798px;
	margin-bottom:50px;
	padding:0 4px;
}
	.ap_b #ap_carpet ul li{
		float:left;
		display:block;
		margin:5px;
		width:190px;
	}

		.ap_b #ap_carpet ul li.first{
			margin-left:1px;
		}

		.ap_b #ap_carpet ul li.last{
			margin-right:0;
		}
		.ap_b #ap_carpet ul li img{
			margin-bottom: -5px;
		}
		.ap_b #ap_carpet ul li img:hover{
			padding: 10px 10px 0 10px;
			margin: -10px;
			background:url(../architektenprofil_images/bg_overlay.gif) repeat 0 0;
		}
		.ap_b #ap_carpet ul li.last img:hover{
			margin-bottom: -5px;
		}
		.ap_b #ap_carpet ul li h5{
			font-size:12px;
			font-weight:bold;
			line-height:18px;
			margin: 15px 10px 0;
			padding-bottom:10px;
			border-bottom:1px dotted #000 !important;
		}
		.ap_b #ap_carpet ul li p{
			font-size:12px;
			font-weight:normal;
			line-height:15px;
			margin:10px;
		}

/* link under carpet */
.ap_underline{
	color:#000;
	font-weight: bold;
	border-bottom:1px dotted;
	margin:19px 7px 0;
}
/* ---------------------------------------------- CARPET - DND ------------------- */
.ap_b #ap_carpetDnD{
	width:790px;
	margin-bottom:50px;
	padding:0 4px;
	height:350px;
	background:url(../architektenprofil_images/bg_overlay.gif) repeat 0 0;
}

.ap_b #ap_carpetDnD .ap_underline{
	margin:389px 0 0;
}

.ap_b #ap_carpetDnD ul li{
		float:left;
		display:block;
		margin:5px;
		min-width:190px;
		max-width:390px;
		width:auto;
		position:absolute;
		top:50%;
		left:50%;
		-moz-box-shadow:0 3px 10px #333;
		-webkit-box-shadow:0 3px 10px #333;
		box-shadow:0 3px 10px #333;
	}

		.ap_b #ap_carpetDnD ul li.first{
			margin-left:1px;
		}

		.ap_b #ap_carpetDnD ul li.last{
			margin-right:0;
		}
		.ap_b #ap_carpetDnD ul li img{
			margin-bottom: -5px;
		}

		.ap_b #ap_carpetDnD ul li h5{
			font-size:12px;
			font-weight:bold;
			line-height:18px;
			margin: 15px 10px 0;
			padding-bottom:10px;
			border-bottom:1px dotted #000 !important;
		}
		.ap_b #ap_carpetDnD ul li p{
			font-size:12px;
			font-weight:normal;
			line-height:15px;
			margin:10px;
		}

		.ap_b #ap_carpetDnD .ap_move{
			position:absolute;
			text-align:center;
			width:100%;
			padding-top:20px;
		}
		.ap_title{
			background-color: #fff;
			padding:5px 10px 10px;
		}
			.ap_title h5{
				margin:0 !important;
				padding:0 0 5px !important;
			}
		#ap_carpetDnD .active{
			z-index:2500 !important;
		}
/* ---------------------------------------------- PAGINATION ------------------- */
#ap_pagination{
	color:#999999;
	display:block;
	font-size:10px;
	width:260px;
}

	#ap_pagination a{
			color: #999;
			font-size:10px;
	}

	#ap_pagination span{
			margin-top:3px;
	}

	#ap_pagination a,
	#ap_pagination span{
			float:left;
			margin-left:5px;
	}

	#ap_pagination div{
			margin-left:50px;
			width:275px;
	}

	#ap_pagination .ap_fwd{
		background:url("../architektenprofil_images/fwd.gif") no-repeat 0 0 #fff;
		display:inline-block;
		height:19px;
		margin-right:2px;
		width:18px;
	}

		#ap_pagination .ap_fwd:hover{
			background:url("../architektenprofil_images/fwd.gif") no-repeat 0 -19px #fff;
		}

	#ap_pagination .ap_bck{
		background:url("../architektenprofil_images/bck.gif") no-repeat 0 0 #fff;
		display:inline-block;
		height:19px;
		margin-right:2px;
		width:18px;
	}

		#ap_pagination .ap_bck:hover{
			background:url("../architektenprofil_images/bck.gif") no-repeat 0 -19px #fff;
		}


		#ap_pagination .ap_count{
			background:#fff;
			height:14px;
			margin-right:2px;
			width:100%px;
			border:1px solid #999 !important;
			padding:2px 3px;
			color: #999;
		}

			#ap_pagination .ap_count:hover{
				background:url("../architektenprofil_images/bg.gif") repeat-x 0 0 #fff;
				color:#fff !important;
				border: 1px solid #a9a9a9;
			}

			.upward:hover{
				background:url("../architektenprofil_images/up.gif") repeat-x 0 0 #fff;
			}
			.drucken:hover{
				background:url("../architektenprofil_images/print.gif") repeat-x 0 0 #fff;
			}

			.tooltag{
				color: #a9a9a9 !important;
			}

/* ---------------------------------------------- OVERLAY ------------------- */
.ap_overlay{
	position:absolute;
	z-index:3000;
	width:490px;
	height:auto;
	display:block;
	top:80px;
	margin-left:250px;
	background-color: #fff;
	-moz-box-shadow:0 3px 10px #C6C6C6;
	-webkit-box-shadow:0 3px 10px #C6C6C6;
	box-shadow:0 3px 10px #C6C6C6;
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=5,color=#C6C6C6,direction=135);
	padding:40px 30px 10px;
}

	.ap_overlay_close{
		position:absolute;
		z-index:3009;
		outline: none!important;
		right:10px;
		top:10px;
		_position:relative;
		_float:right;
		_margin-top:-40px;
	}
	.ap_overlay_img{
		overflow-y: hidden;
        width:460px !important;
		_float:left;
		background: url('../architektenprofil_images/bg_overlay.gif') repeat 0 0;
		_padding:0 35px;
		cursor:pointer;
	}
		.ap_overlay_img img{
			margin-bottom: -4px;
			max-width:460px;
		}
	.ap_overlay, .ap_overlay ul {
    font-size:12px;
  }
  .ap_overlay ul.tooltip_link_liste{
		border-left:4px solid;
		width:26px;
		float:right;
		_margin-right:-18px;
	}
		.ap_overlay ul.tooltip_link_liste li{
			border-bottom:1px dotted;
			text-align:center;
		}
			.ap_overlay ul.tooltip_link_liste li.first{
				border-top:1px dotted;
			}
			.ap_overlay ul.tooltip_link_liste li a{
				color:#000;
				outline:none;
			}
		.ap_overlay h2{
			font-size:14px;
			font-weight:bold;
			margin:45px 0 20px;
		}
		.ap_overlay h3{
			font-size:12px;
			font-weight:bold;
			color:#666;
			margin:-20px 0 20px;
		}
		.ap_overlay p, .ap_overlay div{
			font-size:12px;
			line-height:16px;
			margin-bottom:20px;
			width:458px;
		}
		.info_blase_q{
			background-color:transparent;
			background-image:url("../architektenprofil_images/mouseover_pict_q_schatten_bg.png");
			background-repeat:no-repeat;
			display:none;
			height:170px;
			padding:24px 0;
			position:absolute;
			width:255px;
			z-index:3500;
			overflow: hidden;
			margin:-5px 0 0 -270px;
		}
			.info_blase_q img{
				margin-left:-20px;
			}

			.description{
				display:block;
				text-align:right;
				font-size:10px;
				margin:-15px 0px -21px 0;
			}

			.ap_overlay_footer{
				display:block;
				border-top:1px dotted #000 !important;
				width:458px;
				padding-top:7px;
				font-size:10px;
			}

			.overlay_print{
				width:98px;
			}
			.overlay_print span{
				display:inline !important;
			}
/* ---------------------------------------------- FOOTER ------------------- */
#ap_b_footer{
	font-size:12px;
	border-bottom:1px dotted #000 !important;
	padding-bottom:10px;
	margin:55px 0 15px;
	width:800px;
}

	#ap_b_footer p{
		width:520px;
	}

	#ap_b_footer div{
		font-size:10px;
		width:215px;
		border-left:1px dotted #000 !important;
		text-align:right;
	}

		#ap_b_footer div a{
			font-size:10px;
		}

/* ---------------------------------------------- TYPO ------------------- */
.strong,
.strong li{
		font-weight:bold !important;
}
.ap_b h1, .ap_b h1 a{
	font-size:24px;
	font-weight: normal;
	margin-top:15px;
	color:#000;
}

/* Neuer Tooltip */

.ap_bw_tooltip {
	display:none;
	width:235px !important;
	height:auto !important;
	position:absolute !important;
	background-image:none !important;
	top:0px;
	left:0px;
}

.ap_bw_tooltip .ap_bw_inhalt {
	background-image:url(../architektenprofil_images/archprof_tooltip_middle.png);
	background-repeat:repeat-y;
	margin-top:-4px;
	width:235px;
}

.ap_bw_tooltip .ap_bw_inhalt p {
	margin:5px 0px 0px 20px;
	padding-bottom:10px;
}

.ap_bw_tooltip .ap_bw_inhalt p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:186px;
}

.ap_bw_tooltip .ap_bw_inhalt img {
	margin:4px auto;
	padding:6px 12px 7px 0;
	display:block;
	/*width:322px;
	height:207px;*/
}

.ap_bw_tooltip_pic_top {
	width:235px;
	height:11px;
	background-image:url(../architektenprofil_images/archprof_tooltip_top.png);
	background-repeat:no-repeat;
}

.ap_bw_tooltip_pic_bottom {
	width:235px;
	height:45px;
	background-image:url(../architektenprofil_images/archprof_tooltip_bottom.png);
	background-repeat:no-repeat;
}

/* Neuer Tooltip */

.ap_bw_tooltip {
	display:none;
	width:235px !important;
	height:auto !important;
	position:absolute !important;
	background-image:none !important;
	top:0px;
	left:0px;
}

.ap_bw_tooltip .ap_bw_inhalt {
	background-image:url(../architektenprofil_images/archprof_tooltip_middle.png);
	background-repeat:repeat-y;
	margin-top:-4px;
	width:235px;
}

.ap_bw_tooltip .ap_bw_inhalt p {
	margin:5px 0px 0px 20px;
	padding-bottom:10px;
}

.ap_bw_tooltip .ap_bw_inhalt p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:186px;
}

.ap_bw_tooltip .ap_bw_inhalt img {
	margin:4px auto;
	padding:6px 12px 7px 0;
	display:block;
	/*width:322px;
	height:207px;*/
	
	max-width:190px;
	max-height:130px;
}

.ap_bw_tooltip_pic_top {
	width:235px;
	height:11px;
	background-image:url(../architektenprofil_images/archprof_tooltip_top.png);
	background-repeat:no-repeat;
}

.ap_bw_tooltip_pic_bottom {
	width:235px;
	height:45px;
	background-image:url(../architektenprofil_images/archprof_tooltip_bottom.png);
	background-repeat:no-repeat;
	margin-top:-5px;
}

.info_blase_quer .info_blase_q img{
  max-width:188px;
}

/* ---------------------------------------------- FORMS ------------------ */
.ap_form_input_id, .ap_form_input_pw {
	border:medium none;
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	background-color:#cccccc;
	width:164px;
	height:21px;
	margin:3px 0 3px 0;
	padding: 0 3px;
}

.ap_form_send{
	border: none;
	display:inline-block;
	font-size:11px !important;
	font-weight:bold;
	background: url('../architektenprofil_images/ap_filter_search.gif') no-repeat right 0 #bfbfbf;
	height:21px;
	color:#BFBFBF;
	width:95px;
	cursor: pointer;
	margin:3px -5px 3px 0;
}

.ap_form_confirm, .ap_form_edit, .ap_form_preview, .ap_form_news_add {
	border: none;
	display:inline-block;
	text-align: left;
	font-size:11px !important;
	font-weight:bold;
	height:21px;
	color:transparent;
	cursor: pointer;
	margin:3px -5px 3px 0;
}

.ap_form_confirm {
	background: url('../architektenprofil_images/ap_form_absenden.gif') no-repeat right 0 #bfbfbf;
	width:95px;
}

.ap_form_edit {
	background: url('../architektenprofil_images/ap_form_news_aendern.gif') no-repeat right 0 #bfbfbf;
	width:95px;
}

.ap_form_preview {
	background: url('../architektenprofil_images/ap_form_voransicht.gif') no-repeat right 0 #bfbfbf;
	width:95px;
}

.ap_form_news_add {
	background: url('../architektenprofil_images/ap_form_weitere_news.gif') no-repeat right 0 #bfbfbf;
	width:159px;
}

.ap_form_input_news {
	border:medium none;
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	border-color:#cccccc;
	background-color:#cccccc;
	width:265px;
	height:21px;
	margin:3px 0 3px 0;
	padding: 0 3px;
}

.ap_form_input_news_text {
	border:medium none;
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	background-color:#cccccc;
	width:265px;
	height:184px;
	margin:3px 0 3px 0;
	padding: 0 3px;
}

.ap_form_input_news_datum {
	border:medium none;
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	background-color:#cccccc;
	width:130px;
	height:21px;
	margin:3px 0 3px 0;
	padding: 0 3px;
}

#ap_news_form_right, #ap_news_form_left {
	width: 270px; 
	height: 350px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	border-top: 1px dotted black; 
	border-bottom: 1px dotted black;
}

#ap_news_form, #ap_news_form input, #ap_news_form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#ap_news_form h4 {
	font-size: 12px;
}

#ap_news_form_right, #ap_news_form_title_r {
	float: right;
	margin-right: 220px;
}

#ap_news_form_title_r, #ap_news_form_title_l, #ap_news_preview_form  {
	width: 270px;
}

#ap_news_preview_form, #ap_news_login_form {
	height: 75px;
	width: 270px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	border-top: 1px dotted black; 
	border-bottom: 1px dotted black;
}

.ap_login_error {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: red;
}

.ap_img_edit {
	float:right;
	max-height: 52px;
	max-width: 75px;
	cursor: pointer;
}

.bild1, .bild2, .bild3, .bild4, .bild5 {
	width: 370px;
}

.meldung_info {
  font-size:10px;
  display:block;
  margin-top:5px;
}

.ap_overlay_staying_content {
  padding-top:1px;
}

.ap_overlay_staying_content p {
  margin-bottom:0px;
}

/* Safari und Chrome Bug umgehen */
.draggable_handle {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  cursor:pointer;
}