/*     CSS - Cascading Stylesheet
       Stadt Kierspe                                               */


/* Formularelement */
.form_general {
margin-bottom: 20px;
background-color: #eff8f0;
padding: 10px;
}
.input_text {
margin-bottom: 10px;
min-height: 1px;
_height: 1px;
}
.input_text input {
display: block;
float: left;
width: 280px;
}
.input_checkbox {
margin-bottom: 10px;
min-height: 1px;
_height: 1px;
}
.input_checkbox input {
display: block;
float: left;
padding-left: 0px;
margin-left: 0px;
}
.label_left {
padding: 1px 0 0 0;
float: left;
width: 150px;
}
.label_right {
float: left;
padding-left: 8px;
width: 400px;
}
.form_text {
margin-bottom: 10px;
}
.form_general .clear_left {
clear:left;
height:0px;
line-height:0px;
font-size:0px;
}
.input_submit button {
background:#ECE9D8 none repeat scroll 0 0;
border-color:#7F9DB9 #123E5F #123E5F #7F9DB9;
border-style:solid;
border-width:1px;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding:3px 5px;
width:140px;
}
.form_general .input_required { display: none; }

.elementSitemap ul li a{
  font-weight:bold;
}

.elementSitemap ul li ul li a {
  font-weight:normal;
}


.elementSitemap ul li {
  padding:10px 0 0;
}

.elementSitemap ul li ul li {
  padding:0;
}

div.galerie a img {
  float:left;
  margin:0 10px 10px 0;
}



/* Allgemeine Definitionen */

body {
	width:970px;
	margin:0 auto;
	text-align:center;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}

hr {
  background-color:#E4EDF4;
  color:#E4EDF4;
  border:#E4EDF4;
  height:1px;
}

img { border:none; }

a {
	color:#5e5f61;
	text-decoration:underline;
}

a:visited {
	color:#85888c;
}

a:hover {
	color:#363739;
	text-decoration:none;
}

.spidercatcher { display:none; }

/* Header & Topnav Definitionen */
#header {
	width:938px;
	height:178px;
	margin:0 auto;
	padding:0 16px;
	text-align:left;
        font-size:10px;
}

#header div {
	padding:0;
	margin:0;
	width:auto;
}

#header .left {
	float:left;
	width:200px;
	height:30px;
}

#header .left b {
  float:left;
  display:block;
  width:82px;
  margin:8px 0 0 0;
}

#header .left a {
  outline:none;
}

#header .left img {
  margin:4px 5px 0 0;
}


#header .right {
	float:left;
	width:738px;
	height:24px;
	padding:6px 0 0;
	text-align:right;
	font-weight:bold;
	color:#1a171b;
}

#header .right a {
	color:#433f44;
	text-decoration:none;
	padding:0 3px;
}

#header .right a:hover {
	text-decoration:underline;
}


#header .right form#suche {
	display:inline;
	margin:0; padding:0;
}

#header .right input#suchbegriff {
	border-top:1px solid #676767;
	border-left:1px solid #676767;
	border-bottom:1px solid #BEBEBE;
	border-right:1px solid #BEBEBE;
	
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#a9aaac;
	font-size:10px;
	width:155px;
	padding:2px 2px;
	margin:0 0 0 10px;
	
	background:url(/de/wLayout/design/img/icon_lupe.gif) no-repeat 144px center #FFFFFF;
}


#header .logo {
	clear:left;
}

#header .logo .bild1 {
	margin-right:3px;
}


/* Frontpage Definitionen */
#start {
	width:932px;
	margin:0 auto;
	padding:0 19px;
	text-align:left;
        font-size:11px;
}

#start #startnavigation {
  margin:0;
  padding:0;
  width:auto;
}

#start #startbox {
  margin:0;
  padding:0;
  width:auto;
  height:auto;
}

#start #startnavigation div {
	float:left;
	width:184px;
	margin:0 3px 0 0;
	height:220px;
}

#start div.clear_left {	
  float:none !important; 
  width:auto !important; 
  height:0px !important; 
  margin:0 !important; 
  background:none; 
  overflow:hidden; 
}

#start #startnavigation div h1 {
	margin:0;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
        line-height:20px;
	padding:2px 0 3px 8px;
}

