/* CSS Document */

*{
	margin:0;
	padding:0;
}

.ui-accordion-header{
	height: 71px;
}


  
body {
	font-family:"Courier New",Courier,Arial,Helvetica,monospace;
	font-size:62.5%; /* setzt font % von browser schriftg. bei 16px --> 10px  */
	font-variant:normal;
	font-weight:normal;	
	color:#000;
	background-image:url(../teile/introContentBg.gif);
	background-position:left top;
	background-repeat:repeat;
	left:0;
	top:0;	
}

div#header{
	font-size:1.2em;
}

div#footer{
	font-size:1.2em;
}



p{
	font-size:1.29em;
	
}

h1,h2,h3,h4,h5,h6{
	font-size:1.29em;
	font-variant:normal;
	display:block;
	width:100%;
}

h1{
	font-weight:900;	
}

h2,h3{
	font-weight:500;	
}

.headline{
	font-weight:900;
	margin-bottom:5px;
}

.presse{
	font-weight:normal
}

h2.presse p{
	font-size:1.1em;

}

div#listNews h2.presse p{
	margin:3px 0 0 0;	
}

span.first{

}
 
a img{
	border:none;
}

div.clear{
	clear:both;
	height:10px;
	width:300px
}

/*Formatierungen die f�r alle seiten gelten*/

div#header{
	background-position:left top;
	background-repeat:no-repeat;
	width:1200px;
	height:246px;
}

body div#content {
	margin-left:68px;
	background-position:left top;
	background-repeat:no-repeat;
	left:0;
	top:0;
	background-color:#fff;
	width:872px;
	padding-bottom:6px;
	min-height:1300px;	
	
}

body#news div#content {
	min-height:800px;	
}


div#contenBody{
	width:941px;
	position:relative;
}

div#leftCol{
	width:270px;
	height:500px;	
	float:left;
	display: inline;
	margin:0 0 0 95px;
	padding: 0 0 0 0;	
}

div#rightCol{
	width:331px;
	height:auto;
	float:right;
	display: inline;
	margin:7px 0 90px;
	padding-right:80px;
}

#rightCol p {
	margin-bottom:10px;
}

div#decorationLine{
	height:20px;
	background-color:#fff;
	margin:0 0 0 68px;
	width:872px;
}
/*ENDE Formatierungen die f�r alle seiten gelten*/



/* ///////////// f�r die putten ///////////////////////*/
img.eyeCatcher{
	position:absolute;
	bottom:0px;
	margin:0px 0 0 99px; 
	
}

img.eyeCatcher2{
	position:absolute; 
	bottom:0px;
	margin:0px 0 0 99px; 	
}


/************** Teil transparente header grafiken werden �ber body + id eingebunden *****************/

div#header{
	background-position:left top;
	background-repeat:no-repeat;
}

body#intro div#header {
	height:20px;
	background-color:#83d0f0;
	background-image:url(../teile/introHeader.gif);   
	background-position:left top;
	background-repeat:no-repeat;
	width:100%;
	margin:17px 0 3px 0;
}

body#rollover div#header{
	background-image:url(../teile/headerRoll.png); 
}

body#mieter div#header{
	background-image:url(../teile/headerMieter.png);
	width:1200px; 
}

body#news div#header{
	background-image:url(../teile/headerNews.png); 
}

body#events div#header{
	background-image:url(../teile/headerEvents.png); 
}


body#gebeude div#header{
	background-image:url(../teile/headerGebeude.png); 
}

body#raumzeit div#header{
	background-image:url(../teile/headerRaumzeit.png); 
}

body#archiv div#header{
	background-image:url(../teile/headerArchiv.png); 
}

body#links div#header{
	background-image:url(../teile/headerLinks.png); 
}

body#presse div#header{
	background-image:url(../teile/headerPresse.png); 
}

body#impressum div#header{
	background-image:url(../teile/headerImpressum.png); 
}

body#kontakt div#header{
	background-image:url(../teile/headerKontakt.png); 
}


/* Background image positionieren via id entsprechendes img referenzieren */

body#intro {
	background-image:url(../teile/bodyBg.gif);
}


/*/////////////// noch zu �ndern ///////////////*/
body#mieter div#content{
	min-height:2350px;
}

body#events div#content{
	min-height:1500px;
}
/*/////////////// noch zu �ndern ENDE ///////////////*/

