/*--------------------------------------------------------------------------------
	CSS basics.css
	http://www.foodwatch.de - 2009
	last edited: 19.09.11
				 _			   _				   
	   __ _ _ __| |_ _ __   ___ | | ___   __ _ _   _ 
	  / _` | '__| __| '_ \ / _ \| |/ _ \ / _` | | | |
	 | (_| | |  | |_| | | | (_) | | (_) | (_| | |_| |
	  \__,_|_|   \__|_| |_|\___/|_|\_ __/\__, |\__, |
										 |___/ |___/

	Produced by artnology GmbH http://www.artnology.com (c)

	info@artnology.com
	http://www.artnology.com  
	--------------------------------------------------------------------------------
*/

@import url(navi.css);

/*--------------------------------------------------------------------------------
	--- Generelle Formatierungen
--------------------------------------------------------------------------------*/

body {
	  background-color: #FFFFFF;
	  margin: 10px;
	  font-family: Arial, Helvetica, Verdana, sans-serif;
}

body.print {
	width: 766px;
	background-image: none;
}

.smallheader {
	width: 520px!important;
	background-image:none!important;;
	padding: 0 0 50px!important;
}

.smallheader fieldset {
	width: 94%!important;
}

.bodyscreen {
	background-color: #FFFFFF;
	margin: 0Px 0Px 0Px 2Px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

img {
	border: 0;
}

.content{
	width: 432px;
	margin: 0;
	padding: 0 10px 50px 10px;
	background-image:  url(../logo_foodwatch_small.gif);
	background-repeat: no-repeat;
	background-position: 8px 100%;
}

.sidebar{
	margin:0;
	padding: 0;
}

.spacer{ 
	height:10px;
	clear:both;
	font-size: 1pt;
}

.trenner{
	height: 1px;
	margin-right: 10px;
	margin-left: 10px;
	background-image:  url(../layoutpictures/hk_trenner.gif);
	background-repeat: repeat-x;
	border: none;
}

div.hr{
	margin: 0;
	height: 1px;
	background: #fff url(../layoutpictures/hk_trenner.gif) repeat-x scroll center;
	font-size: 1pt;
	clear:both;
}

div.hr hr{
	display: none;
}

hr{
	height: 1px;
	border-top: 1px dashed #d0d0d0;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

* html hr{
	padding: 0;
	margin: 0;
}

/* Versteckte Hilfe fuer Screenreader */
.screenreader{position:absolute;left:-2000px;}


/*--------------------------------------------------------------------------------
	--- Hintergrundfarben
--------------------------------------------------------------------------------*/

.bgwhite{background-color: #FFFFFF;}
.bggrey{background-color: #DEDEDE;}
.bggreylight{background-color: #EEEEEE;}
.bgdarkgrey{background-color: #999999;}
.orange{background-color:#F5A300;}
.bgbreadcrumb{background: url(../layoutpictures/hk_breadcrumb.gif) repeat-x;}


/*--------------------------------------------------------------------------------
	--- Link-Formatierungen
--------------------------------------------------------------------------------*/
a {text-decoration: none; color: #F5A300; font-weight: bold;}
a:link {text-decoration: none;}
a:hover {text-decoration: underline; font-weight: bold;}
#navi a:hover {text-decoration: none; }
a:visited {color:#F5A300; font-weight: bold;}
a.breadcrumb:link {}
a.breadcrumb:visited {}
a.linkrelated:link {}
a.linkrelated:hover {}
a.footer:hover {}
a.addthis_button_compact {color:#aaa;font-weight:normal}
a.addthis_button_compact:hover {font-weight:normal}

a.btnlight:link, a.btnlight:visited, a.btnlight:active {
	font-size: 11px;
	color: #F5A300;
	font-weight: bold;
	padding: 0px 10px 0px 0px;
}

a.btndark:link, a.btndark:visited, a.btndark:active {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
}





/*--------------------------------------------------------------------------------
	--- Text Formatierungen
--------------------------------------------------------------------------------*/

/* Container for the page nav on articel pages */
div.articlepages {
	padding: 10px 0 10px 0;
	margin: 0px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	/*background-color: #ff0000;*/
}


h1,h2,h3,h4,h5{
	padding-bottom: 0px;
	margin: 0 0 0 0;
}

/* correct margins in IE */
* html h4{
	/*margin: -15px 0 0px 0;*/
}

h1{
	font-size: 20px;
	color: #F5A300;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 10px;
}

* html h1{
	/*margin-top: -15px;*/
}

h2{
	font-size: 18px;
	line-height: 1.2em;
	color: #000000;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}

h3{
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

.moreinfolist h3, #articleindex h3{
	line-height: 18px;
}

h3.contenthdl {
	background-color: #999999;
	background-image: url(../layoutpictures/ecke_cont_grau.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0 0 0 12px;
	margin-top:20px;
}

h4{
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	padding-top: 10px;
}

h5{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	padding: 10px 5px 5px 0px;
}

p, p.artikel, p.date, p.artikelteaser, p.news{
	margin:0;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
	padding-bottom: 5px;
}

p.artikelteaser{
	margin:0;
	font-weight: bold;
}

p.artikelteaserhomepage{
	margin:0;
}

p.artikel{
	color: #000000;
	margin:0;
	padding-bottom: 20px;
}

p.nostyle{
	margin:0;
	padding:0;
	font-size:inherit;
	line-height:inherit;
	color:inherit;
}

p.term{
	margin:0;
	padding:0;
	font-size:10px;
	line-height:12px;
	color:#666;
}


blockquote{
	padding: 10px 20px 20px 20px;
	margin: 0;
}

.date{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	margin:0px;
	line-height: normal;
	font-weight: normal;
	vertical-align: top;
}

#twocols span.right{
	font-size: 12px;
	float:right;
}

#twocols span.left{
	font-size: 12px;
	float:left;
}



/*--------------------------------------------------------------------------------
	--- SIDEBAR
--------------------------------------------------------------------------------*/

#newshdl{
	margin-left:10px;
	padding: 5px;
	font-size: 12px;
	font-weight:bold;
	line-height: 13px;
	color: #FFFFFF;
	background-color:#F5A300;
	background-image: url(../layoutpictures/ecke_li_orange.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

p.news{
	margin-left: 10px;
	padding: 5px 0 5px 2px;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
}

div.rTeaserImg {
 margin-left:10px;
 padding: 5px 0 5px 2px;
}

div.rTeaserImg div.ZMSGraphic div.graphic {
 padding-top:2px;
}

div.rTeaserImg div.text {
 font-size: 11px;
 line-height: 15px;
 color: #000000;
}

div.rTeaserImg div.ZMSGraphic div.text {padding:0}

/* BANNER */
td.sidebar p.sidebarbanner {
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 10px;
	padding: 0;
}

p.news a{
	font-weight:bold;
	color: #F5A300;
	/*background-color:#666666;*/
}

p.newslink{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	padding: 0 5px 12px 0;
}

.sidebar div.hr{
	margin-left: 10px;
}

/*--------------------------------------------------------------------------------
	--- LISTE - Content
--------------------------------------------------------------------------------*/

.content ul
{
	list-style: none;
	margin: 0;
	padding: 10px 10px 15px 0px;
}

.content ul li
{
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding: 0px 0px 8px 15px;
	line-height: 16px;
	background-image: url(../layoutpictures/bullet_list.gif);
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	color: #000000;
	font-weight: normal;
}

.content ol
{
	list-style-type: decimal;
	margin: 0;

	padding: 10px 10px 15px 15px;

}

.content ol li
{
	padding: 0px 0px 8px 0px;
	margin: 0px;
	line-height: 16px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	color: #000000;
	font-weight: normal;
}


/*--------------------------------------------------------------------------------
	--- Breadcrumb
--------------------------------------------------------------------------------*/

#breadcrumb ul{
	list-style: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
}

#breadcrumb ul li{
	display: inline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	background-image: none;
	padding: .2em ;
}

#breadcrumb ul li.active{
	text-decoration: none;
	color: #000;
}

#breadcrumb ul li a{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none; 
	color: #666666;
}

#breadcrumb ul li a:hover{
	text-decoration: underline; 
	color: #000;
}

/*--------------------------------------------------------------------------------
	--- Grafiken
--------------------------------------------------------------------------------*/

.footerlogo{
	margin:0;
	padding-top:50px;
	vertical-align: 100%;
	border: 1px solid #333333;
}

.image{
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.bannerleft{
	vertical-align:middle;
/*  margin:0; */
	margin: 20px 10px 10px 16px;
/*  padding: 20px 10px 10px 16px; */
}

.imagedate{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: normal;
	font-weight: normal;
	padding-left: 0px;
	padding-right: 10px;
	vertical-align: top;
}


/*--------------------------------------------------------------------------------
	--- LISTE - Dokumente zum Thema
--------------------------------------------------------------------------------*/

#toolbox {  }

#toolbox ul{
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 5px;
}

#toolbox ul li{
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-image: url(../icons/toolbox_bullet.gif);	
	padding: 0px 7px 0px 11px;
	margin: 9px 0;
	line-height: 1em;
}

#toolbox ul li a:link, #toolbox ul li a:active, #toolbox ul li a:visited{
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height:13px;
}
#toolbox ul li a:link, #toolbox ul li a:hover, #toolbox ul li a:active, #toolbox ul li a:visited{
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}


/*--------------------------------------------------------------------------------
	--- Toolbar on top
--------------------------------------------------------------------------------*/

	body.print td.top_toolbar {
		visibility: hidden;
	} 
	.content .top_toolbar {
		width:175px;
		text-align:right;
		margin:0;
		padding:0;
		vertical-align:bottom;
		border:none;
	}
.top_toolbar .addthis_toolbox a {margin:0}
.addthis_toolbox {margin:10px 0}

.top_toolbar a {
	font-weight: normal;
	font-size: 11px;
	color: #aaaaaa;
	display:block;
	float: left;
	padding: 0 13px 0 2px;
	margin: 0 0 0 15px;
	background-position: 0 1px;
	background-repeat: no-repeat;

}
.top_toolbar a.print { background-image: url(../icons/ico_print.gif); }
.top_toolbar a.send { background-image: url(../icons/ico_mail.gif); }


/*--------------------------------------------------------------------------------
	--- LISTE - Tabs
--------------------------------------------------------------------------------*/

#tabs {
	border: 1px solid #CCC;
	border-width: 0 0 1px 0px;
	/*height: 23px;*/
	padding:0 0 4px 0px;
	margin-top: 15px;
}

#tabs ul{
	margin: 0 0 -2px 0;
	padding: 0px 0px 0px 0px;
	display: inline;
	list-style: none;
}

#tabs ul li {
	margin: 0 -4px 0px 0px;
	padding: 8px 5px 5px 0px;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../layoutpictures/tabbednav_corner_right.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#tabs ul li:hover {
	background-image: url(../layoutpictures/tabbednav_corner_right_act.gif);
}

