/* CSS-Definitionen für die Stadtschulpflegschaft Bonn */
/* http://www.ssp-bonn.de */
/* Stand: Juli 2008 */
/* Autorin: britta dutz-jäger || management@kommunikation */
/* ================================= */

/* css_basis */

a, blockquote, caption, div, fieldset, form, h1, h2, h3, h4, img, label, legend, ul, ol, li, p {
font-size: 100.1%;
font-family: Arial, Helvetica, sans-serif;
border: 0;
line-height: 130%;
margin:0;
padding:0;
}

a img, a:hover img, a:focus img {
border: none;
}

h1 {font-size:1.8em;}
h2 {font-size:1.4em;}
h3 {font-size:1.1em;}
h4 {font-size:.95em;}
p {font-size:.95em;}
ul {list-style:square;}	
li {font-size:.95em;}


/* css_main */


/* Metanavigation */
#meta {
margin:0;
padding-top:5px;
width:auto;
min-width:980px;
text-align:right;
font-size:.8em;
font-weight:normal;
background-color:#53489f;
}


#meta ul.metanav {
vertical-align:middle;
padding:0;
width:990px;
list-style-type: none;
}

#meta ul.metanav li {
display:inline;
margin:auto;
line-height:25px;
}

ul.metanav li a {
padding:0 11px 0 11px;
white-space:nowrap;
border-left:1px solid #ccc;
background:transparent;
}
ul.metanav li.erste a {
border-left:0;
}

ul.metanav li a:link, ul.metanav li a:visited {
background:transparent;
color:#fff;
text-decoration:none;
} 
ul.metanav li a:active, ul.metanav li a:hover, ul.metanav li a:focus {
background:transparent;
color:#ccc;
text-decoration:underline;
}

div.logo {
width:auto;
position:absolute;
top:0px;
left:20px;
z-index:10;
}

div.headline {
position:absolute;
top:36px;
left:220px;
z-index:10;
}


#titel {
background-color:#eee;
height:75px;
margin-top:0;
vertical-align:bottom;
padding:0 10px 0 0;
width:auto;
min-width:980px;
}

#menu {
background-color:#53489f;
vertical-align:bottom;
height:auto;
}

#menu ul.leiste {
list-style-type: none;
padding:0;
margin:0 0 0 230px;
/* vertical-align:bottom; */
position:relative;
bottom:1px;
min-height:22px;
}

html* #menu ul.leiste {
margin-top:-2px;
padding:2px 0 0 0;
}

#menu ul.leiste li {
display:inline;
padding:0;
margin:0;
vertical-align:bottom;
margin-right:-5px;
font-size:.8em;
}

#menu ul.leiste li a {
margin:0;
padding: 2px 12px 2px 12px;
height:100%;
line-height:140%;
border:1px solid #eee;
background-color:#9999cc;
color:#eee;
text-align:center;
text-decoration: none;
font-weight:bold;
}
html* #menu ul.leiste li a {
border-bottom:1px solid #eee!important;
line-height:180%;
padding:2px 12px 4px 12px;
}

#menu ul.leiste li a:link, 
#menu ul.leiste li a:visited {text-decoration:none; color:#eee;}
#menu ul.leiste li a:active, 
#menu ul.leiste li a:hover, 
#menu ul.leiste li a:focus {background-color:#ccc; color:#fff; text-decoration:none;border-bottom:1px solid #ccc!important;}


#menu ul.leiste li a.aktuell {
background-color:#ccc; color:#fff!important; text-decoration:none;border-bottom:1px solid #fff;}



#menu ul.mleiste {
list-style-type: none;
padding:0;
margin:0 0 0 0;
/* vertical-align:bottom; */
position:relative;
bottom:1px;
min-height:22px;
}

html* #menu ul.mleiste {
margin-top:-2px;
padding:2px 0 0 0;
}

#menu ul.mleiste li {
display:inline;
padding:0;
margin:0;
vertical-align:bottom;
margin-right:-5px;
font-size:.8em;
}