body#gebeude div#content{
	background-image:url(../teile/contentBgGebeude.png);
	background-color:transparent;
	width:auto;
	margin-left:0;
	height:1780px;
}

body#rollover div#content{
	background-image:url(../teile/contentBgRollover.png);
	background-color:transparent;
	width:auto;
	margin-left:72px;
	min-height:985px;
	width:1025px;
}

body#rollover div#rightCol{
	margin-right:150px;
	margin-bottom:0px;	
}

body#rollover div#footer, body#rollover div#decorationLine{
	width:1024px;
}

body#rollover div#footer, body#rollover div#decorationLine{
	width:1024px;
	margin-left:72px;
}


body#raumzeit div#content{
	height:1550px;
}


body#gebeude p, body#raumzeit p{
	line-height:1.31;
}

body#index div#content{
	background-image:url(../teile/contentBgOneLine1096x947.png);
	height:947px;
}
/* ENDE Background image positionieren via classe entsprechendes image referenzieren */


/*////////////////// Formatierungen f�r Intro //////////////////////////////////////*/

body#intro div#content{
	height:574px;
	min-height:0px;
	width:auto;
	background-image:url(../teile/introContentBg.gif); 
	background-position:left top;
	background-repeat:repeat;
	margin:0 0 0 0;
}

body#intro div#content{
	padding-bottom:0px; 
}

body#intro a img{
	float:right;
	display: inline;
	margin:0 5px 0 2px;
}

body#intro div#newsContainer{
	border-bottom:none;
	height:273px;
	width:376px;
	position:absolute;  
	top: 185px;
	left: 619px;
	z-index:10;
}

body#intro div#newsHeader{
	height:20px;
	width:376px;
	background-image:url(../teile/introSubheader_1n.gif); 
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px 0 2px 0;
}

body#intro div#newsContent{
    height: 300px;
    padding-top: 5px;
	width:376px;
	background-color:#fff;
}


body#intro div#eventContainer{
	border:none;
	height:233px;
	width:376px;
	padding:49px 0 0 490px;
	position:absolute;
	top:310px;
	left:30px;
	z-index:10;
}

body#intro div#eventHeader{
	height:20px;
	width:376px;
	background-image:url(../teile/introSubheader_2.gif); 
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px 0 2px 0;
}

body#intro div#eventContent{
	height:213px;
	width:376px;
	background-color:#fff;
}

div#introInnerContent{
	color:#000;
	margin:10px;

}

div#introInnerContent span{
	display:inline;
}

div#introInnerContent h3{
}

div#introInnerContent h2{
	font-weight:bold;
}

div#introInnerContent h2.intern{
	color:#83d0f0;	 
}

div#introInnerContent h2.other{
	color:#b2a06b;	 
}

div#introInnerContent p{
	margin:5px 0 5px 0;
}

div#introInnerContent a:link, div#introInnerContent a:visited{
	font-weight:900;
	font-style:italic;
	color:#e2007a;
}

div#introInnerContent a:hover{
		color:#e2007a;
}


img#introTransparent{
	left:170px;
	position:absolute;
	top:295px;
}

img.details{
	margin:5px 0 5px 0;
}
/* ENDE Formatierungen Intro  */



/*/////////////////////////////////////intro news und event Container///////////////////////////////////////////*/



/*///////////////////////////////////// ENDE intro news und event Container///////////////////////////////////////////*/

/*/////////////////////////////////////// mieterliste///////////////////////////////////////////////////////////////////*/

div#naviMieter{
	width:350px;
	height:auto;
	margin:8px 0 0 0;
}

div#naviMieter img.dottedLine{
	margin:32px 0 20px 0;
}

div#searchform{
	width:360px;
	height:184px;
	background-image:url(../teile/TwoLine_minified.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	margin:14px 0 0;
}

div#naviMieter div#headerEbene{
	clear:left;
	margin:0 0 10px 4px;
	position:relative;
	
}

div#naviMieter div#listMieter{
	margin:-3px 0 5px;
	padding-left:7px;
	min-height:74px;
}

body#mieter div#contentMieter{
	width:339px;
}

div#contentMieter h2, body#rollover div.tooltip h2{
	text-transform:uppercase;
	color:#b2a06b;
	margin-bottom:10px;
}



div#contentMieter div#rightCol{
	height:auto;
	margin:0;
	padding:0;
	width:213px;
	float:left;
	display: inline;
	clear:right;
}



