/*
ci cmyk
#dff0f0 Kasten hellblau
navig
#cac2a6 dbr
#e6e3c2 mbr
#edebd4 hbr

#f5863c orange

inqa
#ebf7fb Kasten hellblau
#52859a Kasten Header
#306479 Links, Schrift blau
*/

body{
margin: 0px;
border: 0px solid red;
padding: 0px;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
background:#ffffff;
}

#crps{
width: 985px;
margin: 0px 0px 0px 10px;
border: 0px dotted #dddddd;
padding: 0px;
}

#dgl-top{
width:100%;
height: 81px;
margin: 0px;
border: 0px solid #dddddd;
padding: 0px;
background: #ffffff;
}

#dgl-top-l{
float: left;
height: 81px;
width: 240px;
margin: 0px;
border-top: 0px solid #dddd00;
padding: 0px;
}

#dgl-top-r{
float: right;
height: 81px;
width: 740px;
margin: 0px 0px 0px 0px;
border-top: 0px solid #ff0000;
padding: 0px;
background: url(http://billmark.mmk-hagen.de/fileadmin/agenturmark/template/main/image/xyzam-graph.jpg) #ffffff no-repeat;
background: none;
background: url(http://billmark.mmk-hagen.de/fileadmin/demografie-lotsen/template/images/dgl-header-entwurf-5.jpg) #ffffff no-repeat;
background: url(/fileadmin/demografie-lotsen/template/images/dgl-header-entwurf-5.jpg) #ffffff no-repeat;
}

#dgl-top-r img{
float: right;
margin-top: 19px;
}


#dgl-topd{
width:100%;
line-height: 4px;
font-size: 4px;
height: 16px;
margin: 0px;
border: 0px solid green;
padding: 0px;
background: url(http://billmark.mmk-hagen.de/fileadmin/bill/images/am-line-19-01-6.png) #ffffff no-repeat;
background: url(/fileadmin/bill/images/am-line-19-01-6.png) #ffffff no-repeat;
}


#dgl-header{
height: 25px;
width:100%;
margin: 0px;
border: 0px solid red;
padding: 0px;
background:#ffffff;
}

#dgl-header-c{
height: 20px;
margin: 4px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
float: right;
}

#am-left{
height: 72%;
float: left;
width: 210px;
margin: 0px 0px 0px 0px;
border: 0px solid blue;
padding: 0px 0px 0px 0px;
background: #ffffff;
}


#am-menuleft{
margin: 0px 0px 0px 0px;
border: 0px solid #dddd00;
padding: 0px 0px 0px 0px;
background: #eeeeee;
}



#am-mcasearch, .starthinweis{
height: 40px;
margin: 0px 0px 0px 0px;
border: 0px solid #dddddd;
border-top: 2px solid #ffffff;
padding: 12px 0px 0px 10px;
background: #cac2a6;
font-weight:bold;
color: #ffffff;
}
.starthinweis{
height: 25px;
border-top: 10px solid #ffffff;
background: #52859a;
}
.starthinweis a{ color: #ffffff; font-weight: normal;}

#am-right{
height: 72%;
float: right;
width: 205px;
margin: 0px 0px 0px 0px;
border: 0px solid #dd0000;
padding: 0px 0px 0px 0px;
color: #666666;
background: #dff0f0;
}


#am-content{
margin: 20px 400px 0px 100px;
margin: 0px 220px 0px 225px;

float: left;
width: 500px;
margin: 0px 0px 0px 15px;



border: 0px solid #666666;
border-left: 0px dotted #eeeeee;
border-right: 0px dotted #eeeeee;
padding: 20px;
background: #f3f3f3;
background: #ffffff;
color: #666666;
}

#am-content-c{
margin: 0px 0px 0px 0px;
border: 0px solid #666666;
padding: 0px 0px 0px 0px;
}

#am-footer{
clear:both;
font-size: 90%;
text-align: center;
margin: 0px 0px 0px 0px;
border: 0px solid #dddddd;
padding: 4px 0px 4px 4px;
color: #666666;
background:#ffffff;}

/***********************************   Navigation 18.12.2006   *************************************/

.am-n1n, .am-n1a, .am-n2n, .am-n2a, .am-n2c, .am-n2n-ausgrau, .am-n2c-ausgrau, .am-n3n, .am-n3a, .am-n3c, .am-n4n, .am-n4a, .am-n4c {

/* height: 24px; 29.1.07 und 2.2.2007 */

line-height: 125%;
	
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 89%;
margin: 0px 0px 0px 0px;
border: 0px solid blue;
border-bottom: 1px solid white;
padding: 0px 0px 0px 0px;

background-color:#e6e3c2;
}


