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

	SITE: web1a 3 Spalter
	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;
	}

hr
	{
		border: 0;
		border-top: solid 1px #000;
		border-bottom: solid 1px #fff;
		margin: 1em 10px;
	}


table
	{
        border-collapse: collapse;
    }
td
	{
        vertical-align: top;
		padding-right: 10px;
		font-size: 1em;
    }


/****************************************************
	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: 230px;

		background-position: top left;
		background-repeat: no-repeat;
    }
#breadcrump
	{
		line-height: 30px;
		background-color: #fff;
		font-size: 0.9em;
    }
#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;
	}


/* HAUPTNAVIGATION */

#mainNav
	{
		clear: left;
		border-bottom: solid 10px #fff;
		padding-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 10px;
		font-size: 1.1em;
    }
#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: 40px;
    }
#mainNav 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,
.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 .fmArticles-list  h3
	{
	    float: none;
	}
#middleCol .news-list-container h3, #middleCol .news-list-container p,
#middleCol .fmArticles-list h3, #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;
    }


.printBox
	{
		clear: both;
        margin: 2em 10px 0 10px;
		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: 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
	{
		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;
	}

/* 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;
	}
.tx-guestbook-entry
	{
		margin-bottom: 1em;
	}
.tx-guestbook-header, .tx-guestbook-emailUrl
	{

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