div#contentMieter div#leftCol{
	height:auto;
	margin:3px 0 0;
	padding-right:15px;
	width:109px;
	float:left;
	display: inline;
}

div#contentMieter div#footer{
	background-color:#FFFFFF;
	clear:both;
	height:19px;
	margin:0 0 0;
	padding:5px 0 0;
	width:350px;
}

/*rollover tooltipp*/

body#rollover div.tooltip{
	display:none;
	background-image:url(../teile/tooltipBg.png);
	background-repeat:repeat-y;
	background-position:top left;
	height:auto;

/*	border:3px solid #b2a06b; */
	width:350px;
	color:#000;
	z-index:300;
}

body#rollover div.tooltip div.tooltipContent{
	display:none;
	background-image:url(../teile/tooltipBg.png);
	background-repeat:repeat-y;
	background-position:top left;
	height:auto;
/*	border:3px solid #b2a06b; */
	width:350px;
	color:#000;
	z-index:300;
}

body#rollover div.tooltip div#innerContentRoll{
	height:100%;
	width:100%;
	border-right:3px solid #e1dfd8;
	border-bottom:3px solid #e1dfd8;
}



body#rollover div.tooltip div#footer{
	background-color:#FFFFFF;
	border-bottom:3px solid #E1DFD8;
	border-right:3px solid #E1DFD8;
	clear:both;
	height:19px;
	margin:0 0 0;
	padding:5px 0 0;
	width:350px;
}



body#rollover div.tooltip h2.tooltipHeader{
	color:#b2a06b;
	background-color:#b2a06b;
	border-right:3px solid #e1dfd8;
	border-bottom:3px solid #e1dfd8;
	height:19px;
	width:100%;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
}

h2.tooltipHeader span{
	background-color:#B2A06B;
	color:#FFFFFF;
	float:left;
	padding-right:11px;
	font-weight:900;
}

h2.tooltipHeader > span:first-child{
	display:block;
	padding-left:5px;
	width:80px;
} 

h2.tooltipHeader span.next{
	color:#000000;
	font-weight:900;
	height:auto;
	margin-left:25px;
	padding:0 0 0 4px;
	text-transform:uppercase;
	width:225px;
}
h2.profession{
	font-size:1.26em;
	text-decoration: uppercase
}

a.standaloneMinimap:link,a.standaloneMinimap:hover,a.standaloneMinimap:visited{
	font-weight:900;
	font-style:italic;
	color:#e2007a;
	margin:0 0 0 122px;
}

body#mieter a.standaloneMinimap:link,
body#mieter a.standaloneMinimap:hover,
body#mieter a.standaloneMinimap:visited{
	font-weight:900;
	font-style:italic;
	color:#e2007a;
	margin:0 0 0 125px;
}

body#rollover div.tooltip div#innerContentMieter{
	height:auto;
	border-top:3px solid #e1dfd8;
	border-right:3px solid #e1dfd8;
}

body#rollover div.tooltip div#leftCol{
	height:auto;
	margin:10px 0 0;
	padding-right:15px;
	width:109px;
	float:left;
	display: inline;
}
body#rollover div.tooltip div#rightCol{
	height:auto;
	padding:0;
	margin-right:0px;
	width:213px;
	float:left;
}


/*///////////////////////////////////eventuelle RTE formatierungen abfangen////////////////////////////////////////////////////*/

body#rollover div.tooltip div#rightCol p,
body#rollover div.tooltip div#rightCol div,
body#rollover div.tooltip div#rightCol span{
	color:#7E7E7E;
	font-size:1.16em;	
	margin:0 0 0;
	font-family:"Courier New",Courier,Arial,Helvetica,monospace;	
}

body#rollover div.tooltip div#rightCol span.Apple-style-span{
	color:#7E7E7E;
	font-size:1.16em;	
	font-family:"Courier New",Courier,Arial,Helvetica,monospace;		
}

div#contentMieter div#rightCol p,
div#contentMieter div#rightCol div,
div#contentMieter div#rightCol span,
div#contentMieter div#rightCol pre{
	font-family:"Courier New",Courier,Arial,Helvetica,monospace;
	color:#7E7E7E;
	font-size:1.16em;
	margin:0 0 0;
	line-height:1.32;
}

div#eventsContainer p,
div#eventsContainer div,
div#eventsContainer span,
div#eventsContainer pre{
	font-family:"Courier New",Courier,Arial,Helvetica,monospace;
}

