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

	SITE: web1a 2 Spalter
	Basis-Styles


	Stand 21.06.2010

	grass@mai-multimedia 2009

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

* {margin: 0; padding: 0;}
body
	{
		font-family: 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; }
p { margin-bottom: 1em; }

/****************************************************
	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
	{

	}
h1, h2, h3, h4 { font-weight: normal; clear: both;}
h1
	{
		font-size: 1.8em;
		line-height: 1em;
		margin-bottom: 0.56em;
    }
h2
	{
		font-size: 1.4em;
		line-height: 1em;
		margin-bottom: 0.72em
    }
h3, #contentGetLeft h1, #contentGetLeft h2
	{
		font-size: 1.2em;
		line-height: 1em;
		margin-bottom: 0.83em
    }
h4
	{
		font-size: 1.1em;
		line-height: 1em;
		margin-bottom: 0.91em;
		font-weight: bold;
    }
h5
	{
		font-size: 1em;
		line-height: 1em;
		margin-bottom: 1em;
		font-weight: bold;
    }

hr
	{
		border: 0;
		border-top: solid 1px #000;
		border-bottom: solid 1px #fff;
		margin: 1em 0;
	}	
	
table
	{
        border-collapse: collapse;
    }
td
	{
        vertical-align: top;
		padding-right: 10px;
    }


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

#wrap
	{
		position: relative;
        width: 770px;
		text-align: left;
		margin: 15px auto 0 auto;
		padding-left: 130px;
		clear: both;
    }
#topNav
	{
		position: relative;
		z-index: 10;
        height: 110px;
    }
#logo
	{
		position: absolute;
        top: 0;
		left: -130px;
    }
#serviceNav
	{
		position: absolute;
        top: 20px;
		right: 15px;
		font-size: 0.9em;
		line-height: 1.2em;
    }
#serviceNav ul
	{
		float: left;
        list-style: none;
		margin: 0 10px 0 0;
    }
#serviceNav li
	{
        float: left;
		line-height: 1em;
		margin: 0 0 0 5px;
		padding: 0 0 0 5px;
    }

#header
	{
		position: relative;
		z-index: 10;
        height: 220px;
		background-position: top left;
		background-repeat: no-repeat;
    }
#imageBox
	{
        height: 220px;
		width: 770px;
		overflow: hidden;
	}
		
#breadcrump
	{
		min-height: 35px;
		padding: 5px 25px 0 220px;
		font-size: 0.9em;
    }
#leftCol, #middleCol
	{
		position: relative;
		z-index: 10;
	}


#leftCol
	{
		float: left;
		width: 200px;
		padding-bottom: 20px;
		margin-right: 20px;
		line-height: 1.4em;
	}
#middleCol
	{
		float: left;
		width: 525px;
		padding-bottom: 20px;
	}

#footer
	{
        clear: both;
		min-height: 80px;
		font-size: 0.9em;
		padding: 10px 10px 10px 220px;
    }



/* HAUPTNAVIGATION */

#mainNav
	{
		clear: left;
		border-bottom: solid 2px #7B7B7B;
		padding-bottom: 10px;
		margin-bottom: 10px;
    }
#mainNav ul
	{
		margin: 0;
		list-style: none;
    }
#mainNav ul li
	{
		border-top: solid 1px #fff;
    }
#mainNav ul li.firstItem
	{
        border: none;
    }
#mainNav ul a
	{
		text-decoration: none;
		display: block;
		padding: 2px 0;
    }
#mainNav ul ul
	{
        display: none;
		border-top: solid 1px #fff;
    }
#mainNav li.current ul
	{
        display: block;
    }
#mainNav ul ul li, #mainNav ul ul ul li
	{
        border: none;
    }
#mainNav ul ul a
	{
		padding-left: 20px;
    }
#mainNav ul ul ul a
	{
		padding-left: 40px;
    }


#contentGetLeft,
#leftCol .news-latest-container,
#leftCol .tx-3sfachmagazin-pi1,
#rightCol .news-latest-container,
#rightCol .tx-3sfachmagazin-pi1,
.newsletter-container
	{
		clear: left;
		border-bottom: solid 2px #7B7B7B;
		padding-bottom: 10px;
		margin-bottom: 10px;
    }
#leftCol .news-latest-container h3,
#leftCol .tx-3sfachmagazin-pi1 h3,
#rightCol .news-latest-container h3,
#rightCol .tx-3sfachmagazin-pi1 h3,
.newsletter-container
	{
		margin-bottom: 0;
	}
