/**** LINK-tag style sheet nf-style.css ****/

/****

+ colorList +
gelb #fde113
blau #009bee
mittelgrau #e8e8e8
dunkelgrau #999
hellgrau #f3f3f3

+ structure +
body
 #base
  #top [
    #tools_lang
    #nav_meta
   ]
  #container [
   #header [
    #static_logo
    #claim
    #nav_top
   ]
   
   #main [
    #mood 
    #left
    #center [
     #content_top
     #content_main
     #content_bottom 
     ]
    #right
   ]
   
   #footer [
     .left
     .right
     ]
   
  #bottom
  ]


****/




.flag
{
color: red;
display: none; /* */
}

.noScreen
{
color: red;
display: none; /* */
}


/**** basics ****/


h1, h2, h3, h4, h5, p, br, a
{
margin: 0;
padding: 0;
}
a
{
text-decoration: none;
color: #009bee;
}
a.active
{
text-decoration: none;
}
a:hover
{
text-decoration: underline;

}
a img
{
border: 0;
}
ul
{
list-style: none outside;
margin: 0;
padding: 0;
}
ul li
{
margin: 0;
padding: 0;
}
hr, 
.newLineBorder
{
display: block;
clear: both;
margin-bottom: 5px;
padding: 0;
color: #fff;
background: #fff;
border-width: 0px;
border-bottom: 1px dashed #999;
}
.clear
{
display: block;
clear: both;
padding: 0;
margin: 0;
border: 0px dashed red;
}

.left
{
float: left;
}

.right
{
float: right;
}

/**** Fonts ****/

body
{
font-family: Verdana, Lucida, Helvetica, sans-serif;
font-size: 70%;
letter-spacing: 0.02em;
}
h1
{
font-size: 1.1em;
}
h2
{
font-size: 1.0em;
}
h3
{
font-size: 1.0em;
}
h4
{
font-size: .9em;
}
hr
{
font-size: 0;
line-height: 0;
}

#right, #left, #top
{
font-size: .9em;
}

#right .marginBox
{
font-size: ;
}

#center
{
font-size: ;
}
#content_main .imgCaption
{
font-size: .9em;
font-weight: bold;
color: #999;
}
table td
{
font-family: Verdana, Arial, Helvetica;
font-size: 70%;
line-height: 140%;
letter-spacing: 0.02em;
vertical-align: top;
}

#searchBlock .searchBttn
{
font-size: .9em;
}
/**** Layout ****/

body#public
{
text-align: center;
margin: 0;
padding: 0;
}

#base
{
margin: 0 auto;
width: 100%;
}

/* base-layout */

#top
{
float: left;
width: 100%;
border: 0px solid red;
background: #fde113;
text-align: center;
}

#container
{
clear: both;
text-align: left;
margin: 0 auto;
width: 1010px;
border: 0px solid #e8e8e8;
}

#bottom
{
float: right;
clear: both;
margin: 0 auto;
width: 800px;
border-top: 1px solid #CCC;
}

/* top contents */
#top_content	
{
width: 1000px;
border: 0px solid grey;
padding: 10px 0;
margin: 0 auto;
text-align: right;
}
/**** tools_language ****/

#tools_language	
{
display: none;
border-bottom: 1px solid grey;
text-align: left;
padding: 10 0;
}
#tools_language a	
{
border: 0px solid #dedede;
background: ;
padding: 10;
}
#tools_language a:hover	
{
}
#tools_language a.active	
{
font-weight: bold;
color: red;
}

/**** nav_meta ****/

#nav_meta	
{

float: left;
width: 740px;
border: 0px solid grey;
padding: 5px 0;
margin: 0 auto;
text-align: right;
}
#nav_meta a	
{
border: 0px solid #dedede;
padding: 10px;
}
#nav_meta a:hover	
{
}
#nav_meta a.active	
{
font-weight: bold;
}

#searchBlock	
{
float: right;
width: 250px;
font-weight: bold;
text-align: right;
padding: 0;
margin: 0;
border: 0px solid red;
}
#searchBlock #searchForm
{
padding: 0;
margin: 0;
border: 0px solid red;
}
#searchBlock #searchForm fieldset
{
padding: 0;
margin: 0;
border: 0px solid red;
}
#searchBlock #searchForm legend
{
display: none;
}