div#eventsContainer pre{
		font-size:1.16em;	
}

div.article_i{
	font-size:1.3em;
}

div.article_autor{
	font-size:1.3em;	
}

div#eventsContainer ul li{
	font-family:"Courier New",Courier,Arial,Helvetica,monospace;
	font-size:1.2em;
}

body#rollover div.tooltip div#rightCol {
	height:auto;
	padding:0;
	margin-right:0px;
	width:213px;
	float:left;
}

/*///////////////////////////////////eventuelle RTE formatierungen abfangen////////////////////////////////////////////////////*/


img.level {
	bottom:10px;
	position:absolute;	
}

img.area{
	display:none;
	position:absolute;
	left:750px;
	margin-top:-44px;
}


div.positionArea{
	background-position:right 20px;
	background-repeat:no-repeat;
	min-height:140px;
	width:350px;	
}

div#areaBg_1{
	background-image:url(../teile/areas/areaBg_1.gif);
	background-repeat:no-repeat;
}
div#areaBg_2{
	background-image:url(../teile/areas/areaBg_2.gif);
}

div#areaBg_3{
	background-image:url(../teile/areas/areaBg_3.gif);
}

div#areaBg_4{
	background-image:url(../teile/areas/areaBg_4.gif);
}

div#areaBg_5{
	background-image:url(../teile/areas/areaBg_5.gif);
}

div#areaBg_6{
	background-image:url(../teile/areas/areaBg_6.gif);
}

div#areaBg_7{
	background-image:url(../teile/areas/areaBg_7.gif);

}

div#areaBg_8{
	background-image:url(../teile/areas/areaBg_8.gif);
}

div#areaBg_9{
	background-image:url(../teile/areas/areaBg_9.gif);
}

div#areaBg_10{
	background-image:url(../teile/areas/areaBg_10.gif);
}

div#areaBg_11{
	background-image:url(../teile/areas/areaBg_11.gif);
}

div#areaBg_12{
	background-image:url(../teile/areas/areaBg_12.gif);
}

/*///////////////////////////////////////ENDE mieterliste///////////////////////////////////////////////////////////////////*/



body#gebeude div#rightCol{
	padding-right:82px;
		
}

div#rightCol p{
	margin:0 0px 6px 0px;	
}

div#searchForm{
	width:338px;
	height:48px;
}

div#searchresult{
	width:338px;
	height:100px;
	background-image:url(../teile/mieterDottedLine.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
/*/////////////////////////////////////// Site Events News///////////////////////////////////////////////////////////////////*/

div#contentDrape{	
	height:1526px;
	width:869px;
	z-index:1000;	
	position:absolute;
	top:245px;
	left:72px;
	background-color:#fff;	
}

div.ui-datepicker{
	color:#000;
	width:230px;
}
th.ui-datepicker-week-end{
	color:#b3b3b3;
}

div.TwoLines{
	background-image:url("../teile/TwoLine_minified.gif");
	background-position:left top;
	background-repeat:repeat-x;
	height:19px;
	margin-top:178px;
	width:347px;
}

div#listDottedLine{
	height:1px;
	width:346px;
	border-bottom:1px dashed #000;
	margin-top:5px;
}

div#eventsHeader, div#newsHeader{
	margin-bottom:10px;
	padding-top:7px;
	outline:medium none;
}

div#eventsHeader span.first{
	padding:0 0 0 10px;
}

body#intro div#newsHeader{
	padding-top:0px;
} 

div#newsHeader h3 span{
	margin:0 5px 0px 0px;
	display:inline;
	font-weight:bold
}

div#content h3.intern a{
	color:#83d0f0;
}

div#content h3.intern a:hover{
	color:#fff;
	background-color:#83d0f0;
}

a.ref{
	color:#000;
}

h3 a.ref{
	color:#000;
}

div#eventsHeader h3 a{
	padding-left:0px;	
}

div#content h3.intern a.sel{
	color:#fff;
	background-color:#83d0f0;
}


div#content h3.other a{
	color:#b2a06b;
}

div#content h3.other a:hover{
	color:#fff;
	background-color:#b2a06b;
}

div#content h3.other a.sel{
	color:#fff;
	background-color:#b2a06b;
}


div#listEvents, div#listNews{
	color:#000;  
	width:348px;
	margin-top:6px;
}

div#listEvents p{

}



