/****************************************************
	SITE: mwia.de
	FARBEN:
		lila:				#6B5580
		hell lila			#EBE6F0


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

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1.8em;
	text-align: center;
	background: #EBE6F0 url(/images/hgr_body.jpg) repeat-y center;
}

li li, li p, td p, blockquote p {font-size: 1em}

/****************************************************
	ALLGEMEINE STYLES
******************************************************/

.clear { clear: both; }
.invisible { display: none; }

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


img.shaddow
{

	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	background: transparent;

	filter:progid:DXImageTransform.Microsoft.shadow(direction=135,color=#8E8E8E,strength=3);
}



a
	{
		color: #665577;
	}
a:hover
	{
		text-decoration: none;
	}

a.download { padding: 0 0 2px 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; }

.mediaImage img { display: none; }


/* Zoom-Text fuer Inline-popups */
a.zoompopup 
{ 
	font-family: Verdana, sans-serif;
	background: transparent url(/images/lupe.gif) no-repeat 2px; 
	padding: 2px 0 2px 25px ; 
}


a.more
	{
		padding-left: 10px;
		background: transparent url(/images/link_arrow.gif) no-repeat 0 4px;
	}

ul, h1, h2, h3, h4 { margin-top: 0; padding-top: 0; }
h1, h2, h3, h4 
	{
		// font-family: Lucida sans, Lucida, Arial, sans-serif;
		font-family: Verdana, sans-serif;
		color: #6B5580;
	}
h1
	{
		font-size: 1.6em;
	}
h2
	{
		font-size: 1.3em;
		margin: 1em 0;
	}
h3
	{
		font-size: 1.2em;
		margin-bottom: -1em;
	}
h4
	{
		font-size: 1.2em;
		margin: 0;
		padding: 0;
	}

	
	
table { border-collapse: collapse; }
	
td, th { font-size: 1.2em; padding: 0; }	
	
/****************************************************
	LAYOUT
******************************************************/

#pageHolder
	{
		position: relative;
		width: 800px;
		margin: auto;
		text-align: left;
		background: transparent;
		padding-bottom: 10px;
	}
	
#headerBox
	{
		position: relative;
		height: 125px;
		border-bottom: solid 1px #990000;
	}

#headerBox .bannerBox
	{
		position: absolute;
		bottom: 6px;
		right: 12px;
		width: 210px;
		height: 60px;
		background: transparent;
	}	
	
#logoBox
	{
		position: absolute;
		width: 100%;
		height: 155px;
		background: transparent url(/images/hgr_headerBox.jpg);
	}
#logoBox img
	{
		display: none;
	}
	
#subHeaderBox {}
#breadcrumbNav {
	position: relative;
	padding-left: 215px;
	padding-bottom: 10px;
}
#breadcrumbNav, #breadcrumbNav a {
	color: 	#9384A3;
}
#contentBox
	{
		position: relative;
		background: transparent url(/images/hgr_contentBox.gif);
	}

	
/*************************
	HAUPTNAVIGATION
**************************/

#mainNavBox
{
		position: absolute;
		width: 150px;
		left: 0;
		top: 30px;
		z-index: 100;
		font-family: Lucida sans, Lucida, Arial, sans-serif;
		font-size: 1.2em;
		line-height: 1em;
}

/* ----- DropDown Funktionelles CSS ----- */

ul.dropdown
	{
		list-style: none;
		margin:0;
		padding:0;
	}
ul.dropdown * ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
		display: none;
		position: absolute;
		width: 150px;
		left: 150px;
		top: 0;
		z-index: 110;
	}
ul.dropdown li { position: relative;}
ul.dropdown li * li { position: relative;}
/*ul.dropdown ul * ul { left: 131px; top: -1px; }*/
ul.dropdown a {display: block;}
ul.dropdown ul * a { height: 100%;  display: block;}
ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul { display: none;}
ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul { display: block;}	

	/* erste Ebene */
#mainNavBox ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
#mainNavBox li
	{
		padding: 0.1em 0;
	}
#mainNavBox ul a
	{
		text-decoration: none;
		font-family: Verdana, sans-serif;
		color:  #6B5580; // #483D5A; 
		font-weight: bold;
		font-size: 1.0em;
		letter-spacing:0.0em;
		width: 139px;
		padding: 4px 8px 4px 18px;
	}
#mainNavBox ul a:hover
	{
		background: #fff;
	}

#mainNavBox .select
	{
		background: #fff;
	}

	/* zweite Ebene */
#mainNavBox ul ul
	{
		border: solid 1px #B5AAC0;
		background-color: #fff;
	}
#mainNavBox ul ul li
	{
		padding: 0;
	}
	
#mainNavBox li ul
	{
		padding: 0;
		margin: 0;
	}

#mainNavBox li ul a
	{
		padding: 2px 8px;
		font-family: Verdana, sans-serif;
		font-size: 0.9em;
		font-weight: normal;
		letter-spacing:0.0em;
	}
