@import url(mailform.css);
@import url(textstyles.css);
@import url(rahmen.css);
@import url(powermail.css);


body
{
	background-image:url(../img/bg.png);
	background-repeat:repeat-x;
	background-color:#C4C7C8;
	
	margin:50px auto;
	text-align:center;
	
	font-family:arial;
	font-size:11px;
	color:#333;
}

img
{
	border:0px;
}



/* Sitename aus dem Viewport schieben */
.header h1, .hidden {
      position:absolute;
      left:-1000px;
      top:-1000px;
      width:0;
      height:0;
      overflow:hidden;
      display:inline;
}



.main-container
{
	width:1019px;
	height:auto;
	margin:0px auto;
	text-align:left;
	/* neu eingesetzt */
	background-image: url(../img/content-container-bg.png);
	background-repeat:repeat-y;
}

.main-container .header
{
	background-image:url(../img/header.jpg);
	background-repeat:no-repeat;
	width:1018px;
	height:109px;
	position:relative;
}

.main-container .header .logo
{
	float:left;
	position:relative;
	top:20px;
	left:25px;
}

.main-container .mainmenu
{
	/* background-image:url(../img/mainmenu.jpg);
	background-repeat:no-repeat; */
	width:756px;
	height:32px;	
	float:left;
}

.main-container .mainmenu ul
{
	margin:0px 0px 0px 0px;
	padding:0;
}

.main-container .mainmenu li
{
	list-style-type:none;
	display:inline;
	float:left;
	padding: 5px 48px 9px 48px ;
	margin: 0 0 1px 0;
	border-right: 1px solid #a6a6a6;
}

.main-container .mainmenu li.erster {
	padding: 5px 48px 9px 35px ;
}

.main-container .mainmenu li.letzter {
	padding: 5px 48px 9px 48px ;
	border: none;
}

.main-container .mainmenu a
{
	text-decoration:none;
	font-size:14px;
	color:#666;
}

.main-container .mainmenu a:hover
{
	color:#B11F30;
}

.main-container .suche
{
	background-image:url(../img/suche-bg.jpg);
	background-repeat:no-repeat;
	width:261px;
	height:32px;	
	float:left;
}

.main-container .suche .suche-txt
{
	font-weight:bold;
	font-size:12px;
	color:#666;
	margin:4px 0px 0px 10px;
}

.main-container .suche .suche-txt .suchfeld
{
/*	background-image:url(../img/suchfeld-bg.jpg);
	background-repeat:no-repeat;
*/
	width:140px;
	height:18px;
	border:0px;
	color:#333;
	font-size:11px;
}

.main-container .suche .suche-txt .such-btn
{
	background-image:url(../img/go-btn.jpg);
	background-repeat:no-repeat;
	width:44px;
	height:22px;
	border:0px;
	cursor:pointer;
	vertical-align:bottom;
}

.main-container .teaser
{
	/* background-image:url(../img/teaser-bg.jpg); 
	background-repeat:no-repeat; */
	width:756px;
	height:226px;	
	float:left;
}

.main-container .teaser .teaser-foto
{
	margin-left:8px;
	overflow:hidden;
	padding:0px;
}

.main-container .teaser-rechts
{
	background-image:url(../img/teaser-rechts-bg.jpg);
	background-repeat:no-repeat;
	width:261px;
	height:226px;	
	float:left;
}

.main-container .teaser-rechts .teaser-txt /* lässt nur Platz für den Button! */
{
	padding:190px 0px 0px 130px;
}


.main-container .content
{
	/*  background-image:url(../img/content-bg.jpg); 
	background-repeat:no-repeat; */
	width:756px;
	min-height:265px;	
	float:left;
}

.main-container .content .content-txt 
{
	padding:10px 5px 0px 35px;
}

.main-container .content .content-txt h3 
{
	font-size:11px;
	font-weight:bold;
	margin: 7px 0;
}

.main-container .content .teaserboxen {
padding:0px 5px 0 35px;
}

