@charset "utf-8";
/* CSS Document */
/* ------------------------------------ Newsletter ------------------------------------ */

/*######################### NL 2011-01-10 ########################*/

.nlShadowContainer {
	width:590px;	
	margin:10px auto !important;
	padding-top:10px !important;
	background:url(../bilder/newsletter/schatten/schatten_oben.jpg) no-repeat;
}
.nlShadowBottom {
	background:url(../bilder/newsletter/schatten/schatten_unten.jpg) no-repeat bottom left;
	padding-bottom:10px !important;
}
.nlShadowSide {
	background:url(../bilder/newsletter/schatten/schatten_seiten.jpg) repeat-y;
}
.nlContentContainer {
	background-color:white;
	background-repeat:no-repeat !important;
	margin:0 10px !important;
	position:relative;
}
.nlContentContainer * {
	background-repeat:no-repeat !important;
}	
.nlShadowContainer.head .nlContentContainer {
	height:230px;
}
.nlHead {
	padding-top:25px !important;
}
#inhalt .nlHead {
	padding-top:29px !important;
}
.nlContentContainer h3.bgFuerText {
	margin:0 !important;
}
.nlShadowContainer .imgLeft, .nlShadowContainer .imgRight {
	margin-top:0 !important;
}
.nlImpressum {
	width:570px;
	margin:0 auto !important;
}
.nlImpressum .floatLeft {
	width:270px;
}
.nlImpressum .floatRight {
	width:260px;
}
.nlLangAdvice {
	margin:20px auto;
}
.nlLangAdvice strong {
	font-size:1.2em;
}
.nlLangAdvice p {
	text-align:center !important;
}
.nlShadowContainer .textContainer .bgLeftAndRight {
	margin-left:-1em;
	padding-left:1em;
	margin-right:-1em;
}
.nlShadowContainer .textContainer .bgLeftAndRight p {
	padding-right:1em;
}
	