.leben		{ background:#e5edf4; }
.rat		{ background:#eff8f0; }
.freizeit	{ background:#fef6e5; }
.bildung	{ background:#f8f2f2; }
.wirtschaft	{ background:#ece7e0; margin:0 !important; }

.leben h1	{ background:url(/de/wLayout/design/img/head_blau.gif) repeat-x; }
.rat h1		{ background:url(/de/wLayout/design/img/head_gruen.gif) repeat-x; }
.freizeit h1	{ background:url(/de/wLayout/design/img/head_gelb.gif) repeat-x; }
.bildung h1	{ background:url(/de/wLayout/design/img/head_rot.gif) repeat-x; }
.wirtschaft h1	{ background:url(/de/wLayout/design/img/head_braun.gif) repeat-x; }

#start #startnavigation div h1 a {
	color:#FFFFFF;
	text-decoration:none;
}
#start #startnavigation div h1 a:hover {
	text-decoration:underline;
}




#start #startboxes div { 
	float:left;
	width:184px;
	margin:0 3px 0 0;
 }

#start #startboxes div div { width:auto; height:200px; margin:0; float:none; padding:8px; line-height:15px; }

#start #startboxes div div h3 {
	font-size:13px;
	margin:0 0 5px;
}

#start #startboxes div div h3 a {
  padding:0;
  margin:0;
}


#start #startboxes div div a {
	text-decoration:none;
	font-weight:bold;
        padding:2px 0 0 0px;
        display:block;
}

#start #startboxes div div a:hover {
	text-decoration:underline;
}

#start #startboxes .leben div		{ background:#e5edf4; }
#start #startboxes .rat div		{ background:#cfebd2; }
#start #startboxes .freizeit div	{ background:#fde8bc; }
#start #startboxes .bildung div		{ background:#efe2e1; }
#start #startboxes .wirtschaft div 	{ background:#ded6c9; }


#start #startboxes .leben div h3	{ color:#004e92; }
#start #startboxes .rat div h3		{ color:#1b9e27; }
#start #startboxes .freizeit div h3	{ color:#db6403; }
#start #startboxes .bildung div h3	{ color:#9e1019; }
#start #startboxes .wirtschaft div h3	{ color:#5f3c02; }

#start #startboxes .leben div a		{ color:#004e92; }
#start #startboxes .rat div a		{ color:#1b9e27; }
#start #startboxes .freizeit div a	{ color:#db6403; }
#start #startboxes .bildung div a	{ color:#9e1019; }
#start #startboxes .wirtschaft div a	{ color:#5f3c02; }

#start #startboxes img {
	border-top:3px solid #FFFFFF;
	border-bottom:3px solid #FFFFFF;
}

#start #startboxes p {
  margin:2px 0 5px;
}


#start #startnavigation ul {
	margin:5px 0;
	padding:0;
	list-style:none;
	height:232px;
}

#start #startnavigation ul li a {
	display:block;
	width:176px;
	color:#1a171b;
	text-decoration:none;
	padding:1px 0 2px 8px;
}

#start #startnavigation ul li a:hover {
	text-decoration:underline;
}




#start p.kalender {

}

#start p.kalender a {
  display:block;
}

#start .suedwestfalen {
  border:none !important;
  margin:10px 0 0 62px;
}


/* Kalender auf der Startseite und Sidebar */
#start #startboxes .freizeit div p.kalender a, #start #startboxes .freizeit div p.kalender a:hover,
#sidebar div p.kalender a, #sidebar div p.kalender a:hover {
  color:#1a171b;
  padding:0;
  font-weight:normal;
  text-decoration:none;
}

#start #startboxes .freizeit div p.kalender a span.datum {
  color:#DB6403;
  font-weight:bold;
  display:block;
}

#sidebar div p.kalender a span.datum {
  font-weight:bold;
  display:block;
}

#start #startboxes .freizeit div p.kalender a:hover span.veranstaltung,
#sidebar div p.kalender a:hover span.veranstaltung {
  text-decoration:underline;
}

#start #startboxes .freizeit div p.kalender a span.veranstaltung,
#sidebar div p.kalender a span.veranstaltung {
  display:block;
  margin-bottom:5px;
}





/* Area Definitionen */
#area {
	width:932px;
	margin:0 auto;
	padding:0 19px;
	text-align:left;
}