.news-latest-item, .tx-3sfachmagazin-pi1 .entry
	{
		padding-bottom: 10px;
    }
.news-latest-title, .tx-3sfachmagazin-pi1 .title
	{

    }
.news-latest-item p
	{
        padding: 0;
		margin: 0;
    }
.news-latest-date, .date
	{
        margin: 0;
		padding: 0;
		font-size: 0.9em;
    }
#middleCol li
	{
		padding-bottom: 0.5em;
	}
#middleCol #newsBox, #middleCol #fachmagazinBox
	{
        margin-top: 2em;
		padding-top: 2em;
		border-top: solid 1px #7B7B7B;
    }
#middleCol #newsBox h3, #middleCol #fachmagazinBox h3
	{
		font-size: 1.8em;
        margin-bottom: 0.8em;
    }
#middleCol .news-latest-subheader, #middleCol .tx-3sfachmagazin-pi2 .subtitle
	{
		margin-top: -0.8em;
        margin-bottom: 0.8em;
	}
#middleCol .news-latest-subheader p, #middleCol .tx-3sfachmagazin-pi2 p
	{
		margin: 0;
	}
#middleCol #newsBox .news-latest-container h3, #middleCol #fachmagazinBox .news-latest-container h3, #middleCol #fachmagazinBox .news-latest-container .title
	{
		font-size: 1.2em;
        margin-bottom: 0.8em;
    }
#middleCol #newsBox .news-latest-item, #middleCol #fachmagazinBox .news-latest-item
	{
        margin-bottom: 1em;
    }

.news-list-item, .fmArticles-list-item
	{
        margin-bottom: 1em;
		padding-bottom: 1em;
    }

/*Newsletter Anmeldung*/
.newsletter-container
	{
		border-bottom: solid 2px #7B7B7B;
		padding: 10px 0;
		margin: 1em 0 2em 0;
    }
.newsletter-container h3
	{
		margin-bottom: 1em;
    }

.printBox
	{
		float: left;
		width: 495px;
        margin: 2em 0 0 0;
		padding: 1em 0 1em 30px;
		background: transparent url(img/print.png) no-repeat 0 1em;
		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: 100%;
	}
.audioItem
	{
		float: left;
		width: 100%;
		margin-bottom: 1em;
		border-bottom: solid 1px #d7d7d7;
	}
.audioItem h3
	{
		margin: 0;
	}
.audioItem p.description
	{
		margin-bottom: 0.5em;
	}
.audioItem span
	{
		display: block;
		font-weight: bold;
	}
.audioItem .audio_player
	{
		float: left;
		margin-right: 20px;
	}
.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;
	}

/* FORM */

input
	{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1em;
    }
.button
	{
        margin-top: 10px;
    }
#searchForm-container
	{
		float: left;
		margin-right: 2px;
	}

#searchForm-container #button_search
	{
        border: none;
		width: 14px;
		height: 14px;
		vertical-align: bottom;
		margin-bottom: 0px;
		margin-left: 1px;
    }
#searchForm-container input
	{
		width: 80px;
		vertical-align: bottom;
		height: 12px;
		font-size: 10px;
    }
#searchForm-container form
{

}

.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
	{
		width: 280px;
	}
.csc-mailform textarea
	{
		width: 282px;
	}
.csc-mailform input.csc-mailform-submit
	{
		width: auto;
		margin-left: 120px;
	}
.csc-mailform-check, .csc-mailform-radio
	{
		width: auto!important;
		border: none;
	}
/* Banner */
#bannersTop, #contentBorder
	{
		width: 900px;
		margin: 0 auto;
	}
#bannerTopLeft
	{
		float: left;
		padding: 10px 0;
	}
#bannerTopRight
	{
		float: right;
		padding: 10px 0;
	}
#bannerBorderRight, #contentRechts
	{
		position: absolute;
		z-index: 1;
		top: 0;
		width: 0;
		padding-left: 780px;
	}



/* 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 0 0;
		clear: left;
	}
.tx-indexedsearch p
	{
		padding-left: 0!important;
		padding-right: 0!important;
	}
#middleCol .csc-textpic p
	{
		clear: none;
	}
.tx-guestbook-entry
	{
		margin-bottom: 1em;
	}
.tx-guestbook-header, .tx-guestbook-emailUrl
	{

	}
.tx-guestbook-text
	{
		padding: 10px 0;
	}
/*Newsletter Anmeldung*/
.newsletter_hint
	{
		color: #cc0000;
	}