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

	SITE: web1a 3 Spalter TopMenu
	Basis-Styles


	Stand 21.06.2010

	grass@mai-multimedia 2009

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

* {margin: 0; padding: 0;}
body
	{
		font-family: Verdana, Arial,Helvetica,sans-serif;
		font-size: 74%;
		line-height: 1.4em;
	}
h1, h2, h3, h4, h5, li li, li p, td p, td, blockquote p {font-size: 1em}

ul { margin: 0 0 1em 1.6em; }
ol { margin: 0 0 1em 2.4em; }


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

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

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


a
	{

	}
a:hover
	{
		text-decoration: none;
	}


table
	{
        border-collapse: collapse;
    }
td
	{
        vertical-align: top;
		padding-right: 10px;
		font-size: 1em;
    }
hr
	{
		border: 0px; /* Fr Firefox und Opera */
		border-top: solid 1px #000;
		border-bottom: transparent;
		margin: 1em 0;
	}

/****************************************************
	LAYOUT
******************************************************/

#wrap
	{
		position: relative;
		clear: both;
        width: 890px;
		text-align: left;
		margin: 15px auto 0 auto;
		border: solid 15px #fff;
    }
#header
	{
		position: relative;
		z-index: 10;
        height: 220px;
		background-position: top left;
		background-repeat: no-repeat;
    }
#breadcrump
	{
		clear: both;
		line-height: 30px;
		background-color: #fff;
		font-size: 0.9em;
		padding-left: 10px;
		min-height: 10px;
    }
* html #breadcrump {
   height: 10px;
}
#logo
	{
		position: absolute;
        top: 122px;
		left: 0;
    }
#leftCol, #rightCol, #middleCol
	{
		position: relative;
		overflow: hidden;
		z-index: 10;
	}
#leftCol, #rightCol
	{
		float: left;
		width: 210px;
		padding-bottom: 20px;
		font-size: 0.9em;
		line-height: 1.4em;
	}
#middleCol
	{
		float: left;
		width: 450px;
		padding-bottom: 20px;
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
	}

#footer
	{
        clear: both;
		min-height: 60px;
		border-top: solid 10px #fff;
		font-size: 0.9em;
		line-height: 1.2em;
		padding: 10px 10px 10px 220px;
    }
#footer td
	{
		font-size: 0.9em;
	}
#serviceNav
	{
		float: left;
        clear: both;
		font-size: 0.8em;
		line-height: 1.2em;
		padding: 0 0 5px 220px;
		width: 670px;
    }
#serviceNav ul
	{
        list-style: none;
		margin: 0;
    }
#serviceNav li
	{
        float: left;
		margin-right: 10px;
    }

#middleCol h1, #middleCol h2, #middleCol h3, #middleCol h4
	{
		font-weight: normal;
		padding: 2px 10px;
		float: left;
		clear: left;

    }


#middleCol h1
	{
		font-size: 1.6em;
		line-height: 1.5em;
		margin-bottom: 0.625em
    }

#middleCol h2
	{
		font-size: 1.4em;
		line-height: 1.5em;
		margin-bottom: 0.72em
    }
#middleCol h3
	{
		font-size: 1.2em;
		line-height: 1.5em;
		margin-bottom: 0.83em
    }
#middleCol h4
	{
		font-size: 1.1em;
		line-height: 1.5em;
		margin-bottom: 0.91em
    }
#middleCol p, #middleCol ul
	{
		padding: 0 10px;
		clear: left;
    }
#middleCol li
	{
		padding-bottom: 0.5em;
	}
#middleCol p
	{
		margin: 0 0 1em 0;
    }
#middleCol iframe
	{
		margin: 10px;
	}
#middleCol .csc-textpic-text h2, #middleCol .csc-textpic-text h3
	{
		padding-left: 0;			
	}
	
#middleCol .csc-textpic-text h2
	{
		margin: 0;
		line-height: 1em;
	}


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

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.nav ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.nav ul li {
	width:			100%;
}
.nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.nav li {
	float:			left;
	position:		relative;
}
.nav a {
	display:		block;
	position:		relative;
}
.nav li:hover ul,
.nav li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.nav li:hover li ul,
ul.nav li.sfHover li ul {
	top:			-999em;
}
ul.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.nav li li:hover li ul,
ul.nav li li.sfHover li ul {
	top:			-999em;
}
ul.nav li li li:hover ul,
ul.nav li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}


#mainNavBox
{
	position: relative;
	z-index: 100;
}


#mainNav
	{
		height: 2.5em;
		width: 100%;
    }
#mainNav ul
	{
		margin: 0;
		list-style: none;
    }
#mainNav ul li
	{
		float: left;
		position: relative;
		line-height: 2.5em;
    }
#mainNav ul li.firstItem a
	{
        border: none;
    }
#mainNav ul a
	{
		text-decoration: none;
		display: block;
		padding: 0 10px;
		margin: 0.6em 0;
		font-size: 1.1em;
		line-height: 1em;
		border-left: solid 1px #fff;
    }             
