/**************************
***      BODY, HTML     ***
**************************/
* 					{padding: 0; margin: 0; border: 0;}
body 				{font-size: 70%; padding: 0; margin: 0; border: 0;}
body, html 			{color: #000; font-family: Verdana, Arial, Tahoma, sans-serif; height: 100%; background: url(../images/bg_main.jpg) repeat-y; padding: 0; margin: 0; border: 0;}
#mainContainer 		{width: 996px; min-height: 100%; background: url(../images/bg_bottom.jpg) bottom no-repeat;}
* html #mainContainer {height: 100%;} /*** IE doesn't support min-height ***/
.clear 				{clear: both;}

/**************************
***       HEADER        ***
**************************/
#header 			{padding: 0px; height: 126px;}
#header_top 		{width: 100%; height: 14px; background: url(../images/header_top.jpg) no-repeat;}
#opener_left 		{width: 811px; height: 84px; float: left;}
#opener_right 		{width: 170px; height: 70px; float: left; text-align: right; padding: 14px 15px 0 0;}

/**************************
***      NAVI OBEN      ***
**************************/
#navi_top 			{height: 28px; width: 100%; clear: both; background: url(../images/navi_top.jpg) no-repeat;}
#meta_navi 			{width: 186px; text-align: center; padding: 10px 15px 0px 0px; height: 18px;}
#haupt_navi 		{width: 595px; text-align: right; padding: 8px 15px 0px 0px; height: 20px;}
#suche_navi 		{width: 165px; text-align: center; padding: 6px 10px 0px 10px; height: 22px;}
#meta_navi, #haupt_navi, #suche_navi {float: left;}

/**************************
***   CONTENT, COLUMNS  ***
**************************/
.outer 				{padding-left: 201px;}
* html .outer 		{padding-right: 185px;} /*** Normally this shouldn't be in this hack, it should be in .outer, but because of IE7 I had to ***/
.inner 				{width: 795px; padding-bottom: 30px;} /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. */
* html .inner 		{width: 100%;}
.float-wrap 		{float: left; width: 811px; margin-left: -201px;} /*** Same length as .outer padding-left but with negative value ***/
#content 			{float: right; width: 555px; padding: 0px 30px 30px 25px; line-height: 1.6em;}
* html #content 	{position: relative;}  /*** IE needs this  ***/

/**************************
***     LEFT COLUMN     ***
**************************/
#left 				{float: left; width: 201px; padding: 35px 0 0 0; background: url(../images/navi_scherenschnitt.jpg) no-repeat 0 0;}
* html #left 		{position: relative;}  /*** IE needs this  ***/

/**************************
***    RIGHT COLUMN     ***
**************************/
#right 				{float: right; width: 165px; padding: 35px 10px 0 10px; text-align: center;}
* html #right 		{position: relative; margin-right: -185px;}

/**************************
***        FOOTER       ***
**************************/
#footer 			{width: 996px; height: 20px; text-align: center; margin-top: -20px;}

/**************************
***   NAVIGATION OBEN   ***
**************************/
a.navitop 			{color: #00325e; text-decoration: none;}
a.navitop:hover		{color: #a5135b; text-decoration: none;}
a.navitop_open 		{color: #a5135b; text-decoration: none;}
a.navimeta 			{color: #00325e; text-decoration: none; display: block; margin: 0 0 5px 0;}
a.navimeta:hover	{color: #a5135b; text-decoration: none; display: block; margin: 0 0 5px 0;}
a.navimeta_open 	{color: #a5135b; text-decoration: none; display: block; margin: 0 0 5px 0;}
a.map 				{padding-right: 0; background-image: none; background-repeat: no-repeat; color: #004078; border-bottom: none; text-decoration: none;}
a.map:hover 		{background-image: none; color: #a5135b;}
a#map 				{padding-right: 0; background-image: none; background-repeat: no-repeat; color: #004078; border-bottom: none; text-decoration: none;}
a#map:hover 		{background-image: none; color: #a5135b;}

/**************************
***   NAVIGATIONSPFAD  ***
**************************/
#navigationspfad	{height: 15px; padding: 10px 0px 15px 0px; font-size: 0.9em; color: #809DBB; width: 375px; float: left;}
a.bc 				{color: #809DBB; text-decoration: none;}
a.bc:hover 			{text-decoration: underline;}
.addthis_toolbox 	{width: 180px; float: left; height: 15px;  padding: 10px 0px 15px 25px; margin-right: -25px; text-align: right;}

/**************************
***   NAVIGATION LEFT   ***
**************************/
#navlist_1, #navlist_2 	{padding: 0;}
#navlist_1 li, #navlist_2 li {list-style: none; margin: 0; text-align: left;}
#navlist_1 li 			{font-size: 1.2em;}
#navlist_2 li 			{font-size: .90em;}
#navlist_1 li a 		{display: block; text-decoration: none; padding: 0.6em 0 0.3em 1em;}
#navlist_1 li a:link, #navlist_1 li a:visited, #navlist_2 li a:link, #navlist_2 li a:visited {color: #00325e;}
#navlist_1 li a:hover 	{color: #a5135b; font-weight: bold; background: url(../images/navi_hover.jpg) no-repeat bottom;}
#navlist_1 li a.open 	{background: url(../images/navi_hover.jpg) no-repeat bottom; color: #a5135b; font-weight: bold;}
#navlist_2 li a 		{display: block; text-decoration: none; padding: 0.5em 0 0.3em 2em;}
#navlist_2 li a.open 	{background: none;}
#navlist_2 li a:hover 	{color: #a5135b; font-weight: bold; background: none;}

/**************************
***      HEADLINES      ***
**************************/
h1, h2, h3 			{font-weight: bold; padding-bottom: 1em; color: #004078;}
h1 					{font-size: 1.4em;}
h2 					{font-size: 1em; padding: .1em 0 .1em 0;}
h3 					{font-size: 1.1em; padding: .5em 0em .1em 0em;}

/**************************
***        LINKS        ***
**************************/
a[href^="http://"], a[href^="https://"], a[href^="mailto:"] {padding-right: 14px; background-image: url(../images/icons/link_extern.gif); background-position: center right; background-repeat: no-repeat; color: #004078; border-bottom: 1px solid; text-decoration: none;}
a[href^="http://"]:hover, a[href^="https://"]:hover, a[href^="mailto:"]:hover {background-image: url(../images/icons/link_extern_on.gif);}
a[href^="http://www.etracker.de"], a[href^="https://www.etracker.de"], a[href^="http://www.etracker.com"], a[href^="https://www.etracker.com"] {padding: 0; background: none; background-repeat: no-repeat; border: 0; text-decoration: none;}
a 					{color: #004078; text-decoration: underline;}
a:hover 			{color: #a5135b;}
a.map {color: #004078; padding-right: 0; background-image: none; background-repeat: no-repeat; border-bottom: none; text-decoration: none;}
a.map:hover {color: #a5135b; padding-right: 0; background-image: none; background-repeat: no-repeat; border-bottom: none; text-decoration: none;}

/**************************
***       Formular      ***
**************************/
fieldset {
	width: 530px;
	padding: 8px 0 10px 0;
	border: 1px solid #809DBB;
	margin: 0 0 0 3px;
	display: block;
	color: #004078;
}

legend {
	font-size: 1em;
	font-weight: bold;
	padding: 5px 18px;
}

label.left {
	width: 112px;
	float: left;
	font-size: 0.9em;
	text-align: left;
	margin: 2px 0 0 18px;
	display: inline;
}

input {
	width: auto;
	border: 1px solid #809DBB;
}

input.checkbox {
	border: 0;
}

select.anrede {
	border: 1px solid #809DBB;
	font-size: 1.2em;
	width: 80px;
}

select.thema {
	width: 300px;
	margin: 4px 0 0 0px;
	display: inline;
	border: 1px solid #809DBB;
	font-size: 1.2em;
}

#Anliegen {
	width: 300px;
	margin: 3px 0 0 0px;
	border: 1px solid #809DBB;
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 1.2em;
}

.fixfloat {
	height: 5px;
}

acronym {
	color: #990000;
	border-bottom: dotted 1px;
}

.abschicken, .loeschen {
	background: none;
 	border: none;
	padding-left: 17px;
	cursor: pointer;
	margin-left: 15px;
	color: #004078;
}

.captcha {
	margin: 0 0 5px 130px; 
}




input.sbmt {border: 0;}
.input_searchbox {width: 120px; height: 15px; font-size: .9em; color: #004078; padding: 1px 0 0 0;}
img {border: none;}
img.pictogramm {display: none;}
.liste_headline {
	background: url(../images/navi_hover.jpg) no-repeat left bottom;
	margin: 0 0 3px 0;
	padding: 0 0 0 1px;
}
.liste_image {
	float: left;
	padding-right: 5px;
}
.liste_text {float: left; width: 100%;}


a.link_more {
    padding-right: 14px;
    background-image: url(../images/icons/link_extern.gif);
    background-position: center right;
    background-repeat: no-repeat;
	color: #004078;
	text-decoration: none;
}
a.link_more:hover {
    background-image: url(../images/icons/link_extern_on.gif);
	color: #a5135b;
	border-bottom: 1px solid;
}










.dms_karte {
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.bild_links {
	float: left;
	margin: 2px 8px 5px 0px;
}

.bild_rechts {
	float: right;
	margin: 2px 0px 5px 8px;
}

.subhead {
	visibility: hidden;
}








.liste {
	margin-bottom: 20px;
	display: block;
}

a.link_liste {
	text-decoration: none;
}







.abschicken {
	background: url(../images/icons/btn_accept.gif) no-repeat left;
}

.loeschen {
	background: url(../images/icons/btn_delete.gif) no-repeat left;
}

.div_pub {
	text-align: center;
	margin: 0px 0px 0px 15px;
	float: left;
}

.img_pub {
	margin: 0 0 5px 0;
}

span.fehler {
	font-weight: bold;
	color: #a5135b;
}

p {
	margin-bottom: 1.6em;
}

.suchergebnis {
	padding: 0 0 1.7em 0;
}

a.dl_link {
	padding-right: 0; background-image: none; background-repeat: no-repeat; border-bottom: none; text-decoration: none;
    color: #000000;
	display: inline-block;
	margin: 0 0 .7em 0;
}

a.dl_link:hover {
	padding-right: 0; background-image: none; background-repeat: no-repeat; border-bottom: none; text-decoration: none;
	color: #a5135b;
}


.liste_mini {
	margin-bottom: 20px;
	margin-right: 5%;
	width: 44%;
	display: block;
	float: left;
	background: url(../images/navi_hover.jpg) no-repeat left bottom;
}

a.link_liste_mini {
	text-decoration: none;
}


.info_box {
	background: url(../images/bg_box.jpg);
	padding: 10px 12px 5px 12px;
	margin-bottom: 10px;
	border: 1px solid #b9cad9;
}

span.infobox {
	color: #a5135b;
	font-weight: bold;
}