* {margin: 0; padding: 0;}

.invisible,
span.here,
.versteckt{
	text-indent: -999em; 
	visibility: hidden; 
	height: 0; 
	position: absolute; 
	top: 0; 
	left: 0;
	}
	
.clearer{
	width: 100%; 
	clear: both; 
	font-size: 0; 
	line-height: 0; 
	height: .01em; 
	}
	
body { 
	font-family: Verdana, Arial, sans-serif;
	height: 100%;
	background: #003466 url(../design/streifen.gif) center top repeat-y;    
	text-align: center;  
}


ul {
        list-style-type: square; 
        list-style-position: outside; 
}


ol {
	list-style-position: outside;
	}


a{
	text-decoration: none;
}

/**** LAYOUT **************************************************************************************/

#rahmen{ 
	width: 58em; 
	margin: 0 auto;
	text-align: left;
}

#kopf {
	width: 100%; 
	position: relative;
	height: 13.5em;
	background: #599ADA url(../design/kopfstreifen.gif) 0 12.5em no-repeat;
}


#logo{
	float: left;
	}
	
#logo img{
	padding: .2em 0 0 1.5em;
	}
	
	
#flaggen{
	float: left;
	margin: .3em 0 0 18em;
}

	
#oben {
	background: white;
	width: 40em;
	height: 2em;
}
	


#links {
	width: 40em;
	background: url(../design/schriftzug.jpg) 0 3.5em no-repeat;
	height: 12.5em;
}

#sub {
	background: #fff;
	width: 40em;
	padding: .2em 0 .2em 1.5em;
	position: absolute;
	left: 0;
	bottom: 1em;
	z-index: 1;
}


#kopfbild{
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
}

span.platz{
	margin: 0 0 0 2em;
}

/******** INHALTSBEREICH ***************************************/

#innen {
	width: 55em;
	margin: 0 auto;
	padding: 1em 0 ;
}


#inhaltsrahmen {
	float: left;
	width: 39em;		
}

#inhalt {
	padding: 1em;
	border: 1px solid #ccc;
}

#inhalt h1 {
	font-size: 85%;
	background: #838587;
        color: #FFF;
        font-weight: bold;
	border-bottom: 1px solid #340101;
	padding: .3em;
	margin: 0 0 1em 0;
}

#inhalt h2 {
	font-size: 1em;
	color: #000;
	font-weight: bold;
}

#inhalt li,
#inhalt p {
	font-size: 70%;
	margin: 0 0 1.4em 0;
}

#inhalt li{
	padding: 0 0 0 1em;
	margin: 0 0 .4em 0;
}

#inhalt ul{
	padding: 0 0 0 1.2em;
	margin: 0 0 1em 0;
}

#inhalt a{
	color: #003466;
}


#inhalt a:hover{
	color: #005cb3;
}


/* NAVIGATION ******************************************************************************************************/

#navigation {
	background: url(../design/navi1.gif) center top repeat-y;
	text-align: left;
	float: left;
	margin: 0 3em 0 0;
}

#navioben {
	background: url(../design/navi_oben.gif) center top no-repeat;
	height: 2em;
	width: 12.5em;	
}

#naviunten {
	background: url(../design/navi_unten.gif) center bottom no-repeat;
	height: 2em;
	width: 12.5em;
}

#navigation ul {
	list-style-type: none;
	width: 12.5em;
}

#navigation ul li{
	font-size: 70%;
	margin: 0 2px;
}

#navigation a{
	color: #fff;
	display: block;
	background: #005cb3;
	padding: .3em .5em;
	border-bottom: 1px solid #003d7a;
	border-top: 1px solid #80aed9;
}

#navigation a:hover{
	color: #fff;
	display: block;
	background: #2b5c8d;
	border-bottom: 1px solid #003d7a;
	border-top: 1px solid #80aed9;
}

#navigation li.mehr{
	background: #003466;
	padding: .3em .5em;
}


#navigation li.mehr p{
	color: white;
	font-weight: bold;
}




/*****************************************NEWS DEKLARATIONEN *******************************************************************************************************/


/***************************** LISTEN ANSICHT ***********************************************************/

#inhalt .news-list-item{font-size: 1em; clear: left; padding: .3em 0 0 0; border: 1px solid #DCE0DD; margin: .3em 0;}
#inhalt .news-list-item p{}
#inhalt .news-list-item p.news-list-date{padding: 0 0 0 .5em}