#mainNav ul ul a
	{
		padding: 5px 10px;
		border: none;
		margin: 0;
    }
#mainNav ul ul
	{
		padding-bottom: 10px;
    }

#mainNav ul ul li, #mainNav ul ul ul li
	{
		float: none;
        border: none;
		line-height: 1em;
    }

/* SUBNAVIGATION */

#subNav
	{
		clear: left;
		border-bottom: solid 10px #fff;
		padding-bottom: 10px;
    }
#subNav ul
	{
		margin: 0;
		list-style: none;
    }
#subNav ul li
	{
		border-top: solid 1px #fff;
    }
#subNav ul li.firstItem
	{
        border: none;
    }
#subNav ul a
	{
		text-decoration: none;
		display: block;
		padding: 2px 10px;
		font-size: 1.1em;
    }
#subNav ul ul
	{
        display: none;
		border-top: solid 1px #fff;
    }
#subNav li.current ul
	{
        display: block;
    }
#subNav ul ul li, #subNav ul ul ul li
	{
        border: none;
    }
#subNav ul ul a
	{
		padding-left: 40px;
    }
#subNav ul ul ul a
	{
		padding-left: 60px;
    }

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


#leftCol h3, #rightCol h3
	{
		font-size: 1.1em;
		font-weight: normal;
		padding: 2px 10px;
		float: left;
    }

#leftCol .news-latest-container,
#leftCol .tx-3sfachmagazin-pi1,
#rightCol .news-latest-container,
#rightCol .tx-3sfachmagazin-pi1,
#rightCol .csc-textpic-text,
.newsletter-container,
#searchForm-container
	{
		clear: left;
		padding: 10px;
		border-bottom: solid 10px #fff;
    }
.news-latest-item, .tx-3sfachmagazin-pi1 .entry
	{
		padding-bottom: 10px;
    }
.news-latest-title, .tx-3sfachmagazin-pi1 .title
	{
		font-weight: bold;
    }
.news-latest-item p
	{
        padding: 0;
		margin: 0;
    }

.news-latest-date, .date, .tx-guestbook-date
	{
        margin: 0;
		padding: 0;
		font-size: 0.9em;
    }

/* News Seite */

.news-list-container, .fmArticles-list, .news-latest-content
	{
	    clear: both;
		padding: 0 10px;
	}
#middleCol .news-list-container h3, #middleCol .news-list-container h4, #middleCol .fmArticles-list  h3, #middleCol .fmArticles-list  h4
	{
	    float: none;
	}
#middleCol .news-list-container h3, #middleCol .news-list-container h4, #middleCol .news-list-container p,
#middleCol .fmArticles-list h3, #middleCol .fmArticles-list  h4, #middleCol .fmArticles-list p
	{
        padding: 0px;
		margin: 0px;
    }
#middleCol .news-latest-content h2, #middleCol .news-latest-content h3, #middleCol .news-latest-content h4,  #middleCol .news-latest-content p
	{
        padding-left: 0px;
    }



.news-list-item, .fmArticles-list-item
	{
        margin-bottom: 1em;
		padding-bottom: 1em;
    }
#middleCol .fmArticles-list .gotoArtikelList
	{
		display: block;
		text-align: right;
	}

.printBox
	{
		clear: both;
        margin: 2em 10px 0 10px;
		padding: 0.5em 0 0.5em 30px;
		background: transparent url(images/print.png) no-repeat 0 0.5em;
		font-size: 1em;
    }
.recommendBox
	{
        margin: 0 10px 0 10px;
		padding: 0.1em 0 0.1em 30px;
		background: transparent url(images/recommend.png) no-repeat 1px 0.1em;
		font-size: 1em;
    }

/* Audios */

.audios
	{
		float: left;
		width: 430px;
		padding: 0 10px;
	}
.audioItem
	{
		float: left;
		width: 100%;
		margin-bottom: 1em;
	}
.audioItem h3, .audioItem p
	{
		padding: 0!important;
		margin: 0!important;
	}
.audioItem p.description
	{
		margin-bottom: 0.5em!important;
	}
.audioItem span
	{
		display: block;
		font-weight: bold;
	}
.audioItem .audio_player
	{
		float: left;
		margin-right: 20px;
	}
.audioItem .audio_download
	{
		clear: none!important;
	}
.audioItem .audio_download a
	{
		line-height: 30px; /* Abhängig von der Höhe des Players */
	}

/* Pager bei Audions und eBooks */
.pager
	{
		width: 100%;
		text-align: center;
		float: left;
	}
.pager .prev
	{
		float: left;
	}
.pager .next
	{
		float: right;
	}


/* Banner */
#bannersTop
	{
		width: 920px;
		margin: 0 auto;
	}
#bannerTopLeft
	{
		float: left;
		padding: 10px 0;
	}
#bannerTopRight
	{
		float: right;
		padding: 10px 0;
	}
#bannerBorderRight
	{
		position: absolute;
		z-index: 1;
		top: 0;
		width: 0;
		padding-left: 920px;
	}

