/****************************************************

	IGW-Iserlohn

	24.04.2008 (sg)

	info@mai-multimedia.de 2008

	Blau (Links):	#034EA1

******************************************************/

* {margin: 0; padding: 0;}
html
	{
        font-size: 75%;
    }

body
	{
    	font-family: Arial, Helvetica, sans-serif;
		color:#555;
		font-size: 1em;
		line-height: 1.4em;
		background: #FBFAFD url(/images/hgr_body.jpg) repeat-y
	}
p, ul, table
	{
		margin-bottom: 1em;
	}
ul
	{
        margin-left: 1.6em;
    }

ol
	{
        margin-left: 2.4em;
    }

h1, h2, h3, h4, h5, li li, li p, td p, td, blockquote p, tbody {font-size: 1em;}

h1, h2, h3, h4, h5
	{
        font-family: Arial, Helvetica, Sans-serif;
		color: #034EA1;
		font-weight: normal;
		line-height: 1em;
    }


h1, .h1_Edit
	{
	    font-size: 1.4em;
		margin-bottom: 1em;
	}

h2
	{
	    font-size: 1.4em;
		margin: 1em 0 0.5em 0;
	}

h5
	{
	    font-size: 1.2em;
        border-bottom: solid 1px #C0D3E7;
		margin: 0.5em 0 1em 0;
    }


img { border: none; }
.imgLeft { float: left;  clear: left; margin: 2px 20px 20px 0;}
.imgRight { float: right; margin: 4px 0 20px 20px; }

a
	{
		color: #034EA1;
	}

a.download { padding-left: 25px ; }

a.pdf { background: transparent url(/images/media_pdf.gif) no-repeat; }
a.ppt { background: transparent url(/images/media_ppt.gif) no-repeat; }
a.txt { background: transparent url(/images/media_txt.gif) no-repeat; }
a.doc { background: transparent url(/images/media_doc.gif) no-repeat; }
a.xls { background: transparent url(/images/media_xls.gif) no-repeat; }
a.zip { background: transparent url(/images/media_zip.gif) no-repeat; }
a.swf {	background: transparent url(/images/media_swf.gif) no-repeat; }
a.mov {	background: transparent url(/images/media_mov.gif) no-repeat; }
a.mp3 {	background: transparent url(/images/media_mp3.gif) no-repeat; }


td
	{
		vertical-align: top;
	    padding-right: 2em;
	}
.hintBox
	{
        border: solid 1px #AFC1D4;
		padding: 10px;
		background: #DEE8F2;
    }
.hintBox.blue
	{
		background: #E7E8F2;
    }
.hintBox.green
	{
		background: #E6F0DD;
    }
.hintBox.yellow
	{
		background: #FFF4D3;
    }
.roundBox
	{
		position: relative;
		width: 460px;
		margin-bottom: 1em;
    }
.roundBox.blue
	{
		background: transparent url(/images/hgr_roundBoxBlue.gif) no-repeat top left;
    }
.roundBox.green
	{
		background: transparent url(/images/hgr_roundBoxGreen.gif) no-repeat top left;
    }
.roundBox.yellow
	{
		background: transparent url(/images/hgr_roundBoxYellow.gif) no-repeat top left;
    }
.roundBoxBottomBlue, .roundBoxBottomGreen, .roundBoxBottomYellow
	{
		height: 20px;
		width: 100%
    }
.roundBoxBottomBlue
	{
		background: transparent url(/images/hgr_roundBoxBottomBlue.gif) no-repeat bottom left;
    }
.roundBoxBottomGreen
	{
		background: transparent url(/images/hgr_roundBoxBottomGreen.gif) no-repeat bottom left;
    }
.roundBoxBottomYellow
	{
		background: transparent url(/images/hgr_roundBoxBottomYellow.gif) no-repeat bottom left;
    }
.roundBoxContent
	{
        padding: 10px 10px 0 10px;
    }