#menu ul.mleiste li a {
margin:0;
padding: 2px 9px 2px 9px;
height:100%;
line-height:140%;
border:1px solid #eee;
background-color:#9999cc;
color:#eee;
text-align:center;
text-decoration: none;
font-weight:bold;
}
html* #menu ul.mleiste li a {
border-bottom:1px solid #eee!important;
line-height:180%;
padding:2px 9px 4px 9px;
}

#menu ul.mleiste li a:link, 
#menu ul.mleiste li a:visited {text-decoration:none; color:#eee;}
#menu ul.mleiste li a:active, 
#menu ul.mleiste li a:hover, 
#menu ul.mleiste li a:focus {background-color:#ccc; color:#fff; text-decoration:none;border-bottom:1px solid #ccc!important;}


#menu ul.mleiste li a.aktuell {
background-color:#ccc; color:#fff!important; text-decoration:none;border-bottom:1px solid #fff;}

#balken {
min-height:28px; 
height:auto; 
background:#ccc;
}
html* #balken {margin-top:-1px;}

#balken ul.mleiste {
list-style-type: none;
padding:0;
margin: 0px 0px 0px 216px;
/* vertical-align:bottom; */
position:relative;
bottom:1px;
min-height:20px;
}

html* #balken ul.mleiste {
margin-top:-2px;
padding:0px 0 0 0;
}

#balken ul.mleiste li {
display:inline;
padding:0;
margin:0;
vertical-align:middle;
font-size:.7em;
}

#balken ul.mleiste li a {
margin:0;
padding: 0;
height:100%;
line-height:140%;
background-color:#ccc;
color:#9999cc;
text-align:center;
text-decoration: none;
font-weight:bold;
}
html* #balken ul.mleiste li a {
line-height:180%;
padding: 0px 9px 3px 0px;
}

#balken ul.mleiste li a:link, 
#balken ul.mleiste li a:visited {text-decoration:none; color:#53489f;}
#balken ul.mleiste li a:active, 
#balken ul.mleiste li a:hover, 
#balken ul.mleiste li a:focus {
background-color:#ccc; 
color:#fff; 
text-decoration:none;
}


#balken ul.mleiste li a.aktuell {
background-color:#ccc; 
color:#53489f!important; 
text-decoration:none;
}

#balken .blmitte{
margin: 0px 0px 0px 216px;
padding:2px;
vertical-align:middle;
position:relative;
font-size:.7em;
}

html* #balken .blmitte {
margin-top:-2px;
padding:0px 0 0 0;
}

#balken b.blmitte {
font-size:1em;
margin:0;
vertical-align:middle;
}

#balken a.blmitte {
margin:0;
padding: 0;
height:100%;
line-height:100%;
background-color:#ccc;
color:#9999cc;
text-align:center;
text-decoration: none;
font-weight:bold;
font-size:1em
}
html* #balken a.blmitte {
line-height:140%;
padding: 0px 0px 0px 0px;
}

#balken a.blmitte:link, 
#balken a.blmitte:visited {text-decoration:none; color:#53489f;}
#balken a.blmitte:active, 
#balken a.blmitte:hover, 
#balken a.blmitte:focus {
background-color:#ccc; 
color:#fff; 
text-decoration:none;
}


#balken input.blmitte {
  width: auto;
  clear: both;
  margin-left: 0em;
  margin-right: .5em;
  font-size:1.0em;
  }

* html #balken input.blmitte {margin-left:1em; font-size:1.0em;}
  
#balken input[type=checkbox].blmitte,
#balken input[type=radio].blmitte,
#balken input[type=submit].blmitte {
  margin-left: 0em; font-size:1.0em;
  }
	


#balken .sleiste {
float: right;
list-style-type: none;
padding:0;
position:relative;
bottom:1px;
min-height:20px;
display:inline;
padding:0;
margin:0;
vertical-align:middle;
font-size:.7em;
}

.content {
background-color:#fff;
width:auto;
min-width:980px;
padding:0;
}

.suche .stichwort {
width: 128px;
color: #333;
margin:0 2px 1px 0;
padding:0 0 0 5px;
background-color:#fff;
}
* html .suche .stichwort {
padding:0px 5px 1px 5px;
width:120px;
}

.suche input.suchbutton {
vertical-align:middle;
margin:-3px -3px 1px 2px;
padding:0;
border:none;
}
* html .suche input.suchbutton {
margin:0 0 3px 2px;
padding:0;
}