#tabs ul li.here {
	background-image: url(../layoutpictures/tabbednav_corner_right_act.gif);
	border-bottom: 3px solid #FFF;
	list-style: none;
	display: inline;
	padding: 8px 5px 5px 0px;
	font-size: 12px;
}

#tabs ul li a {
	padding: 0px 0px 0px 0px;
	
}

#tabs ul span {
	padding: 8px 0 5px 5px;
	margin: 0px;
	background-image: url(../layoutpictures/tabbednav_corner_left.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/* IE 7 */

* +html #tabs {
	padding:3px 0 5px 0px;
}

* +html #tabs ul li {
	margin: 0 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	border-bottom: 1px solid #ccc;
}

* +html #tabs ul li.here {
	border-bottom: 1px solid #FFF;
	list-style: none;
	display: inline;
	padding: 0px 5px 0px 0px;
}

/* IE 6 */

* html #tabs {
	padding:3px 0 5px 0px;
}

* html #tabs ul li {
	margin: 0 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	border-bottom: 1px solid #ccc;
}

* html #tabs ul li.here {
	border-bottom: 1px solid #FFF;
	list-style: none;
	display: inline;
	padding: 0px 5px 0px 0px;
}



/*--------------------------------------------------------------------------------
	--- LISTE - Weitere Informationen zum Thema
--------------------------------------------------------------------------------*/
#content .moreinfolist{
	list-style: none;
	margin: 0;
	padding: 10px 0px 10px 0px;
}

