/*
-----------------------------------------------------------------------------------------------
INHALT
-----------------------------------------------------------------------------------------------
=GENERELLER SEITENAUFBAU


*/






/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h1, h2, h3, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, a {
	color: #7a8285;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
}

/* Normalizes font-size for headers */


/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }




/*
-----------------------------------------------------------------------------------------------
=INTERAKTIONSELEMENTE
-----------------------------------------------------------------------------------------------
*/
input, select, textarea {
	background-image: none !important;
	border: #ccc 1px solid !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-size: 11px !important;
	text-decoration: none !important;
	color: #666666 !important;
}

input.button, div#offer input.button {
	background: url(kontor/button.gif) repeat-x !important;
	border: 1px solid #000 !important;
	color: #ccc !important;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif !important;	
	font-style: normal !important;
	font-weight: normal !important;
	font-size: 12px !important;
	padding: 0px !important;
	text-decoration: none !important;
}

input.button:hover, div#offer input.button:hover {
	background: url(kontor/button_hover.gif) repeat-x !important;
	color: #fff !important;	
}



/*
-----------------------------------------------------------------------------------------------
=ÜBERSCHRIFTEN
-----------------------------------------------------------------------------------------------
*/
h1,h2,h3,h5,h6 {
	color: #555;
	font-family: Georgia;
	font-size : 100%;
}

h1 {
	display: inline-block;
	font-size : 2.7em;
	font-style: italic;	
	margin: 6px 0px;
	text-shadow:1px 2px 2px #000;		
}

h2 {
	display: inline-block;
	font-size : 1.2em;
	font-weight: bold;
	margin: 6px 0px;
	text-shadow: #fff 1px 1px 1px;
}

.inverted {
	color: #fff;
}

span.prepend {
	display: inline-block;
	width: 50px;
}

a:hover {
	color: #3b5178;
}


span.separator {
	display: block;
	height: 0.6em;
}

span.separator.large {
	height: 2em;
}

img.bordered {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 5px;
}

div.checklist {
	border: 1px solid #3b5178;
}

div.checklist strong {
	background: transparent url(kontor/headline.jpg) repeat-x scroll 0 0;
	color: #fff;
	display: block;
	padding: 5px 10px 5px 10px;
}

div.checklist div.box {
	padding: 10px;
}

ul.checklist li {
	background: url(kontor/list_item.gif) no-repeat 10px 2px;
	display: block;
	padding-left: 20px;
}

a.pdf { 
	display: inline-block;	
	padding: 10px 0 15px 40px;
	background: transparent url(kontor/icon_pdf.gif) no-repeat;
}

a {
	outline: none;
}

iframe {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin:0 0 10px 10px;
	padding:5px;
}


/*
-----------------------------------------------------------------------------------------------
=GENERELLER SEITENAUFBAU
-----------------------------------------------------------------------------------------------
*/
body {
	background: url(kontor/background.jpg) repeat-x;
}


div#wrapper {
	margin: 0 auto;
	width: 950px;
}

div#footer {
	background: url(kontor/footer.jpg) repeat-x;
	border-top: 1px solid #7a8285;
	font-size: 0.9em;
	height: 70px;
	padding-top: 10px;
	width: 100%;
}

div#footer a, div#footer div {
	font-size: 11px;
}

div.footerarea {
	width: 950px;
	margin: 0 auto;
}


div#content {

}

div#leftside {
	width: 780px;
	display: inline-block;	
}



div.box {
	padding: 0px 20px;
}

div#skyline_extension {
	position: absolute;
	top: 17px;
	text-align: right;
	width: 100%;
	z-index: 2;
}



/*
-----------------------------------------------------------------------------------------------
=ANGEBOT
-----------------------------------------------------------------------------------------------
*/

div#offer {
	color: #7a8285;
	position: relative;
	top: -70px;
}

div#offer td.tdhline {
	position: absolute;
	top: -9000px;
}


table#osg_tpl3 img {
	background-color: #fff;
	border: 1px solid #ccc;	
	height: 100px;
	margin-bottom: 20px;
	padding: 4px;
	position: relative;
	margin: 3px;
	top: 50px;
	width: 100px !important;		
}



table#osg_tpl3 img:hover {
	border: 1px solid #3b5178;
}	

td.bullets {
	color: #7a8285 !important;
	display: inline-table;
	font-size: 11px !important;
	left: 10px;
	position: relative;
	text-align: left;
	width: 50px;		
}



td.beschreibung {
	color: #7a8285 !important;
	display: inline-table;	
	font-size: 11px !important;
	position: relative;	
	left: 20px;	
	width: 150px;
}