.roundBoxBig, .roundBoxBigBlue
	{
		position: relative;
		width: 670px;
		margin-bottom: 1em;
    }
.roundBoxBigContent
	{
        padding: 10px 2px 0 10px;
    }
.roundBoxBigBlue
	{
		background: transparent url(/images/hgr_roundBoxBigBlue.gif) no-repeat top left;
    }
.roundBoxBigBottomBlue
	{
		background: transparent url(/images/hgr_roundBoxBigBottomBlue.gif) no-repeat bottom left;
		font-size: 1px;
		line-height: 1em;
		height: 10px;
    }



#wrap
	{
        position: relative;
		width: 962px;
		background: transparent url(/images/hgr_wrap.jpg) no-repeat;
	}
#headerBox
	{
		position: relative;
		height: 105px;
		z-index: 500;
    }
#logo
	{
        position: absolute;
		top: 0;
		right: 0;
    }
#keyvisualBox
	{
		position: relative;
        width: 924px;
		height: 192px;
		background: transparent url(/images/hgr_keyvisualBox.jpg) no-repeat top left;
    }


#keyvisual
	{
        position: absolute;
        width: 735px;
		height: 170px;
		background-color: transparent;
		top: 22px;
		left: 167px;

    }

#mainBodyHeaderBox
	{
        width: 924px;
		height: 41px;
		background: transparent url(/images/hgr_mainBodyHeaderBox.jpg) no-repeat;
    }


#mainBodyBox
	{
		position: relative;
		float: left;
        width: 880px;
		background: transparent url(/images/hgr_mainBodyBox.jpg) repeat-y;
		padding: 0 22px;
    }




#menuBox
	{
		float: left;
		width: 145px;
    }


#contentBox
	{
		float: left;
		position: relative;
		width: 460px;
		margin-left: 32px;
		margin-right: 30px;
		z-index: 10;
	}


#contextBox
	{
		float: left;
		width: 184px;
		font-size: 0.9em;
		line-height: 1.4em;
    }
#contextBox h3
	{
        font-size: 1em;
		color: #000;
		font-weight: bold;
		margin-bottom: 0.7em;
    }

.contextBoxItem
	{
        border-top: solid 1px #DEE8F2;
		padding-top: 0.7em;
    }
.contextBoxItem.firstItem
	{
        border: none;
		padding-top: 0;
    }



#mainBodyFooterBox
	{
		clear: both;
        width: 924px;
		height: 63px;
		background: transparent url(/images/hgr_mainBodyFooterBox.jpg) no-repeat;
    }






#keyvisualBox, #mainBodyHeaderBox, #mainBodyBox, #mainBodyFooterBox, #footerBox
	{
		margin-left: 38px;
    }


/* Dokumentenliste (ul) */

.docList
{
	margin: 0;
	list-style: none;
}
.docList h2, .docList h2 a
	{
		text-decoration: none;
		font-size: 1.1em;
		margin: 0;
	}
.docList h2 a:hover
	{
        text-decoration: underline;
    }


/* Logoliste (table) */

.logoList
{
	margin: 0;
	list-style: none;
}
.logoList td
{
	vertical-align: middle;
	padding: 1em 0;
}
.logoList img
{
	margin-right: 2em;
}
.logoList p
{
    padding: 0;
	margin: 0;
}

/* - Klasse fullHeight */

#keyvisualBox.fullHeight { display: none; }
#mainBodyHeaderBox.fullHeight { display: none; }
#contextBox.fullHeight { display: none; }

#mainBodyBox.fullHeight
	{

    }

#mainBodyBox.fullHeight .fullHeadHgr
	{
		position: absolute;
		width: 924px;
		height: 192px;
		left: 0;
		top: 0;
        background: #fff;background: transparent url(/images/hgr_fullHead.jpg) no-repeat top left;
		z-index: 1;
    }

#menuBox.fullHeight
	{
        margin-top: 233px;
    }

#contentBox.fullHeight
	{
		margin-top: 70px;
		width: 670px;
    }

/* - Klasse fullWidth */