#container {
width: 100%;
min-width:980px;
margin: 0 auto;
background-color:transparent;
color:#333;
}

#links {
float: left;
width: 200px;
margin: 0;
padding: 1em 1em 1em 0;
}
#linksnav {
float:left;
width:200px;
margin:0;
padding: 1em 1em 1em 0;
}

#rechts {
float: right;
width: 200px;
margin: 0;
padding: 1em 0 1em 1em;
}

#mitte {
margin-top:0;
margin-right: 200px;
margin-left: 200px;
padding: 1em;
min-width:23em;
}
#mittesuche {
margin-top:0px;
margin-right: 0px;
margin-left: 200px;
padding: 1em;
min-width:23em;
}

#mitte_all {
margin-top:0;
margin-right: 0;
margin-left: 200px;
padding: 1em;
min-width:33em;
}
#mitte_all ul {font-size:.9em; list-style-position: outside; margin:.3em 0 .6em 0;padding-left:19px;}
#mitte_all ol {font-size:.9em; list-style-position: outside; margin:.3em 0 .6em 0;padding-left:19px;}


#mitte h1, #mitte_all h1 {margin: 0 0 .5em 0;padding:.2em .2em .2em .4em; background:#f67510;color:#fcdcb5;font-size:.9em;letter-spacing:.1em;text-transform:uppercase;} 
#mitte h4.poll_question, #mitte_all h4.poll_question {margin: 0 0 .5em 0;padding:.2em .2em .2em .4em; background:#f67510;color:#fcdcb5;font-size:.85em;letter-spacing:.1em;font-weight:bold;} 

#mitte ul.komzeile, #mitte_all ul.komzeile  {list-style-type: none;margin:3px 0 0 0;padding:0;}
#mitte ul.komzeile li, #mitte_all ul.komzeile li {margin:0 0 3px 0;padding:3px 0 3px 0;display:inline;}

#mitte ul.komzeile li a, #mitte_all ul.komzeile li a {padding:0 7px 0 7px;}
#mitte ul.komzeile li a:link, #mitte ul.komzeile li a:visited {text-decoration:none;background-color:#9999cc;color: #fff;}
#mitte_all ul.komzeile li a:link, #mitte_all ul.komzeile li a:visited {text-decoration:none;background-color:#9999cc;color: #fff;}
#mitte ul.komzeile li a:active, #mitte ul.komzeile li a:hover, #mitte ul.komzeile li a:focus {background-color:#ccc;color:#fff;}
#mitte_all ul.komzeile li a:active, #mitte_all ul.komzeile li a:hover, #mitte_all ul.komzeile li a:focus {background-color:#ccc;color:#fff;}

#mitte ul.ssp_tt li, #mitte_all ul.ssp_tt li {font-size:.75em;}
#mitte ul.ssp_tt li.title, #mitte_all ul.ssp_tt li.title {font-size:.8em;margin:.2em 0 0 0;}
#mitte ul.ssp_tt li a:link, #mitte_all ul.ssp_tt li a:link,
#mitte ul.ssp_tt li a:visited, #mitte_all ul.ssp_tt li a:visited {
background: transparent;
color:#0415a3;
font-weight:bold;
text-decoration:none;
}
#mitte ul.ssp_tt li a:active, #mitte_all ul.ssp_tt li a:active,
#mitte ul.ssp_tt li a:hover, #mitte_all ul.ssp_tt li a:hover,
#mitte ul.ssp_tt li a:focus, #mitte_all ul.ssp_tt li a:focus {
color:#f67510;
text-decoration: underline;
}

#mitte ul.lg-polls-answers, #mitte_all ul.lg-polls-answers {list-style-type: none;margin:5px 0 0 0;padding:0;}
#mitte .poll-total-votes, #mitte_all .poll-total-votes {text-decoration:none; background-color:#9999cc; color:#fff;}

#links table, #mitte table {margin: 0 0 .5em 0; }
#links ul, #rechts ul {
	font-size: .75em;
	list-style-position: outside;
	margin:0 0 .4em 0;
 	padding-left:19px;
}
* html #links ul, #mitte ul, #rechts ul {padding:0;margin-left:21px;}