.blau { background:url(/de/wLayout/design/img/bg_blau.gif) repeat-y !important; }
.gruen { background:url(/de/wLayout/design/img/bg_gruen.gif) repeat-y !important; }
.gelb { background:url(/de/wLayout/design/img/bg_gelb.gif) repeat-y !important; }
.rot { background:url(/de/wLayout/design/img/bg_rot.gif) repeat-y !important; }
.braun { background:url(/de/wLayout/design/img/bg_braun.gif) repeat-y !important; }



/* Hauptnavigation */
#navigation {
	float:left;
	width:184px;
	margin:0 3px 0 0;
}

#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navigation ul li {
	margin:0;
	padding:0;
}

#navigation ul li#leben		{ background:url(/de/wLayout/design/img/head_blau.gif) repeat-x; }
#navigation ul li#rat		{ background:url(/de/wLayout/design/img/head_gruen.gif) repeat-x; }
#navigation ul li#freizeit	{ background:url(/de/wLayout/design/img/head_gelb.gif) repeat-x; }
#navigation ul li#bildung	{ background:url(/de/wLayout/design/img/head_rot.gif) repeat-x; }
#navigation ul li#wirtschaft	{ background:url(/de/wLayout/design/img/head_braun.gif) repeat-x; }


#navigation ul li#leben ul li.aktiv ul li.aktiv a { background:url(/de/wLayout/design/img/bullet_blau.gif) no-repeat 18px 4px !important; }
#navigation ul li#leben ul li.aktiv a { background:url(/de/wLayout/design/img/bullet_blau.gif) no-repeat 6px 4px; }

#navigation ul li#rat ul li.aktiv ul li.aktiv a { background:url(/de/wLayout/design/img/bullet_gruen.gif) no-repeat 18px 4px !important; }
#navigation ul li#rat ul li.aktiv a { background:url(/de/wLayout/design/img/bullet_gruen.gif) no-repeat 6px 4px; }

#navigation ul li#freizeit ul li.aktiv ul li.aktiv a { background:url(/de/wLayout/design/img/bullet_gelb.gif) no-repeat 18px 4px !important; }
#navigation ul li#freizeit ul li.aktiv a { background:url(/de/wLayout/design/img/bullet_gelb.gif) no-repeat 6px 4px; }

#navigation ul li#bildung ul li.aktiv ul li.aktiv a { background:url(/de/wLayout/design/img/bullet_rot.gif) no-repeat 18px 4px !important; }
#navigation ul li#bildung ul li.aktiv a { background:url(/de/wLayout/design/img/bullet_rot.gif) no-repeat 6px 4px; }

#navigation ul li#wirtschaft ul li.aktiv ul li.aktiv a { background:url(/de/wLayout/design/img/bullet_braun.gif) no-repeat 18px 4px !important; }
#navigation ul li#wirtschaft ul li.aktiv a { background:url(/de/wLayout/design/img/bullet_braun.gif) no-repeat 6px 4px; }


/* Level 1 */
#navigation ul li a {
	display:block;
	width:160px;
	padding:4px 8px 5px 16px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	border-bottom:3px solid #FFFFFF;
}

#navigation ul li a:hover {
	text-decoration:underline;
}

#navigation ul li.aktiv a {
	font-weight:bold;
	text-decoration:none;
}


#navigation ul li.aktiv ul {
	margin:7px 0 0;
	padding:0 0 8px;
	border-bottom:3px solid #FFFFFF;
}

/* Level 2 */
#navigation ul li.aktiv ul li {
	background:none !important;
}


#navigation ul li.aktiv ul li a {
	border:none;
	width:160px;
	padding:2px 8px 2px 16px;
	color:#1a171b;
	font-size:11px;
	font-weight:normal;
}

#navigation ul li.aktiv ul li a:hover {
	text-decoration:underline;
}

#navigation ul li.aktiv ul li.aktiv a {
	font-weight:bold;
}
#navigation ul li.aktiv ul li.aktiv a:hover {
	text-decoration:none;
}


/* Level 3 */


#navigation ul li.aktiv ul li.aktiv ul {
  margin:0;
  padding:0 0 4px;
  border:none;
}

#navigation ul li.aktiv ul li.aktiv ul li a {
	border:none;
	width:147px;
	padding:2px 8px 2px 29px;
	color:#1a171b;
	font-size:11px;
	font-weight:normal;
        background:none !important;
}

#navigation ul li.aktiv ul li.aktiv ul li a:hover {
	text-decoration:underline;
}

#navigation ul li.aktiv ul li.aktiv ul li.aktiv a {
	font-weight:bold;
}

