


table,tr,td {
	border-collapse:collapse;
}

body {
	padding:0;
	margin:0;
	font:12px arial;
	
	background-image:url(/images/layout/body_bg.jpg);
	background-repeat:repeat-x;
	
	
	}

h1, .ueberschrift {
	margin:0;
	padding:0;
	color:#4F718D;
	font:16px arial;
	font-weight:bold;
}

a img {
	border:0;
}

div, ul, li {
	margin:0;
	padding:0;
}
ul {
	padding-left:15px;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
	font-size:0px;
	line-height:0px;
	height:0px;
}

form {
	margin:0;
	padding:0;
}

a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/***************************** HEADER *****************************/

.header {
	margin:auto;
}

.header td {
	width:298px;
	height:160px;
	vertical-align:top;
}

#header_logo {
	background-image:url(/images/layout/header_logo.jpg);
	background-repeat:no-repeat;
}

#header_wechselbild {
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
}
#header_wechselbild img {
	display:block;
}

#header_suche {
	background-color:#940107;
	color:#FFFFFF;
}
#header_suche a {
	color:#FFFFFF;
}

#suche_box {
	margin:20px 0 0 53px;
}
#suche_box input {
	border:1px solid #999999;
	float:left;
	margin-right:10px;
}
#suche_box a {
	display:block;
	float:left;
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	padding:2px 5px 1px 5px;
}
#suche_box a {
	text-decoration:none;
}

.suche_box_erweiterte {
	display:block;
	margin-left:53px;
	padding-top:5px;
	padding-left:8px;
	background-image:url(/images/layout/suche_erweiterte_pfeil.gif);
	background-repeat:no-repeat;
	background-position:0px 9px;
	
}

#schriftgroesse {
	float:left;
}
#kontrast {
	float:right;
}
#kontrast:hover {
	text-decoration:none;
}

div#schriftgroesse, a#kontrast {
	display:block;
	background-color:#CF9192;
	color:#000000;
	width:141px;
	padding:2px 0px 2px 7px;
	margin-top:60px;
}
div#schriftgroesse a {
	color:#000000;
}

#inhalt_2 {
	width:848px;
	margin:auto;
		min-height:409px;
		background-color:#FFFFFF;
	padding:35px 25px;
}

#footer_2 {
	width:878px;
	margin:auto;
	background-color:#DBE4EB;
	border-top:5px solid #C5CCD4;
	padding:10px 10px;
	text-align:right;
	color:#666664;
}
#footer_2 a {
	color:#666664;
}

.trennlinie {
	display:block;
	border-bottom:1px solid #DBE4EB;
	font-size:1px;
	line-height:1px;
	margin-top:5px;
	margin-bottom:5px;
}

.trennlinie_2 {
	display:block;
	background-color:#106F9D;
	text-align:center;
	color:#FFFFFF;
	padding:3px 0px;	
}

.trennlinie_3 {
	display:block;
	background-color:#106F9D;
	text-align:left;
	color:#FFFFFF;
	padding:3px 3px;
}

.trennlinie_4 {
	display:block;
	background-color:#DBE4EB;
	text-align:left;
	color:#000000;
	padding:3px 3px;
}

.trennlinie_5 {
	display:block;
	background-color:#E40079;
	text-align:left;
	color:#000000;
	padding:3px 3px;
}
/************************* MENÜ SUCHE OBEN ************************/

.header_suche_menu {
	padding:0;
	margin:0;
	float:right;
	width:268px;
}
.header_suche_menu li {
	display:block;
	float:left;
	list-style-type:none;
}
.header_suche_menu .suche_menu_1 {
	padding:4px 6px 2px 6px;
}

.header_suche_menu .header_suche_menu_trennlinie {
	padding:4px 0px 2px 0px;
}



/************************* DROPDOWN LANGUAGE **********************/
.menu_lg {
	width:74px; 
	position:relative;
	z-index:100;
	background-color:#CF9192;
}
.menu_lg ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu_lg ul ul {
	width:74px;
	margin:0;
}

.menu_lg li {
	float:left;
	width:74px;
	position:relative;
	height:20px;
}

.menu_lg a, .menu_lg a:visited {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	width:63px;
	
	border:1px solid #CF9192; 
	border-width:0px 0px 1px 1px; 
	background:#CF9192;
	
	padding-left:6px;
	padding-right:10px;
	line-height:20px;
	
	background-image:url(/images/layout/language_menu.gif);
	background-repeat:no-repeat;
	background-position:right;
}
/* IE5.5 hack 4 faulty box model */
* html .menu_lg a, * html .menu_lg a:visited {
	width:74px;
	w\idth:63px;
}

