/*--------------------------------------------
Name:     	Anthony-James Owen
Designer: 	Wirkwelt- Agentur fuer digitale Medien, 
			Nina Scharein
URL:      	www.guerrilla.de
Date:     	29. Oktober 2006
----------------------------------------------- */
/*PAGE Struktur des HTML-Newsletters
================================================*/
body {
	background: #CCDDBB;
	margin: 0px;
	padding: 10px 0px 14px;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	color: #000000;
	font-size: 12px;
}
/* Page Structure
----------------------------------------------- */
@media screen {
	#wrap {
	    position: relative;
	    top: 4px;
	    left: 4px;
	    background: #526552;
	    width: 900px;
	    margin: 0px auto;
	    text-align: left;
    }
}
@media print {
  	#wrap {
    	width: 90%;
    }
}
#wrap2 {
	  position: relative;
	  top: -4px;
	  left: -4px;
	  background: #FFFFFF;
	  padding: 10px;
}
#contentarea {
	background:#FFFFFF url("../res/background/newsletter_bg.gif") repeat-y left top;
	width: 100%;
}
#contentarea2 {
	  width: 100%;
	  width: auto;
	  margin-left: 30px;
}
@media screen {
	.nl-main {
		background: #CCDDBB; 
		color: #000000;
	} 
	.newsletter-header {
		background: #BDEF42 url("../res/logo-newsletter.jpg") no-repeat left top; 
		padding: 0px;
		margin: 0px ;
		color: #FFFFFF;
		width: 100%;
		min-height: 130px;
		border-top: 1px white solid;
		border-bottom: 8px white solid;
		
	}
	#page-headline{
		font-weight: normal;
		font-size:   30px;
		font-family: Verdana, Arial, sans serif;
		color: #FFFFFF;
		text-transform: uppercase;
		text-align: right;
		padding-right: 12px;
		padding-top: 40px;
		padding-left: 10px;
		background: transparent;
		widht: 350px;
		float: right;
	}
	div.logo {display:none;}
	#claim{
		color: #D52B35;
		background: #BDEF42;
		width: 350px;
		height:40px;
		padding-right: 5px;
		padding-bottom: 20px;
		margin-top: 25px;
		margin-left: 10px;
		word-spacing: 0.2em;
		letter-spacing: 0.3em;
		font-size: 11px;
		font-weight: bold;
		text-align: left;
		clear: both;
		
	}
	#date{
		font-weight: bold;
		font-size: 14px;
		font-family: Verdana, Arial, sans serif;
		color: #526652;
		text-align: right;
		padding-right: 10px;
		margin-right: 5px;
		margin-top: -48px;
	}
	#subheadline{
		font-weight: normal;
		font-size: 12px;
		font-family:  Verdana, Arial, sans serif;
		color: #526652;
		text-align: right;
		padding-bottom: 10px;
		padding-right: 10px;
	
	}
	/* Einspaltiges Layout seit 2009 
	-----------------------------------------------*/
	div.nl-main {
		/*width: 840px;*/
		margin: 0px;
		padding: 0px;
		min-height: 400px;
	}
	div.nl-main p.bodytext {
		padding-left: 20px;
	}
	div.nl-main H4{
		height: 20px;
		margin-top: 0px;
		padding: 2px;
		padding-left: 20px;
		font-weight: bold;
		font-size:  14px;
		font-family: Verdana, Arial, sans-serif;
		text-align: left;
		text-transform: uppercase;
		color: #FFFFFF;
	   	background: #526652;
	   	border-top: 8px #FFFFFF solid;
		border-bottom: 0px;
		
		
	}
	#nl-main IMG {
		max-width: 330px; 
		margin-top: 0,5cm
		margin-right: 15px;
                padding-right: 15px;
	}
	
	
	/* Zweipaltiges Layout seit Relaunch 2008 
	-----------------------------------------------*/
	td.nl-col-left {
		width: 420px;
		table-layout : fixed;
		margin: 0px;
		padding: 0px;
		min-height: 400px;
	}
	td.nl-col-right {
		width: 420px;
		table-layout : fixed;
		margin: 0px;
		padding: 0px;
		min-height: 400px;	
	}	
	td.nl-col-right IMG, td.nl-col-left IMG {
		max-width: 330px; 
		margin-top: 0,5cm
	}
	.nl-hr {
		border-top: 8px solid #FF9A00;
		width: 100%;
	}
	td.nl-col-left H4, td.nl-col-right H4{
			height: 20px;
			margin-top: 0px;
			padding: 2px;
			font-weight: bold;
			font-size:  12px;
			font-family: Verdana, Arial, sans-serif;
			text-align: center;
			text-transform: uppercase;
			color: #FFFFFF;
		   	background: #526652;
		   	border-top: 6px #526552 solid;
			border-bottom: 6px #526552 solid;
	}
	/* Ende
	-----------------------------------------------*/	


	.nl-hr {
		border-top: 8px solid #FF9A00;
		width: 100%;
	}

}
@media print {
	div.newsletter-header {
		margin-left: 0cm;
		width: 19cm;
		clear:left;
	}
  	#nl-main {
		background: #CCDDBB;
   	 	width: 60%;
   	 	height: 60%;
   	 	font-size: 9pt;
   	 	border: 1px red solid;
	}
	.newsletter-header {
		background: #BDEF42 url("../res/logo-newsletter.jpg") no-repeat left top; 
		color: #FFFFFF;
		border-top: 1px white solid;
		border-bottom: 8px white solid;		
	}
	#page-headline{
		font-weight: normal;
		font-size:   18pt;
		font-family: Verdana, Arial, sans serif;
		color: #FFFFFF;
		text-transform: uppercase;
		text-align: right;
		padding-right: 12px;
		padding-top: 1.0cm;
		padding-left: 10px;
		background: transparent;
		width: 10cm;
		float: right;
		margin-top: -2.3cm;
	}
	div.logo {
		width: 50%;
		float:left;
	}
	#claim{
		color: #D52B35;
		background: #BDEF42;
		height:40px;
		padding-right: 5px;
		padding-bottom: 20px;
		margin-top: 0.1cm;
		margin-left: 0.3cm;
		word-spacing: 0.2em;
		letter-spacing: 0.3em;
		font-size: 9pt;
		font-weight: bold;
		text-align: left;
		clear: both;		
	}
	#date{
		font-weight: bold;
		font-size: 14pt;
		font-family: Verdana, Arial, sans serif;
		color: #526652;
		text-align: right;
		padding-right: 10px;
		margin-right: 5px;
		margin-top: -28px;
	}
	#subheadline{
		font-weight: normal;
		font-size: 11pt;
		font-family:  Verdana, Arial, sans serif;
		color: #526652;
		text-align: right;
		padding-bottom: 10px;
		padding-right: 10px;	
	}
	/* Zweipaltiges Layout seit Relaunch 2008 
	-----------------------------------------------*/
	table.contenttable { margin-left: 0cm;margin-right: 0cm;}
	td.nl-col-left {width: 8cm;}
	td.nl-col-right {width: 8cm;}
	td.nl-col-right IMG, td.nl-col-left IMG {width: 8cm;border: 1px #526552 solid;}
	.nl_unsubscribe { display:none;}
	.content-single-backlink{ display:none;}	
	.nl-hr {
		border-top: 8px solid #FF9A00;
		width: 21cm;
		margin-left: -1cm;
	}
	td.nl-col-right H4, td.nl-col-left H4 {
		height: 1,5cm;
		margin-top: 3mm;
		margin-bottom: 3mm;
		padding: 2px;
		font-weight: bold;
		font-size:  10pt;
		font-family: Verdana, Arial, sans-serif;
		text-align: center;
		text-transform: uppercase;
		color: #000000;
	   	background: #526652;
	   	border: 1px #526552 solid;
	}
	/* Einspaltiges Layout seit 2009 
	-----------------------------------------------*/
	div.nl-main IMG {width: 16cm;border: 1px #526552 solid;}
	div.nl-main H4 {
		height: 1,5cm;
		margin-top: 3mm;
		margin-bottom: 3mm;
		padding: 2px;
		padding-left: 23px;
		font-weight: bold;
		font-size:  10pt;
		font-family: Verdana, Arial, sans-serif;
		text-align: left;
		text-transform: uppercase;
		color: #000000;
	   	background: #526652;
	   	border: 1px #526552 solid;
	}
	/* Ende
	-----------------------------------------------*/
	div.hr-nl-green {border: 2pt #bdef42 solid;}
}
/* Nicht validiert, da die Eigenschaft landscape nicht mehr unterstuetzt wird */
@page {
  size: portrait;  /* Breite und Hoehe */
  width: 21cm;
  height: 28cm;
  margin: 0cm;
  padding: 0cm;
}


/* Misc
----------------------------------------------- */
.clear {
	clear:both;
	display:block;
	height:1px;
  	margin:0;
  	padding:0;
  	font-size:1px;
  	line-height:1px;
}
/* Text und Links
----------------------------------------------- */
.footer  {
   	font-weight: normal;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
   	color: #000000;
   	background: #FFFFFF;
	padding: 2px 0px 10px 0px;

}
p.hr-oliv  {
   	color: #526552;
   	background: #526552;
}
p.hr  {
   	color: #FF9A00;
	height: 20px;
   	background: #FF9A00;
}
div.image {
	margin-left: 45px;
}


/* Links
-------------------------------------*/

a:link {
	color:#526552;
	text-decoration:none;
}
a:visited {
	color:#92A06E;
	text-decoration:none;
}
#newsletter a:hover {
 	color:#D52B35;
  	text-decoration:underline;
}

/*tt_news Erweiterung
=========================================*/
/* Rubrikengestaltung für FIREFOX
==================================*/
.tt_news_rubrik {
	background: #D7E5C8;	
	width: 93%;
	color: #000000;
	margin-left: 35px;
	margin-top: -8px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 40px;
}
/*Artikelliste der PRESSE, NEUES in Main
===============================================*/
.news-list-container {
	margin-left: 15px;
}
.news-list-item h2{
	font-weight: bold;
}
.news-list-catimg {
	margin-left: 0px; 
	float:left; 
	margin-top:2px; 
	margin-bottom:3px; 
	margin-right:3px;
}
.news-list-container P {
	margin-left: 36px;
	margin-right: 15px;
}
.news-list-img {
	float: left;
	margin-left: 5px;
	margin-right: 10px;
}
.news-search-emptyMsg {
	margin:0px;
	padding-left: 65px;
}
.news-search-form FORM {
	margin:0px;
}
.news-list-container H2 A:VISITED {
	color:#526552;
	font-weight: bold; 
}
.news-list-container H2 A:HOVER {
	color:#D52B35;
	font-weight: bold; 
}
.news-list-container H2 A:LINK, .news-list-container H2 A {
	color:#000000;
	margin-bottom: 20px;
	font-weight: bold; 
}
span.news-list-titel { 
}

span.content-list-subheader-nl P{
	 margin-left: 10px;
	 border: 1px red solid;
}
.news-list-date {
	padding-left: 5px;
	color: #526552;
	width: 200px;
	text-align: left;
	height: 20px;
	font-weight: bold;
}
.news-list-imgcaption {
	float: left;
	padding-right:3px;
}
.news-list-container IMG, .presse-list-container IMG { }

span.news-list-subheader { }

.news-list-container P {
	margin-left: 36px;
	margin-right: 20px;
}
.news-list-img {
	float: left;
	margin-left: 5px;
	margin-right: 10px;
}
div.special {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Ausgewaehlte Artikelansicht fuer Neues, Presse
=====================================================*/
.main {
}
.news-single-item {
	margin-bottom:5px;
	margin-left: 0px;
}
.nl-main {
	overflow: hidden;
}
.news-single-item TABLE {
	border: none;
}
.news-single-item H3 {
	padding-left: 45px;
	margin-bottom: 15px;
	color: #526552;
	font-style: italic;
	font-size: 90%;
	font-weight:normal;
}
.news-single-item P, .news-single-item li {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
	font-size: 12px;
}
td.nl-col-right IMG, td.nl-col-left IMG {
	/*max-width: 330px;*/
	overflow: hidden;
	align: center;
	margin: 5px;
}
.news-single-img IMG{
	max-width: 330px;
	overflow: hidden;
	align: center;
	margin: 5px;
	clear: both;
}
.news-single-imgcaption {
	padding:3px;
	clear:both;
	font-size: 9px;
}
.news-single-category {
	float: left;
}
.content-single-backlink, .news-single-backlink a  {
  	width: 250px;
}
.news-single-backlink a:hover {
	color: #D52B35;
}
div.nl-space {
	height: 6px;
	margin-bottom: 4px;
}
.news-single-additional-info {
/*	clear: both;*/
	margin-top: 15px;
	padding:3px;
	padding-bottom:0px;		
}
.news-single-related,.news-single-files, .news-single-links {
	margin:0px;
	margin-bottom: 3px;
	padding:3px;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin-left:20px;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	margin-left:5px;
	width:90%;
}

.nl_unsubscribe {
	align: center;
	font-weight: bold;
}
.nl_unsubscribe a, .nl_unsubscribe a:link {
	color: #526552;
	
}
.nl_unsubscribe a:hover {
	color: #D52B35;
	text-decoration: none;
}


/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
/*Archivmenue Einstellung global
================================*/
.news-amenu-container {
	width: 200px;
	overflow:hidden;
}
.news-amenu-content-container{
	background-color:#D7E5C8;
	margin-left: 65px;
	color: #526552;
	
}
.news-amenu-content-container li {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	list-style-type: none;
}
.news-amenu-content-container ul {
	padding-top:   5px;
	padding-left:   20px;
	margin-top:    5px;
	margin-left:   5px;
	margin-right:  5px;
	margin-bottom: 5px;
	list-style-type: none;
}		
.news-amenu-item-year {
	margin-right: 5px;
	margin-left: -20px;
	background-color: #526552;
	list-style-type: none;	
}
.news-amenu-item-year dd {
	color: #FFFFFF;
	font-weight: bold;
}
.news-amenu-content-container a {
	font-size: 12px;
	color: #526552;
	text-decoration: none;
}
.news-amenu-content-container a:link {
	font-size: 12px;
	color: #526552;
	text-decoration: none;
}
.news-amenu-content-container a:hover, .news-amenu-content-container a:active {
	color: #D52B35;
}
.news-amenu-content-container a:visited {
	color: #526552;
	text-decoration: none;
}


/*Textformatierung aus guerrillaText.css
============================================*/
.mail {
	background: url('../res/icons/mailto.jpg') no-repeat right top;
	height: 20px;
	padding-top: 3px;
	padding-right: 35px
}
.important {
	color: #D52B35;
}
.logo, .name-of-person {
	color: #D52B35;
	font-weight: bold;
}
.detail {
	color: #526552;
}