@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url("../i/fond.jpg") #1f244b repeat-x 0 0;
}

*:focus {
    outline: 0;
}

p {
	font-size: 0.8em;
	line-height: 1.6em;
}

h1 {
	color: #000033;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}

h2 {
	color: #000033;
	font-size: 0.9em;
}


h3 {
	padding-top: 15px;
	line-height: 1.0em;
	font-size: 0.7em;
	color: #000033;
	font-weight: bold;
}

.text .zwischentitel {
	width: 420px;
}

.zwischentitel {
	color: #000525;
	width: 700px;
	font-size: 120%;
	font-style: italic;
	line-height: 1.5em;
}

ul {
	color: #000525;
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.5em;
}

.numerisch {
	list-style: decimal;
}

a:link, a:visited {
	color: #000033;
	text-decoration: none;
}

a:hover, a:active {
	color: #ff0000;
	text-decoration: underline;
}

/* Menuebuttons */

body.sektion1 #menuebutton1.objekte a {
	background: url(../i/objekte.gif) no-repeat left bottom;
}
	
body.sektion2 #menuebutton2.unternehmen a {
	background: url(../i/unternehmen.gif) no-repeat left bottom;
}

body.sektion2-1 li#alpha.leidenschaft a,
body.sektion2-2 li#beta.erfahrung a,
body.sektion2-3 li#gamma.vielfalt a,
body.sektion2-4 li#delta.kompetenz a,
body.sektion2-5 li#epsilon.sicherheit a,
body.sektion2-6 li#zeta.mitarbeit a,
body.sektion2-7 li#eta.zukunft a,
body.sektion4-1 li#alpha.bauunternehmen a,
body.sektion4-2 li#beta.makler a {
	color: #ccccca;
	text-decoration: none;
	cursor: default;
}
	
body.sektion3 #menuebutton3.vermietung a {
	background: url(../i/vermietung.gif) no-repeat left bottom;
}
	
body.sektion4 #menuebutton4.kooperationen a {
	background: url(../i/kooperationen.gif) no-repeat left bottom;
}
	
body.sektion5 #menuebutton5.presse a {
	background: url(../i/presse.gif) no-repeat left bottom;
}

body.sektion6 #menuebutton6.kontakt a {
	background: url(../i/kontakt.gif) no-repeat left bottom;
}

body.sektion7 #menuebutton7.impressum a {
	background: url(../i/impressum.gif) no-repeat left bottom;
}

body.sektion0 #menuebutton8.home a {
	background: url(../i/home.gif) no-repeat left bottom;
}

#shortcuts {
	list-style: none;
	padding-left: 0;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
}

ul#shortcuts {
	padding: 0;
	margin: 0;
}

#shortcuts a {
	text-decoration: underline;
}

#TB_window img, TB_window a {
	border: 0px solid #ffffff;
}

.menue {
	width: 900px;
	height: 35px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #999;
	z-index: 2;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: none;
	border-right: none;
	border-color: #FFFFFF;
}

.objekte span, .unternehmen span, .vermietung span, .kooperationen span, .presse span, .kontakt span, .home span, .impressum span, .switch span, .switch-en span {
	padding: 0;
	margin: 0;
	visibility: hidden;
	line-height: 0;
}

.objekte, .unternehmen, .vermietung, .kooperationen, .presse, .kontakt {
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
}

.objekte a {
	width: 104px;
	height: 35px;
	padding-right: 32px;
	margin: 0;
	display: block;
	float: left;
	background: url(../i/objekte.gif) no-repeat left top;
	text-decoration: none;
	-moz-outline: 0;
}

.objekte a:hover {
	background: url(../i/objekte.gif) no-repeat left bottom;
}

.unternehmen a {
	width: 144px;
	height: 35px;
	padding-left: 32px;
	margin: 0;
	display: block;
	float: left;
	background: url(../i/unternehmen.gif) no-repeat left top;
	text-decoration: none;
	-moz-outline: 0;
}

.unternehmen a:hover {
	background: url(../i/unternehmen.gif) no-repeat left bottom;
}

