body { color: black; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #ffffff; text-align: center; margin: 0; padding: 0; }
div, p, h1, h2, h3, h4 { margin: 0px; padding: 0px; }
 
/* ++++++++++++++++++++ Seitenaufbau  ++++++++++++++++++++ */


#page, #page_objekt, #page_grundrisse, #page_lage, #page_vermietung, #page_partner{text-align: left;}


#head {
height: 155px;
width: 100%;
background-image:url(../media/layout/bg_head.gif);
background-repeat:repeat-x;
}


/* +++++ Page1 -- Impressum  ++++++ */



/* +++++ content_0 -- Startseite  ++++++ */

#content_0 #head {
width: 1151px;
}



#Objekt{
	position:absolute;
	top:0px;
	left:375px;
	height: 155px;
	width: 200px;
	background-image:url(../media/layout/Logo_Opera_Office.gif);
}

#content_0 #Objekt{
display:none;
}


#Projektpartner a{
	display:block;
	position:absolute;
	top:55px;
	left:875px;
	height: 100px;
	width: 275px;
	background-image:url(../media/layout/LogoDIC.gif);
}



#bildgalerie{
	position:absolute;
	top:510px;
	left:200px;
	height: 145px;
	width: 293px;
	background-image:url(../media/layout/bildgalerie.gif);
}
#bg1 #bildgalerie{
	background-image:url(../media/layout/bildgalerie_OperaOffices.gif);
}
#bg2 #bildgalerie{
	background-image:url(../media/layout/bildgalerie_ausblick.gif);
}
#bg3 #bildgalerie{
	background-image:url(../media/layout/bildgalerie_gang.gif);
}



#content_0  #bildgalerie{
	position:absolute;
	top:-500px;
	left:-500px;
}




#page #content {
height: 425px;
width: 1151px;

}

#content_start {
	height: 500px;
	width: 1150px;
	background-image:url(../media/layout/Opera_Offices_Startbild.jpg);
	background-repeat: no-repeat;
}


#Homelink a.gr{ display:block; position:absolute; top:575px; left:675px; height: 75px; width: 480px; }

#page1 #content { 
	width: 700px;
	background-image:url(../media/layout/bg_popup_content.gif);
	background-repeat: repeat-y;
}

#page #content, #page_objekt #content, #page_grundrisse #content, #page_lage #content, #page_vermietung #content, #page_partner #content  {
height: 425px;
width: 1151px;

}

#content_left {
float:left;
width: 575px;
height:100%;
}

#content_right {
float:left;
width: 575px;
height:100%;
}

/* Grundfarben: organe und gruen; normal: organge BG, gekontert gruener BG */ 

.content_left_1 { float:left; width: 375px; height: 425px; background-color: #e68300;}
#r1kont .content_left_1 {background-color: #bcc306;}
.content_left_2 {float:left; width: 200px; height: 425px; text-align: right;}


.content_right_1 { float:left; width: 560px; height:100%;}
#r1kont .content_right_1 {background-color: #d1d5d4;} 
#l1r1_1 .content_right_1 {background-color: #bcc306;} 


.content_right_2 {float:left; width: 15px; height: 425px; background-color: #e68300;}
#r1kont .content_right_2 {background-color: #bcc306;}


/* +++++ r1 rechts 1 Spalte  ++++++ */

#r1 .content_right_1, #r1kont .content_right_1 {width: 560px;}
#r1 .content_right_2, #r1kont .content_right_2 {width: 15px; height: 100%;}


/* +++++ r2 rechts 2 Spalten  ++++++ */
#r2 .content_right_1 {width: 425px;}
#r2 .content_right_2 {width: 150px;}



/* +++++ l1r1 nur 2 spalten  ++++++ */

#l1r1 #content_left {width: 201px;}
#l1r1 #content_right {width: 949px;}
#l1r1 .content_left_1 {width: 1px;}
#l1r1 .content_left_2 {width: 200px;}
#l1r1 .content_right_1 {width: 934px;}
#l1r1 .content_right_2 {width: 15px;}


/* +++++ l1r1_1 nur 2 spalten  ++++++ */

#l1r1_1 #content_left {width: 701px;}
#l1r1_1 #content_right {width: 449px;}
#l1r1_1 .content_left_1 {width: 1px;}
#l1r1_1 .content_left_2 {width: 700px;}
#l1r1_1 .content_right_1 {width: 448px;}
#l1r1_1 .content_right_2 {width: 1px;}


/* +++++ l2r1 nur 3 spalten  ++++++ */

#l2r1 #content_left {width: 375px;}
#l2r1 #content_right {width: 775px;}
#l2r1 .content_left_1 {width: 200px;}
#l2r1 .content_left_2 {
	width: 175px;
	background-color: #758b36;
	text-align: right;
}
#l2r1 .content_right_1 {width: 760px;}
#l2r1 .content_right_2 {width: 15px;}




#bottom {
clear:both;
height: 125px;
width: 100%;
background-image:url(../media/layout/bg_bottom.gif);
background-repeat:repeat-x;
}