.am-n1a a{
	display: block;
	min-height: 14px; 
	text-decoration: none;
	font-weight: bold;
	
	border-left: 8px solid #cac2a6;
	padding-top: 5px;
	padding-bottom: 5px;
	 
	background-color:#cac2a6;
	color: #ffffff;
}


/*************** MO  1 ********/
.am-n1n a,
.am-n1n a:link,
.am-n1n a:visited,
.am-n1n a:hover,
.am-n1n a:active,
.am-n1n a:focus {
	display: block;
	min-height: 14px; 
	color: black;
	text-decoration: none;
	border-left: 8px solid #e6e3c2;
	padding-top: 5px;
	padding-bottom: 5px; 
}
.am-n1n a:hover,
.am-n1n a:active,
.am-n1n a:focus {
	color: #000000;
	background: #fafafa;
	border-left: 8px solid #fafafa;
}
/* Hacks  begin >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* IE5/5.5 value */
	/* Gecko value */
.am-n1n a {
	height: 14px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
	/* IE6 value */
* html .am-n1n a { /*\*/ heigh\t: 14px; /* */}
	/* IE5.0 hack, because IE5.0 will not read the next property, if a hack was inserted */
#dummy { visibility: visible; }
/* Hacks  end <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


.am-n2a a, .am-n2c a{
	display: block;
	min-height: 14px; 
	text-decoration: none;
	font-weight: bold;
	border-left: 18px solid #eeeeee;
border-left: 4px solid #f5863c;
padding-left: 14px;
	padding-top: 5px;
	padding-bottom: 5px; 
	
	background-color:#edebd4;
	color: #000000;
}
.am-n2a a{
border-left: 4px solid #eeeeee;
}

/*************** MO 2 ********/
.am-n2n a,
.am-n2n a:link,
.am-n2n a:visited,
.am-n2n a:hover,
.am-n2n a:active,
.am-n2n a:focus {
	display: block;
	min-height: 14px; 
	color: black;
	text-decoration: none;
	border-left: 18px solid #d6d6d6;
	padding-top: 5px;
	padding-bottom: 5px; 
	background-color:#d6d6d6;
	
border-left: 18px solid #edebd4;
background-color:#edebd4;
}
.am-n2n a:hover,
.am-n2n a:active,
.am-n2n a:focus {
	color: #000000;
	background: #fafafa;
	border-left: 18px solid #fafafa;
}
/* Hacks  begin >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* IE5/5.5 value */
	/* Gecko value */
.am-n2n a {
	height: 14px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
	/* IE6 value */
* html .am-n2n a { /*\*/ heigh\t: 14px; /* */}
	/* IE5.0 hack, because IE5.0 will not read the next property, if a hack was inserted */
#dummy { visibility: visible; }
/* Hacks  end <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/******************************** Ergänzung ausgrau 27.11.2008 */

.am-n2n-ausgrau a,.am-n2c-ausgrau a,
.am-n2n-ausgrau a:link,.am-n2c-ausgrau a:link,
.am-n2n-ausgrau a:visited,.am-n2c-ausgrau a:visited,
.am-n2n-ausgrau a:hover,.am-n2c-ausgrau a:hover,
.am-n2n-ausgrau a:active,.am-n2c-ausgrau a:active,
.am-n2n-ausgrau a:focus, .am-n2c-ausgrau a:focus {
	display: block;
	min-height: 14px; 
	color: #666666;
	text-decoration: none;
	font-style: italic;
	border-left: 18px solid #d6d6d6;
	padding-top: 5px;
	padding-bottom: 5px; 
	background-color:#d6d6d6;
	
border-left: 18px solid #edebd4;
background-color:#edebd4;

background-image: url(http://billmark.mmk-hagen.de/fileadmin/demografie-lotsen/template/images/lock-2.png);
background-repeat: no-repeat;
background-position: 160px 10px;
}
/******************************** Ergänzung ausgrau 27.11.2008 */


.am-n3a a, .am-n3c a{
	display: block;
	min-height: 14px; 
	text-decoration: none;
	font-weight: bold;
	border-left: 28px solid #eeeeee;
border-left: 4px solid #f5863c;
padding-left: 24px;
	padding-top: 5px;
	padding-bottom: 5px; 
	
	background-color:#edebd4;
	color: #000000;
}
.am-n3a a{
border-left: 4px solid #eeeeee;
}


/*************** MO 3 ********/
.am-n3n a,
.am-n3n a:link,
.am-n3n a:visited,
.am-n3n a:hover,
.am-n3n a:active,
.am-n3n a:focus {
	display: block;
	min-height: 14px; 
	color: black;
	text-decoration: none;
	border-left: 28px solid #e3e3e3;
	padding-top: 5px;
	padding-bottom: 5px; 
	background-color:#e3e3e3;
	
border-left: 28px solid #edebd4;
background-color:#edebd4;
}
.am-n3n a:hover,
.am-n3n a:active,
.am-n3n a:focus {
	color: #000000;
	background: #fafafa;
	border-left: 28px solid #fafafa;
}
/* Hacks  begin >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* IE5/5.5 value */
	/* Gecko value */
.am-n3n a {
	height: 14px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
	/* IE6 value */
* html .am-n3n a { /*\*/ heigh\t: 14px; /* */}
	/* IE5.0 hack, because IE5.0 will not read the next property, if a hack was inserted */

#dummy { visibility: visible; }
/* Hacks  end <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.am-n4a a, .am-n4c a{
	display: block;
	min-height: 14px; 
	text-decoration: none;
	font-weight: bold;
	border-left: 28px solid #eeeeee;
	border-left: 38px solid #eeeeee;
border-left: 4px solid #f5863c;
padding-left: 34px;
	padding-top: 5px;
	padding-bottom: 5px; 
	background-color:#eeeeee;
	color: #000000;
}

.am-n4a a{
border-left: 4px solid #eeeeee;
}


/*************** MO 4 ********/
.am-n4n a,
.am-n4n a:link,
.am-n4n a:visited,
.am-n4n a:hover,
.am-n4n a:active,
.am-n4n a:focus {
	display: block;
	min-height: 14px; 
	color: black;
	text-decoration: none;
	border-left: 28px solid #e3e3e3;
	border-left: 38px solid #e3e3e3;
	
	padding-top: 5px;
	padding-bottom: 5px; 
	background-color:#e3e3e3;
border-left: 38px solid #eeeeee;
background-color:#eeeeee;
}
.am-n4n a:hover,
.am-n4n a:active,
.am-n4n a:focus {
	color: #000000;
	background: #eeeeee;
	border-left: 28px solid #eeeeee;
	border-left: 38px solid #eeeeee;
background: #fafafa;
border-left: 38px solid #fafafa;
	
}
/* Hacks  begin >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* IE5/5.5 value */
	/* Gecko value */
.am-n4n a {
	height: 14px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
	/* IE6 value */
* html .am-n4n a { /*\*/ heigh\t: 14px; /* */}
	/* IE5.0 hack, because IE5.0 will not read the next property, if a hack was inserted */
#dummy { visibility: visible; }
/* Hacks  end <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



.am-navigh {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%;}
.am-navigh a{text-decoration: none; color: #656565;}



/**********************************************   Layout verschiedene  ******************************************/


h1, h2, h3, h4 {
font-size: 160%;
font-weight: normal;
text-decoration: none;
color: #306479;
margin: 0px 0px 0px 0px;
border: 0px solid black;
padding: 0px;
}


h2 {font-size: 120%; margin: 0px 0px 0px 0px; font-weight: bold; color: #565656; }

h3 {font-size: 100%; margin: 0px 0px 0px 0px; font-weight: bold; color: #565656; }

h4 {text-align: center; font-size: 120%; margin: 20px 0px 10px 0px; border: 0px solid black; padding: 4px 0px 4px 0px; font-weight: bold; color: #565656; }

.menu-seite{
margin: 2px 0px 2px 0px;
border: 1px solid #565656;
padding: 4px 0px 4px 0px;
background: #eeeeee;
}

.menu-seite a{
color: #656565;
}

#am-content a, #am-right a{
color: #306479;
text-decoration: none;
}

#am-content a:hover, #am-right a:hover{
color: #306479;
text-decoration: underline;
}

/*
.bill-search-form{
margin: 0px 20px 0px 0px;
border: 1px solid #565656;
border: 0px solid #807677;
padding: 6px 6px 6px 6px;
background: #e0e0e0;
background: #f3f3f3;
color:#000000;
}


.address{
margin: 0px 0px 0px 0px;
border: 1px solid #565656;
padding: 4px 4px 4px 4px;
background: #f5f5f5;
}
**************/

/**********************************************   DAM-DOWNLOAD  ******************************************/
table.tx-damdownloads-pi1-list {
border-top: 8px solid #ffffff;
border-bottom: 0px solid #ffffff;
}

table.tx-damdownloads-pi1-list img{
border-top: 0px solid #ffffff;
}

/**********************************************   container rechts   ******************************************/
/**********************************************   Top-News   ******************************************/

.dgl-infobox-container, .dgl-infodl-container {
font-size: 95%;
width: 100%;
margin: 0px;
margin-bottom: 20px;
border: 0px solid #000000;
padding: 0px;
background: #dff0f0;
}

.dgl-infobox-header, .dgl-infodl-header {
height: 24px;
font-weight: bold;
color: #ffffff;
margin:  0px;
border: 0px solid green;
padding: 4px 0px 0px 8px;
background: #52859a;
}

.dgl-infobox-body, .dgl-infodl-content, .dgl-infodl-content-foe {
font-size: 90%;
margin: 0px;
border: 0px solid green;
padding: 4px 0px 4px 0px;
padding: 4px 4px 4px 4px;
}


.dgl-infobox-body a, .dgl-infodl-content a{
text-decoration: none;
color: #f5863c;
}




.tx-ttnews-browsebox TD { font-size: 11px;}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
.tx-ttnews-browsebox-SCell { background-color: #FFFFFF; }


.news-list-headline, .news-single-headline { font-size: 110%; font-weight: bold; }
.news-list-headline a, .news-single-headline a{ text-decoration: none; color: #E67D3E; }


/**********************************************   Schulungen   ******************************************/
/**********************************************   Liste   WFQBE ******************************************/
.tx-wfqbe-pi1 {
border: 0px solid #0000ff;
line-height: 130%;
}

.list-body-element, .list-header-element, .list-body-element-short, .list-header-element-short, .list-body-element-long, .list-header-element-long {
float: left;
width: 17%;width: 19%;
font-size: 90%;
margin: 0px 0px 4px 0px;
border: 0px solid #cc0000;
padding: 3px 8px 3px 8px;padding: 3px 3px 3px 3px;
background: #dff0f0;
}

.list-header-element, .list-header-element-short, .list-header-element-long {
font-size: 100%;
font-weight: bold;
color: #000000;
text-align: center;
}

.list-body-element-short, .list-header-element-short {
width: 14%;width: 15%;
}

.list-body-element-long, .list-header-element-long {
width: 22%;width: 26%;
}

.list-body-element, .list-body-element-short , .list-body-element-long {
background: #efffff; height: 32px;
}

/**********************************************   Details  WFQBE ******************************************/

.details1 {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
border: 0px solid #000000;
padding: 3px 8px 3px 8px;
padding: 3px 0px 3px 8px;
background: #dff0f0;
}

.details2, .details3, .details4 {
float: left;
width: 100%;
font-size: 90%;
margin: 8px 0px 8px 0px;
border: 0px solid #000000;
padding: 3px 8px 3px 8px;
padding: 3px 0px 3px 8px;
}
.details2 {
margin: 0px 0px 0px 0px;
}

.details-logo img{
float: right;
}


/*********************************** Lotsen 05-03-2010 ****************************************************/
/**********************************************   Liste   WFQBE ******************************************/

.lotse-list-header-element {
margin-top: 20px;
color: red;
font-weight: bold;
}

.lotse-list-body-titel {
font-weight: bold;
margin-top: 10px;
padding: 5px 5px 5px 5px;
background: #52859a;
color: #ffffff;
}

.lotse-list-body-element {
margin-top: 4px;
}

.lotse-list-body-element h3 {border: 0px solid cyan; font-size: 100%; margin: 4px 0px 0px 0px; font-weight: bold; color: #565656; }

.lotse-details2l h3, .lotse-details3 h3, .lotse-details4 h3 {border: 0px solid cyan; font-size: 100%; margin: 4px 0px 0px 0px; font-weight: bold; color: #565656; }

.lotse-list-body-details {
padding: 0px 0px 20px 0px;
}
/**********************************************   Details  WFQBE ******************************************/

.lotse-details1 {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
border: 0px solid #000000;
padding: 3px 0px 3px 0px;

}

.lotse-details2, .lotse-details3, .lotse-details3dok, .lotse-details4 {
float: left;
width: 100%;
font-size: 100%;
margin: 8px 0px 8px 0px;
border: 0px solid #000000;
padding: 3px 0px 3px 0px;
}
.lotse-details2 {
margin: 0px 0px 0px 0px;
}
.lotse-details3dok {
margin: 0px 0px 8px 0px;
border: 0px solid #000000;
padding: 0px 0px 0px 0px;
}
.lotse-details2l, .lotse-details2r{
float: left;
width: 45%;
}
.lotse-details2r, .lotse-details2r img{ float: right;}


/**********************************************   Lotse nach Ort ******************************************/

#mkim{
width: 400px;
height: 564px;
font-size: 79%;
font-weight: bold;
margin: 0px;
border: 0px solid green;
padding: 0px;
background: url(/fileadmin/demografie-lotsen/template/images/d-map.jpg) #ffffff no-repeat;
}

.thuer, .schle, .sachs, .sachsa, .saarl, .rhein, .nordr, .nieder, .meckl, .hesse, .hambu, .breme, .brande, .berli, .bayer, .baden{
position: absolute;
border: 0px solid red;
padding: 0px;
background-color: #f4f4f4;
}

.thuer {margin: 300px 0px 0px 200px;}
.schle {margin: 90px 0px 0px 150px;}
.sachs {margin: 280px 0px 0px 300px;}
.sachsa {margin: 220px 0px 0px 220px;}

.saarl {margin: 390px 0px 0px 30px;}
.rhein {margin: 340px 0px 0px 50px;}
.nordr {margin: 240px 0px 0px 70px;}
.nieder {margin: 180px 0px 0px 150px;}

.meckl {margin: 110px 0px 0px 250px;}
.hesse {margin: 310px 0px 0px 130px;}
.hambu {margin: 130px 0px 0px 170px;}
.breme {margin: 160px 0px 0px 140px;}

.brande {margin: 170px 0px 0px 270px;}
.berli {margin: 190px 0px 0px 310px;}
.bayer {margin: 410px 0px 0px 220px;}
.baden {margin: 430px 0px 0px 120px;}









/***************************                                       alte news            */
.news-single-img {
	padding:2px;	
	margin:2px;
	border:1px solid #000;
	background-color:#0FFFFF;
}

.news-amenu-container {

	margin:0px;
	border:2px solid #ffffff;
	padding:4px 0px 4px 0px;	
	background-color:#eeeeee;
}
.news-amenu-container ul{
	margin:0px;
	margin-top:4px;
	padding:0px;	
	padding-left:12px;
	border:0px solid #ff0000;
}

.news-amenu-container li{
	list-style:none;
	padding:0px;	
	border:0px solid #0000ff;
	font-size: 80%;
}
.news-amenu-container dd{
	padding:0px;	
	border:0px solid #0000ff;
	font-size: 100%;
}

.news-amenu-container p {
	margin:0px;
	padding:0px;	
	padding-left:12px;	
	border:0px solid #0000ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #656565;
}

.news-latest-container {
	margin:0px;
	border:0px solid #ffffff;
	padding:4px;	
	font-family: Arial, Helvetica, sans-serif;
	color: #656565;
/*	background:#ffffff;*/
	
	}

}

.news-latest-container h2, h3 {
	margin:0px;
	margin-bottom:10px;
	border:0px solid #00ff00;
	padding:0px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #656565;
}
.news-latest-container h3 {
	margin-bottom:4px;
	border-bottom:0px solid #dddddd;
	font-size: 80%;
}

.news-latest-item {
	margin:0px;
	border:0px solid #ff00ff;
	padding:0px;	
}


/*********************************** Neu AM-Portal ab 06-02-2007 ****************************************************/

.news-list-headline {
	margin: 0px 0px 8px 0px;
	border: 0px solid #ff00ff;
	padding:0px;	
}

.news-list-date {
	font-weight: normal;
	font-size: 90%;
	margin:0px;
	border:0px solid #ff00ff;
	padding:0px;	
}

.news-list-text img {
	margin: 0px 0px 0px 0px;
	border: 0px solid #ff00ff;
	padding: 4px;	
}

.news-list-item hr.clearer{
	clear: both;
	margin:0px;
	border:1px solid #dddddd;
	padding:0px;	
}

hr.clearer {
	
	border:1px solid #dddddd;
}

.news-single-headline {
	color: #f5863c;	
}


.tx-ttnews-browsebox{
	text-align: center;
	line-height: 150%;
	margin:0px;
	border:0px solid #ff00ff;
	padding:0px;	
}