#links .newsbox {margin: 0 0 .5em 0;padding:0;text-align:left;background:#eee;}
#links .newsbox p {font-size:.75em;}
#links .newsbox p.title {font-size:.8em;margin:.2em 0 0 0;}

#links h3 {margin: 0 0 .5em 0;padding:.2em .2em .2em .4em; background:#f67510;color:#fcdcb5;font-size:.9em;letter-spacing:.1em;text-transform:uppercase;}
#links p, #rechts p {padding:.2em .2em .4em .4em; font-size:.8em;}
#mitte_all p {margin:.5em 0 .5em 0;}

#linksnav h3 {margin: 0; padding:.2em .2em .2em .4em; background:#f67510;color:#fcdcb5;font-size:.9em;letter-spacing:.1em;text-transform:uppercase;}

#linksnav .newsbox {margin: 0; padding:0; text-align:left; background:#eee;}
#linksnav .newsbox p {font-size:.75em;}
#linksnav .newsbox p.title {font-size:.8em;margin:.2em 0 0 0;}

#linksnav .navibox {margin:0 0 0.5em; padding:1em .2em 1em 0; text-align:left; background:#CCCCCC; color:#CCCCCC;}
#linksnav .navibox p {margin: 0 0 .7em 0;font-size:.75em;}
#linksnav .navibox p a:link,
#linksnav .navibox p a:visited {
background: transparent;
color:#0415a3;
font-weight:bold;
text-decoration:none;
}
#linksnav .navibox p a:active,
#linksnav .navibox p a:hover,
#linksnav .navibox p a:focus {
color:#eee;
text-decoration: underline;
}

#linksnav .navibox ul.nav {
font-size:.8em; 
list-style-type:none;
vertical-align:middle;
margin:0 0 0 20px;
padding:0;
}

#linksnav .navibox ul.nav li a {
margin:0 0 2px 0;
padding: 3px 3px;
display:block;
border:1px solid #eee;
background-color:#eee;
color:#0415a3;
text-decoration: none;
font-weight:bold;
}
* html #linksnav .navibox ul.nav li a {
margin-bottom:-13px;
}

#linksnav .navibox ul.nav li a:link, 
#linksnav .navibox ul.nav li a:visited {
border:1px solid #eee;
background-color:#eee;
color:#0415a3;
font-weight:bold;
text-decoration:none;
}

#linksnav .navibox ul.nav li a:active, 
#linksnav .navibox ul.nav li a:hover,
#linksnav .navibox ul.nav li a:focus {
border:1px solid #eee;
background-color:#eee;
color:#f67510;
}
#linksnav .navibox ul.nav li a.current {
border:1px solid #eee;
background-color:#eee!important;
color:#f67510!important;
font-weight:bold;
text-decoration:none;
}
#linksnav .navibox ul.nav li a:active.current, 
#linksnav .navibox ul.nav li a:hover.current,
#linksnav .navibox ul.nav li a:focus.current {
border:1px solid #f67510;
background-color:#eee!important;
color:#f67510!important;
font-weight:bold;
text-decoration:none;
}


#rechts .suchbox, #rechts .adresse, #rechts .topbox {
margin: 0 0 .5em 0;padding:0;text-align:left;background:#eee;
}
#rechts .topbox p {font-size:.75em;}

#rechts address {font-size:.8em;padding:.2em .2em .4em .4em;font-style:normal;}
#rechts table td {margin:0 0 .5em 0; font-size:.8em;}
#rechts h3 {margin: 0 0 .5em 0;padding:.2em .2em .2em .4em; background:#f67510;color:#fcdcb5;font-size:.9em;letter-spacing:.1em;text-transform:uppercase;}
#rechts .topbox ul.lg-polls-answers{
	font-size: .75em;
                list-style-type:none;
	list-style-position: outside;
	margin:0 0 .4em 0;
 	padding-left:5px;
}

/* Die Fusszeile  */
#fuss {
/* clear:both; */
position:relative;
height:auto;
width:100%;
min-width:23em;
vertical-align:middle;
margin:20px 0 10px 0;
padding:0;
font-size:.8em;
border-top:1px solid #eee;
}