#content .moreinfolist li{
	list-style: none;
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding: 0px 0px 0px 15px;
	margin: 0;
	line-height: 16px;
	background-image: url(../navigation/nav_bullet_orange.gif);
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
#content .moreinfolist li img{
	float:left;
	margin-right:5px;
	margin-top:5px;
	padding-bottom:10px;
	display:block;
	width:90px;
}

#content .index_grau li a:link,
#content .index_grau li a:hover,
#content .index_grau li a:visited,
#content .index_grau li a:active{
	color: #666;
}

#content .moreinfolist div {
	margin: 0;
	padding-left:6px;
	line-height: 16px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

#content .moreinfolist div img {
	float:left;
	margin-right:10px;
	margin-top:2px;
	display:block;
	width:90px;
}

#content .mehrinfoliste div a:link,
#content .mehrinfoliste div a:hover,
#content .mehrinfoliste div a:visited,
#content .mehrinfoliste div a:active{
	color: #666;
}

#content .moreinfolist div a.more:link,
#content .moreinfolist div a.more:hover,
#content .moreinfolist div a.more:visited,
#content .moreinfolist div a.more:active{
	color:#F5A300;
}

/*--------------------------------------------------------------------------------
	--- LISTE - Portale
--------------------------------------------------------------------------------*/
#content .portale div.portal {
	background-image:url(../layoutpictures/portal_back.png);
	background-repeat: no-repeat;
	float:left;
	padding: 5px;
	margin: 0 10px 10px 0;
	width:201px;
	height:221px;
}
#content .portale div.portal2 {
	margin-right:0;
}
#content .portale h4 {
	padding: 0 0 4px 0;
	color: #565656;
	border-bottom: 1px dashed #F5A300;
}
#content .portale .moreinfolist {
	padding:6px 0 0 0;
}
#content .portale .moreinfolist div {
	font-size:8pt;
	line-height:1em;
	padding:0;
}
#content .portale .moreinfolist li {
	font-size:8pt;
	background-position: 0 4px;
	padding: 0px 0px 0px 12px;
	margin: 0 0 0.5em 0;
	line-height: 1.25em;
}