.newsletterSchattenOben {
	background:url(../bilder/newsletter/schatten/schatten_oben.jpg) no-repeat;
}
.newsletterSchattenUnten {
	background:url(../bilder/newsletter/schatten/schatten_unten.jpg) no-repeat;
}
.newsletterSchattenUnten,
.newsletterSchattenOben {
	height: 10px;
	font-size: 1%;
	line-height: 1%;
}
.newsletterSchattenSeiten {
	background:url(../bilder/newsletter/schatten/schatten_seiten.jpg) repeat-y;
}
.newsletterSchattenContainer {
	width: 590px;	
	margin: 10px auto;
}
.newsletterbox {
	width: 570px;
	margin: 0 auto;
	background: #fff8cc;
	position:relative;
	overflow:hidden;
}
.newsletterbox ul {
	list-style-image:none !important;
}
.newsletterHinweis {
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
.newsletterHinweisHead {
	font-size:12px;
	font-weight:bold;
}
.newsletterContentContainer {
	background-repeat:no-repeat !important;
}
.newsletterContentContainer .nachObenRechts {
	padding:10px;
}
.newsletterText {
	text-align: justify;
	padding:20px 10px 10px 10px;
}
/* Anker "nach Oben" Rechtsbündig */
.nachObenRechts {
	text-align:right;
	vertical-align:bottom;
	padding-top: 10px;
	clear: both;
}
/* Anker "nach Oben" Linksbündig */
.nachObenLinks {
	text-align:left; 
	vertical-align:bottom;
	padding-top: 10px;
	clear:both;
}
.newsletterImpressum {
	width: 570px;
	position:relative;
	display:block;
	text-align:left;
	margin: 0 auto;
}
.newsletterImpressum li {
	margin: 0;
	padding: 0;
}
.newsletterImpressum ul {
	margin: 15px;
	padding: 0;
}
.newsletterImpressum address {
	padding-top: 5px;
}
.newsletterImpressum .floatLeft {
	width: 280px;
	padding-left: 10px
}
.newsletterImpressum .floatRight {
	width: 260px;
}

.nlContainer {
	width:712px; 
	padding:15px 0 !important; 
	background-color:#ffdd00;
	margin:0 auto;
}
.nlContainer h3 {
	margin:0 0 1em 0 !important;
}
.newsletterFullContentContainer {
	width:580px;
}
.nlContainer .newsletterText p {
	margin:0 0 0.8em 0;
	padding:0;
}
.nlContainer .textfuerbild {
	display:none;
}
.nlContainer .nlLinkContainer {
	position:relative;
	width:570px;
	height:200px;
}
.nlContainer .nlLinkContainer .produkt01 a,
.nlContainer .nlLinkContainer .produkt02 a,
.nlContainer .nlLinkContainer .produkt03 a,
.nlContainer .nlLinkContainer .produkt04 a,
.nlContainer .nlLinkContainer .produkt05 a,
.nlContainer .nlLinkContainer .produkt06 a,
.nlContainer .nlLinkContainer .produkt07 a,
.nlContainer .nlLinkContainer .produkt08 a,
.nlContainer .nlLinkContainer .produkt09 a,
.nlContainer .nlLinkContainer .produkt10 a {
	display:block;
	position:absolute;
	background:transparent none;
	top:0;
	left:0;
}
.nlContainer .nlLinkContainer .nachObenRechts {
	position:absolute;
	bottom:0;
	right:0;
}

/*######################################## Formulare ##################################*/

.newsletterDynamicContainer .formularContainer label, .newsletterDynamicContainer.formularContainer label {
	width:100px;
}
.newsletterDynamicContainer .formularContainer input, .newsletterDynamicContainer.formularContainer input {
	width:196px;
}
.newsletterDynamicContainer .formularContainer select, .newsletterDynamicContainer.formularContainer select {
	width:202px;
}
.newsletterDynamicContainer .formularContainer span, .newsletterDynamicContainer.formularContainer span {
	display:block;
	float:left;
	padding:1px 0 1px 1em;
}
.newsletterDynamicContainer {
	text-align:left !important;
}
.newsletterDynamicContainer .submitContainer p {
	margin:0 !important;
}
.newsletterDynamicContainer .submitContainer label, .newsletterDynamicContainer .submitContainer input {
	float:none !important;
}
	

/*######################################## Seiten zur An-bzw. Abmeldung ##################################*/

.magazin_newsletter_AnAbmeldung .sidebar {
	background:url(../bilder/newsletter/schatten/newsletter_right.png) no-repeat right top;
	width:120px;
	height:248px;
	position:absolute;
	right:15px;
	top:-40px;
}
.magazin_newsletter_AnAbmeldung {
	min-height:210px;
}
.magazin_newsletter_AnAbmeldung .textContainer {
	margin-right:135px;
}
/*.magazin_newsletter_AnAbmeldung .formularContainer span {
	padding-left:0 !important;
	margin-left:10px;
	width:230px;
}
.magazin_newsletter_AnAbmeldung .formularContainer {
	text-align:left !important;
}
#magazin_newsletter_anmeldung .submitContainer {
	 padding:1.5em 0;
	 width:300px;
	 text-align:right !important;
}
#magazin_newsletter_anmeldung .submitContainer p {
	width:150px;
	float:left;
	text-align:left !important;
}
#magazin_newsletter_anmeldung .submitContainer * {
	line-height:20px;
}
#magazin_newsletter_abmeldenSuccess .magContentContainer .textContainer, #magazin_newsletter_anmeldungSuccess .magContentContainer .textContainer {
	background:transparent url(../bilder/kontakt/fliegender_Brief_500.gif) no-repeat bottom center;
	padding-bottom:140px;
}*/

/*######################################## Spezifisch ##################################*/

.nl2010_03 .newsletterbox {
	background-color:#edf6de;
}
.nl2010_03 .nlLinkContainer {
	background:transparent url(../bilder/newsletter/2010_03/images/003660_bg.jpg) no-repeat top left;
}
.nl2010_03 .nlLinkContainer .nachObenRechts {
	bottom:32px;
}
.nl2010_03 .nlLinkContainer .produkt01 a {width:107px; height:200px;}
.nl2010_03 .nlLinkContainer .produkt01 a:hover {background:transparent url(../bilder/newsletter/2010_03/images/003660_01.jpg) no-repeat top left;}
.nl2010_03 .nlLinkContainer .produkt02 a {width:50px;	height:67px; left:107px;}
.nl2010_03 .nlLinkContainer .produkt02 a:hover {background:transparent url(../bilder/newsletter/2010_03/images/003661_02.jpg) no-repeat top left;}
.nl2010_03 .nlLinkContainer .produkt03 a {width:31px;	height:61px; left:107px; top:112px;}
.nl2010_03 .nlLinkContainer .produkt03 a:hover {background:transparent url(../bilder/newsletter/2010_03/images/003661_03.jpg) no-repeat top left;}
.nl2010_03 .nlLinkContainer .produkt04 a {width:76px;	height:82px; left:157px;}
.nl2010_03 .nlLinkContainer .produkt04 a:hover {background:transparent url(../bilder/newsletter/2010_03/images/003661_04.jpg) no-repeat top left;}
.nl2010_03 .nlLinkContainer .produkt05 a {width:80px;	height:87px; left:233px;}
.nl2010_03 .nlLinkContainer .produkt05 a:hover {background:transparent url(../bilder/newsletter/2010_03/images/003661_05.jpg) no-repeat top left;}
.nl2010_03 .nlLinkContainer .produkt06 a {width:63px;	height:139px; left:313px;}
.nl2010_03 .nlLinkContainer .produkt06 a:hover {background:transparent url(../bilder/newsletter/2010_03/images/003661_06.jpg) no-repeat top left;}
.nl2010_03 .nlLinkContainer .produkt07 a {width:107px;	height:87px; left:376px;}
.nl2010_03 .nlLinkContainer .produkt07 a:hover {background:transparent url(../bilder/newsletter/2010_03/images/003661_07.jpg) no-repeat top left;}
.nl2010_03 .nlLinkContainer .produkt08 a {width:87px;	height:87px; left:483px;}
.nl2010_03 .nlLinkContainer .produkt08 a:hover {background:transparent url(../bilder/newsletter/2010_03/images/003661_08.jpg) no-repeat top left;}

.nl2010_04 .newsletterbox {
	background-color:#f4f4fd;
}
.nl2010_05 .newsletterbox {
	background-color:#effae1;
}
.nl2010_06 .newsletterbox {
	background-color:#fff;
}
.nl2010_06 .nachObenRechts.fullContent{
	background-color:#f7f7f7;
}
.nl2010_07 .newsletterbox {
	background-color:#fff;
}
.nl2010_07 .nachObenRechts.fullContent{
	background-color:transparent;
	position:absolute;
	bottom:0;
	right:0;
}
.nl2010_07 .nachObenRechts.fullContent a {
	color:#FFF !important;
}
.nl2010_08 .newsletterbox, .nl2010_09 .newsletterbox, .nl2010_10 .newsletterbox, .nl2010_11 .newsletterbox {
	background-color:#fff;
}
.nl2010_09 ul {
	padding:0.3em 1.6em;
}
.nl2010_10 .newsletterbox table th,
.nl2010_10 .newsletterbox table td {
	padding:0.2em 0.5em;
	text-align:left;
}
.nl2010_11 #thema05 ul {
	list-style-position:outside !important;
	width:280px;
	padding-left:1.5em;
	float:left;
}
*+html .nl2010_11 #thema05 ul {
	margin-left:0;
	float:none;
}