#contextBox.fullWidth { display: none; }
#contentBox.fullWidth
	{
		width: 670px;
    }

/****************************************************
	TOP-MENÜ

	li #topnav_537: Vermietung
	li #topnav_538: Verkauf
	li #topnav_539: Verwaltung
******************************************************/
#topnav
	{
		position: absolute;
		top: 10px;
		left: 90px;
		margin: 0;
    }
#topnav li
	{
        float: left;
		position: relative;
		line-height: 1em;
		list-style: none;
    }

#topnav_537 { background: transparent url(/images/topmenu_537.jpg) no-repeat; }
#topnav_538 { background: transparent url(/images/topmenu_538.jpg) no-repeat; }
#topnav_539 { background: transparent url(/images/topmenu_539.jpg) no-repeat; }

#topnav_537, #topnav_537 ul { width: 181px; }
#topnav_538, #topnav_538 ul { width: 173px; }
#topnav_539, #topnav_539 ul { width: 181px; }

#topnav_537 ul { background: transparent url(/images/topmenu_537_bottom.png) no-repeat top left; height: 122px; }
#topnav_538 ul { background: transparent url(/images/topmenu_538_bottom.jpg) no-repeat top left; height: 80px; }
#topnav_539 ul { background: transparent url(/images/topmenu_539_bottom.jpg) no-repeat top left; height: 80px; }

#topnav_537, #topnav_538, #topnav_539
	{
		 height: 84px;
    }
#topnav li span
	{
		position: relative;
		z-index: 20;
	}

#topnav li a
	{
        display: block;
		padding: 34px 0 0 22px;
		text-decoration: none;
		color: #777777;
		font-size: 1.1em;
		line-height: 1.2em;
		font-weight: bold;
    }
#topnav_539 a, #topnav_538 a
	{
		padding-left: 15px!important;
    }


#topnav li ul
	{
        position: absolute;
		display: none;
		top: 42px;
		padding-top: 10px;
		z-index: 10;
		margin: 0;
    }


#topnav li.active.sub ul
	{
		display: block;
    }

#topnav li ul li
	{
        float: none;
    }

#topnav li ul li a
	{
		display: block;
        line-height: 1.2em;
		height: 1.2em;
		padding: 0 0 0 22px!important;
		font-size: 1em;
		color: #034EA1;
		font-weight: normal;
    }
#topnav #topnav_538 ul li a, #topnav #topnav_539 ul li a
	{
		padding: 0 0 0 15px!important;
    }
#topnav li ul li.active a, #topnav li ul li a:hover
	{
		font-weight: bold;
    }

/****************************************************
	HAUPTMENÜ
******************************************************/
#mainnav
	{
		position: relative;
		width: 145px;
		list-style: none;
		margin: 0;
		padding: 0;
		border-top: solid 1px #E6EDF5;
		line-height: 1.5em;
		z-index: 100;
    }

#mainnav li
	{
		position: relative;
		border-bottom: solid 1px #E6EDF5;
    }

#mainnav li.active, #mainnav a:hover
	{
        font-weight: bold;
    }
#mainnav li.active ul
	{
        font-weight: normal;
    }

#mainnav ul /* Zweite Ebene */
	{
		display: none;
		position: absolute;
		background: transparent url(/images/hgr_menuSub.png) no-repeat bottom left;
		width: 11em;
		top: 0px;
		left: 80px;
		z-index: 120;
		list-style: none;
		width: 145px;
		padding-bottom: 8px;
		padding-top: 0;
    }
#mainnav li.active.sub ul
	{
		position: static;
		display: block;
		width: auto;
		margin: 2px 0 10px 1em;
		background: transparent none!important;
		border: none;
    }
#mainnav li.active.sub ul a, #mainnav li.active.sub ul li.firstItem
	{
		background: transparent none!important;
		padding-top: 0;
		border: none;
	}

#mainnav ul li
	{
        border: none;
    }