#content .moreinfolist li{
	list-style: none;
	background-repeat: no-repeat;
	background-position: 6px 0.5em;
	padding: 0px 0px 0px 22px;
	margin: 0;
	line-height: 16px;
	background-image: url(../navigation/nav_bullet_orange.gif);
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}


#content .portale .moreinfolist div a {
	font-weight:normal;
}
#content .portale .moreinfolist div img {
	width: 76px;
	margin: 1px 8px 4px 0;
}


/*--------------------------------------------------------------------------------
	--- LISTE - FAQ - Fragen 
--------------------------------------------------------------------------------*/
#content .faqlist{
	list-style: none;
	margin: 0;
	padding: 10px 0px 10px 0px;
}

#content .faqlist li{
	list-style: none;
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding: 0px 0px 0px 15px;
	margin: 0;
	line-height: 16px;
	background-image: url(../navigation/nav_bullet_orange.gif);
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

#content .faqlist li a:link {
	color: #000000;
}

#content .faqlist li a:hover,
#content .faqlist li a:visited,
#content .faqlist li a:active{
/*  color:#F5A300;*/
	color: #666;
}



/*--------------------------------------------------------------------------------
	--- LISTE - Results on Search Page
--------------------------------------------------------------------------------*/
.resultlist{
	list-style: none;
	margin: 0;
	padding: 10px 0px 10px 0px;
}

.resultlist li{
	background-repeat: no-repeat;
	background-position: 0 0em;
	padding: 0px 0px 0px 20px;
	margin: 0;
	line-height: 16px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

.resultlist li a:link,
.resultlist li a:hover,
.resultlist li a:visited,
.resultlist li a:active{
	/*color:#F5A300;*/
	color: #666; 
}

.resultlist li a.path:link,
.resultlist li a.path:hover,
.resultlist li a.path:visited,
.resultlist li a.path:active{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
}

.resultlist li.application_pdf{background-image: url(../icons/ico_list_pdf.gif);}

.resultlist li.application_zip{background-image: url(../icons/ico_list_zip.gif);}

.resultlist li.grafik{background-image: url(../icons/ico_list_jpg.gif);}

.resultlist li.ext{background-image: url(../icons/ico_list_extlink.gif);}

.resultlist li.intern{background-image: url(../icons/ico_list_internlink.gif);}

.resultlist li.mp3{background-image: url(../icons/ico_list_mp3.gif);}

.resultlist li.application_pdf,
.resultlist li.application_zip,
.resultlist li.grafik,
.resultlist li.ext,
.resultlist li.intern,
.resultlist li.mp3{
	padding: 0px 0px 0px 20px;
	background-position: 0 0.1em;
}

/*--------------------------------------------------------------------------------
	--- LISTE - Downloads / Categories
--------------------------------------------------------------------------------*/
#content ul.downloadCatList{
	list-style-type: none;
	margin: 0;
	padding: 10px 0px 10px 0px;
}