#searchBlock #searchForm .searchBttn
{
background-color: #e8e8e8;
border-width: 1px;
}

/* container contents */

#header
{
float: left;
clear: both;
width: 100%;
border: 0px solid blue;
}

#main
{
float: left;
clear: both;
width: 100%;
border: 0px solid green;
margin-bottom: 10px;
}

#footer
{
float: right;
width: 800;
border-top: 0px solid red;
background: #f3f3f3;
padding: 0;
color: #999;
}

/* header contents */
#header .left
{
width: 200px;
border: 0px solid blue;
margin: 0;
padding: 0;
}
#header .right
{
width: 800px;
border: 0px solid blue;
margin: 0;
padding: 0;
}

#static_logo
{
margin: 0;
padding: 0;
text-align: center;
border: 0px solid blue;
}

#claim
{
width: 580px;
padding: 45px 0 20;
margin: 0 0 20;
border: 0px solid blue;
}

#nav_top	
{
border-bottom: 0px solid #999;
padding: 5px 0;
margin-bottom: 2px;
background: #e8e8e8;
}

/*** logo ***/

#static_logo h1
{
display: none;
}
#static_logo img
{
position: relative;
margin: -10 0 0;
border: 0px solid blue;
}

/*** claim ***/

#claim h1
{
padding: 0 20 0;
font-weight: normal;

font-size: 350%;
}

/**** nav_top ****/

#nav_top a	
{
border-left: 0px solid #fff;
padding: 5px 20px 5px;
color: #999;
text-decoration: none;
font-weight: bold;
}
#nav_top a:hover	
{
color: #fff;
background: #fde113;
padding-top: 8px;
}
#nav_top .active a	
{
color: #009bee;
background: #fde113;
padding-top: 8px;
}

/* main contents */

/* mood */

/* mood (left/center)*/

#mood, 
#moods2
{
float: left;
width: 100%;
height: 190px;
clear: both;
background: #e8e8e8;
padding: 0;
border: 0px solid red
}
#mood .mdImg
{
padding: 10px 0px 10px 10px;
border: 0px solid red;
}
#moods2 .mdImg
{
padding: 10px 10px 10px 0px;
border: 0px solid blue;
}

.mdImg img
{
background: #fff;
border: 2px solid #fff;
}
#mood .mdImg img
{
margin: 8px 8px 0px 8px;
}
#moods2 .mdImg img
{
margin: 8px 4px 0px 0px;
}

/* main-layout */

#left
{
float: left;
margin: 0;
padding: 0;
width: 210px;
border: 0px dashed red;
}


#center
{
float: left;
width: 620px;
padding: 0;
border: 0px dashed green;
}

#right
{
float: right;
margin: 0;
padding: 0;
width: 180;
border: 0px dashed blue;
}



/*** left contents ***/

/*** mainmenu ***/

#left #main_menu
{
clear: both;
width: 210px;
padding: 0;

}
#right #sub_menu
{
background: #f3f3f3;
border: 0px solid red;
margin-bottom: 3px;
}

#sub_menu ul.sub
{
padding: 10px 10px;
}

.nav_sub .info_area
{
font-weight: bold;
background: #009bee;
padding: 5px 20px;
color: #fff;
}

#sub_menu .info_area
{
padding: 5px 10px;
}

ul.sub	
{
border: 0px dashed red;
padding-left: 20px;

}
ul.level_2	
{
background: ;
}
ul.level_3	
{
background: ;
}
ul.sub li a	
{
display: block;
padding: 5px 0px;
border-bottom: 1px solid #e8e8e8;
}

#sub_menu ul.sub li a	
{
border-bottom: 1px solid #fff;
}

.nav_sub ul.sub li.active a	
{
background: ;
color: ;
}

.nav_sub ul.sub a	
{
background: ;
color: ;
font-weight: ;
}
.current a	
{
font-weight: bold;
background: ;
color: #009bee;
}
ul.sub li.last	
{
}
ul.sub li a	
{
}

/**** center-contents layout ****/
#content_galery
{
float: left;
width: 100%;
clear: both;
padding: 20 0 10;
border: 0px solid red;
background: #e8e8e8;
}