.vermietung a {
	width: 131px;
	height: 35px;
	padding-left: 33px;
	margin: 0;
	display: block;
	float: left;
	background: url(../i/vermietung.gif) no-repeat left top;
	text-decoration: none;
	-moz-outline: 0;
}


.vermietung a:hover {
	background: url(../i/vermietung.gif) no-repeat left bottom;
}

.kooperationen a {
	width: 159px;
	height: 35px;
	padding-left: 33px;
	margin: 0;
	display: block;
	float: left;
	background: url(../i/kooperationen.gif) no-repeat left top;
	text-decoration: none;
	-moz-outline: 0;
}

.kooperationen a:hover {
	background: url(../i/kooperationen.gif) no-repeat left bottom;
}

.presse a {
	width: 95px;
	height: 35px;
	padding-left: 32px;
	margin: 0;
	display: block;
	float: left;
	background: url(../i/presse.gif) no-repeat left top;
	text-decoration: none;
	-moz-outline: 0;
}

.presse a:hover {
	background: url(../i/presse.gif) no-repeat left bottom;
}


.kontakt a {
	width: 105px;
	height: 35px;
	padding-left: 0;
	margin: 0;
	display: block;
	float: left;
	background: url(../i/kontakt.gif) no-repeat left top;
	text-decoration: none;
	-moz-outline: 0;
}

.kontakt a:hover {
	background: url(../i/kontakt.gif) no-repeat left bottom;
}

.wrapper_top {
	width: 210px;
	height: 10px;
	margin: 0;
	padding: 20px 20px 0 0;
	float: right;
	overflow: hidden;
}

.wrapper_top_en {
	width: 300px;
	height: 10px;
	margin: 0;
	padding: 20px 20px 0 0;
	float: right;
	overflow: hidden;
}

* html .wrapper_top {
	width: 220px;
}

.wrapper_foot {
	width: 210px;
	height: 10px;
	margin: 60px 30px;
	padding: 0;
	float: right;
	overflow: hidden;
}

.wrapper_foot_en {
	width: 300px;
	height: 10px;
	margin: 60px 30px;
	padding: 0;
	float: right;
	overflow: hidden;
}

* html .wrapper_foot {
	width: 220px;
	margin: 60px 30px;
	padding: 0;
}

.wrapper_sub {
	width: 150px;
	margin: 0;
	padding: 0;
	float: right;
}

.wrapper_sub_en {
	margin: 0 70px 0 0;
	padding: 0;
	float: left;
}

.logo {
	position: relative;
	clear: both;
	width: 216px;
	height: 52px;
	padding: 0;
	margin: 30px 20px 40px 30px;
	float: left; 
}

* html .logo {
	margin: 30px 20px 40px 30px;
}

.home {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 39px;
}

.home a {
	display: block;
	width: 39px;
	height: 9px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: url(../i/home.gif) no-repeat left top;
	-moz-outline: 0;
}

.home a:hover {
	background: url(../i/home.gif) no-repeat left bottom;
}

.impressum {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	width: 82px;
}

.impressum a {
	display: block;
	width: 82px;
	height: 9px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: url(../i/impressum.gif) no-repeat left top;
	-moz-outline: 0;
}

.impressum a:hover {
	background: url(../i/impressum.gif) no-repeat left bottom;
}

.switch {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	width: 20px;
	height: 10px;
}

.switch a {
	display: block;
	width: 20px;
	height: 10px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: url(../i/english.gif) no-repeat left top;
	-moz-outline: 0;
}

.switch a:hover {
	background: url(../i/english.gif) no-repeat left bottom;
}		
		
/* Boxen */

#container {
	width: 900px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow: hidden;
}

#headen {
	width: 900px;
	height: 120px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #000525 url('../i/headline_en.png') no-repeat 350px 40px;
	z-index: 1;
}

#head {
	width: 900px;
	height: 120px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #000525 url('../i/headline.png') no-repeat 350px 40px;
	z-index: 1;
}

#visionen {
	width: 459px;
	height: 30px;
	margin: 30px;
	padding: 0;
	background: url(../i/visionen.gif) no-repeat;
	float: left;
}

