body {
color: #333;
background-color: #ededed;
margin: 0;
padding: 0;
text-align: center;
font-family: arial, verdana, lucida, sans-serif;
font-size: 12px;
padding-bottom: 25px; }


table, td {
font-family: arial, verdana, lucida, sans-serif;
font-size: 12px;
vertical-align: top; text-align: left; }

.nostyle, .print { display: none; }

/* Bilder */



#globalheader {
    background: #eee;
    margin-bottom: 1em;
}

#localheader {
    background: #eee;
    margin-bottom: 1em;
}

#localfooter {
    background: #eee;
    margin-top: 1em;
}

#globalfooter {
    background: #eee;
    margin-top: 1em;
    text-align: center;
}

.pager {margin-top: 1em;}

#more {margin-top: 1em;}
#more a {
color: #808080;
text-decoration: none; margin-top: 1em; }
#more a:hover { color: #005697; margin-top: 1em; }

#page {
background-color: #fff; 
margin: auto;
width: 758px;
  }

/* KOPF */

#head {
width: 758px;
background: #fff ;
 }
 
 #headfes
 {
height: 84px;
width: 150px;
background-color: #005697 ;
float:left;
 }
 
 #headillu
 {
height: 84px;
width: 608px;
background: #fff ;
float:right;
 }
 
#head2 {
width: 758px;
background: #fff ;
 }
 
#headhome {
width: 150px;
background: #fff ;
float:left;
 }
 #headcontainer { width: 608px; height:35px; background-color: #fff; float:right;}
 
 
#headtext { 
background: #fff ;
text-align: left;
color: #808080;
font-size: 12px;
margin-top: 15px; 
float:left;

 }

#headtext a {
color: #808080;
text-decoration: none; 
}

#headtext a:hover { color: #005697;  }

#headsuche {  width:150px; margin-top:10px;  float:right;  }
#input { width:60px; margin-right:2px; font-size:11px; text-align:left; }
#suchbutton { width:50px; margin-right:6px; font-size:11px;  }

#sendbutton { width:60px;  }

#datumofont { width: 598px; heigth:35px;  background-color: #fff; float:right; }
#datum          {heigth:35px; font-size: 11px; color: #808080; text-align: left; background-color: #fff; float:left; }
#font { heigth:35px; font-size: 11px; color: #808080; text-align:left;  margin-right: 6px;float:right;}
#font a {
color: #808080;
text-decoration: none;  }
#font a:hover { color: #005697;  }

/* NAVIGATION UNTERRUBRIK */

#unterrubrik { heigth:20px; font-size: 12px; color: #808080; margin-top:10px; position:relative; width: 592px; float:right; background-color: #fff; text-align:left; margin-right: 6px; }
#unterrubrik a {
color: #808080;
text-decoration: none; 
width: 592px; }
#unterrubrik a:hover { color: #005697;  }

/* HAUPTNAVIGATION */
#navigation {
background-color: #005697;
width: 150px;
_width: 130px ; /*bugfix ie6*/
float: left;
}

#navigationlist { 
border-bottom: 1px solid #fff;
width: 150px;
_width: 130px ; /*bugfix ie6*/}





/* WEITER LINKE SPALTE */

#containerlinks {
background-color: #005697;
 }

#containerlinks a:hover {
color: #fff;
background-color: #005697;
text-decoration: none; }

#containerkomma {
background-color: #005697;
 }

#containerkomma a:hover {
color: #fff;
background-color: #005697;
text-decoration: none; }

#containerefqm {
background-color: #005697;
 }

#containerefqm a:hover {
color: #fff;
background-color: #005697;
text-decoration: none; }

/* SEITENELEMENTE */

#innerpage { width: 758px; background: url(../_images/bg_nav.gif) repeat; background-color: #fff; float:left;  }



#containeroben { width: 607px;  height:133px; background-color: #fff; float:right; }