#content_top
{
clear: both;
padding: 20 25 10;
border: 0px solid red;
}
#content_main
{

clear: both;
padding: 0 25;
line-height: 140%;
border: 0px solid blue;
}
#content_bottom
{

clear: both;
padding: 10 25;
}
/**** content_galery - inlinegalery ****/
#content_galery .block
{
clear: both;
padding: 0 25;
border: 0px solid red;
}
#content_galery .block .imgBox
{
padding: 0 0;
border: 1px solid #fff;
text-align: center;
}
#content_galery .block .txtBox
{
float: left;
width: auto;
padding: 10 0;
border: 0px solid red;
}
#content_galery .block .galeryNums
{
padding: 10 0;
text-align: right;
border: 0px solid red;
}
/**** content_top ****/
/*** Sectiontitle=infoArea ****/

#info_area
{
clear: both;
font-size: ;
font-weight: bold;
text-align: left;
margin: 0;
padding: 0 0 5;
border: 0px dotted grey;
color: #999;
}
/**** Pagetitle=infoName ****/

#info_name
{
clear: both;
text-align: left;
margin: 0;
padding: 0 0 15;
border: 0px dotted grey;
color: #009bee;
font-size: ;
font-weight: bold;
border-bottom: 1px dashed #999;
}

/**** content_main ****/

#content_main  #jumper_back
{
clear: both;
border-bottom: 1px dashed #999;
margin-bottom: 10px;
padding: 5px 0;
}


#content_main  h1.block_headline 
{
clear: both;
font-size: 100%;
padding-bottom: 10;
color: #009bee;
}

/**** copytext 

/**** copytext ****/

#content_main .block
{

margin: 0 0 5px 0;
padding:  0;
border: 0px dotted blue;
}

#content_main .block table
{
width: 570;
border-collapse: collapse;
border: 0px dashed red;
}
#content_main .block table td
{

border-bottom: 1px dashed #999;
vertical-align: top;
padding: 2 10 2 0;
}

#content_main .block table.abfall_table
{
width: 570;
border-collapse: collapse;
border: 1px solid #999;
}
#content_main .block table.abfall_table td
{
border: 1px dashed #999;
text-align: center;
padding: 2 0;
}
#content_main .block table.abfall_table td.title
{
font-weight: bold;
border-bottom-style: solid;
background-color: #eee;
}

#content_main .block img
{
border: 1px solid #696969;
}


#content_main  .block  h1.sub_headline
{
margin: 0;
padding: 0;
color: #76A928;
}



#content_main .block p
{
padding-bottom: 5;
margin-bottom: 10;
border: 0px dashed green;
}



#content_main .block ul
{
padding-bottom: 5;
margin-bottom: 5;
margin-left: 20;
list-style: square outside;
}
#content_main .block ul li
{
padding: 0;
}

#content_main .block .imgBox
{
border: 0px dotted green;
margin-bottom: 10px;
}

#content_main .left
{

margin-right: 10px;
}
#content_main .right
{

margin-left: 10px;
}
#content_main .block img.regular
{
float: left;
clear: left;
border: 1px dotted green;
margin: 0 10 5 0;
}



#content_main .imgCaption
{
display: block;
clear: both;
margin: 3px 0;
border: 0px solid red;
}
/* teaser listviews */
#content_main .copyList
{

}

#content_main .copyList .block
{

clear: both;
}

#content_main .copyList .block .imgBox
{
float: left;
width: 140px;
}
#content_main .copyList .block .txtBox
{
float: left; 
width: 410px;
}

#content_main .copyList img.left
{
margin-right: 10px;
}


#content_main a.copyLink
{
display: block;
padding: 5 0;
}
/*** content_bottom ***/
#content_bottom #bottomNav
{
border-top: 0px dashed #999;
}
#content_bottom a
{
display: block;
padding: 5 0;
}


/*** right contents ***/


/* margin boxen */



#right #content_margin
{
float: left;
width: 100%;
border: 0px solid red;
margin: 0px,
padding: 0px;
}

#right .marginBox
{
border: 0px solid red;
background: #f3f3f3;
margin: 0;
margin-bottom: 3px;
}

#right .marginBox h1
{
background: #fde113;
color: #009bee;
padding: 8px;
}
#right .marginBox .block
{
padding: 8px;
}
#right .marginBox .block p
{
margin-bottom: 8px;
}

#left .marginBox
{
border: 0px solid red;
background: #f3f3f3;
margin: 0;
margin-bottom: 3px;
width: 180px;
}