/* Content */

#mainframe {
	width: 900px;
	height: auto;
	margin: 0;
	padding: 20px 20px 40px 20px;
	background-color: #ccccca;
	overflow: auto;
}

#mainframe_film {
	width: 900px;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #b9babc;
}

#mainframe_start {
	width: 900px;
	height: 523px;
	margin: 0;
	padding: 0;
	background-color: #000525;
	overflow: hidden;
}

.footer {
	border-top: 1px solid #FFFFFF;
	position: relative;
	width: 900px;
	height: 90px;
	margin: 0;
	padding: 0;
	z-index: 11;
	background-color: #000525;
}

.box {
	width: 815px;
	height: auto;
	margin: 0;
	padding: 10px 10px 35px 35px;
	background-color: #fff;
	overflow: hidden;
}

.box_start {
	position: absolute;
	width: 900px;
	height: 523px;
	margin: 0;
	padding: 0;
	background-color: #b9babc;
	overflow: hidden;
	float: left;
}

.box_start_noflash {
	position: absolute;
	width: 860px;
	height: 500px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: left;
	overflow: hidden;
	float: left;
}

.box_start_noflash a {
	color: #ff0000;
}

.box_start_noflash a:hover {
	color: #ff0000;
	text-decoration: underline;
}

.box_getflash {
	margin: 0;
}

#news {
	position: absolute;
	width: 300px;
	height: auto;
	padding: 20px 10px 20px 20px;
	margin: 0 0 0 530px;
	background-color: #fff;
	overflow: auto;
	z-index: 15;
	display: block;
}

*html #news {
	position: absolute;
	width: 300px;
	height: auto;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 540px;
	background-color: #fff;
	overflow: auto;
	z-index: 10;
}

.news {
	font-size: 15px;
	line-height: 1em;
}

.news a {
	color: #ff0000;
}

.news ul {
	font-weight: bold;
	list-style-type: disc;
	list-style-position: inside;
	margin: 10px 15px 10px 15px;
	font-size: 1em;
	line-height: 1.6em;
}

.news li {
	color: #999999;
}

.news ul a {
	color: #000525;
	font-style: normal;
}

.news ul a:hover {
	color: #ff0000;
	text-decoration: underline;
}

.news_pic {
	margin-top: 15px;
}

/* ## Newsbox Text+Link ## */
.left {
	float: left;
	height: auto;
	width: 240px;
}

.right {
	float: left;
	width: 40px;
	height: 40px;	
}
/* ####################### */

.box_unternehmen {
	width: 815px;
	height: auto;
	margin: 0;
	padding: 10px 10px 35px 35px;
	background-color: #fff;
	overflow: auto;
}

.box_presse {
	width: 815px;
	height: auto;
	margin: 0;
	padding: 10px 10px 35px 35px;
	background-color: #fff;
	overflow: auto;
}

.presse_intro {
	font-size: 0.8em;
	line-height: 1.6em;
	font-style: italic;
}

.presse_h {
	padding-top: 15px;
	line-height: 1.0em;
	font-size: 0.7em;
	color: #000033;
	font-weight: bold;
}

.text a {
	text-decoration: underline;
	color: #000525;
}

.text a:hover {
	text-decoration: underline;
	color: #FF0000;
}

.text {
	clear: both;
	width: 50%;
	float: left; 
}

.text_vermietung {
	clear: both;
	width: 50%;
	float: left; 
}

* html .text_vermietung, *+html .text_vermietung {
	padding-top: 20px;
}

.text_lang {
	margin: 0;
	padding: 0;
	width: 65%;
}

* html .text, *+html .text {
	padding-top: 20px;
	width: 50%;
	float: left; 
}

* html .text_lang, *+html .text_lang {
	padding-top: 20px;
	width: 65%;
	float: left; 
}

* html .textlang, *+html .textlang {
	padding-top: 20px;
}

.klein {
	font-size: 0.7em;
	float: left;
}

.bild {
	width: 50%;
	float: right;
	text-align: right;
}