.menu_lg ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:21px;
	left:0; 
	width:74px;
}
/* another hack for IE5.5 */
* html .menu_lg ul ul {
	top:20px;
	t\op:21px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu_lg table {position:absolute; top:0; left:0;}

/* second level */
.menu_lg ul ul a, .menu_lg ul ul a:visited {
	background-image:none;
	color:#FFFFFF;
	height:auto;
	line-height:1em;
	padding:5px 6px;
	width:67px;
	/* yet another hack for IE5.5 */
}
* html .menu_lg ul ul a{
	width:74px;
	w\idth:53px;
}

/* top level hover */
.menu_lg a:hover, .menu_lg ul ul a:hover {
	color:#fff;
	text-decoration:underline
}
.menu_lg :hover > a, .menu_lg ul ul :hover > a {
	color:#fff;
}

/* make the second level visible */
.menu_lg ul li:hover ul,
.menu_lg ul a:hover ul {
	visibility:visible;
}

/**************************** MENÜ *********************************/
.menu {
	width:898px;
	height:50px;
	margin:auto;
	/*background-color:#FFFFFF;*/
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	position:relative;
	z-index:100;
	background-image:url(/images/layout/menu_bg.jpg);
	background-repeat:no-repeat;
	font-size:14px;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu ul ul {
	width:150px;
	margin:0;
	font-size:12px;
}

.menu li {
	float:left;
	width:150px;
	position:relative;
	height:50px;
	/*background:#EEEEEE;*/
	
}
.menu .first_element {
	width:148px;
}
.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	color:#333333;
	width:139px;

	border:1px solid #EEEEEE; 
	border-width:0px 0px 1px 1px;
	font-weight:bold;
	
	padding-left:6px;
	padding-right:10px;
	padding-top:5px;
	line-height:20px;
}
/* IE5.5 hack 4 faulty box model */
* html .menu a, * html .menu a:visited {
	width:150px;
	w\idth:139px;
}
* html .menu .first_element a, * html .menu .first_element a:visited {
	width:142px;
	w\idth:131px;
}

.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:50px;
	left:0; 
	width:262px;
	border-top:1px solid #CBCBCB;
	
}

.menu ul ul li {
	border:1px solid #CBCBCB;
	border-width:0px 1px 1px 1px; 
	height:30px;
	width:260px;
	background:#EEEEEE;
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:49px;
	t\op:50px;
}

/* position the third level flyout menu */
.menu ul ul ul {
	left:260px; 
	top:-1px;
	width:260px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* second level */
.menu ul ul a, .menu ul ul a:visited {
	background-image:none;
	color:#666666;
	height:18px;
	border:0px solid red;
	padding:5px 6px;
	width:247px;
	font-weight:normal;
	/* yet another hack for IE5.5 */
}

* html .menu .first_element ul ul a,
* html .menu .first_element ul a,
* html .menu ul ul a {
	width:260px;
	w\idth:239px;
}

/* top level hover */
.menu a:hover, .menu ul ul a:hover {
	color:#333333;
	text-decoration:none;
}
.menu :hover > a, .menu ul ul :hover > a {
	text-decoration:none;
}

/* second level hover */
.menu ul ul li:hover {
	background-color:#FFFFFF;
}

/* make the second level visible */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul li:hover ul ul,
.menu ul a:hover ul ul,
.menu ul :hover ul ul {
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul li:hover ul :hover ul,
.menu ul a:hover ul :hover ul,
.menu ul :hover ul :hover ul {
	visibility:visible;
}


.menu ul li:hover ul ul ul,
.menu ul a:hover ul ul ul,
.menu ul :hover ul ul ul {
	visibility:hidden;
	display:none;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul li:hover ul ul :hover ul,
.menu ul a:hover ul ul :hover ul,
.menu ul :hover ul ul :hover ul {
	visibility:visible;
	display:inline;
}

/**************************** BREADCRUMB ***************************/
.breadcrumb_menu {
	width:878px;
	height:25px;
	padding:10px 10px 0px 10px;
	margin:auto;
	background-color:#DBE4EB;
	color:#787677;
}
.breadcrumb_menu a {
	color:#787677;
	text-decoration:underline;
}/****************************************
	News
****************************************/

.news_listeneintrag_9 {
	width:100%;
	background-color:#FFF5F5;
	padding:3px;
	margin-bottom:2px;
}

/************************************************
  Picturemanager
************************************************/
.picturemanager_kategorie {
	width:100%;
	margin-top:20px;
}
.picturemanager_kategorie td {
	vertical-align:top;
}
.picturemanager_kategorie td.bild img {
	margin-right:10px;
}
.picturemanager_kategorie td.text .funktionen {
	float:right;
}

.picturemanager_bilderauswahl_bild {
	width:105px;
	height:105px;
	margin:5px 5px;
	float:left;
	text-align:center;
	vertical-align:top;
}



.picturemananger .separator {
	clear:both;
	background-color:#808285;
	height:1px;
	width:100%;
	margin:10px auto;
}

.picturemananger .zurueck {
	font-size:10px;
}

#picturemanager_bilderliste {
	text-align:center;
}

.picturemanager_anzeige_beschreibung {
	width:90%;
	margin:auto;
	margin-top:20px;
}

#picturemanager_anzeige_beschreibung {
	width:90%;
	margin:auto;
	margin-top:20px;
}
#picturemanager_anzeige_funktionen {
	margin-bottom:20px;
}

