/*
URL   : www.zuhause-angekommen.de/_css/screen.css
Autor : DICKE Kreativbüro (Mario Schwartz)
Layout: Bildschirm, Projektor
Update: 24. März 2009 09:46:56
*/

/*===== Main CSS STYLE =====*/
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, form, fieldset, div
{
	margin: 0px;
	padding: 0px;
}
html, body
{
	width: 100%;
	height: 100%;
}
body
{
	color: #333333;
	background-color: #2f3193;
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
img, form fieldset, hr
{
	border: 0px solid #b1b2ad;
}
hr
{
	height: 1px;
	background-color: #b1b2ad;
	color: #b1b2ad;
}
h1, h2, h3, h4, h5, h6, fieldset legend
{
	color: #2f3193;
	margin: 6px 5px;
}
fieldset legend
{
	margin: 0px 10px;
}
h1, fieldset legend
{
	font-size: 15px;
}
h2
{
	font-size: 13px;
}
h3
{
	font-size: 11px;
}
h4
{
	font-size: 9px;
}
h5
{
	font-size: 7px;
}
h6
{
	font-size: 5px;
}
a
{
	text-decoration: underline;
	color: #000;
	background-color: transparent;
}
p, table, dl, ul, ol
{
	margin: 8px 5px;
}
ul, ol
{
	margin-left: 26px;
}
label
{
	cursor: pointer;
}
table, td, th
{
	border: 1px dotted #b1b2ad;
	border-spacing: 0px;
	border-collapse: collapse;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
th, td
{
	text-align: left;
	padding: 3px;
	vertical-align: top;
}
th
{
	font-weight: bold;
	text-align: left;
	color: #2f3193;
	background-color: transparent;
}
td
{
	text-align: left;
	vertical-align: top;
}
dt
{
	color: #2f3193;
	background-color: transparent;
	font-weight: bold;
}
dd
{
	margin-left: 10px;
}
.bold
{
	font-weight: bold;
}
.italic
{
	font-style: italic;
}
.underline
{
	text-decoration: underline;
}
.clear
{
	clear: both;
}
.nowrap
{
	white-space: nowrap;
}
.post_ok
{
	color: Green;
}
.post_err
{
	color: Red;
	font-weight: bold;
}
.print
{
	display: none;
}
.align_left
{
	text-align: left;
}
.align_center
{
	text-align: center;
}
.align_right
{
	text-align: right;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
/*===== End of Main CSS STYLE =====*/

/*===== Site CSS STYLE =====*/
div.page
{
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	color: #333333;
	background-color: #fff;
}
div.header
{
	background-color: #2f3193;
	color: #fff;
	width: 960px !important;
	width: 1000px;
	height: 51px;
	padding-left: 40px;
}
div.header ul.nav
{
	height: 51px;
	margin: 0px;
	list-style: none;
	float: left;
}
div.header ul.nav li
{
	height: 51px;
	float: left;
	font-size: 14px;
}
div.header ul.nav li.active
{
	background: transparent url(../_img/nav_hover.jpg) repeat-x top;
}
div.header ul.nav li a
{
	text-decoration: none;
	color: #fff;
	padding: 17px 26px;
	display: block;
	background: transparent url(../_img/nav_bg.gif) no-repeat center bottom;
}
div.header ul.nav li a:hover, div.header ul.nav li.active a
{
	background-image: url(../_img/nav_active_bg.gif);
	background-color: transparent;
	color: #ee1d25;
}
div.header ul.qnav
{
	width: 124px !important;
	width: 250px;
	padding: 0px 63px;
	height: 23px;
	margin: 0px;
	list-style: none;
	float: right;
	background-color: #46489b;
	color: inherit;
	text-align: center;
}
div.header ul.qnav li
{
	height: 23px;
	float: left;
}
div.header ul.qnav li a
{
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	width: 13px !important;
	width: 41px;
	height: 23px;
	padding: 0px 14px;
}
div.header ul.qnav li a.home
{
	background-image: url(../_img/home.gif);
}
div.header ul.qnav li a.contact
{
	background-image: url(../_img/contact.gif);
}
div.header ul.qnav li a.sitemap
{
	background-image: url(../_img/sitemap.gif);
}
div.header ul.qnav li a span
{
	display: none;
}
div.middle
{
	width: 1000px;
	overflow: hidden !important;
	overflow: visible;
	clear: both;
	padding-bottom: 105px;
}
div.logo_info
{
	width: 250px;
	overflow: hidden !important;
	overflow: visible;
	float: right;
}
div.logo_box
{
	width: 204px !important;
	width: 250px;
	height: 123px !important;
	height: 161px;
	padding: 19px 23px;
	background: transparent url(../_img/team.jpg) no-repeat center bottom;
}
div.info_box
{
	width: 250px;
	padding: 9px 0px;
	background-color: #ee1d25;
	color: #ffffff;
	font-size: 12px;
}
div.info_box ul
{
	width: 250px;
	margin: 0px;
	list-style: none;
}
div.info_box ul li
{
	width: 230px !important;
	width: 250px;
	padding-left: 20px;
	height: 26px !important;
	height: 27px;
	padding-top: 1px;
	background: transparent url(../_img/extramenu_trenner.jpg) no-repeat left top;
}
div.info_box ul li.first
{
	height: 26px !important;
	height: 26px;
	padding-top: 0px;
	background-image: none;
	font-weight: bolder;
}
div.info_box ul li img
{
	vertical-align: middle;
}
div.info_box ul li a
{
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
	display: block;
	line-height: 26px;
	width: 230px;
}
div#banner_home
{
	width: 750px;
	height: 195px;
	background: transparent none no-repeat left top;
	float: left;
}
div.subnav
{
	width: 750px;
	overflow: hidden !important;
	overflow: visible;
	background-color: #2f3193;
	float: left;
}
div.subnav ul
{
	margin: 0px;
	list-style: none;
	float: left;
	padding: 12px 12px 12px 0px;
	width: 363px !important;
	width: 375px;
}
div.subnav ul.red
{
	background-color: #ee1d25;
}
div.subnav ul li
{
	height: 30px;
	font-size: 14px;
}
div.subnav ul li a
{
	display: block;
	line-height: 30px;
	padding-left: 44px;
	padding-right: 44px;
	color: #fff;
	background: transparent url(../_img/subnav_li_bg.gif) no-repeat 24px 13px;
	text-decoration: none;
}
div.subnav ul li a.active
{
	color: #fff;
	background-color: #d61a21;
}
div.subnav2
{
	width: 750px;
	height: 48px;
	float: left;
	background: transparent url(../_img/subnav2_bg.gif) repeat-x top;
}
div.subnav2 ul
{
	list-style: none;
	margin: 0px 0px 0px 4px !important;
	margin: 0px 0px 0px 2px;
}
div.subnav2 ul.left
{
	float: left;
}
div.subnav2 ul.right
{
	float: right;
}
div.subnav2 ul li
{
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-left: 1px;
}
div.subnav2 ul li a
{
	display: block;
	background-color: #ee1d25;
	color: #fff;
	text-decoration: none;
	padding: 13px 10px 6px;
	text-align: center;
}
div.subnav2 ul li a.active
{
	background-color: #2f3193;
	color: #fff;
}
div.content_home
{
	width: 680px !important;
	width: 750px;
	height: 112px !important;
	height: 145px;
	padding: 11px 55px 11px 15px;
	background-color: #e5e5e5;
	color: #333333;
	border-bottom: 11px solid #2f3193;
	float: left;
}
div.content
{
	width: 720px !important;
	width: 750px;
	overflow: hidden !important;
	overflow: visible;
	padding: 11px 15px;
	float: left;
}
div.content p, div.content table, div.content dl, div.content ul, div.content ol
{
	line-height: 18px;
}
div.content h1.headline
{
	width: 750px;
	padding-top: 12px;
	font-size: 30px;
	color: #44469e;
	background-color: #2f3193;
	text-align: right;
	margin: -11px -15px 11px;
}
div.content p.page_numbers
{
	text-align: right;
	margin: 5px -15px 0px;
	padding: 0px 15px 5px;
	border-bottom: 33px solid #cecece;
}
div.content p.page_numbers a
{
	text-decoration: none;
}
div.content p.page_numbers a.active
{
	font-weight: bold;
}
div.content p.page_numbers img
{
	vertical-align: middle;
}
div.content div.objekte_list
{
	width: 740px !important;
	width: 750px;
	overflow: hidden !important;
	overflow: visible;
	margin: 0px -15px;
	padding: 10px 0px 0px 10px;
}
div.content div.objekte_list_bg1
{
	background-color: #e5e5e5;
}
div.content div.objekte_list_bg2
{
	background-color: #f3f3f3;
}
div.content div.objekte_list p
{
	line-height: normal;
}
div.content div.objekte_list p.headline
{
	width: 420px;
}
div.content div.objekte_list_current
{
	
}
div.content div.objekte_list p.current
{
	font-weight: bold;
	font-size: 13px;
	width: 720px;
	color: #ee1d25;
	background-color: transparent;
}
div.content div.objekte_list p.img
{
	float: left;
	width: 114px;
	margin: 5px 5px !important;
	margin: 5px 2px;
}
div.content div.objekte_list p.img img
{
	border: 1px solid #aba3a3;
}
div.content div.objekte_list div.details
{
	/*float: left;*/
	overflow: hidden !important;
	overflow: visible;
}
div.content div.objekte_list div.details p.details_headline, div.content div.objekte_list div.details p.details_data
{
	float: left;
	margin: 5px 5px 5px 5px !important;
	margin: 5px 2px 5px 2px;
}
div.content div.objekte_list div.details p.details_headline
{
	margin: 5px 20px 5px 5px !important;
	margin: 5px 10px 5px 2px;
}
div.content div.objekte_list div.detail_link
{
	/*float: right;*/
	width: 158px;
	overflow: hidden !important;
	overflow: visible;
	margin-left: 582px;
	margin-top: -60px;
}
div.content div.objekte_list div.detail_link p
{
	text-align: center;
}
div.content div.objekte_list div.detail_link ul
{
	width: 72px !important;
	width: 158px;
	margin: 19px 0px 0px;
	list-style: none;
	padding: 19px 43px;
	font-size: 11px;
	font-weight: bold;
}
div.content div.objekte_list div.detail_link ul a
{
	text-decoration: none;
	padding-left: 14px;
	background: transparent url(../_img/objekte_list_li_bg.gif) no-repeat left center;
}
div.content div.objekte_list_current div.detail_link ul
{
	background-color: #2f3193;
}
div.content div.objekte_list_current div.detail_link ul a
{
	background-color: transparent;
	background-image: url(../_img/objekte_list_current_li_bg.gif);
	color: #fff;
}
div.content div.objekte_galerie_line
{
	margin: 0px -15px 1px;
	width: 750px;
	height: 160px;
}
div.content a.objekte_galerie
{
	width: 167px !important;
	width: 187px;
	height: 140px !important;
	height: 160px;
	float: left;
	display: block;
	text-align: center;
	padding: 10px;
	text-decoration: none;
}
div.content a.objekte_galerie_current
{
}
div.content a.objekte_galerie_bg1
{
	background-color: #e5e5e5;
}
div.content a.objekte_galerie_bg2
{
	background-color: #f3f3f3;
}
div.content a.objekte_galerie span
{
	display: block;
	line-height: 18px;
}
div.content a.objekte_galerie span.current
{
	font-weight: bold;
	font-size: 12px;
	color: #ee1d25;
	background-color: transparent;
}
div.content p.objekte_details_pages
{
	float: left;
	width: 230px;
	text-align: center;
}
div.content p.objekte_details_pages a
{
	text-decoration: none;
}
div.content div.objekte_details
{
	width: 750px;
	margin: 0px -15px;
}
div.content div.objekte_details_header
{
	width: 750px;
	overflow: hidden !important;
	overflow: visible;
	background-color: #d9d9d9;
	clear: both;
}
div.content div.objekte_details_daten
{
	width: 420px;
	overflow: hidden !important;
	overflow: visible;
	background-color: #d9d9d9;
	float: left;
}
div.content div.objekte_details_daten h1
{
	width: 405px !important;
	width: 420px;
	float: left;
	background-color: #cecece;
	margin: 0px;
	padding: 13px 0px 13px 15px;
	font-size: 14px;
}
div.content div.objekte_details_daten p
{
	float: left;
	margin: 0px 15px;
}
div.content div.objekte_details_daten h1 span
{
	display: block;
	background-color: transparent;
	color: #000;
	font-size: 11px;
}
div.content div.objekte_details_bilder
{
	width: 330px;
	float: right;
}
div.content div.objekte_details_bilder a
{
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}
div.content div.objekte_details_bilder_first
{
	width: 330px;
	height: 116px;
	background-color: #2f3193;
	color: #fff;
}
div.content div.objekte_details_bilder_first img
{
	margin: 6px 2px;
	float: left
}
div.content div.objekte_details_bilder_first ul
{
	margin: 0px 17px;
	list-style: none;
	float: left;
	padding: 13px 0px;
}
div.content div.objekte_details_bilder_first ul li a
{
	padding-left: 24px;
	background: transparent url(../_img/arrow_detail.gif) no-repeat left center;
}
div.content div.objekte_details_bilder_others
{
	width: 330px;
	overflow: hidden !important;
	overflow: visible;
	text-align: center;
}
div.content div.objekte_details_bilder_others img
{
	border: 2px solid #6c6c6c;
	margin: 4px 2px;
}
div.content div.objekte_details_body
{
	width: 750px;
	overflow: hidden !important;
	overflow: visible;
	background-color: #e5e5e5;
	clear: both;
}
div.content div.objekte_details_body div.objekte_details_body_daten
{
	width: 445px;
	overflow: hidden !important;
	overflow: visible;
	float: left;
}
div.content div.objekte_details_body div.objekte_details_body_collage
{
	width: 305px;
	overflow: hidden !important;
	overflow: visible;
	margin-top: 75px;
	float: left;
}
div.content div.objekte_details_body h2
{
	background-color: transparent;
	color: #2f3193;
	font-size: 11px;
	margin: 20px 15px 10px;
}
div.content div.objekte_details_body p
{
	margin: 5px 15px;
}
div.content input, div.content textarea, div.content select
{
	width: 300px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f4f3f2;
	color: #696969;
	border: 1px solid #4c4c4c;
	padding: 2px;
}
div.content textarea
{
	height: 117px;
}
div.content select, div.content input.box
{
	width: auto;
	cursor: pointer;
}
div.content input:hover, div.content textarea:hover, div.content input:focus, div.content textarea:focus
{
	background-color: White;
	color: #000;
	border-color: #2e2e2e;
}
div.content input.button, a.button
{
	cursor: pointer;
	width: auto;
	background-color: #cc2323;
	color: #fff;
	font-weight: bold;
	border-width: 1px;
	border-color: #e36767 #901a1a #901a1a #e36767;
}
a.button
{
	padding: 3px 2px;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
}
div.content input.button:hover, a.button:hover
{
	border-color: #901a1a #e36767 #e36767 #901a1a;
}
div.content input.missing, div.content textarea.missing, div.content select.missing
{
	border-color: red;
}
div.content dl.news_arcive dt
{
	padding: 5px;
}
div.content dl.news_arcive dd
{
	margin: 0px 0px 5px 0px;
	padding: 10px;
}
div.content p.skizze
{
	float: right;
}
div.content p.sitemap
{
  margin-left: 30px;
  margin-top: 5px;
  border-style: solid;
  border-color: #443d2a #fff #fff #443d2a;
  border-width: 1px;
}
div.content p.sitemap:hover, div.content p.sitemap:focus
{
  border-color: #fff #443d2a #443d2a #fff;
}
div.content .sitemap a
{
  display: block;
  padding-left: 15px;
  text-decoration: none;
  width: auto;
  height: auto;
}
div.content ul.sitemap
{
  margin-left: 30px;
}
div.content ul.sitemap li
{
  margin-left: 0px;
  padding: 1px 3px 1px 15px;
  list-style: none;
}
div.bottom
{
	width: 1000px;
	overflow: hidden !important;
	overflow: visible;
	/*height: 404px;*/
}
div.bottom div.objekte
{
	width: 746px !important;
	width: 750px;
	/*overflow: hidden;*/
	height: 370px !important;
	height: 404px;
	padding: 17px 0px 17px 4px;
	float: left;
}
div.bottom div.objekte div
{
	width: 347px !important;
	width: 361px;
	height: 147px !important;
	height: 161px;
	margin: 4px;
	padding: 7px;
	float: left;
	color: #fff;
	background: transparent none no-repeat left top;
}
div.bottom div.objekte div.red
{
	background-image: url(../_img/aktuelle_projekte_bg1.jpg);
}
div.bottom div.objekte div.blue
{
	background-image: url(../_img/aktuelle_projekte_bg2.jpg);
}
div.bottom div.objekte div p.img
{
	float: left;
	font-size: 1px;
	margin-left: 5px !important;
	margin-left: 2px;
	margin-top: 2px;
}
div.bottom div.objekte div p.img img
{
	border: 1px solid #b2a1a2;
}
div.bottom div.objekte div a
{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
div.bottom div.news
{
	width: 250px;
	overflow: hidden;
	float: right;
}
div.bottom div.news h1
{
	background-color: #2f3193;
	color: #fff;
	width: 204px !important;
	width: 250px;
	height: 13px !important;
	height: 35px;
	padding: 11px 23px;
	margin: 0px;
	vertical-align: middle;
}
div.bottom div.news div
{
	width: 250px;
	overflow: hidden;
	clear: both;
	margin-top: 15px;
}
div.bottom div.news p.img
{
	float: left;
	margin-left: 5px !important;
	margin-left: 2px;
	margin-top: 2px;
}
div.bottom div.news p.headline
{
	font-weight: bold;
}
div.bottom div.news a
{
	color: #ee1d25;
	background-color: transparent;
	text-decoration: none;
	display: block;
	margin-top: 5px;
}
div.footer
{
	width: 1000px;
	height: 105px;
	margin-top: -105px;
	position: relative;
}
div.footer a
{
	text-decoration: none;
	color: #fff;
	background-color: transparent;
}
div.footer span
{
	font-weight: bold;
}
div.footer div.copy_qnav
{
	width: 750px;
	height: 55px;
	margin-top: 50px;
	float: left;
	text-align: center;
	color: #fff;
	background-color: #2f3193;
}
div.footer div.copy_qnav p
{
	line-height: 55px;
	float: left;
	margin: 0px;
}
div.footer div.copy_qnav p.copy
{
	width: 513px;
}
div.footer div.copy_qnav p.qnav
{
	width: 237px;
}
div.footer div.contact
{
	width: 198px !important;
	width: 250px;
	height: 99px !important;
	height: 105px;
	padding: 3px 26px;
	float: right;
	color: #fff;
	background-color: #ee1d25;
}
/*===== End of Site CSS STYLE =====*/


/*===== Lightbox CSS STYLE =====*/
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url(../_img/overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url(../_img/overlay.png);
}
* html #lightboxOverallView, * html #overlay {
	background-color: #e5e5e5;
	background-image: url(../_img/blank.gif);
	filter: Alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/*===== End of Lightbox CSS STYLE =====*/

/*===== Begin of AjaxPopUp =====*/
div#AjaxPopUp
{
	width: 100%;
	height: 100%;
	position: fixed !important;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #e5e5e5;
	background-image: url(../_img/overlay.png) !important;
	background-image: url(../_img/blank.gif);
	filter: Alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	z-index: 50;
}
div#PopUpInfo
{
	position: fixed !important;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	color: #000;
	z-index: 60;
	display: none;
	overflow: auto;
}
div#PopUpInfo input, div#PopUpInfo select, div#PopUpInfo textarea
{
	width: 350px;
	background-color: #ababab;
	color: #000;
	border: 0px solid #000;
}
div#PopUpInfo textarea
{
	height: 80px;
}
div#PopUpInfo input.box
{
	width: auto;
	cursor: pointer;
}
div#PopUpInfo ul
{
	text-align: left;
	margin: 0px;
	list-style: none;
	overflow: auto;
}
div#PopUpInfo ul li
{
	border-left: 10px solid #fff;
	padding-left: 5px;
	line-height: 18px;
}
div#PopUpInfo ul li.active
{
	border-left: 10px solid #6ca055;
	font-weight: bold;
}
div#PopUpInfo ul li a
{
	text-decoration: none;
	display: block;
}
/*===== End of AjaxPopUp =====*/