/* Allgemein */
* {padding:0;margin:0;}

div {position:relative;} 

body {
	background:url(tpl_img/body_bg.png) repeat-x #fff;
	font-size:62.5%;
	font-family:verdana,sans-serif,times;
}

* html body {text-align:center;}

h1,h2,h3,h4,h5,h6 {margin-bottom: 15px;font-weight:bold;}
h2,h3,h4,h5,h6 {margin-top:10px;}
h1{font-size:1.8em;padding-left:2px;}
h2{font-size:1.6em;padding-left:8px;}
h3{font-size:1.5em;padding-left:10px;}
h4{font-size:1.4em;padding-left:10px;}
h5{font-size:1.3em;padding-left:10px;}
h6{font-size:1.2em;padding-left:10px;}

a {color:#ff0000;text-decoration:none;}
a:hover {text-decoration:underline;}
.footer {text-align:center;margin-top:10px;}
.image_container{margin:0 5px;}
.box_content{padding:0 10px 10px 10px;}

/* EXTERNE LINKS */

a[href^="http:"] {background: transparent url(bilder/remote.gif) center right no-repeat;padding-right: 16px;}

a:hover[href^="http:"] {background: transparent url(bilder/remote_a.gif) 100% 50% no-repeat;padding-right: 16px;}

a[href^="http://uetersen.de"],
a[href^="http://www.uetersen.de"],
a[href^="http://www.stadt-uetersen.de"],
a[href^="http://stadt-uetersen.de"],
a[href^="http://s40"],
a[href^="http://www.web-amt.de"],
a[href^="http://webserver"],
a[href^="http://www.wetter.com"]{background: transparent;padding-right: 0px;}
a:hover[href^="http://uetersen.de"],
a:hover[href^="http://www.uetersen.de"],
a:hover[href^="http://www.stadt-uetersen.de"],
a:hover[href^="http://stadt-uetersen.de"],
a:hover[href^="http://s40"],
a:hover[href^="http://www.web-amt.de"],
a:hover[href^="http://webserver"],
a:hover[href^="http://www.wetter.com"]{background: transparent;padding-right: 0px;}

a[href^="mailto:"] {background: transparent url(bilder/mailto.gif) center right no-repeat;padding-right: 16px;}
a:hover[href^="mailto:"] {background: transparent url(bilder/mailto_a.gif) center right no-repeat;padding-right: 16px;}

.image_container a[href^="http:"] {background: transparent;padding-right: 0px;}

/* ARTIKEL ALLGEMEIN */
.mod_article {margin-bottom:20px;}
.ce_headline,.mod_article h1,.ce_form h1 {border-bottom:2px solid #ccc;color:#666;clear:both;}
.ce_text,.ce_hyperlink,.teaser {font-size:1.3em;line-height:1.3em;color:#666;padding:0 10px;text-align:left;clear:both;margin:10px 0 20px 0;}
.ce_text h2,.ce_text h1, .ce_text h3  {font-size:1.2em;border-bottom:2px solid #ccc;}
.ce_text  ul,.ce_text ol {padding-left:25px;margin:5px 0;}
.enclosure {	margin:20px 0 10px 0;padding:10px 0;border-top:1px dashed #ccc;}
.enclosure a {color:#ff5555;}
.enclosure a:hover {color:#ff0000;}
.more {margin-top:5px;}
.teaser img {float:left;margin:5px;margin-top:0px;width:150px;height:100px;}

.ce_table {margin:20px;padding:5px;line-height:1.5em;}
.ce_table table{width:100%;border:1px solid #ddd;border-collapse:collapse; display:table;}
.ce_table table td {font-size:1.2em;color:#666;padding:5px;border:1px solid #ddd;}
.ce_table table th {font-size:1.2em;color:#666;padding:5px;border:1px solid #ddd;border-bottom:2px solid #ddd;background-color:#eee;font-weight:bold;}
.ce_table table tr.row_last td {border-bottom:none;}
.ce_table table tr.odd {background-color:#eee;}
* html .ce_table table td {font-size:0.8em;}
.ce_table h3 {color:#666;margin-bottom:10px;}


/* AKKORDEON */

.ce_accordion {margin:-1px 10px 0 10px;border:1px solid #ccc;}
.ce_accordion .toggler {
	cursor:pointer;
	color:#666;
	font-size:1.3em;
	font-weight:bold;
	height:1.5em;
	line-height:1.5em;
	background-color:#eee;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:-1px 0px;
	padding-left:2px;
}
.accordion ul {font-size:1em;padding:0px 10px;list-style-type:none;}
.accordion li {
	padding:5px;
	/* margin-top:-1px; */
	border-top:1px solid #ddd;
	overflow:hidden;
}
.accordion li a {color:#ff5555;vertical-align:middle;}
.accordion li a:hover {color:#ff0000;}

.accordion div {font-size:1.3em;line-height:1.3em;color:#666;}


/* Tabelle Öffnungszeiten */
.oeffnungszeiten .col_0 {width:25%;}

/* Bauleitplanung Tabellen */
#bauleitplanung .ce_table table td,
#bauleitplanung .ce_table table th {font-size:0.8em;}

/* NOCH ÜBERPRÜFEN */
.ce_text a {display:inline-block;}

.ce_downloads {
	margin-left:10px;
}

.ce_download {
	margin-left:10px;
	padding:5px;
	border-top:1px dashed #ccc;
}

.ce_download a {vertical-align:middle;}

.ce_download.multidl {
	margin:0;
	margin-left:10px;
	padding:3px 5px;
	border:none;
	vertical-align:middle;
}

/* .ce_gallery {overflow-x:scroll !important;overflow:scroll-x; width:100%;} */
.ce_gallery {overflow:auto; width:100%;text-align:center;} 
.ce_gallery h1, .ce_gallery h2 {color:#666;border-bottom:2px solid #ccc;}
.ce_gallery table {width:100%;text-align:center;}

.mime_icon {vertical-align:middle;}

.ce_download h1 {font-size:1em; color:#666; margin-bottom:5px;}
.ce_download  a,
.ce_download  img{margin-left:10px;}
.ce_download  a {color:#ff5555;height:1.5em;line-height:1.5em;}

.ce_list {margin:10px;color:#666;}
.ce_list h1,.ce_list h2,.ce_list h3,.ce_list h4,.ce_list h5,.ce_list h6{
	font-size:1.2em;
	margin-bottom:10px;
}

.ce_list ul.level_1,.ce_list ol.level_1,.ce_list ul,.ce_list ol{padding-left:30px;} 
.ce_list ul.level_1 li,.ce_list ol.level_1 li,.ce_list ul li,.ce_list ol li{font-size:1.2em;padding:3px 0;border-top:1px solid #ddd;vertical-align:middle;}
* html .ce_list ul li ,* html .ce_list ol li{display:inline-block;}
.ce_list ul li.first,.ce_list ol li.first  {border:none;}
.ce_list ol.level_2 li,.ce_list ul.level_2 li {font-size:1em;}

.grundstuecke {float:left;width:auto;}
.grundstuecke_text {clear:none;}

/* Navigation */

.mod_breadcrumb{padding: 0;color:#ccc;}

.mod_navigation {color: #555;margin-left:-5px;}
.mod_navigation li {list-style-type:none;margin-top:5px;font-weight:bold;}
.mod_navigation li a,
.mod_navigation li p{display:block;padding:3px 0 3px 20px;border-left:4px solid #ff9999;color:#ff6666;font-size:1.3em;}

* html .mod_navigation li a,
* html .mod_navigation li p{display:inline-block;} 
/* .mod_navigation .level_2 li {padding-left:5px;} */
.mod_navigation .level_1  p.active,
.mod_navigation .level_1 a.trail {border-left:4px solid #ff0000;color:#ff0000;}
.mod_navigation .level_1 p.active  {text-decoration:underline;}
.mod_navigation li a:hover {color:#ff0000;text-decoration:none;border-left:4px solid #ff0000;}
.mod_navigation  .level_2 li {margin-left:0px;}
.mod_navigation .level_2 li a,
.mod_navigation .level_2 li p {border-left:4px solid #aaa;color:#aaa;font-size:1.2em;}
.mod_navigation  .level_2  p.active ,
.mod_navigation  .level_2  a.trail{border-left:4px solid #555;	color:#555;}
.mod_navigation .level_2 p.active  {text-decoration:underline;}
.mod_navigation .level_2 li a:hover{color:#555;border-left:4px solid #555;}
/* .mod_navigation .level_3 li {padding-left:4px;}  */
.mod_navigation .level_3 li a,
.mod_navigation .level_3 li p {border-left:4px solid #aaa;color:#999;padding:0 0 0 30px;font-size:1.1em;}
.mod_navigation  .level_3  p.active ,
.mod_navigation  .level_3 a.trail {border-left:4px solid #777;	color:#777;}
.mod_navigation  .level_3  p.active {text-decoration:underline;}
.mod_navigation .level_3 li a:hover{color:#777;border-left:4px solid #777;}


/* INDIVIDUELLE NAVIGATION */

.mod_customnav {margin:10px auto;width:20em;}
.mod_customnav ul li  {display:inline;border-left:1px solid #666;padding-left:5px;}
.mod_customnav ul li.first {border-left:none;}
.mod_customnav ul li p {display:inline;padding-right:3px;}

/* MINI-KALENDER */
.mod_minicalendar {text-align:center; color:#666;}
.mod_minicalendar table {font-size:1em; width:17.1em;border-collapse:collapse;	border:1px solid #ccc;margin:5px;display:table;margin-top:0px;}
.mod_minicalendar table .head {background-color:#eee;}
.mod_minicalendar table .label{border:1px solid #ccc;border-bottom:2px solid #ccc;}
.mod_minicalendar table thead tr {border:1px solid #ccc;color:#666;height:2em;}
.mod_minicalendar table th {border-bottom:1px solid #ccc;}
.mod_minicalendar table td {border:1px solid #ccc;text-align:center;color:#666;height:2em;width:2.4em;}
.mod_minicalendar .empty {background-color:#fff;}
.mod_minicalendar .empty:hover {background-color:#fff;}
.mod_minicalendar table td:hover {background-color:#eee;}
.mod_minicalendar table td.active {background-color: #ff9999;}
.mod_minicalendar table td.active a{color:#000; font-weight:bold;}
.mod_minicalendar h2 {font-size:1em;margin:0 4px 0 5px;padding:5px;background-color:#eee;border:1px solid #ccc;border-bottom:none;margin-top:5px;}

/* ARTIKELLISTE */

.mod_articleList  h1{color:#666;font-size:1.2em;border-bottom:2px solid #ccc;}
.mod_articleList li {float:left; border-right:1px solid #ccc;padding:5px;margin-bottom:10px;list-style-type:none;}


/* EVENT-LISTE in Artikel */

#sprechstunde .mod_eventlist {margin:15px;}

/* EVENT-LISTE  TEASER*/

.mod_eventlist {margin-top:5px;}
.mod_eventlist .header {
	border:1px solid #ccc;
	color:#666;
	background-color:#eee;
	font-size:1.2em;
	font-weight:bold;
	height:1.5em;
	line-height:1.5em;
	padding-left:10px;
	margin-top:-1px; 
}
.mod_eventlist .header.first{margin-top:0px;}
.mod_eventlist .event {
	border:1px solid #ccc;
	padding: 10px;
	clear:both;
	overflow:hidden;
}
.mod_eventlist .event.even {border-bottom: 1px solid #ccc;border-top:1px solid #ccc;}
.mod_eventlist .event.odd{border-top: 1px solid #fff;border-bottom:1px solid #fff;background-color:#eee;}
.mod_eventlist .event.first {border-top:none;}
.mod_eventlist h2 {font-size:1.2em;margin-bottom:3px;margin-top:0px;float:left;padding:0;}
.mod_eventlist .time {font-size:1.2em;color:#999;margin-left:10px;float:left;}
.mod_eventlist .ce_text {margin:3px 0;clear:both;}
.mod_eventlist .event a {color:#ff5555;}
.mod_eventlist .event a:hover {color:#ff0000;}
.mod_eventlist .more {margin-top:5px;}

.mod_eventlist div.empty {padding:5px; font-size:1.2em; color:#666;}

/* EVENT-LISTE  UPCOMING*/

#veranstaltungen .mod_eventlist {
	border:none;
	font-size:1.2em;
}
#veranstaltungen .mod_eventlist  .event {
	border:none;
	border-top:2px solid #ddd;
	background:none;
	padding:5px;
	line-height:18px;
}
#veranstaltungen .mod_eventlist  .event {border-top:2px solid #ddd;}
#veranstaltungen .event:first-child {border-top:none;}
#veranstaltungen .mod_eventlist  .event:hover {background-color:#eee;}
#veranstaltungen .mod_eventlist .date {color:#666;}
#veranstaltungen .mod_eventlist .time {color:#999;font-size:1em;margin:0;}
#veranstaltungen .mod_eventlist a {margin-right:10px;}
* html #veranstaltungen .mod_eventlist  .event {display:inline-block;border-bottom:2px solid #ddd;border-top:none;}

/* EVENTLISTE SITZUNGSDIENST */
#sitzungsdienst .mod_eventlist {margin-top:5px;}
#sitzungsdienst .mod_eventlist .full_event {border:1px solid #ccc;margin:2px 0;}
#sitzungsdienst .mod_eventlist .event_header {background-color:#eee;}
#sitzungsdienst .mod_eventlist h1 {color:#666;font-size:1.3em;margin:0 5px 0 0;float:left;}
#sitzungsdienst .mod_eventlist .ce_text {border-top:1px solid #ccc;margin:0;padding:0;}
#sitzungsdienst .mod_eventlist .info {font-size:1.3em;color:#666;margin-left:5px;}
#sitzungsdienst .mod_eventlist .enclosure {border:0;margin:0 0 0 5px;}


/* NACHRICHTEN  und EVENT-READER*/

.pdf_link {position:absolute; right:2px; top:2px;z-index:2;}
.mod_newsreader .layout_full h2 {color:#666;}
.mod_newsreader .layout_full h1,
.mod_eventreader h1,
.mod_faqreader h1{color:#666;border-bottom:3px solid #ccc;padding-right:2em;margin:0px;}
.mod_newsreader .layout_full p.info,
.mod_eventreader .info,
.mod_faqreader .info  {
	color:#666;
	clear:right;
	padding-left:2px;
	margin-bottom:10px;
	margin-top:3px;
	font-weight:bold;
	font-size:1.1em;
}
p.back,
.mod_newsreader p.back,
.mod_eventreader p.back,
.mod_faqreader p.back {border-top:1px solid #ccc;padding:5px 0 0 10px;margin-top:20px;}
.mod_eventreader .recurring {color:#888;margin:-5px 0px 0px 2px;}
/* NACHRICHTENLISTE */

.mod_newslist .layout_short {border:1px solid #ccc;margin-top:5px;}
.mod_newslist .layout_short .info {
	background-color: #eee;
	border-bottom:1px solid #ccc;
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	height:1.5em;
	line-height:1.5em;
	padding-left:10px;
}
.mod_newslist .layout_short h2 {font-size: 1.4em;margin-top:5px;margin-bottom:5px;}
.mod_newslist .layout_short a {color:#ff5555;}
.mod_newslist .layout_short a:hover {color:#ff0000}
.mod_newslist .layout_short .teaser {padding-left:20px;color:#666;font-size:1.2em;margin:0;}
.mod_newslist .layout_short  .more {padding: 10px 0 10px 10px;}

/* NACHRICHTENARCHIV */

.mod_newsarchive {border:1px solid #ccc; margin-top:-10px;}

.mod_newsarchive h1 {
	color:#666;
	background-color:#eee;
	border-bottom:1px solid #ccc;
	padding-left:5px;
	font-size:1.4em;
	margin:0px;
}
.mod_newsarchive .layout_short {margin:0 1px;}
.mod_newsarchive .layout_short p {color:#666;padding-left:5px;margin-bottom:5px;margin-top:3px;font-weight:bold;font-size:1.1em;}
.mod_newsarchive .layout_short h2 {font-size:1.4em;padding-left:5px;margin-bottom:5px;}
.mod_newsarchive .layout_short .teaser {font-size:1.2em;padding-left:15px;}
.mod_newsarchive .layout_short.odd {
	background-color:#eee;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.mod_newsarchive .layout_short.even {
	background-color:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.mod_newsarchive .layout_short.first {border-top:none;}
.mod_newsarchive .layout_short.last {border-bottom:none;}
.mod_newsarchive .layout_short a {color:#ff5555;}
.mod_newsarchive .layout_short a:hover {color:#ff0000;}

.mod_newsarchive p.empty {padding:5px; font-size:1.2em; color:#666;}

/* NACHRICHTENARCHIV MENÜ */

.mod_newsmenu {margin:0 4px 10px 4px;border:1px solid #ccc;}

.mod_newsmenu h2 {
	margin:0 0 5px 0;
	background-color:#eee;
	font-size:1.2em;
	border-bottom:1px solid #ccc;
	color:#666;
	padding-left:3px;
	text-align:center;
}
.mod_newsmenu ul{padding-left:3px;}
.mod_newsmenu ul.level_1 li.year {font-weight:bold;font-size:1.1em;color:#666;}
.mod_newsmenu ul.level_2 li a,
.mod_newsmenu ul.level_2 li p{font-weight:normal;font-size:0.8em;padding-left:5px;}
.mod_newsmenu ul.level_2 li a {color:#ff5555;}
.mod_newsmenu ul.level_2 li a:hover{color:#ff0000;}
.mod_newsmenu li.submenu {margin:0 0 10px 0px;}

/* SUCHE */
.form_suche {margin:0 5px;padding-top:5px;} 
/* .form_suche {margin:0 5px 5px 5px;} */

/* .form_suche .text {width:13em;font-size:1.2em;}
.form_suche .submit {width:5em;font-weight:bold;font-size:1.2em;} */

.mod_search  form {background-color:#eee;border:1px solid #ccc;padding:10px;}
.mod_search .text {width:13em;font-size:1.4em;margin-bottom:5px;vertical-align:middle;}
.mod_search .submit {width:6em; font-size:1.3em;}
.mod_search .radio_container span {margin:3px 10px 5px 0;}
.mod_search  p.header {margin-top:10px;border-bottom:1px solid #ccc;padding-left:10px;color:#666;}
.mod_search .even,
.mod_search .odd {padding:10px}
.mod_search h3 {font-size:1.4em;margin-bottom:10px;padding:0}
.mod_search h3 a {color:#ff5555;}
.mod_search h3 a:hover {color:#ff0000;}
.mod_search h3 span.relevance {color:#666;}
.mod_search p.context {font-size:1.2em; color:#666;}
.mod_search p.url {margin-top:2px;}

.highlight {font-weight:bold;}
.relevance {font-size:0.8em;}

/* STARTSEITE */

.mod_upcoming_events div.empty {padding:5px;color:#666;}

#startseite .mod_newslist,
#startseite .mod_upcoming_events  {
	border:1px solid #ccc;
	float:left;
	width:47%;
	overflow:hidden;
	min-width:13em;
	color:#666;
	margin:1%;
}

* html #startseite .mod_newslist,
* html #startseite .mod_upcoming_events  {width:46%}
#startseite .mod_newslist h2,
#startseite .mod_upcoming_events h2 {
	color:#666;
	background-color:#eee;
	padding-left:2px;
	border-bottom:1px solid #ccc;
	margin:0;
	font-size:1.4em;
}
#startseite .mod_newslist a,
#startseite .mod_upcoming_events a {display:block;color:#ff5555;}
#startseite .mod_newslist .layout_simple,
#startseite .mod_upcoming_events .event {
	font-size:1.2em;
	margin:0 1px;
	padding:3px 2px;
	border-bottom:1px solid #ccc;
}
#startseite .mod_newslist .layout_simple.odd,
#startseite .mod_upcoming_events .event.odd {
	background-color: #eee;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#startseite .mod_newslist .layout_simple.even,
#startseite .mod_upcoming_events .event.even {
	background-color: #fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#startseite .mod_newslist .layout_simple.last,
#startseite .mod_upcoming_events .event.last {border-bottom:none;}
#startseite .mod_newslist .layout_simple.first,
#startseite .mod_upcoming_events .event.first{border-top:none;}

.mod_weatheronline {position:absolute;bottom:3px;right:60px;}
.mod_weatheronline h6 {margin:0;text-align:center;padding:0;}

/* HOTELVERZEICHNIS */
#hotelverzeichnis .accordion div {margin:10px;color:#666;font-size:1.2em;line-height:1.4em;}


/* CONTENTBOXEN - RECHTS */

.box_right .mod_contentbox_inside {border:1px solid #ccc;margin:10px 2px;padding:0px;}
.box_right .mod_contentbox_inside .ce_text {padding:0;font-size:1em;margin:0;}
.box_right .mod_contentbox_inside h2 {
	font-size:1.2em;
	background-color:#eee;
	border-bottom:1px solid #ccc;
	text-align:center;
	line-height:1.4em;
	height:1.4em;
	margin:0;
	margin-bottom:5px;
	padding:0;
}
.box_right .mod_contentbox_inside p{padding-left:2px;}
.box_right .mod_contentbox_inside ul, ul.kontakt {padding:0px;padding-left:2px;margin:10px 0px;}
.box_right .mod_contentbox_inside li, .kontakt li {
	list-style-type:none;
	vertical-align:middle;
	padding:5px 0 5px 18px;
}
.box_right .mod_contentbox_inside li a {padding:0px;background:transparent;}
* html .box_right .mod_contentbox_inside li a {display:inline-block;}
.tel {background:url(bilder/telephone.png) center left no-repeat;}
.fax {background:url(bilder/printer.png) center left no-repeat;}
.email {background:url(bilder/email.png) center left no-repeat;}
.www {background:url(bilder/world.png) center left no-repeat;}

/* KONTAKTFORMULAR */
/* .ce_form h1 {color:#666;border-bottom:2px solid #ccc;font-size:1.6em;} */
.ce_form .formbody {width: 30em;margin-left:10px;color:#666;font-size:1.3em;}
.ce_form label {display:block;	margin:0;}
.ce_form div.error {color: #ff0000;}
.ce_form .text {width:15em;}
.ce_form .text, .ce_form .textarea {margin-bottom: 10px;border:1px solid #666;}
.ce_form .textarea  {font-size:1.3em;}
* html .ce_form .textarea  {font-size:1em;}
.ce_form .text:focus, .ce_form .textarea:focus {background-color:#fffdc4;border:1px solid #666;}
.ce_form .submit_container{clear:left;text-align:right;}
.ce_form .submit{float:left;	margin-right: 5px;}
.ce_form .submit_container, .ce_form .reset {float:left;margin-top:10px;}
.ce_form .checkbox_container {padding:10px 0;}
.ce_form .checkbox_container label,
.ce_form .checkbox_container .checkbox{float:left;margin: 0 10px 0 0;}
/* label.mandatory {padding-left:10px; background:url(bilder/mandatory.png) left no-repeat;} */

/* FAQ */
.mod_faqlist {margin:0 10px;}
.mod_faqlist h2 {color:#666;border-bottom:2px solid #ccc;}
.mod_faqlist ul {padding:0 20px; list-style-type:none;}
.mod_faqlist ul li {border-bottom: 1px solid #ddd;}
.mod_faqlist ul li.last {border-bottom:none;}
.mod_faqlist ul li a {font-size:1.2em;color:#ff5555;display:block;padding:5px;}
.mod_faqlist ul li a:hover {color:#ff0000;background-color:#eee;}

#kontaktformular.mod_article {}
#oeffnungszeiten.mod_article {}

.naturdenkmale span {font-style:italic;font-size:0.8em;}
.image_container .caption {font-size:0.8em;}

.ortsrecht {border:1px solid #ccc;margin:0;margin-bottom:1px;background:#eee;padding:3px 0;}
.ortsrecht h3 {font-size:1.1em;margin:0;padding:0;}
.ortsrecht .ce_text {margin:0;}
.ortsrecht .ce_download {margin:0;padding:0;border:0;}