.bild_ajax {
	width: 350px;
	height: 350px;
	float: right;
	text-align: right;
}

.links {
	width: 50%;
	float: left;
}

* html .links {
	padding-top: 20px;
	width: 50%;
	float: left;
}

.rechts {
	padding-top: 125px;
	width: 32%;
	float: right;
}

/* Detailansicht */


#detail {
	position: absolute;
	width: 900px;
	height: auto;
	float: left;
	margin: 0 auto 0 auto;
	z-index: 23;
}

.rostock {
	width: 900px;
	height: 1259px;
	background-image: url(../i/rostock.jpg);
}

.navwrapper {
	position: absolute;
	width: 20%;
	height: 42px;
	margin: 0;
	padding: 20px 20px 0 0;
	overflow: hidden;
	right: 0;
	float: right;
}

.navlinks {
	width: 50%;
	float: left;
}

.navrechts {
	width: 50%;
	float: right;
}

.zurueck, .do {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

.zurueck span, .print span, .pdf span {
	visibility: hidden;
	margin: 0;
	padding: 0;
}

.zurueck a {
	display: block;
	width: 42px;
	height: 42px;
	background: url(../i/zurueck.gif) no-repeat left top;
	text-decoration: none;	
}

.zurueck a:hover {
	display: block;
	width: 42px;
	height: 42px;
	background: url(../i/zurueck.gif) no-repeat left bottom;
	cursor: pointer;
	cursor: hand;
}

.print {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;	
}


.print a {
	display: block;
	width: 42px;
	height: 42px;
	background: url(../i/print.gif) no-repeat left top;
	text-decoration: none;
}

.print a:hover {
	display: block;
	width: 42px;
	height: 42px;
	background: url(../i/print.gif) no-repeat left bottom;
	cursor: pointer;
	cursor: hand;
}

.pdf {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;	
}

.pdf a {
	display: block;
	width: 42px;
	height: 42px;
	background: url(../i/pdf.gif) no-repeat left top;
	text-decoration: none;
}

.pdf a:hover {
	display: block;
	width: 42px;
	height: 42px;
	background: url(../i/pdf.gif) no-repeat left bottom;
	cursor: pointer;
	cursor: hand;
}

/* Kontakformular */

.buttons {
	margin: 20px 20px 0 0;
}

.bezeichnung {
	margin-top: 30px;
}

.bezeichnung h2 {
	font-size: 0.9em;
	font-weight: 500;
}

input.textfeld {
	font-family: Arial, Helvetica, sans-serif;
	width: 440px;
	height: 15px;
	padding: 5px;
	background-color: #e5e5e5;
	border: solid 1px #b6b6b8;
}

textarea.textfeld {
	font-family: Arial, Helvetica, sans-serif;
	width: 440px;
	height: 200px;
	padding: 5px;
	background-color: #e5e5e5;
	border: solid 1px #b6b6b8;
}

input.submit, input.reset, input.button {
	color: white;
	background-color: #999;
	width: 10em;
	height: auto;
	padding: 5px;
	margin-right: 5px;
	cursor: pointer;
	border: solid 1px #fff;
	
}

input.submit:hover, input.reset:hover, input.button:hover {
	color: #fff;
	background-color: #990000;
	border: solid 1px #b6b6b8;
}

#auswerten {
	font-family: Arial, Helvetica, sans-serif;
	width: 450px;
	height: auto;
	padding: 25px;
	margin: 5% auto 0 auto;
	border: solid 10px #333;
}

#auswerten p {
	color: #000;
}

#auswerten ul {
	line-height: 1.3em;
	color: red;
}

.top {
	position: absolute;
	height: 25px;
	width: 860px;
	margin-top: 4px;
	padding: 0;
	font-size: 0.7em;
	text-align: left;
}

.top a:link, .top a:visited {
	color: #fff;
}

.top a:hover, .top a:active {
	color: #ff0000;
	text-decoration: none;
}


/* Test */
#box_links {
	float:left;
}

#box_mitte {
	float:left;
}

#box_rechts {
	float:right;
}s