table.color_dash h1 {
	background: url(kontor/headline.jpg) repeat-x;
	color: #fff !important;
	display: inline-block !important;
	font-family: Georgia !important;
	font-size : 1em !important;
	font-style: normal;		
	font-weight: bold !important;
	margin: 4px 0 0 -112px;
	padding: 4px;
	position: relative;
	text-shadow: none;
	top: -5px;
	z-index: 20;
	width: 376px;		
}



table.color_dash {
	background: none !important;
	border: 1px solid #ccc !important;
	height: 170px;
	position: relative;
}


td.content, table.color_dash td.color_dash, table.color_dash td.white_dash {	
	position: absolute;
	top: -9999px;
}


table.color_dash tbody tr td table tbody tr td table tbody tr td img {
	display: none;
}


td.teaser {
	color: #3b5178 !important;
	display: inline-table;
	font-size: 11px !important;
	font-style: italic;
	font-weight: normal !important;
	left: 20px;	
	position: relative;
}


a[href ^="http://www.onoffice.de"] {
	display: none;
}




/*
-----------------------------------------------------------------------------------------------
=SUBMENÜ
-----------------------------------------------------------------------------------------------
*/
div#subnavigation {
	background: url(kontor/subnavigationbar.jpg) 13px bottom no-repeat;
}

div#subnavigation a.level1 {
	background: url(kontor/subnavigation.jpg);
	color: #555;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin-left: -1px;
	padding: 5px 0 0 30px;
	text-decoration: none;
	width: 191px;
}

div#subnavigation a.level1:hover {
	background: url(kontor/subnavigation_hover.jpg);
	color: #fff;
}

div#subnavigation a.level2 {
	background: url(kontor/subnavigation_sub.jpg);
	color: #7A8285;
	display: inline-block;
	font-size: 11px;
	height: 19px;
	margin-left: -1px;
	padding: 4px 0 0 45px;
	text-decoration: none;
	width: 176px;
}

div#subnavigation a.level2:hover {
	background: url(kontor/subnavigation_sub_hover.jpg);
	color: #555;
}

body.index a.nav_index, body.aboutus a.nav_aboutus, body.sell a.nav_sell, body.rent a.nav_rent, body.contact a.nav_contact, body.finance a.nav_finance, body.impress a.nav_impress, body.vergleich a.nav_vergleich {
	background: url(kontor/subnavigation_hover.jpg) !important;
	color: #fff !important;
}

body.sell div#kauf, body.rent div#miete, body.finance div#finanzierung {
	display: inline-block !important;
}


/*
-----------------------------------------------------------------------------------------------
=SUCHLEISTE
-----------------------------------------------------------------------------------------------
*/

div#search {
	background: none;
	float: right;		
	margin-top: 10px;
}	
	
	

/*
-----------------------------------------------------------------------------------------------
=BRANDING
-----------------------------------------------------------------------------------------------
*/
div#branding {
	height: 69px;
	z-index: 10;
}

div#logo {
	margin-top: 5px;
}

div#skyline {
	margin-top: 17px;
}



/*
-----------------------------------------------------------------------------------------------
=TEASER
-----------------------------------------------------------------------------------------------
*/
div#visual {
	height: 205px;
	margin-top: 14px;
}

div#visual div#foto {
	left: -10px;
	position: relative;
}



/*
-----------------------------------------------------------------------------------------------
=SIDEBAR
-----------------------------------------------------------------------------------------------
*/	
div#sidebar {
	display: inline;
	float: right;
	margin-top: 31px;
	text-align: center;
}

	div#sidebar div.sidebar_top {
		background: url(kontor/sidebar_top.jpg);
	}

	div#sidebar div.sidebar_bottom {
		background: url(kontor/sidebar_bottom.jpg) no-repeat;
		height: 10px;
	}

	div.topobject_pictureFrame {
		text-align: center;
	}
	
	div#sidebar img {
		background-color: #fff;
		border: 1px solid #ccc;	
		margin: 10px 0 2px 0;
		padding: 5px;
	}	
	
	div#sidebar b {
		display: inline-block;
		margin-top: 3px;
		width: 25px;
	}		


	div.top_object, div#search {
		border-bottom: #fff 1px solid;
		padding-bottom: 20px;
	}
	
	div.top_object span {
		display: inline-block;
		font-size: 0.9em;
		padding-bottom: 10px;		
	}

	div.top_object img.topobject {
		background-color: transparent !important;
		border: none !important;	
		margin: -10px 0 0 -90px !important;	
		position: absolute;
		height: 57px !important;
		width: 57px !important;	
	}
	