#content ul.downloadCatList li{
	list-style-type: none;
	background-image:none;
	padding: 0px 0px 0px 0px;
	margin: 0;
	line-height: 16px;  
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: 300;
}
#content .downloadCatList li img{
	float:left;
	margin-right:10px;
	margin-top:0px;
	padding-bottom:10px;
	display:block;
	width:90px;
}

#content ul.downloadCatList li a:link,
#content ul.downloadCatList li a:visited,
#content ul.downloadCatList li a:active{
/*  color:#F5A300;*/
	color: #000000;
	font-weight: 300;
}

#content ul.downloadCatList ul {
	border:0px solid red;
}

#content ul.downloadCatList ul li {
	display:inline;
}


#content ul.downloadCatList ul li a:link,
#content ul.downloadCatList ul li a:visited {
	font-size:12px;
	font-weight:700;
	color: #666;
	text-decoration:none;
}
#content ul.downloadCatList ul li a:hover {
	text-decoration:underline;
}


/*--------------------------------------------------------------------------------
	--- LISTE - Downloads / Files
--------------------------------------------------------------------------------*/
#content ul.downloadFileList{
	list-style-type: none;
	margin: 0;
	padding: 10px 0px 10px 0px;
}

#content ul.downloadFileList li{
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 16px;  
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: 300;
	border:0px solid green;
}
#content .downloadFileList li img{
	float:left;
	margin-right:10px;
	margin-top:0px;
	padding-bottom:10px;
	display:block;
	width:90px;
}
#content .downloadFileList li strong {
	display:block;
	border:0px solid blue;
	margin:0;
	float:left;
	margin-bottom:0px;
	color:#000;
}

#content ul.downloadFileList li a:link,
#content ul.downloadFileList li a:visited,
#content ul.downloadFileList li a:active{
	color: #666;
	font-weight: 300;
	text-decoration:none; 
}
#content ul.downloadFileList li a:hover{
	text-decoration:underline; 
}

ul.downloadFileList li ul.iconlist{
	list-style: none;
	margin: 0;
	padding: 10px 0px 0px 100px;
	border:0px solid red;
}

ul.downloadFileList li ul.iconlist li{
	width:320px;
	font-size: 12px;
	color: #666;
	font-weight: 300;
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	padding: 10px 0 0px 40px;
	margin-bottom:10px;
	line-height:14px;
	border:0px solid blue;
	display:block;
}

* html ul.downloadFileList li ul.iconlist li{
	/*width: 143px;*/
}

ul.downloadFileList li ul.iconlist li a,  
ul.downloadFileList li ul.iconlist li a:active, 
ul.downloadFileList li ul.iconlist li a:visited{
	font-size: 12px;
	color: #666;
	font-weight: 300;
	text-decoration: none; 
	border:0px solid green;
	display:block;
	padding:0 0 5px 20px;
}
ul.downloadFileList li ul.iconlist li a:hover{
	text-decoration: underline; 
}



/*--------------------------------------------------------------------------------
	--- LISTE - Icons Filestypes
--------------------------------------------------------------------------------*/

#content ul.iconlist li a:hover{text-decoration: underline;} 

ul.iconlist li.application_pdf{background-image: url(../icons/ico_list_pdf.gif);}

ul.iconlist li.application_zip{background-image: url(../icons/ico_list_zip.gif);}

ul.iconlist li.application_doc{background-image: url(../icons/ico_list_doc.gif);}

ul.iconlist li.application_xls{background-image: url(../icons/ico_list_xls.gif);}

ul.iconlist li.grafik{background-image: url(../icons/ico_list_jpg.gif);}

ul.iconlist li.image_jpeg{background-image: url(../icons/ico_list_jpg.gif);}

ul.iconlist li.image_gif{background-image: url(../icons/ico_list_gif.gif);}

ul.iconlist li.image_eps{background-image: url(../icons/ico_list_eps.gif);}

ul.iconlist li.ext{background-image: url(../icons/ico_list_extlink.gif);}

ul.iconlist li.intern{background-image: url(../icons/ico_list_internlink.gif);}