#page1 #bottom{
	height: 120px;
	background-image:url(../media/layout/bg_popup_bottom.gif);
}

#bottom1 {
	height: 145px;
	width: 1150px;
}

#bottom_left {
	float:left;
	height: 145px;
	width: 375px;
}

#bottom_right {
	float:left;
	height: 145px;
	width: 775px;
}

.vermietungspartner{
	background-image:url(../media/layout/vermietungspartner.gif);
	background-repeat:no-repeat;
	height: 145px;
	width: 775px;
}

.claim1, .claim2, .claim3, .claim4, .claim5, .claim6, .claim7, .claim8, .claim9{
	background-repeat:no-repeat;
	height: 145px;
	width: 775px;

}


.claim2 {background-image:url(../media/layout/claims/architektur.gif);}
.claim3 {background-image:url(../media/layout/claims/stimmig.gif);}
.claim4 {background-image:url(../media/layout/claims/horizonte.gif);}
.claim5 {background-image:url(../media/layout/claims/nutzwert.gif);}
.claim6 {background-image:url(../media/layout/claims/vorteilhaft.gif);}
.claim7 {background-image:url(../media/layout/claims/innenwelten.gif);}
.claim8 {background-image:url(../media/layout/claims/lebendig.gif);}
.claim9 {background-image:url(../media/layout/claims/bruecke.gif);}

/* ++++++++++++++++++++ Navigation ++++++++++++++++++++ */


#Hauptnavigation{
	position:absolute;
	top:0px;
	left:0px;
	height: 155px;
	width: 375px;	
	text-align:right;


}

.nav_space20{height: 15px; width: 275px; float:right; }

.navigation_objekt, .navigation_objekt a{height: 26px; width: 275px; float:right;clear:both; background-image:url(../media/navigation/n_objekt.gif); background-repeat:no-repeat;}
#page_objekt .navigation_objekt, #page_objekt .navigation_objekt a{background-image:url(../media/navigation/n_objekt_1.gif);}

.navigation_grundrisse, .navigation_grundrisse a{height: 26px; width: 275px; float:right; clear:both;background-image:url(../media/navigation/n_grundrisse.gif); background-repeat:no-repeat; }
#page_grundrisse .navigation_grundrisse, #page_grundrisse .navigation_grundrisse a {background-image:url(../media/navigation/n_grundrisse_1.gif);}


.navigation_lage, .navigation_lage a{height: 26px; width: 275px; float:right;clear:both; background-image:url(../media/navigation/n_lage.gif); background-repeat:no-repeat; }
#page_lage .navigation_lage, #page_lage .navigation_lage a{background-image:url(../media/navigation/n_lage_1.gif);}

.navigation_vermietung, .navigation_vermietung a{height: 26px; width: 275px; float:right;clear:both; background-image:url(../media/navigation/n_vermietung.gif); background-repeat:no-repeat; }
#page_vermietung .navigation_vermietung, #page_vermietung .navigation_vermietung a{background-image:url(../media/navigation/n_vermietung_1.gif);}