div#listEvents p, div#listNews p{
	margin:0px 0 0px 0px;
}


div#listEvents p{
	padding-top:5px;
}

div#listEvents p span.first{
	margin-left:3px;
}

div#listEvents p span.second{
	margin-right:10px;
}

div#listEvents p span.third{
	margin-right:26px;
}



div#eventsContainer, div#NewsContainer{
	color:#000;
	margin:19px 0 0 0;		
	height:auto;
	width:346px;   
}

div.article_i h3,div.article_i h3 span{

}

div#eventsContainer, div#newsContainer{ 
	height:auto;
	padding-bottom:15px;
	margin-top:0px;
	
}

div#eventsHeader h3 span.subline{
	display:block;
	margin-bottom:5px;
}

/*//////// links in flie�text */
div#newsContainer a,div#eventsContainer a { 
	font-style:italic;
	display:inline;
	color:#b2a06b;	
}

div#newsContainer.intern a, div#eventsContainer.intern a {
	display:inline;
	color:#83d0f0;	
}


div#eventsContainer div h3, div#NewsContainer div h3{
	margin:0 0 3px 0;
}

div#eventsContainer h2, div#newsContainer h2{
	color:#dbd3ba;
	margin:0 0 10px 0px;
	
}


div#eventsContainer div p, div#newsContainer div p{
}

div#imageContainer{
	margin-top:10px;
	width: 289px;
	height:176px 
}

div#footer{
	height:20px;
	background-color:#83d0f0;
	margin-left:68px;
	width:872px;
}

body#intro div#footer{
	height:20px;
	margin:2px 0 0;
	width:100%;
	background-color:#83d0f0;
}

/*/////////////////////////////////////// Site Presse///////////////////////////////////////////////////////////////////*/
a.presse:link,  a.presse:visited{
	color:#83d0f0;
}

a.presse:hover{
	color:#000;	
}

body#presse div#newsHeader h2  a{
	font-style:italic;
	padding-top:5px;
}

/*/////////////////////////////////////// Site Links///////////////////////////////////////////////////////////////////*/

body#links div#content{
	height:1300px;
}

div#listLinks{
	margin:7px 0 0px 0;
}

div#listLinks h2 a{
	display:block;
	color:#83d0f0;
	font-weight:900;
	text-decoration:none;
	margin-bottom:5px;
}

div#listLinks a:link, div#listLinks a:visited{
	color:#000;
}

div#listLinks a:hover{
	color:#83d0f0;	
}




/**   Gallerie formatierung  **/ 

div#m1 img{
	display:none;
}

img#next{
	position: absolute;
	top: 141px;
	left: 392px;
	display:block; 
	opacity: 1; 
	width: 18px;
	height: 18px;
}


/**   Tabellen formatierung  **/ 

.ui-datepicker table {
	border-collapse:collapse;
	margin:0 0 0;
	width:217px;
}

table.ui-datepicker-calendar thead tr{
	border-color:#000;
	border-width:1px;
	border-top-style:dashed;
	border-bottom-style:dashed;
}

table.ui-datepicker-calendar tbody tr{
	height:22px;
}

table.ui-datepicker-calendar tbody tr td{
	width:35px;
}



/*/////////////////////////////////////impressum //////////////////////////////////////////////*/

div#main.intro div#contenBody{
	height:600px;
	width:960px;
}



body#gebeude div#leftCol{
	margin:0 0 0 162px;
		
}

body#raumzeit div#contentBody div#content div#rightCol{
	margin:7px 0 0;
}

div#rightCol p span.headline{
	font-weight:600;
}

/*/////////////////////////////////////Kontakt //////////////////////////////////////////////*/

body#kontakt div#rightCol p{
	margin:0 0 15px 0;	
}

/* Container f�r imagemaps das entsprechende img wird �ber den z-index eingeblendet */


div.imagemap {
	height:541px;
	left:477px;
	position:absolute;
	top:199px;
	width:569px;
	z-index:10;
	display:none;
}

div.roomContainer {
	position:absolute;
	top:199px;
	height:849px;
	left:477px;
	width:598px;
	display:none;
}

div.imagemapMieter {
	height:269px;
	left:50px;
	position:absolute;
	top:760px;
	width:345px;
}

div#map1{
	z-index:40;
}

div#map2{
	z-index:30;
}

div#map3{
	z-index:20;
}

div#map4 {
	z-index:10;
}