ul.iconlist li.mp3{background-image: url(../icons/ico_list_mp3.gif);}

ul.iconlist li.print{background-image: url(../icons/ico_list_print.gif);}

ul.iconlist li.send{background-image: url(../icons/ico_list_send.gif);}


/*--------------------------------------------------------------------------------
	--- SUCHE
--------------------------------------------------------------------------------*/
.suche{
	background-color: #FFEBCC;
}

input.searchfield{
	border:1px solid #CCCCCC;
	background-color: #F7F7F7;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	padding: 2px;
}

/* IE */

* html input.searchfield{
	border:1px solid #CCCCCC;
	background-color: #F7F7F7;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	margin: 3px 0 0 0px;
}

.searchfield:focus, input.formfield:focus{
/*  border:1px solid #C4D6B9;*/
	border:1px solid #F5A300;
	background-color: #FFFFFF;
}

.hits{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#999999;
}
/*--------------------------------------------------------------------------------
	--- FOOTER
--------------------------------------------------------------------------------*/
.footer{
	background-color: #F5A300;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	height: 20px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
}
.footer a:link, .footer a:active, .footer a:visited{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
}
.footer a:hover{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 14px;
	font-weight: normal;
	text-decoration: underline; 
}


/*--------------------------------------------------------------------------------
	--- FORMS
--------------------------------------------------------------------------------*/

div.note{
	width:auto;
	font-size:10px;
	line-height:12px;
	float:left;
	padding: 0;
	margin:10px 10px 10px 0px;
	color:#666666;
	clear: both;
}

form{
	margin : 0;
	padding : 0;
}

fieldset{
	width: 95%;
	font-size: 12px;
/*  float : left; */
	margin: 10px 0 10px 0;
	padding : 10px 10px 10px 10px;
	border : 1px solid #CCCCCC;
	background-color: #EEE;
}

* html fieldset{
	width: 100%;
	margin: 0px;
	margin-top: 10px;
	padding: 0 10px 10px 10px;
	/*padding: 0px 10px 10px 10px;*/
/* border: 0px; */
}

fieldset:hover{
	border : 1px dashed #CCCCCC;
}

fieldset div{
	margin: 0;
	padding: 0;
}

fieldset div.fieldsetspacer{
	margin: 0;
	padding: 0;
	clear: both;
	/*background-color: #ff0000;*/
	height: 10px;
}


fieldset input, fieldset textarea, fieldset select{
	width: 245px; /* Width for modern browsers */
	border: 1px solid #999999;
	/*padding: 0px;*/
	margin: 0;
	padding: 2px;
}

fieldset input#submit input#newsletter input#withdrawyearly input#approved {
	  width: auto;
	  border: auto;
	  padding: auto;
}

fieldset input[type="checkbox"] {
	  width: auto;
	  border: auto;
	  padding: auto;
}

fieldset input[type="radio"] {
	  width: auto; 
	  border: auto;
	  padding: auto;
}


fieldset input[type="submit"] {
	  width: auto;
	  border: auto;
	  padding: auto;
}


legend {
	font-weight : bold;
	color : #000;
	background-color: #FFF;
	margin: -5px;
	padding : 0em 0.5em;
}

* html legend {
	font-weight : bold;
	color : #000;
	background-color: #FFF;
	margin:0 -10px;
	padding : 0 0.5em;
}

.tableradiobuttons {
	margin-left: 12em;
	font-size: 12px;
}

label {
	display: block;
	float: left;
	width: 12.5em;
	padding-top: 2px;
}

.formbtns{
	text-align: right;
	padding-right: 10px;
}
#btnreset {
	width: 115px;
	font-size: 12px;
	font-weight:bold;
	line-height: 13px;
	text-align: center;
	color: #FFFFFF;
	border: 0;
	padding: 5px;
	background-image: url(../buttons/btn_bg_reset.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

#btnprint {
	width: 115px;
	font-size: 12px;
	font-weight:bold;
	line-height: 13px;
	text-align: center;
	color: #FFFFFF;
	background-color:#F2C15F;
	border: 0;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

#btnsubmit {
	width: 115px;
	font-size: 12px;
	font-weight:bold;
	line-height: 13px;
	text-align: center;
	color: #FFFFFF;
	border: 0;
	padding: 5px;
	background-image: url(../buttons/btn_bg_submit.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

#btnreset:hover, #btnprint:hover, #btnsubmit:hover {
	color: #666;
}

/* Additional formats for entryfield postcode and city */
fieldset input#amount, fieldset input#postcode, fieldset input#pretel, fieldset input#prefax, fieldset input#premobile{
	width: 50px; /* Width for modern browsers */
}