#picturemanager_anzeige_funktionen table {
	margin:auto;
}
#picturemanager_anzeige_funktionen table,
#picturemanager_anzeige_funktionen table td {
	border-width:0px;
	border-collapse:collapse;
}
#picturemanager_anzeige_funktionen table td.funktion {
	width:20px;
	text-align:center;
}
#picturemanager_anzeige_funktionen table td.text {
	width:100px;
	text-align:center;
}
#picturemanager_anzeige_bezeichnung,
#picturemanager_anzeige_bild {
	text-align:center;
}

#picturemanager_anzeige_bezeichnung {
	font-weight:bold;
}

.bildergalerie_kategoriethemen {
	margin-bottom:20px;
}

.bildergalerie_kategoriethemen .kategorie {
	vertical-align:top;
	font-weight:bold;
	width:35%;
	padding-left:18px;
	color:#025AA4;
}
.bildergalerie_kategoriethemen .kategorie img {
	margin-bottom:2px;
}
.bildergalerie_kategoriethemen .themen {
	vertical-align:top;
}
.bildergalerie_kategoriethemen .themen ul,
.bildergalerie_kategoriethemen .themen ul li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.bildergalerie_kategoriethemen .themen ul li {
	padding-left:15px;
	background-image:url(/images/dot_black.jpg);
	background-repeat:no-repeat;
	background-position:5px 6px;
	padding-bottom:3px;
}

.bildergalerie_kategoriethemen .themen ul li a {
	color:#000000;
	text-decoration:none;
}


/************************************************
  Gästebuch
************************************************/

.gaestebuch__tabelle_9 {
	margin-bottom:10px;
}
.gaestebuch_datum_9 {
	background-color:#4F718D;
	color:#FFF5F5;
	font-weight:bold;
	padding:3px;
}
.gaestebuch_daten_9 {
	font-weight:bold;
	background-color:#FFF5F5;
	padding:3px;
}
.gaestebuch_eintrag_9 {
	background-color:#FFF5F5;
	padding:3px;
}



/************************************************
  Karte
************************************************/
#karte {
	width:100%;
	height:500px;
}

.popup_tab td {
	vertical-align:top;
	font-size:12px;
}


/************************* SEITENINHALTE *************************/

h1, .ueberschrift_1 {
	display:block;
	padding:0;
	margin:0;
	padding-bottom:7px;
	color:#106F9D;
	font-size:16px;
	font-weight:bold;
}

h2, .ueberschrift_2 {
	padding:0;
	margin:0;
	color:#106F9D;
	font-weight:bold;
	padding-bottom:10px;
	display:block;
}

h3, .ueberschrift_3 {
	display:block;
	padding:0;
	margin:0;
	padding-bottom:7px;
	color:#E50079;
	font-size:16px;
	font-weight:bold;
}

h4, .ueberschrift_4 {
	display:block;
	padding:0;
	margin:0;
	padding-bottom:7px;
	color:#940107;
	font-size:16px;
	font-weight:bold;
}

h5, .ueberschrift_5 {
	display:block;
	padding:0;
	margin:0;
	padding-bottom:7px;
	color:#F49401;
	font-size:16px;
	font-weight:bold;
}

h6, .ueberschrift_6 {
	display:block;
	padding:0;
	margin:0;
	padding-bottom:7px;
	color:#887F00;
	font-size:16px;
	font-weight:bold;
}

h7, .ueberschrift_7 {
	display:block;
	padding:0;
	margin:0;
	padding-bottom:7px;
	color:#41A72A;
	font-size:16px;
	font-weight:bold;
}

#inhalt_2 a {
	color:#93010B;
}


.news_line {
	line-height:26px;
}
.news_line span {
	color:#333333;
}

#startseite_stadtplan img {
	display:block;
}
#startseite_stadtplan {
	padding:1px;
	border:1px solid #9D9D9D;
}


.news_teaser {
	line-height:26px;
	background-color:#EEEEEE;
	border-top:1px solid #DBE4EB;
	border-bottom:1px solid #DBE4EB;
	margin-bottom:2px;
}
.news_teaser span {
	color:#333333;
}

.stadtnews_teaser {
	padding:0 2px;
	line-height:18px;
	background-color:#EEEEEE;
	border-top:1px solid #DBE4EB;
	border-bottom:1px solid #DBE4EB;
	margin-bottom:2px;
}
.stadtnews_teaser span {
	color:#333333;
}

.grey_box {
	display:block;
	background-color:#EEEEEE;
	border-top:1px solid #DBE4EB;
	border-bottom:1px solid #DBE4EB;
}/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