#mainnav  ul li.firstItem
	{
		background: transparent url(/images/hgr_menuSubFirst.png) no-repeat top left;
		padding-top: 8px;
    }
#mainnav a
	{
        text-decoration: none;
		padding-left: 18px;
		display: block;
		width: 127px;

    }
#mainnav ul a
	{
		background-color: #D7E3F0;
		border: solid 1px #AFC1D4;
		border-width: 0 1px 0 1px;
		padding-left: 16px;
		margin: 0;
    }

#homeLink
	{
        text-decoration: none;
		padding-left: 18px;
		display: block;
		width: 127px;
		border-top: solid 1px #E6EDF5;
		line-height: 1.5em;
    }
#homeLink:hover, #homeLink.active
	{
        font-weight: bold;
    }

/****************************************************
	PREV-NEXT-NAVIGATION
******************************************************/

#siteNav
	{

		float: right;
        position: relative;
		margin: 1em 0;
		text-align: right;
	}
#siteNav a
	{
		margin: 0 5px;
	}


/****************************************************
	IFRAME
******************************************************/
#staticIframe
	{
        width: 660px;
		height: 1000px;
    }

/****************************************************
	FOOTER
******************************************************/

#footerBox
	{
        width: 924px;
		height: 57px;
		background: transparent url(/images/hgr_footerBox.jpg) no-repeat;
		font-size: 0.9em;
    }
#footerBox a
	{
        text-decoration: none;
    }


#footerContent /* Tabelle */
	{
		border-collapse: collapse;
        margin-left: 40px;
		margin-right: 40px;
		width: 844px;
		height: 57px;
    }
#footerContent td
	{
        vertical-align: middle;
    }

.topLink
	{
		padding-left: 16px;
        background: transparent url(/images/goTop.gif) no-repeat 0 3px;
    }

.accLink
	{
        font-weight: bold;
		font-size: 1.1em;
    }

.printLink
	{
		padding-left: 20px;
        background: transparent url(/images/printButton.gif) no-repeat 0 0;
    }



/****************************************************
	SUCHE
******************************************************/
#searchBoxForm
	{

    }
#searchBoxForm input
	{
        width: 100px;
		background-color: #CCDBEC;
		border: solid 1px #fff;
		font-size: 1em;
		color: #666666;
		padding: 1px;
    }
#searchBoxForm #searchBoxButton
	{
		position: relative;
		top: 4px;
		width: 16px;
		height: 16px;
		border: none;
		background: transparent;
    }

/*************************
	FORMULARE
**************************/

form
	{
		margin: 1.4em 0;
		padding: 0;
	}
input, textarea, select
	{
		width: 250px;
	}
.fbError
	{
		color: #cc0000;
	}
.fbError input, .fbError textarea
	{
		border: solid 2px #cc0000;
	}
.formField
	{
		clear: both;
		padding: 2px 0;
	}
.formField label
	{
		width: 120px;
		float: left;

	}
.button
	{
		margin-left: 120px;
		margin-top: 20px;
	}
.radio, .check
	{
		width: auto;
	}

.radioSet
	{
		display: inline;
		padding-right: 1em;
	}
.radioLabel
	{
		position: relative;
		top: -2px;
		padding: 0 0.5em;
	}
.radioSet.fbError
	{
		border: none;
	}
.check
	{
		float: left;
		clear: both;
	}
.formField label.checkboxLabel, .formField label.radioLabel
	{
		position: relative;
		top: 0;
		float: none;
		padding-left: 0.5em;
		width: 100%;
	}
.formHint
	{
		clear: both;
		padding: 1em 0;
		font-size: 0.8em;
	}
.formField h4	{ padding: 1em 0;}

.alertBox h4
	{
		font-size: 1.2em;
	}
.alertBox ul
	{
		color: #cc0000
	}

/* Suche */
.isearch-highlight
	{
        font-weight: bold;
    }
.button.search
	{
        width: auto;
		margin: 0;
    }
.searchFieldTable td
	{
		white-space: nowrap;
    }