#fuss ul.fusszeile {
list-style-type: none;
margin:3px 0 0 0;
padding:0;
}
#fuss ul.fusszeile li {
margin:0 0 3px 0;
padding:3px 0 3px 0;
display:inline;
}

#fuss ul.fusszeile li.links {
float:left;
line-height:100%;
text-transform: uppercase;
}
#fuss ul.fusszeile li.rechts {
float:right;
padding-top:0;
}
* html .fuss ul.fusszeile li.links,
* html .fuss ul.fusszeile li.rechts  {
margin-top:-15px;
}
#fuss ul.fusszeile li a {
padding:0 7px 0 7px;
}
#fuss ul.fusszeile li a:link, #fuss ul.fusszeile li a:visited {
		text-decoration:none;
                background-color:#9999cc;
		color: #eee;
}
#fuss ul.fusszeile li a:active, #fuss ul.fusszeile li a:hover, #fuss ul.fusszeile li a:focus {background-color:#ccc;color:#fff;}

#fuss ul.fusszeile li.links .topimg {
border:none;
}


/* css_chrome */


body {
	padding: 0;
	margin: 0 auto;
        width: auto;
        font-family:Arial, Helvetica, sans serif;
}


hr.linie {
background:#eee;
color:#eee;
border:0;
height:1px;
margin:auto;
margin:10px 0;
padding:0;
}
* html hr.linie {
margin:4px 0;
}

strong {color:#000;font-weight:bold;}

.rss_img { vertical-align: middle; margin-bottom:2px;}

img.border {
border:1px solid #e3decc;
}
#mitte_all .image_l {float:left;margin:.5em 1em .5em 0;border:1px solid #e3decc;}
#mitte_all .image_r {float:right;margin:.5em 0 .5em 1em;border:1px solid #e3decc;}
#mitte_all .imagec {
		text-align:center;
		padding:0;
		margin:10px 0 10px 150px;
                border:none;
}
.comments {margin:.3em 0 .3em 2em;}
.comments p {font-size:.85em;}
.comments p.klein {font-size:.75em;}

#mitte_all h2, #mitte h2 {margin:.3em 0 .5em 0;background:transparent; color:#111083;letter-spacing:.05em;}
#mitte_all h2.start, #mitte h2.start {margin:0 0 .5em 0;}
#mitte_all h2.archiv {margin: .5em 0 .5em 0;background:transparent; color:#fea501;border-bottom:1px solid #ccc;}
#mitte_all h3, #mitte h3 {margin:.7em 0 .7em 0 ; background:transparent; color:#333;letter-spacing:.03em;}
#mitte_all h4, #mitte h43 {margin:.6em 0 .6em 0 ; background:transparent; color:#333;letter-spacing:.03em;}
#mitte_all p, #mitte p {margin:.6em 0 .6em 0;}
.blau {color:#53489f;}
.blaufett {color:#53489f;font-weight:bold;}
.rechts {float:right;}
.large {font-size:1em;}
.mittel {font-size:.8em;}
.klein {font-size:.75em;}
.kklein {font-size:.7em;}

/* Formular */

#mitte_all form, #mitte form {line-height:1.5em;}
#mitte_all fieldset, #mitte fieldset {border: 1px solid #c0c0c0; margin:1em 0 1em 0; padding:.5em;}
#mitte_all legend, #mitte legend {margin:0; padding:0 .6em 0 .6em; border:1px solid #c0c0c0; background:#f67510;color:#fcdcb5;font-size:.9em;letter-spacing:.1em;font-weight:bold;text-transform:uppercase;}

#mitte_all label.left, #mitte label.left {
   float: left;
   text-align:right;
   width: 12em;
   margin-right: 1em;
   margin-bottom: .3em;
   font-size:.85em;
   }
#mitte_all input[type=text], select {
   float: left;
   }
#mitte input[type=text], select {
   float: left;
   }

#mitte_all input.right, #mitte input.right {
  float: left;
  width: auto;
  clear: both;
  margin-left: 3em;
  margin-right: .5em;
  }

* html #mitte_all input.right, #mitte input.right {margin-left:1em;}
  