/*
-----------------------------------------------------------------------------------------------
=ANGEBOT
-----------------------------------------------------------------------------------------------
*/
div#offer input, div#offer select  {
	margin-bottom: 5px;
}


/*
-----------------------------------------------------------------------------------------------
=DETAILS
-----------------------------------------------------------------------------------------------
*/
div#details {
	margin-top: -100px;
}


div#details table {
	width: 150px !important;
}


div#details table td {
	text-align: left;
}


div#details img {
	background-color: #fff;
	border: 1px solid #bbb;	
	width: 165px;
	padding: 4px;
	margin-right: 10px;
}


div#details table tbody tr td  table tbody tr td  table tbody tr td  table tbody tr td.datenbank {
	width: 100px !important;
}


div#details td.datenbank img {
	display: none;
}




div#details td.top {
	background: url(kontor/headline.jpg) repeat-x;
	border-top: none;
	color: #FFFFFF;
	font-family:Georgia;	
	font-size: 1em ;
	font-weight:bold;
	padding: 10px;
	margin: 6px 0px;
}



div#details td.datenbank, div#details td.beschreibung {
	color: #7A8285;
	width: 150px !important;
}

div#details td.datenbank b {
	background: url(kontor/list_point.gif) no-repeat 0px 2px;
	color: #7a8285;
	display: inline-block;
	font-size : 1.2em;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 10px;
}

div#details td.expose_footer {
	background: url(kontor/expose.jpg) no-repeat;
	color: #7A8285;
	padding: 88px 0 100px 172px;
} 

td.expose_gewaehr {
	color: #ccc;
}

td.drucken {
	display: none;
}




/*


div#details td.teaser {
	background-color: #3B5178;
	color: #fff;
	font-family: Georgia;
	font-style: italic;	
	font-size : 1.3em;
	font-weight: normal;
	margin: 20px;	
	padding: 5px 0 5px 5px;
}

div#details img {
	float: left;
	max-width: 300px;
}

div#details a.button {
	display: inline-block;
	width: 150px;
background-image:none !important;
border:1px solid #CCCCCC !important;
color:#666666 !important;
font-size:11px !important;
font-style:normal !important;
font-weight:normal !important;
text-decoration:none !important;	
	
}

div#details td.tdhline {
	position: absolute;
	top: -9999px;
}

div#details table#osg_tpl3 {
	margin-top: 10px;
}
*/


/*
-----------------------------------------------------------------------------------------------
=KONTAKT
-----------------------------------------------------------------------------------------------
*/

div#contact {
	margin-top: -50px;
}

div#contact input, div#contact textarea {
	margin-bottom: 5px;
}

td#contentnav p, td#contentnav strong {
	position: absolute;
	top: -9999px;
}

div#contact td.content {
	color: #7A8285;
	font-size: 0.9em;	
	position: relative;
	top: 0px;
}



/*
-----------------------------------------------------------------------------------------------
=ANFRAGE
-----------------------------------------------------------------------------------------------
*/
div#query {
	margin: -50px 0 0 280px;
}

div#query td {
	color: #7A8285;
	font-size: 0.9em;
	position: relative;
	top: 0px;
}

div#query input, div#query textarea, div#query select {
	margin-bottom: 5px;
}


/*
-----------------------------------------------------------------------------------------------
=IMPRESSUM
-----------------------------------------------------------------------------------------------
*/
div#impress {
	margin-top: -50px;
}



/*
-----------------------------------------------------------------------------------------------
=SUCHE
-----------------------------------------------------------------------------------------------
*/

div#search td {
	color: #7A8285;
	font-size: 0.9em;
	position: relative;
	top: 0px;
}

div#search input, div#search textarea, div#search select {
	margin-bottom: 5px;
}


/* =PARTNER
----------------------------------------------------------------------------------------------- */
div.partner {
	display: none;
	background: url(kontor/partner.gif) no-repeat;	
	font-size: 10px;
	position: relative;
	max-height: 65px;
	overflow: hidden; 
}

div.partner a {
	font-size: 10px;
}

div.partner a:first-child {
	padding-top: 10px;
	display: inline-block;
}




/* =VERGLEICHSRECHNER
----------------------------------------------------------------------------------------------- */
.column2 {
	display: inline-block;
	width: 190px;
}


.column2 a {
	display: inline-block;
  background: url("kontor/list_point.gif") no-repeat scroll 0 2px transparent;
	height: 30px;
	padding-left: 7px;
}