#containerpage { width: 607px; text-align: left;  background-color: #fff; float:right;}

#content {width: 590px;  min-height: 550px; margin-right: 6px; margin-top: 15px; text-align: left; background-color: #fff; float:right; margin-bottom:15px; }

#content h2 {
font-size: 14px; text-align:left; }

#content h3 {
font-size: 12px; text-align:left;}

#content h4 {
border-bottom: 1px solid #566;
padding: 0;
margin: 0 0 5px 0;
font-size: 14px; }
/* ARTIKELTRENNER */

#trenner { height:20px; border-bottom: 1px dotted #808080;  clear:left; }

/*PAGETOOLS */
#pagetools {
text-align: bottom;
border-top: 1px dotted #566;
float:right;
clear: both;
width: 592px;
margin: 0px;
}

#pagetools a {
color: #808080;
text-decoration: none; margin-top: 1em; }

#pagetools a:hover { color: #005697; margin-top: 1em; }


/* FOOTER */ 

#footer {
width: 758px;
background: #fff ;
 } 
 
 #footerlinks
 {
height: 24px;
width: 150px;
padding-top: 5px;
margin:0px;
background-color: #005697 ;
float:left;
 }
#footercopy {
text-align: left;
padding-top: 4px;
border-top: 1px dotted #566;
float:right;
clear: both;
width: 607px;
margin: 0px;
height:24px;
background: #a4b5c8; }

#footertext {

margin-left: 10px ;
 }
 

 

 
/* VERA-ABFRAGE FES */ 
 /* FES Veranstaltungen Syndication - Standard CSS */
table.veransteintrag, table.veranstanmeld {
	width: 550px; 
	border-style: none; }
		
table.veranstanmeld {
	margin-bottom: 25px; }
	
td.l, td.r, td.t { 
	padding: 3px; 
	border-style: none; }
	
td.l { 
	background-color: #e8e8e8;
	width: 150px;	}

td.r {
	border-bottom: 1px solid #bfbfbf; width: 400px; }

td.t { 
	font-weight: bold;
	border-bottom: 1px solid #bfbfbf; }

/* PLUS - Individuell anzupassende CSS */	
/* PLUS - Individuell anzupassende CSS NRW */ 

.a a {
padding: 0 0 0 22px;
background-image: url(http://www.kommunalakademie.net/kommunalpolitik/_images/int2.gif);
background-repeat: no-repeat;
text-decoration: none; }

table.veransteintrag, table.veranstanmeld {
font-size: 12px; }	
-->
 

/* FUNKTIONEN */

/* TELL A FRIEND */
#error {color: red;} /*- Text der Fehlermeldungen*/
#redstar {color: red; font-weight:bold;} /*- Sternchen vor den Pflichtfeldern*/


#function a, .back {
color: #006699;
padding: 0 0 0 10px;
margin: 0 0 0 5px;
background-image: url(but_arrow.gif);
background-repeat: no-repeat;
text-decoration: none; }

td a {
background-image: none !important;
padding: 0 !important;
margin: 0 !important; }

.styleswitcher th { font-size: 12px; }

#function {
float: right;
text-align: left;
width: 206px; }

#function p {
border-bottom: 1px solid #566;
margin: 10px 10px 0 5px;
padding-bottom: 15px; }

div.styleswitcher {
border-bottom: 1px solid #566;
margin: 0 10px 0 5px; }

#function a:hover, .contentblock a:hover {
color: #8D9EB1;
text-decoration: underline; }

/* form */
fieldset {
width: 350px;
margin: 0;
padding: 5px 0 5px 13px; }

legend { font-weight: bold; }

textarea {
width: 300px;
margin: 0 0 16px 0; }

input {
width: 300px;
margin: 0 0 16px 0; }

/* div */
strong { font-weight: bold; }
.clear { clear: both; }
.small { font-size: 11px; }

.l, .t { font-weight: bold; }