#inhalt .news-list-innen{padding: 0 .5em;}
#inhalt .news-list-innen img{padding: 0 .3em 0 0; float: left;}
#inhalt .news-list-item .news-bilderrahmen {float: left; margin: .3em .5em 0 0 ;}
#inhalt .news-list-item .news-bilderrahmen a:hover{border-bottom: 0;}

#inhalt .news-list-item h3{padding: .3em; display: block; background: #f4f3f3; font-size: .7em; margin: 0 0 .5em 0;  border-bottom: 1px solid #DCE0DD;}
#inhalt .news-list-item h3 a{color: #4e5567;}
#inhalt .news-list-item h3 a:hover{color: #00267F; border-bottom: 0px}

#inhalt .news-list-item h4{padding: 0 .5em; line-height: 1.4em; display: block; background: #f4f3f3; font-size: .7em; margin: 0 0 .5em 0;  border-bottom: 1px solid #DCE0DD;}
#inhalt .news-list-item h4 a{color: #4e5567; }
#inhalt .news-list-item h4 a:hover{color: #00267F; border-bottom: 0px}

#inhalt .news-list-item p.news-list-morelink{text-align: right;}
#inhalt .news-list-item p.news-list-morelink a{color: #627768; border-bottom: 1px dashed #627768}
#inhalt .news-list-item p.news-list-morelink a:hover{color: #3C483F;}
#inhalt .news-list-item .leer{ clear: left; height: .5em; line-height: .05em;}


/***************************** SINGLE ANSICHT ***********************************************************/
#inhalt .news-single-item .clearer{font-size: 0; width: 0; clear: both;}

#inhalt .news-single-item{margin:0 0 .5em 0;}

#inhalt .news-single-item a{color: #033A6D; border-bottom: 0px dashed #fff}
#inhalt .news-single-item a:hover{color: #000; border-bottom: 1px dashed #627768}

#inhalt .news-single-item .news-single-img {float: left; margin: 0 .5em 0 0;}
#inhalt .news-single-item .news-single-img a:hover{border:0px;}

#inhalt .news-single-item ul{margin: .3em 0 .3em 1.5em;}
#inhalt .news-single-item p{font-size: .7em; line-height: 1.4em; margin: 0 0 .5em .4em;}
#inhalt .news-single-item li{font-size: .7em; line-height: 1.4em;}

#inhalt .news-single-item .titel{display: block; margin: 0 0 1em 0; background: #f4f3f3; padding: .3em 0 0 0 ; border-bottom: 1px solid #4e5567;}
#inhalt .news-single-item .titel p.titel_single{width: 30em; font-weight: bold; float: left; margin: 0; font-size: .8em; padding: .1em 0 0 .3em;}
#inhalt .news-single-item .titel p.news-single-timedata{float: left; width: 18em; display: block; padding: .3em .5em 0 0 ; font-weight: normal; font-size: .7em; }


#inhalt div.news-single-item p.news-single-backlink{clear: left; border-top: 1px dashed #627768; margin: .5em 0 0 .4em;}
#inhalt div.news-single-item p.news-single-backlink a{font-weight: bold; border: 0px; line-height: 2em;}

#inhalt div.news-single-img  img{ margin: 0 12px 20px .3em; float: left;}
 

/***************************** BROWSERBOX *******************************************************/

#inhalt .news-list-browse{
padding: .2em 0; 
background: #EFEFEF; 
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ccc;
font-size: .65em;
}

#inhalt .news-list-browse p{float: left;}
#inhalt .news-list-browse p.anzeige{margin: 0 2em 0 0; padding: 0 2em 0 .4em; border-right: 1px solid #D1DBE3;}


#inhalt .news-list-browse span.seite a{color: black; padding: 0 .2em; border: 1px solid #DCE0DD; margin: 0 .2em; background: white}
#inhalt .news-list-browse span.seite a:hover{border: 1px solid #000; }

#inhalt .news-list-browse span.vor a{margin: 0 .2em;}
#inhalt .news-list-browse span.vor a:hover{border: 0px; color: #000; }


#inhalt p.Bild-links-Neue-Zeile{clear: left; display: block;}

#inhalt .news-list-browse table p {margin: 0;}
#inhalt .news-list-browse table td {margin: 0; padding: 0;}