#mainNavBox li ul a:hover
	{
		background: #EBE6F0;
	}
#mainNavBox li ul li {}
#mainNavBox li.activ a
	{
		background: #fff;
	}

#mainNavBox li.activ ul
	{
		position: static;
		display: block;
		border: none;
		background: transparent;
		filter: none;
	}

#mainNavBox li.activ ul
	{
		margin-top: 3px;
		margin-bottom: 9px;
		padding: 0;
	}

#mainNavBox li.activ li
	{
		position: static;
		padding: 0.1em 0;
	}
#mainNavBox li.activ li a
	{
		background-color: transparent;
		padding-left: 3em;
	}
#mainNavBox li.activ li.activ a
	{
		background: #fff;	
	}

#mainNavBox li.activ li a:hover
	{
		background: #fff;
	}

#mainNavBox ul ul li
	{
		padding: 0;
	}
/* --- eo HAUPTNAVIGATION --- */



	



/*************************
	CONTENT
**************************/	

#content
	{
		position: relative;
		width: 390px;
		padding-left: 215px;	
		font-size: 1.2em;
	}

#SubCatNav li
	{
		clear: both;
	}
	
/* --- LISTEN --- */

#contentLeftDocListBox
	{}
#contentLeftDocListBox .contentLeftList
	{}
#contentLeftDocListBox .contentLeftListDocItem
	{
		clear: both;
		margin-bottom: 6em;
	}
#contentLeftDocListBox .contentLeftListDocItem p
	{
		padding: 0 0 0 220px;
		margin: 0;		
	}

/*-Referenzen-*/	
	
#contentLeftRefListBox
	{
	
	}
#contentLeftRefListBox .contentLeftListRefItem
	{
		clear: both;
		margin-bottom: 3em;
	}
	

/*-Downloads-*/

#DownloadBox {}

#DownloadBox ul
	{
		list-style: none;
	}

.mediaDload a {
		font-size: 1.4em;
}

.mediaDload
	{
		font-size: 0.8em;
	}

/* --- eo LISTEN --- */		
	
/*************************
	CONTEXTBOX rechte Spalte
**************************/	
	
#contextBox
	{
		position: absolute;
		width: 150px;
		top: 0.4em;
		right: 20px;
		line-height: 1.4em;
	}
#contextBox ul, #contextBox ul li
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
#contextBox h2 
	{
		font-size: 1.2em;
		font-weight: normal;
		color: #6B5580;
		margin-bottom: 0.5em;
		margin-top: 0;
	}	
#contextBox .contentRightBox 
	{
		font-size: 1.1em;
		padding-bottom: 30px;
		background: transparent url(/images/hgr_contexBox.gif) no-repeat center bottom;
	}
#contextBox .contentRightBox img
	{
		margin-bottom: 0.5em;
	}
#contextBox .contentRightBox ul {}
#contextBox .contentRightBox  li
	{
		padding: 0.2em 0;
		margin: 0;
	}

	
	
/*************************
	FUSSZEILE
**************************/	

#pageBottomBox
	{
		padding-top: 10px;
		padding-right: 10px;
		margin: 10px 0;
		text-align: right;
	}
#footerBox
	{
		width: 400px;
		margin-left: 215px;
	}
#serviceNavBox
	{
		text-align: center;
		padding: 5px 0;
		color: #6B5580;
		background: transparent url(/images/hLine.gif) no-repeat top center;
	}
#serviceNavBox a
	{
		color: #6B5580;
		text-decoration: none;
		font-family: Arial, sans-serif;
	}
/*************************
	FORMULARE
**************************/	

form
	{
		margin: 0;
		padding: 0;
	}
label
	{ 
		font-size: 1.1em;
		float: left;
		width: 120px;
	}
input, textarea
	{
		width: 250px;
	}
.inputDiv
	{
		clear: both;
		padding: 2px 0;
	}
.inputDiv .button
	{
		position: relative;
		left: 125px;
	}
input.check, input.radio
	{
		width: auto;
	}
.inputDiv .check
	{
		float: left;
	}
.formError, .alarm
	{
		font-size: 1.1em;
		color: #cc0000;
	}	

.checkboxDiv label
	{
		float: none;
		display: block;
		padding-left: 25px;
		width: auto;
	}
	
	
.inputDiv ul {
	margin: 0!important;
	padding: 0!important;
	list-style: none;
	list-style-image: none!important; 
}
.inputDiv ul.radioBoxAlignHoriz li {
	float: left;
	padding-right: 0.5em;
}

.inputDiv ul.radioBoxAlignHoriz li input.radio {

	position: relative;
	top: 2px;
}	

.inputDiv ul.radioBoxAlignHoriz li label {
		float: none;
}

.radioList {
	display: inline;
}
.radioList input {
	position: relative;
	top: 2px;
	width:20px;
	font-size:12px;
	border-style:none;
	background-color:#F5F5F5;
}