.main-container .content .teaserboxen .teaser /*bezeichnet die 4 Boxen der Startseite */
{
	width:170px;
	height:172px;
	background-image:url(../img/teaser-table-bg.jpg); /* wird noch geschnipselt und gekachelt  */
	background-repeat:no-repeat;
	margin-top:5px;
	float:left;
	margin-right:7px;
}

.main-container .content .teaserboxen .teaser h2
{
	font-size:18px;
	font-weight:normal;
	color:#FFF;
	margin:0px 0px 0px 9px;
	padding:15px 0px 10px 10px;
}

.main-container .content .teaserboxen .teaser p
{
	padding:5px 9px 7px 9px;  /* geändert für besseren Textfluss */
}

.main-container .content .teaserboxen .teaser a
{
	color:#B11F30;
}

.main-container .content .teaserboxen .teaser a img
{
	float:right;
	/* padding:10px 0px 0px 0px; */
}

.main-container .content-rechts
{
	background-image:url(../img/content-rechts-bg.jpg); /* wird beschnitten und gekachelt - Achtung! Boxgröße müsste angepasst werden! */
	background-repeat:no-repeat;
	background-position: left bottom;
	width:261px;
	height:265px;	
	float:left;
}

.main-container .content-rechts .content-rechts-txt
{
	width:220px;
	padding:20px 0px 0px 20px;
}

.main-container .content-rechts .content-rechts-txt hr
{
	margin:15px 0px;
	height:1px;
	width:226px;
	border-style:dotted;
	border-color:#666;
}

.main-container .content-rechts .content-rechts-txt h3
{
	font-size:18px;
	font-weight:normal;
	color:#333;
	margin:0px 0px 5px 0px;
	padding-bottom:10px;

}


.main-container .content-rechts .content-rechts-txt ul
{
	margin:0px;
	margin-left:-40px;
}

.main-container .content-rechts .content-rechts-txt li
{
	color:#333;
	list-style:none;
	background-image:url(../img/list-btn-rechts.jpg);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	padding-left:15px;
	padding-bottom:10px;
}

.main-container .content-rechts .content-rechts-txt li a
{
	color:#333;
	text-decoration:underline;
}

.main-container .content-rechts .content-rechts-txt p
{
	margin:0px;
	padding:0px;
}

.main-container .content-rechts .content-rechts-txt p a
{
	color:#B11F30;
}

.main-container .footer
{
	background-image:url(../img/footer-bg.jpg);  /* wird noch geschnipselt und gekachelt  */
	background-repeat:no-repeat;
	width:1018px;
	height:43px;
}

.main-container .footer .footer-txt
{
	padding:15px 0px 0px 35px;
	color:#666;
}

.main-container .footer .footer-txt .copy {
float:left;
position:relative;
width:150px;
}


/* Footer kommt auch als Menü aus TYPO3 - und zwar als ul  */

.main-container .footer ul {
	margin:0px 0px 0px 0px;
	padding:0;

}

.main-container .footer li {
	list-style-type:none;
	display:inline;
	float:left;
	padding: 0px 10px 0px 10px ;
	margin: 0;
	border-right: 1px solid #666;
}

.main-container .footer .footer-txt a
{
	text-decoration:none;
	color:#666;
}

.main-container .footer .footer-txt a:hover
{
	text-decoration:underline;
}

.main-container .header .anmeldung
{
	float:right;
	margin:15px 26px 0px 0px
}

.main-container .header .anmeldung .go-btn
{
	background-image:url(../img/login-btn.jpg);
	background-repeat:no-repeat;
	width:44px;
	height:22px;
	border:0px;
	cursor:pointer;
	vertical-align:bottom;
}

.main-container .header .anmeldung .username
{
/*	background-image:url(../img/anmeld-username-bg.jpg);
	background-repeat:no-repeat; */
	background-color: #fce0b0;
	width:125px;
	height:20px;
	border:0px;
	color:#333;
	font-size:11px;
}

.main-container .header .anmeldung .password
{
/*	background-image:url(../img/anmeld-password-bg.jpg);
	background-repeat:no-repeat; */
	background-color: #fce0b0;
	width:105px;
	height:20px;
	border:0px;
	color:#333;
	font-size:11px;
}