/* KontaktFormulare */

input
	{
		font-family: Verdana, Arial,Helvetica,sans-serif;
		font-size: 1em;
    }
.button, .csc-mailform-submit
	{
        margin-top: 10px;
    }

.csc-mailform
	{
		border: none;
		padding: 10px;
	}
.csc-mailform-field
	{
		float: left;
		width: 100%;
		margin-bottom: 5px;
	}
.csc-mailform label
	{
		float: left;
		width: 120px;
	}
.csc-mailform input,
.csc-mailform select
	{
		width: 280px;
	}
.csc-mailform textarea
	{
		width: 282px;
	}
.csc-mailform input.csc-mailform-submit, .submitButton
	{
		width: auto!important;
		margin-left: 120px;
	}
.csc-mailform-check, .csc-mailform-radio
	{
		width: auto!important;
		border: none;
	}

/* Typo-Klassen etc */

#middleCol .csc-textpic h1, #middleCol .csc-textpic h2, #middleCol .csc-textpic h3, #middleCol .csc-textpic h4, #middleCol .csc-textpic h5
	{
		float: none;
		clear: none;
    }

#middleCol .csc-textpic, .tx-veguestbook-pi1, .tx-indexedsearch
	{
		padding: 0 10px;
		clear: left;
	}
.tx-indexedsearch p
	{
		padding-left: 0!important;
		padding-right: 0!important;
	}
#middleCol .csc-textpic p
	{
		clear: none;
		padding: 0;
	}
.tx-guestbook-entry
	{
		margin-bottom: 1em;
	}
.tx-guestbook-header, .tx-guestbook-emailUrl
	{

	}
.tx-guestbook-text
	{
		padding: 10px 0;
	}

/* tx_branchenbuch */

.tx_mh_branchenbuch-list
	{
		clear: both;
	}
#tx_mh_branchenbuch-categories-select
	{
 		clear: both;
		margin: 1em 10px;		
	}
.categories_select_box
	{
		clear: both;
		padding-left: 10px;
	}	
	
#cat_select
	{
		float: none;
	}


.tx_mh_branchenbuch_listitem
	{
		position: relative;
		float: left;
		width: 430px;
		padding: 10px 0 0 0;
		margin-left: 10px;
		border-bottom: solid 1px #000;
	}
.tx_mh_branchenbuch_listitem .textBox
	{
		padding: 0 10px; 		
	}
.browseBoxWrap
	{
		clear: left;
		padding: 10px;		
	}
	
#middleCol .tx_mh_branchenbuch_listitem h3
	{
		clear: none;
		float: none;
		padding-left: 0;
		margin: 0;	
	}

.tx_mh_branchenbuch_listitem p.imageBox
	{
		float: left;
		width: 100px;
		padding: 5px 10px 0 0!important;
	}

.tx_mh_branchenbuch_listitem p.addressBox, .tx_mh_branchenbuch_listitem p.comBox
	{
		float: left;
		clear: none!important;
		width: 150px;
		padding: 0!important;
	}
.tx_mh_branchenbuch_listitem p.comBox
	{

		padding: 0!important;
	}

.tx_mh_branchenbuch_listitem p.linkBox
	{
		clear: both;
		text-align: right;
		width: 410px;
		padding: 0 10px;
		line-height: 1.8em;
		margin: 0!important;
		background-color: #ddd;
	}
	
.tx_mh_branchenbuch-searchbox label { float: left; width: 120px; margin-bottom: 5px; }
.tx_mh_branchenbuch-searchbox input { width: 280px; margin-bottom: 5px;}

	
ul.tx_mhtreeview-node
	{
		list-style: none;
		margin: 0;
	}
	
#mhbranchenbuch_cat_select_box {
	clear: both;
}
	
.tx_mhbranchenbuch_objects_float  { float:none; clear: both; }
.tx_mhbranchenbuch_objects dt { padding:0px; font-size:1em; font-weight:bold; }	
/*Treeview*/
.tx-mhtreeview {
  border:1px solid #ddd;
  overflow:auto;
  height:100px;
  padding:3px;
  width: 200px;
}

a.tx_mhtreeview_no:link,a.tx_mhtreeview_no:hover,a.tx_mhtreeview_no:visited  {
  color:black;
  text-decoration:none;
}

a.tx_mhtreeview_act:link,a.tx_mhtreeview_act:hover,a.tx_mhtreeview_act:visited  {
  color:black;
  font-style:oblique;
}

.tx_mhtreeview_title  { padding:0px!important; margin:0px!important; white-space:nowrap;}

ul.tx_mhtreeview-node     { padding-left: 10px;  }
ul.tx_mhtreeview-node li  { margin-left:0; padding: 0!important;}

.tx_mhtreeview_toggleImg  { }

.tx_mhtreeview_no   { background-color:white; }
.tx_mhtreeview_act  { background-color:yellow; }

/*Newsletter Anmeldung*/
.newsletter_hint
	{
		color: #cc0000;
	}