fieldset input#city, fieldset input#tel, fieldset input#fax, fieldset input#mobile{
	width: 185px; /* Width for modern browsers */
}

* html fieldset input#city,
* html fieldset input#tel, 
* html fieldset input#fax,
* html fieldset input#mobile{
	width: 192px; /* Width for modern browsers */
}

fieldset input.width118{
	width: 118px; /* Width for modern browsers */
}

* html fieldset input.width118{
	width: 118px; /* Width for modern browsers */
}

fieldset input#dayofbirth,
fieldset input#monthofbirth,
fieldset input#yearofbirth{
	width: 25px;
	text-align: center;
}

fieldset input#yearofbirth{
	width: 40px;
	text-align: center;
}

fieldset input#subscribe, fieldset input#unsubscribe{
	width: auto;
	border:0;
}
/* Radio Buttons Spende/Foerdermitglieder */
fieldset input#five,
fieldset input#ten,
fieldset input#fifteen,
fieldset input#twenty,
fieldset input#amountselected,
fieldset input#open,
fieldset input#monthly, 
fieldset input#quarterly, 
fieldset input#semiyearly, 
fieldset input#yearly,
fieldset input#onetime,
fieldset input#certno,
fieldset input#certjan,
fieldset input#certfeb,
fieldset input#newsletter,
fieldset input#news{
/*  width: 20px; */
/*  width: auto;*/
	border:0px;
	padding: 0px;
	margin: 0px;
}

fieldset select{
	width: 250px;
}

* html fieldset select{
	width: 245px;
}

form .formerror{
	  font-weight: bold;
	  color: #ff0000;
}

div.counter {
	font-size:12px;
	border:0px solid red;
	float:left;
}
div.counter div {float:left;margin-top:5px;}
div.counter div.numbercount{
	margin-top:0px;
	width:96px;
	text-align:right;
	font-weight:300;
	border:0px solid red;
	margin-left:5px;
	margin-right:-10px;
	padding:2px 7px 2px 7px;
	height:24px;
	background-image:url(../layoutpictures/bg_counter.jpg);
	background-repeat:no-repeat;
	font-size:18px;
	letter-spacing:14px;
}

* html 
div.counter div.numbercount{
	padding-right:7px;
	margin-right:5px;
}

/* Textarea with HTML-Code for Banner-Download */

fieldset textarea#bannercode1,
fieldset textarea#bannercode2,
fieldset textarea#bannercode3 {
	  font-family: arial;
	  font-size: 0.9em;
	  width: 390px;
	  height: 140px;
}


.even {
	  background-color: #ffffff;
	  border: 1px solid black;
}
.odd {
	  background-color: #ffffff;
}

.content table {
	  margin: 0px;
	  padding: 0px;
	  border-spacing: 0px;
	  border-collapse: collapse;
}
.content table thead {
	  padding: 10px;
}

.content table thead tr th {
	  text-align: left;
	  vertical-align: top;
	  border: 1px solid black;
	  background-color: #ffffff;
}
.content table thead tr td {
	  padding: 10px;
	  text-align: left;
	  vertical-align: top;
	  border: 1px solid black;
	  background-color: #ffffff;
}
/*
.content table tbody {
	  background-color: #ffffff;
	  padding: 5px;
}
*/
.content table tbody tr td {
	  padding: 10px;
	  margin: 0px;
/*	  text-align: left; */
	  vertical-align: top;
	  border: 1px solid black;
}

.content table.layout thead {
	  padding: 0px;
}

.content table thead tr th {
	  text-align: left;
	  vertical-align: top;
	  border: none;
	  background-color: transparent;
}
.content table.layout thead tr td {
	  padding: 0px;
	  vertical-align: top;
	  border: none;
	  background-color: transparent;
}
.content table.layout tbody tr td {
	  padding: 0px;
	  margin: 0px;
	  vertical-align: top;
	  border: none;
}

#toolbox table tbody tr td {
	  padding: 0px;
	  margin: 0px;
	  text-align: left;
	  vertical-align: top;
	  border: none;
}