.navigation_partner, .navigation_partner a {height: 26px; width: 275px; float:right;clear:both; background-image:url(../media/navigation/n_partner.gif); background-repeat:no-repeat; }
#page_partner .navigation_partner, #page_partner .navigation_partner a{background-image:url(../media/navigation/n_partner_1.gif);}

#Hauptnavigation p{margin-right: 70px;}


#Servicenavigation{
	position:absolute;
	top:0px;
	left:575px;
	height: 55px;
	width: 575px;
}

.navigation_impressum{
	height: 40px;
	float:right;
}

.navigation_DIC{
	height: 40px;
	float:right;
}

#Subnavigation{
	position:absolute;
	top:155px;
	left:375px;
	text-align:right;
	width: 200px;
	
}
#l1r1 #Subnavigation{left:0px;}
#l1r1 #Subnavigation a {}
#l2r1 #Subnavigation{left:0px;}
#l2r1 #Subnavigation a {}



.nav_space10{height: 5px; width: 200px; float:right; }
.navigation_kontakt{height: 26px; width: 200px; float:right;clear:both;  }
.navigation_home {height: 26px; width: 200px; float:right;clear:both;}



#content_0 #Servicenavigation, #content_0 #Hauptnavigation{
display:none;}




/* ++++++++++++++++++++ Texttags ++++++++++++++++++++ */

/* +++++++++  p ++++++++++++ */
p, li {font-size:12px; line-height: 18px; margin-bottom: 12px;}


#head p {font-size:11px; line-height: 16px;}
#Hauptnavigation p {margin-right: 70px; line-height: 25px;}
#Servicenavigation p{margin-top: 20px; margin-left: 20px; margin-right: 15px; }
#Subnavigation p { line-height: 25px;}


.content_left_1 p { font-size:14px; line-height: 24px; margin-left: 40px; margin-right: 30px; margin-bottom: 20px; color:#FFFFFF;}
.content_left_1 p.smaller { font-size:12px; line-height: 20px; margin-left: 40px; margin-right: 30px; margin-bottom: 20px; color:#FFFFFF;}
.content_left_1 .tab_l p {margin-right: 0px; margin-bottom: 10px; font-size:12px; line-height: 16px;}
.content_left_1 .tab_l1 p { margin-bottom: 18px;}
.content_left_1 .tab_r p {margin-left: 0px; margin-right: 0px; margin-bottom: 10px; font-size:12px; line-height: 16px;}
.content_left_1 .tab_r1 p { margin-bottom: 18px;}


.content_right_1 p { margin-left: 30px; margin-right: 30px; margin-bottom: 15px;}
.content_right_1 p.tab {margin-left: 0px; margin-right: 10px;}


#r1kont .content_right_1 p { font-size:12px; line-height: 18px; margin-left: 40px; margin-right: 30px; margin-bottom: 10px; color:#000000;}
#r1 .content_right_1 p { font-size:12px; line-height: 16px; margin-left: 30px; margin-right: 30px; margin-bottom: 10px; color:#000000;}
#r1kont .content_right_1 p.first {margin-top: 60px; margin-left: 52px; text-indent: -12px}



.content_right_1 p.last {margin-bottom: 0px;}
#r1kont .content_right_1 p.last {margin-bottom: 0px;}

#r1 .content_right_1 p.small { font-size:11px; line-height: 16px; margin-left: 30px; margin-right: 30px; margin-bottom: 10px; color:#000000;}

#l1r1_1 .content_right_1 p { font-size:14px; line-height: 24px; margin-left: 40px; margin-right: 30px; margin-bottom: 20px;color:#ffffff;}




.content_left_1 p.list, .content_right_1 p.list, #l1r1_1 .content_right_1 p.list {

	margin-left: 52px;
	text-indent: -12px;
}


#l1r1 .content_left_1 p.first  { margin-top: 100px; }


.content_left_2 p {font-size:12px; line-height: 18px; margin-left: 20px; margin-right: 20px; margin-bottom: 12px;}
.content_left_2 p.small {font-size:11px; line-height: 18px; margin-left: 20px; margin-right: 20px; margin-bottom: 12px;}

.content_left_2 p.subnav1{font-size:11px; line-height: 16px; margin-top: 160px;margin-left: 0px; margin-right: 0px; margin-bottom: 12px;}
.content_left_2 p.subnav2{font-size:11px; line-height: 16px; margin-left: 0px; margin-right: 0px;margin-bottom: 12px;}

.content_left_2 p.subnavt1{font-size:11px; line-height: 16px; margin-top: 160px;margin-left: 10px; margin-right: 5px; margin-bottom: 12px;}
.content_left_2 p.subnavt2{font-size:11px; line-height: 16px; margin-left: 10px; margin-right: 5px;margin-bottom: 12px;}

.content_left_2 p.logo1 { margin-top: 160px;margin-left: 0px; margin-right: 5px; margin-bottom: 5px;}
.content_left_2 p.logo2 { margin-left: 0px; margin-right: 5px; margin-bottom: 5px;}
/* +++++++++  p ++++++++++++ */

h1{font-size:16px;}

#Objekt h1{ 
	display:none;
	}