#navigation ul li.aktiv ul li.aktiv ul li.aktiv a:hover {
	text-decoration:none;
}







/* Content */
#content {
	float:left;
	width:498px;
	line-height:17px;
	padding:0px 30px 0 30px;
	background:none !important;
}

#content p {
  margin:0 0 15px;
}

#breadcrumb {
  padding:3px 0 5px;
  margin:0 0 20px;
  font-size:11px;
  line-height:17px;
  text-align:right;
  color:#bbbbbb;
  background:url(/de/wLayout/design/img/breadcrumb_line.gif) no-repeat right bottom;
}

#breadcrumb a {
  text-decoration:underline;
  color:#bbbbbb;
}

#breadcrumb a:hover {
  text-decoration:none;
}


h1 {
	font-size:1.55em;
	font-weight:normal;
	margin:-10px 0 15px 0;
	line-height:1.82em;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-size:1.27em;
	font-weight:normal;
	margin:-10px 0 15px 0;
	line-height:1.82em;
}



/* News Listen Definitionen */
#content .buttons {
  margin:20px 0;
}

#content .buttons a { text-decoration:none; }
#content .buttons a:hover { text-decoration:underline; }

#content .buttons a.link_uebersicht {
  background:url(/de/wLayout/design/img/icon_uebersicht.gif) no-repeat left center;
  padding:2px 0 2px 18px;
  margin-right:15px;
}

#content .buttons a.link_zurueck {
  background:url(/de/wLayout/design/img/icon_zurueck.gif) no-repeat left center;
  padding:2px 0 2px 18px;
  margin-right:15px;
}

#content .buttons a.link_print, a.link_print {
  background:url(/de/wLayout/design/img/icon_drucken.gif) no-repeat left center;
  padding:2px 0 2px 19px;
}


/* Tabellen Definitionen */
.tabelle_gestreift, .tabelle_unformatiert {
  margin:10px 0 30px;
}

.td_hell {
  background:#e5edf4;
}

.td_dunkel {
  background:#c5d6e6;
}

tbody p {
  margin:0;
  padding:0;
}
.tabelle_unformatiert td {
  padding-right:15px;
}







.fragmentPictureRight {
  float:right;
  margin:0 0 15px 15px;
}

.fragmentPictureLeft {
  float:left;
  margin:0 15px 15px 0;
}


/* Sidebar */
#sidebar {
	float:left;
	width:184px;
	margin:0 0 0 3px;
}

/* Box innerhalb der Sidebar */
#sidebar div {
	float:none;
	margin:0;
	padding:0 0 10px;
	border-bottom:3px solid #FFFFFF;
}

#sidebar div h2 {
	color:#FFFFFF;
	font-size:13px;
        font-weight:normal;
	margin:0 0 5px;
	padding:4px 0 0 4px;
}

#sidebar div h2 a, #sidebar div h2 a:hover {
  color:#FFFFFF;
  font-weight:normal;
  text-decoration:none;
  display:block;
}

#sidebar div a img {
  border-top:3px solid #FFFFFF;
  border-bottom:3px solid #FFFFFF;
}

#sidebar div p {
	margin:0;
	padding:0 4px;
	line-height:16px;
}

#sidebar div h3 {
  font-size:13px;
  font-weight:bold;
  margin:6px 0 4px;
  padding:0 0 0 4px;
}

h2.pw {
position:absolute;
left:-400px;
top:0;
display:block;
width:400px;
}

#sidebar div a {
  font-weight:bold;
  text-decoration:none;
}

#sidebar div a:hover {
  text-decoration:underline;
}

#sidebar div p.kalender {
  padding-top:8px;
}

#sidebar div p.kalender a {
  display:block;
  margin-bottom:5px;
}



/* Footer Definitionen */
#footer {
	width:970px;
	height:24px;
	margin:0 auto;	
}






/* Aktuelles Definitionen */

.newseintrag {
  border-top:1px solid #e4edf4;
  margin:15px 0 0;
  padding:8px 0 0 0;
}

.newseintrag .artikel_bild {
  float:left;
  width:110px;
}

.newseintrag .artikel_inhalte {
  float:left;
  width:328px;
}

.newseintrag .artikel_inhalte h2 {
  font-weight:bold !important;
  margin:0 0 -2px !important;
  font-size:1.18em !important;
  line-height:1.36em !important;
}