#left .marginBox h1
{
background: #009bee;
color: #fff;
padding: 8px;
}
#left .marginBox .block
{
padding: 8px;
}
#left .marginBox .block p
{
margin-bottom: 8px;
}



/* footer */



#footer .left
{
border: 0px dashed red;
padding: 5px 25;
}
#footer .right
{
float: right;
width: 220px;
padding: 5px 25;
text-align: right;
border: 0px dashed red;
}
/* bottom */

#bottom
{
}

/* forms */


#form
{
margin: 0;
padding: 0;
}

#form select
{
margin: 5 0;
padding: 2;
text-align: left;
width: 80%; 
}

#form input
{
margin: 5 0;
padding: 2 8;
}
/*
#base div,
#base p
{
border-width: 0;
}
*/

/* *********** galery popupwindow************** */

#galeryWindow 			
{  	
margin: 0;
padding: 0; 
text-align: center;
background: #f3f3f3;
}

#galeryBase 			
{
display: block;
clear: both;
width: 680px;
text-align: center;
margin: 0 auto;
padding: 10; 
border: 1px solid #999;
background: #e8e8e8;
}

#galeryTitle	 		
{	
clear: both;
display: block;
}
#galeryTitle h1 		
{	
padding: 15px 0;
color: 0099be
}

table#galeryBox			
{
clear: both;
background: #dedede;
text-align: center;
border-top: 1px solid #c7c8ba;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #c7c8ba;
}

table#galeryBox td#galeryImage
{
width: 680px;
height: 600px;
text-align: center;
vertical-align: middle;
border: 0px solid blue;
}
td#galeryImage img
{ 
border: 1px solid #fff;
}



#galeryText 
{ 
display: block;
clear: both;	
border: 0px solid orange;
padding: 20px 0;
}

#galeryNavi			
{
clear: both;
height: 30px;  		
border: 0px solid orange;
margin: 10px 0;
}

#galeryArrows 		
{ 		
float: left;
width: 75px;
text-align: left;
border: 0px solid red;
padding-left: 25px;
}
#galeryArrows a 		
{
color: #999;
margin-right: 0px;
padding: 1px;
}

#galeryNums 
{
float: right;
padding: 0px 25px;
text-align: right;
border: 0px solid red;
}
#galeryNums a 
{
}
#galeryNums .active
{
font-weight: bold;
}
#galeryNums a:hover
{
}

#galeryNums.ikons a,
#galeryNums.ikons .active
{
float: left;
font-size: 0;
margin-left: 4px;
padding: 0;
height: 12px;
width: 11px;
}
#galeryNums.ikons a
{
background-color: #fff;
color: #fff;
border: 1px solid #CCC;
}
#galeryNums.ikons .active
{
background-color: #009bee;
color: #009bee;
border: 1px solid #fff;
}
#galeryNums.ikons a:hover
{
background: #fde113;
border: 1px solid #009bee;
color: #fde113;
}	
/* *********** sitemap************** */

#sitemap			
{  	
}

#sitemap .sitemapBlock			
{  	
}

#sitemap .sitemapBlock a			
{
display: block; 
color: #999; 	
}

#sitemap .sitemapBlock a:hover			
{
color: #009bee;
text-decoration: underline;  	
}
#sitemap .sitemapBlock h3		
{ 
color: #009bee;
margin-bottom: .2em;	
}

#sitemap .sitemapBlock h3 a			
{ 
color: #009bee;
}

#sitemap .sitemapBlock ul.menuLevel1Box			
{
padding-left: 0px;
font-weight: bold;
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px dashed #999; 	
}

#sitemap .sitemapBlock ul.menuLevel1Box	li		
{  	
}

#sitemap .sitemapBlock ul.menuLevel1Box	li a		
{  	
}

#sitemap .sitemapBlock ul.menuLevel2Box			
{ 
padding-left: 10px; 
font-weight: normal; 	
}

#sitemap .sitemapBlock ul.menuLevel2Box	li		
{  	
}

#sitemap .sitemapBlock ul.menuLevel2Box	li a		
{  	
}

#sitemap .sitemapBlock ul.menuLevel3Box			
{
padding-left: 10px;   	
}

#sitemap .sitemapBlock ul.menuLevel3Box	li		
{  	
}

#sitemap .sitemapBlock ul.menuLevel3Box	li a		
{  	
}