#mitte_all input[type=checkbox].right, #mitte input[type=checkbox].right,
#mitte_all input[type=radio].right, #mitte input[type=radio].right,
#mitte_all input[type=submit].right, #mitte input[type=submit].right {
  margin-left: 1em;
  }
#mitte_all .bestellung, #mitte .bestellung {
	margin-left:4.7em;
	font-size:.8em;
}  
  
#mitte_all form br, #mitte form br  {
  clear: both;
  }



label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
   }
#mitte_all input, #mitte_all textarea, #mitte input, #mitte textarea {
   color: #000;
   border:1px solid #c0c0c0;
   }

#mitte_all .tablePad, #mitte .tablePad {
 padding:			3px 3px 5px 3px;
margin:0;
 background-color:	#fff;
}

.resultRowOne {
 font-size:	.9em;
 color:				#000;
 padding:           6px 6px 6px 8px;
 background-color:	#fbfbf9;
}

.resultRowTwo {
 font-size:       .9em;
 color:             #000;
 padding:           6px 6px 6px 8px;
 background-color:  #eee;
}

.resultHead {
 font-size: 		1em;
 font-weight: 		bold;
 color:				#000;
 padding: 			8px 0 8px 8px;
margin:0;
 border-bottom:		1px solid #c0c0c0;
 background-color:	transparent;
}
* html .resultHead {margin-top:-100px;}


   
#mitte input:focus, 
#mitte textarea:focus {
   color: #000;
   background: #fff;
   border: 1px solid #666;
   }

/* Site map */

.sm_spalte{
	float:	left;
	width:	155px;
	padding: 0px 15px 20px 15px;
}

.sm_spalte ul li {
	padding:3px 0;
}

.sm_spalte ul li li {
	padding:3px 0 3px 15px;
}

.sm_spalte h3 {
	font-size:1.1em;
        margin:.3em 0 0 0;
	padding:5px 0 0 0;
}

/* Vorstandsseite */

.vs_spalte{
	float:	left;
	width:	205px;
	padding: 0px 25px 20px 0px;
}

.vs_spalte ul li {
	padding:3px 0;
}

.vs_spalte ul li li {
	padding:3px 0 3px 15px;
}

.vs_spalte h3 {
	font-size:1.1em;
        margin:.3em 0 0 0;
	padding:5px 0 0 0;
}

/* Allgemeine Seiten */

.as_spalte{
	float:	left;
	width:	300px;
	padding: 0px 25px 20px 0px;
}

.as_spalte ul li {
	padding:3px 0;
}

.as_spalte ul li li {
	padding:3px 0 3px 15px;
}

.as_spalte h3 {
	font-size:1.1em;
        margin:.3em 0 0 0;
	padding:5px 0 0 0;
}
.as_spalte h4 {
	font-size:.95em;
        margin:.3em 0 0 0;
	padding:3px 0 0 0;
}


/* Hyperlink im Text */
#mitte_all a:link, #mitte_all a:visited {
		text-decoration:none;
                background:transparent;
		color: #111083;
}
#mitte_all a:active, #mitte_all a:hover, #mitte_all a:focus {text-decoration:underline;}

#links a:link, #links a:visited, #rechts a:link, #rechts a:visited {
		text-decoration:none;
                background:transparent;
		color: #111083;
                font-weight:bold;
}
#links a:active, #links a:hover, #links a:focus, #rechts a:active, #rechts a:hover, #rechts a:focus {text-decoration:underline;}

.clear {
clear:both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display:block;
}
* html .clearfix {height: 1%;}

.unsichtbar  {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}

 /* Paginate */
.paginate {margin-top:1em;}
.pagecount {font-size:.8em;}

/* Suchseite */
#mittesuche .breadcrumb {
margin:20px 0 5px 0;
}

#mittesuche .outerBorder {
 border:		1px solid #c0c0c0;
margin-top:0px!important;
padding:0px!important;
}
.defaultBold {
 font-weight:		bold;
}


/* Bestellung Formular */
p.left
{
float: left;
width: 150px;
margin: 0;
padding: 1em 1em 1em 0;
}
p.right
{
float: right;
width: 150px;
margin: 0;
padding: 1em 1em 1em 0;
}
p.middle
{
margin: 0 170px 0 170px;
padding: 1em 1em 1em 0;
}