html { height:101%;}
body { margin: 0; font-family: Trebuchet MS, Arial, Helvetia, Verdana, Tahoma, MS Sans Serif; font-size: 0.675em; background: #fff; background: url('../media/bg_page.gif') top center repeat-y;}
body.wide { background: #fff; background: url('../media/bg_pagewide.gif') top center repeat-y; }
body, #page { color:#333}
div { dborder:1px solid; }
img {display: block; line-height: 0px;}
#topbar { font-size: 1.0em; line-height:1.0m; text-align:right; height:18px; width:960px; padding:1px 0px 0px 0px; margin:0px auto 0px auto; background-color:#fff; border:1px solid #fff;}
#topbar ul { margin:0px; float:right}
#topbar li { list-style: none; display: block; float:left; margin: 0px 0px 0px 1px; line-height:1.0em; padding:3px 0px 3px 0px}
#topbar li a { color: #fff; background-color:#4366B7; padding:2px 4px 2px 4px; text-decoration:none;}
#topbar .spacer { margin-left:15px;}
#page { position:relative; z-sindex:-2; width: 1000px; margin-left: auto; margin-right: auto; padding-top:130px;}
#header { width: 960px; margin-top:80px; postion:relative; margin:0px 20px 0px 20px; height:100px}
#header a, #content a { color:#284CAA; text-decoration:none}
#header #wappen { position: absolute; z-index:2; top: 20px; left:6px; background: url('../media/wappen_wassenberg.png') no-repeat; width:95px; height:112px; behavior: url(css/iepngfix.htc);}
#header #motiv { position: absolute; top: 0; left: 0; z-index:1; width:1000px; height:238px; background: url(../media/header_leerstand.png) top center no-repeat; behavior: url(css/iepngfix.htc); }
#header #helpnav { position:absolute; z-index:25; top:17px; right:20px; }
#header #helpnav ul { position:relative; margin: 0px; float:right; }
#header #helpnav ul li { list-style: none; float:left; margin-left:1px; sborder-left:1px solid #C5D3DD; width:81px; background: url('../media/bg_helpnav.png') repeat-x; text-align:center; padding: 2px 0px 3px 0px}
#header #search { position:absolute; z-index:25; top:96px; right:20px; width:245px}
#search form, fieldset { margin: 0px; padding: 0px; border:0px none;}
#search input { margin: 0px; padding: 0px; height: 16px; width:160px; border: 1px solid #4567B8; font-size:1.1em; line-height:1.2em ;color: #333;}
#home #search input { width:218px;}
#search .icon, #home #search .icon { margin: 0px 0px -4px 0px; padding: 0px; width:20px}
#header #topnav { position:absolute; z-index:20; width: 920px; top:54px; right:20px; font-size: 1.2em; }
#header #topnav ul { position:relative; margin: 0px; float:right; margin:0px; padding:0px}
#header #topnav ul li { list-style: none; float:left; margin:0px; position:relative; }
#header #topnav ul li a { padding: 5px 25px 3px 25px; background: url('../media/bg_topnav.gif') repeat-x; margin-left:1px; sborder-left:1px solid #C5D3DD; text-decoration:none; color:#fff; display:block; }
#header #topnav ul li.first a { border:none; }
#header #topnav ul li a:hover { background: url('../media/bg_topnav_hover.gif') repeat-x #fff;}
#content { position:relative; padding:0px 20px 0px 20px;}
#content .colleft { width:243px; position:relative; }
#content .colright { float:right; padding:0px 13px 0px 13px; width:211px; position:absolute; top:28px; right:18px;}
#home #content .colright { top:18px;}
#content .colleft, colcenter { float:left;}
#content .colcenter { width: 449px; margin-left:243px; padding:0px 0px 0px 13px; }
body.wide #content .colcenter { width: 680px; margin-left:243px; padding:0px 13px 0px 13px;}
body.wide .colright { visibility:hidden}
#page .clearr { clear:right;}
#page .clearl { clear:left;}
#page .clearb { clear:both;}
#content #leftnav { position:absolute; top:0px; padding: 0px 14px 0px 14px;}
#content #leftnav ul { list-style: none; margin:0px; padding:0px; display:block; float:none;}
#content #leftnav ul li { margin-top:0px;line-height:2.7em; width:230px;}
#content #leftnav ul li a { background: url(../media/bg_leftnav0_leerstand.gif) top left no-repeat; font-size: 1.7em; display:block; padding:0px 15px 6px 15px; text-decoration:none; font-weight: normal; }
#content #leftnav ul li a.active { background: url(../media/bg_leftnav0.gif) top left no-repeat; color: #fff; font-weight:bold; }
#content #leftnav ul li a:hover { font-weight:bold; }
#content #leftnav ul li ul li a:hover { font-weight:bold;}
#content #leftnav ul li ul { margin-top:0px; font-size: 0.7em; }
#content #leftnav ul li ul li { border-bottom: 1px solid #fff; margin:4px 0px 8px 0px; display:block; line-height:2.0em;}
#content #leftnav ul li ul li a { background-image: none; color:#284CAA; border:0px none; }
#content #leftnav ul li ul li a.active { background: transparent; font-weight:bold; border: 0px none; color:#192C59;}
#content #leftnav ul li ul li ul { margin-top:0px; font-size: 1.0em; }
#content #leftnav ul li ul li ul li { border-bottom: 0px none #fff; margin:3px 0px 3px 0px; }
#content #leftnav ul li ul li ul li a { background-image: none; border: 0px none; color:#284CAA; font-weight:normal; padding-left:30px}
#content #leftnav ul li ul li ul li a.active { border:0px none; padding-left:30px}
#content #leftnav ul li ul li ul li > a.active { background-color: #4869BA}
#content #leftnav #logo { width:243px; height:150px; background: url('../media/logo_stadt.gif') no-repeat 0px 0px; margin:40px 0px 0px 0px}
#home #breadcrumb { visibility:hidden;}
#content .colcenter #breadcrumb { display:block; margin:3px 0px 10px 0px;font-size:0.85em; }
#content .colcenter #breadcrumb .start { background: url('../media/ico_i.gif') 0px 2px no-repeat; padding-left:14px; float:left; width:70px; }
#content .colcenter #breadcrumb .list { float:left; width:360px; display:inline; }
.wide #content .colcenter #breadcrumb .list { width: 600px; }
/* TYPOGRAPHY */
#content h1 { font-size:1.6em; margin:8px 0px 4px 0px; color:#284CAA; font-weight:normal; clear:both }
#content h2 { font-size:1.3em; margin:8px 0px 4px 0px; color:#333; font-weight:normal; float:none; clear:both }
#content h3 { font-size:1.2em; margin:0px 0px 4px 0px; color:#333; font-weight:bold;}
#content h4 { font-size:1.1em; margin:0px 0px 2px 0px; color:#333; font-weight:bold; }
#content h5 { font-size:1.1em; margin:4px 0px 2px 0px; color:#333; font-weight:bold; display:inline;}
#content h6 { font-size:1em; margin:0px 0px 2px 0px; color:#333; font-weight:bold; }
#content .highlight { color:#284CAA}
#content .subdued { color:#999}
#content .error { color:#c00;font-weight:bold}
#content .success { color:#390;font-weight:bold}
#content .small { font-size:1.1em; line-height:1.2em}
.colcenter h2 { margin:8px 0px 10px 0px;}
#content .colcenter, .colright { font-size:1.2em;}
#content .colcenter p, #content .colright p { margin:0px 0px 14px 0px; display:block;}
#content a.more { font-size:0.9em; background: url('../media/ico_arrow_r.gif') 0px 4px no-repeat; padding-left:14px; }
#content .colright a.more { background-position: 0px 3px ;font-size:1.0em; }
#content .colright .box { font-size:0.85em; line-height:1.4em; clear:both; margin-bottom:16px; }
#content .colcenter p.column210 { width:210px; margin-right:7px; float:left}
#content .colcenter p.column100 { width:100px; margin-right:7px; float:left}
#content .img_left { float: left; }
#content .img_right { float: right;}
#content .img_top, .img_left, .img_right { margin: 3px 6px 4px 0px; line-height: 0px;}
#content .img_left img, .img_top img, .img_right img { padding: 1px; border: 2px solid #C2C2C2; line-height: 0px;}
#content .img_note { padding: 5px 4px 4px 2px; text-align: left; font-size:0.8em; line-height:100%;}
#content .img_left .img_note, .img_right .img_note {width:100px}
#content .colcenter .box { display:block; clear:both; border:1px solid #fff; margin:0px; padding:0px; margin-bottom:26px}
#content .colcenter .box p, .colright .box p { margin: 0px 0px 0px 0px;}
/* ----------------------------- Aktuelles ------------------------------ */
#content .news-item { clear:right; display:block; margin-bottom:8px;}
#content .calendar { color:#284CAA; float: left; width: 28px; border: 1px solid #FFFB42; background:#fff; font-size: 10px; text-align: center; margin:0px 0px 1px 0px}
#content .day { background-color: #FFFB42; border: 2px solid #ffffff;padding: 1px 1px 1px 3px; font-weight:bold;}
#content .month { padding: 0px 1px 1px 3px; text-transform:uppercase}
#content .colcenter .text { width: 398px; float:right; }
.wide #content .colcenter .text { width: 638px; }
/* ---------------------------- Text mit Icon --------------------------- */
#content .colright .text { width:178px; line-height:1.4em; margin:0px; padding:0px; float:right}
#content .colright .text p { margin:0px; display:block;}
#content .colright h4 { margin:0px; margin: 2px 0px 4px}
#content .colright .box { font-size:100%; }
#content .colright p { font-size:0.9em; line-height:1.3em}
#content .img_icon { clear:both; }
#content .img_icon img { padding: 1px; border: 2px solid #C2C2C2; line-height: 0px; float: left;margin: 2px 6px 20px 0px; }
/* ---------------------------- Pagination --------------------------- */
#content .pagination { color:#333;padding: 15px 20px 3px ;margin: 0 0 1.5em;background: #EEF2FB}
#content .pagination p { position:relative;text-align:center}
#content .pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
#content .pagination p a:hover { background:#2C49AD;color:#fff}
#content .pagination p span { text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
#content .pagination * { margin:0}
#content .pagination h5 { padding:0; border:none; width:100px; display:inline; float:left}
#content .pagination.abcflags { font-size:0.8em; padding: 15px 12px 10px 6px;}
#content .pagination.abcflags p a:link, .pagination.abcflags p a:visited, .pagination.abcflags p a:hover, .pagination.abcflags p a:active {padding:2px;}
#content .pagination.abcflags p span { padding:2px;}
/* ---------------------------- Lists --------------------------- */
#content .colcenter ul, #content .colright ul { margin: .3em 0 1.5em ;list-style-type:none; padding:0px}
#content .colcenter ul.related { margin-top: -1em; padding:0px}
#content .colcenter ol, #content .colright ol { margin: .5em .5em 1.5em; padding:0px}
#content .colcenter ol li, #content .colright ol li { margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
#content .colcenter li , #content .colright li { line-height: 1.4em;padding-left: 25px;background: url('../media/ico_arrow_r.gif') 0px 4px no-repeat;}
#content .colcenter li.doc, #content .colright li.doc { background-position: 3px -500px}
#content .colcenter ul.nomarker li, #content .colright ul.nomarker li { background:none;padding-left:0}
#content .colcenter dl, #content .colright dl { margin: 0 0 1em 0}
#content .colcenter dt, #content .colright dt { font-weight:bold;margin-top: 1.3em}
#content .colcenter dl dl, #content .colright dl dl { margin: 0 0 1.5em 30px}
/* ---------------------------- Featurebox --------------------------- */
.featurebox { color:#333;padding: 15px 20px 10px ;border-top: 1px solid #F3FB46; border-bottom: 1px solid #F3FB46; margin: 0 0 1.5em;background: #FDFFD0}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;}
.featurebox p { border:none;margin: 0 0 1em;color:#444}
/* ---------------------------- Resultlist --------------------------- */
#content .colcenter #searchresult { margin: 0 0 1.5em; display:block; float:none;}
#content .colcenter #searchresult li { margin-bottom:8px; padding-left: 39px;}
/* ----------------------------- Forms ------------------------------- */
#content form { border:0px none; display: inline; margin: 0px; padding: 0px; font-size:0.95em; }
#content form br {clear:both}
#content fieldset { margin: 0px; margin-bottom:16px; padding-right: 10px; display: inline; border:1px solid #7C92CB; width: 98%}
#content fieldset legend { font-weight:bold; font-size: 1.1em; margin-bottom:8px; color:#294CAA}
#content input, select, textarea { margin-bottom:5px; vertical-align:middle; font-size:0.95em; font-family: Trebuchet MS, Arial, Helvetia, Verdana, Tahoma, MS Sans Serif; }
#content form .border { border:1px solid #7C92CB;}
#content form .input250 { width:250px }
#content form .submit { background-color:#294CAA; color:#fff}
#content label
{ float:left; width:100px; margin-right:0.5em; padding-top:0.2em; text-align:right; }
#content .colright form { }
#content .colright fieldset { width: 95%}
#content .colright form .input100 { width:100px;}
#content .colright form .border { border:1px solid #333; }
#content .colright fieldset { border-color:#FDF93E;}
#content .colright label { width:30%;}
#content .colright form .submit { background-color:#FFF742; color:#000}
/* ----------------------------- GFM ------------------------------- */
a.pfeil-links {float: left; display: block; height: 34px; width: 34px; background: url('../media/pfeil-links.gif') 0px -34px no-repeat; }
a.pfeil-links:hover {background-position: 0px 0px; }
a.pfeil-rechts {float: right; display: block; height: 34px; width: 34px; background: url('../media/pfeil-rechts.gif') 0px -34px no-repeat; }
a.pfeil-rechts:hover {background-position: 0px 0px; }