h2{font-size:14px;}
h3{font-size:12px;}


.content_left_1 h3 {font-weight:normal; font-size:16px; line-height: 24px; margin-top: 60px; margin-bottom: 20px;  margin-left: 40px; margin-right: 30px;  color:#FFFFFF;}
.content_left_1 h3.imp  { margin-top: 30px;}
.content_left_1 h3.sec { margin-top: 20px;}


.content_left_2 h3 {font-weight:normal; font-size:18px; line-height: 34px; margin-top: 100px; margin-right: 30px;  color:#FFFFFF;}
#r1kont .content_left_2 h3 {font-weight:normal; font-size:12px; line-height: 22px; margin-top: 100px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px;  color:#000000;}
.content_left_1 h4 {font-weight:normal; font-size:14px; line-height: 20px; margin-top: 20px; margin-right: 30px;  color:#FFFFFF;}

.content_left_2 h4 {
	font-weight:normal;
	font-size:14px;
	line-height: 34px;
	margin-top: 0px;
	margin-right: 30px;
	color:#FFFFFF;
}



.content_right_1 h3  {font-size:12px; line-height: 18px; margin-top: 25px; margin-right: 30px;  margin-left: 30px; margin-bottom: 15px;}
#r1 .content_right_1 h3  { margin-bottom: 0px;}
#l1r1_1 .content_right_1 h3 {font-weight:normal; font-size:16px; line-height: 24px; margin-top: 60px; margin-bottom: 20px;  margin-left: 40px; margin-right: 30px;  color:#FFFFFF;}


/* Ausblenden  */

.NotInCSS{ 
/* for screen readers */
	position: absolute;
	top: 0;
	left: -7000px;
	}


.textgif{ 
	display:none;
	}


.highlight {
	text-transform: uppercase; 
}

#bildgalerie h4{ 
	display:none;
	}


#bottom_right  p {display:none;}



#page1 #content p {margin-left: 100px; margin-right: 100px; margin-bottom: 15px;}
#page1 #content h3 {margin-left: 100px; margin-right: 100px; margin-bottom: 15px;}
#page1 #content li {margin-left: 100px; margin-right: 100px; margin-bottom: 15px;}

/* +++ Links +++ */
a {color: #e68300;}

#head a {text-decoration:none; color:#000000; }
#content_start a, .content_left_2 a {color:#000000;}
.content_left_2 a {color:#000000; text-decoration:none;}

.content_left_1 a {color:#ffffff;}

#l1r1_1 .content_right_1 a {color:#ffffff;}


.green {color: #b3c417;}
.white {color: #ffffff;}


/* ++++++++++++++++++++ Tabellen ++++++++++++++++++++ */


.content_right_1 table  {margin-left: 29px;}
table.firstt { margin-top: 110px; }
table.firstleft {margin-top: 60px;}

/* ++++++++++++++++++++ Listen ++++++++++++++++++++ */


/* ++++++++++++++++++++ Bilder ++++++++++++++++++++ */

.fl{
float:left;
margin-right: 15px;
margin-bottom: 15px;}

.fl1{
float:left;
margin-right: 35px;
margin-bottom: 0px;
padding:0;
}