#articleindex table tbody tr td {
	  padding: 0px;
	  margin: 0px;
	  text-align: left;
	  vertical-align: top;
	  border: none;
}

#backup table tbody tr td {
	  padding: 0px;
	  margin: 0px;
	  text-align: left;
	  vertical-align: top;
	  border: none;
}
.tablenoborder table tbody tr td {
	  padding: 0px;
	  margin: 0px;
	  text-align: left;
	  vertical-align: top;
	  border: none;
}

/*--------------------------------------------------------------------------------
	--- FORMS in Teaser 
--------------------------------------------------------------------------------*/
.ZMSTeaserElement fieldset {
	margin: 0 0 10px 0;
	font-size: 11px; 
	padding : 0 10px;
	display: block;
	width: 123px;
}
.ZMSTeaserElement p {
	font-size: 11px; 
}
.ZMSTeaserElement form .formerror {
	  font-weight: normal;
	  color: #cc0000;
}
 .ZMSTeaserElement div.fieldsetspacer { height: 4px; }

.ZMSTeaserElement input { width: 90%; }
.ZMSTeaserElement select { width: 90%; }
.ZMSTeaserElement label { width: 90%; }


/*--------------------------------------------------------------------------------
	--- Fotostrecke
--------------------------------------------------------------------------------*/

.photogallery {
	background-color:#eee;
	padding:12px;
	margin-bottom:10px;
	line-height:120%;
}
.photogallery .photostrip{
	text-align:center;
	margin-top:0px;
}
.photogallery .photostrip img{
	margin:5px;
	border:1px solid #878787;

}
.photodetail {
	margin-bottom:10px;
	text-align:center;
}
.photodetail img{
	border:1px solid #878787;
	margin-bottom:10px;
}

.photogallery span {
	font-size:11px;
}

.photogallerynav {
	background-color: #999;
	margin-bottom:1px;
	margin-top:10px;
}
.photogallerynav table tbody tr td{
	border:none;
	text-align:center;
	color:#000;
	padding:5px;
	background-color:#cccccc;
}

.photogallerynav a,
.photogallerynav a:visited,
.photogallerynav a:active {
	color: #fff;
	padding:0px;
	text-decoration:none;
}
.photogallerynav td.prev {
	background-color: #F5A300;
	background-repeat:no-repeat;
	background-image:url(../layoutpictures/ecke_btn_orange_li.gif);
	background-position: bottom left;
	text-align:left;
	border-right:2px solid #eee;
}
.photogallerynav td.next {
	background-color: #F5A300;
	background-repeat:no-repeat;
	background-image:url(../layoutpictures/ecke_btn_orange_re.gif);
	background-position: bottom right;
	text-align:right;
	border-left:2px solid #eee;
}
.photogallerynav td.previnactive {
	background-color: #999999;
	background-repeat:no-repeat;
	background-image:url(../layoutpictures/ecke_btn_grau_li.gif);
	background-position: bottom left;
	text-align:left;
	border-right:2px solid #eee;
}
.photogallerynav td.nextinactive {
	background-color: #999999;
	background-repeat:no-repeat;
	background-image:url(../layoutpictures/ecke_btn_grau_re.gif);
	background-position: bottom right;
	text-align:right;
	border-left:2px solid #eee;
}

.photogallery td img {
	margin:0 5px;
}

/*--------------------------------------------------------------------------------
	--- Video
--------------------------------------------------------------------------------*/
.video {
	border:0px solid red;
	height:400px;
}

/*--------------------------------------------------------------------------------
	--- Newsletter
--------------------------------------------------------------------------------*/

.newsletter table tbody tr td { border: none; padding: 2px 0; }
.newsletter a { color:#F5A300; font-weight: bold; text-decoration: none; }
.newsletter img { border: none; }
.newsletter .imgleft { margin: 0 0.5em 0.5em 0; float: left; }
.newsletter .imgcenter { margin: 0.5em 0; float: none; text-align: center; }
.newsletter .imgright { margin: 0 0 0.5em 0.5em; float: right; }
.newsletter p { margin: 0 0 1em 0; }
.newsletter h2 { margin:12px 0 0 0;font-weight:bold;font-family:arial;font-size:15px;line-height:150%; }
h2.nlgrau { color:#898989; }
h2.nlorange { color:#F5A300; }

/* OTHER */
label.recaptcha_input_area_text {float:none}