.newseintrag .artikel_inhalte span {
  font-size:0.82em;
  color:#777777;
  display:block;
  margin:0 0 4px;
}
.newseintrag .artikel_inhalte span span { 
  display:inline;
  font-weight:bold;
  padding:0 0 0 10px;
  font-size:1em;
}

.newseintrag .artikel_inhalte span span.lebeninkierspe { background:url(/de/wLayout/design/img/kategorie_leben.gif) no-repeat left center;}
.newseintrag .artikel_inhalte span span.bildungundkultur { background:url(/de/wLayout/design/img/kategorie_bildung.gif) no-repeat left center;}
.newseintrag .artikel_inhalte span span.wirtschaftundarbeit { background:url(/de/wLayout/design/img/kategorie_wirtschaft.gif) no-repeat left center;}
.newseintrag .artikel_inhalte span span.ratundverwaltung { background:url(/de/wLayout/design/img/kategorie_rat.gif) no-repeat left center;}
.newseintrag .artikel_inhalte span span.freizeitundtourismus { background:url(/de/wLayout/design/img/kategorie_freizeit.gif) no-repeat left center;}
.newseintrag .artikel_inhalte span span.sonstiges { background:url(/de/wLayout/design/img/kategorie_sonstiges.gif) no-repeat left center;}

.newseintrag .artikel_inhalte h2 a {
  text-decoration:none;
  color:#38A4CF;
}

.newseintrag .artikel_inhalte p {
  margin:0 !important;
}


.newseintrag .artikel_inhalte p a {
  color:#38A4CF;
  font-weight:bold;
  text-decoration:none;
}

.newseintrag .artikel_inhalte p a:hover {
  text-decoration:underline;
}


.pagecount {
  display:block;
  margin:0 0 30px;
  font-weight:bold;
  color:#454545;
  text-align:right;
}

.pagenav {
  display:block;
  color:#ABABAB;
  border-top:1px solid #e4edf4;
  margin:15px 0 0;
  padding:8px 0 0 0;
  text-align:right;
}

.pagenav a {
  color:#434343;
}

/* News Details Definitions */
#content span.kategorie {
  display:block;
  margin:20px 0 0;
}
#content span.datum{
  display:block;
}

/* Page-Navigator */

.seiten_navigator {
  color:#ABABAB !important;
  text-align:right;
  padding:10px 0;
}

.seiten_navigator a {
  color:#454545;
  font-weight:bold;
  text-decoration:none;
}

.seiten_navigator a:hover {
  text-decoration:underline;
}




/* Clear Klassen */
.clear_left { clear:left; margin:0; padding:0; }
.clear_right { clear:right; margin:0; padding:0; }
.clear_both { clear:both; margin:0; padding:0; }

.seperator {
  border-bottom:1px solid #E4EDF4;
  margin:0 0 30px 0;
  padding:0 0 30px 0;
}



.impressum h2 {
  margin:20px 0 5px !important;
}


a.rssfeed {
  background:url(/de/wLayout/design/img/icon_rssfeed.gif) no-repeat left center;
  color:#FF981F;
  font-weight:bold;
  padding:5px 0 5px 20px;
  margin:5px 0;
  display:block;
  width:10.91em;
  text-decoration:none;
}

a.rssfeed:hover {
  text-decoration:underline;
}




div.stadtplan img {
  border:none !important;
  float:left;
  margin:0 5px 0 0;
}

div.stadtplan p {
  padding:5px 5px 0 !important;
}







/* Printer Definitions */

@media print
{

body {
  background:#FFFFFF;
  margin:0;
  padding:0;
  width:auto;
  text-align:left;
}



#CMSMenu, #header .right, #header .logo img.bild1, #header .logo img.bild2, #footer, #navigation, #sidebar, #breadcrumb, .buttons, #header .left {
  display:none;
}

#header {
  background:none;
  margin:0;
  padding:0;
  width:auto;
}

#header .logo {
  text-align:right;
  margin:-50px 0 40px 0;
  padding:0;
}

#header .logo a img {
  width:285px;
  margin:-30px 0;
}


h1, h2, h3, h4, h5, h6 {
  margin:0 0 15px;
}

#content {
  margin:0;
  padding:0;
  width:auto;
  font-size:16px;
  line-height:21px;
}

h1 {
  font-size:24px;
  margin-bottom:30px;
}

h2 {
  font-size:19px;
}



}