/* Stephansstift *2009 Julia Faulde */

html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li, input, textarea, select {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	line-height: 120%;
	font-size:12px;
	}
/* Layout */
html body {
	background: #E4EBF1;
  	text-align:center;
  	margin:0;
  	padding:0;
	}
#global {
    width:810px;
    height:662px;
	padding:0;
	margin:30px auto 0 auto;
	text-align:left;
	}
.start, .neutral	{ background-image: url(../images/bild_start.jpg); background-repeat:no-repeat; background-position:0 0;}
.wundertuete 	{ background-image: url(../images/bild_wundertuete.jpg); background-repeat:no-repeat; background-position:0 0;}
.strolche 		{ background-image: url(../images/bild_strolche.jpg); background-repeat:no-repeat; background-position:0 0;}
.mendelknirpse	{ background-image: url(../images/bild_mendelknirpse.jpg); background-repeat:no-repeat; background-position:0 0;}
.bambini			{ background-image: url(../images/bild_bambini.jpg); background-repeat:no-repeat; background-position:0 0;}
.schatzinsel		{ background-image: url(../images/bild_schatzinsel.jpg); background-repeat:no-repeat; background-position:0 0;}
.sternschnuppen	{ background-image: url(../images/bild_sternschnuppen.jpg); background-repeat:no-repeat; background-position:0 0;}

#streifen {
	position:absolute;
    width:810px;
    height:65px;
	padding:0;
	margin:175px 0 0 0;
	text-align:left;
	}
#streifen #logo{
	position:absolute;
	margin:10px 0 0 44px;
	border:0;
	}
#streifen p#slogan{
	position:absolute;
	margin:33px 0 0 228px;
	font-size:13px;
	font-weight:bold;
	}
#streifen #logo_kita{
	position:absolute;
	margin:14px 0 0 495px;
	border:0;
	}
#streifen p#name_kita{
	position:absolute;
	margin:30px 0 0 553px;
	font-size:16px;
	font-weight:bold;
	color:#007456;
	}
#content {
	position:absolute;
    width:810px;
    height:425px;
	padding:0;
	margin:237px 0 0 0;
	text-align:left;
	}
#content #mitte {
	position:absolute;
	margin: 28px 0 0 228px;
	width:246px;
	}
#content #rechts{
	position:absolute;
	margin: 28px 0 0 498px;
	width:288px;
	}
#global.start #content 			{ background-image: url(../images/bg_start.jpg); background-repeat:no-repeat; background-position:0 0;}
#global.wundertuete #content 	{ background-image: url(../images/bg_wundertuete.jpg); background-repeat:no-repeat; background-position:0 0;}
#global.strolche #content 		{ background-image: url(../images/bg_strolche.jpg); background-repeat:no-repeat; background-position:0 0;}
#global.mendelknirpse #content 	{ background-image: url(../images/bg_mendelknirpse.jpg); background-repeat:no-repeat; background-position:0 0;}
#global.bambini #content 		{ background-image: url(../images/bg_bambini.jpg); background-repeat:no-repeat; background-position:0 0;}
#global.schatzinsel #content 	{ background-image: url(../images/bg_schatzinsel.jpg); background-repeat:no-repeat; background-position:0 0;}
#global.sternschnuppen #content { background-image: url(../images/bg_sternschnuppen.jpg); background-repeat:no-repeat; background-position:0 0;}
#global.neutral #content 		{ background-image: url(../images/bg_neutral.jpg); background-repeat:no-repeat; background-position:0 0;}

/* Menü */
ul#menu {
	position:absolute;
	margin:29px 0 0 29px;
	padding:0;
	list-style-type:none;
	width:184px;
	height:184px;
	font-size:12px;
	}
ul#menu li {
	width:176px;
	height:22px;
	margin:0;
	padding:8px 0 0 0;
	text-align:center;
	font-weight:normal;
	}
ul#menu li:hover, ul#menu li#aktiv {
	width:176px;
	height:22px;
	margin:0;
	padding:8px 0 0 0;
	text-align:center;
	font-weight:bold;
	}
ul#menu li.menue2 {	background-image: url(../images/bt_wundertuete.gif);background-repeat:no-repeat; background-position:0 0;}
ul#menu li.menue7 {	background-image: url(../images/bt_strolche.gif);background-repeat:no-repeat; background-position:0 0;}
ul#menu li.menue6 {	background-image: url(../images/bt_mendelknirpse.gif);background-repeat:no-repeat; background-position:0 0;}
ul#menu li.menue5 {	background-image: url(../images/bt_bambini.gif);background-repeat:no-repeat; background-position:0 0;}
ul#menu li.menue4 {	background-image: url(../images/bt_schatzinsel.gif);background-repeat:no-repeat; background-position:0 0;}
ul#menu li.menue3 {	background-image: url(../images/bt_sternschnuppen.gif);background-repeat:no-repeat; background-position:0 0;}

ul#menu li a{
	display:block;
	text-decoration:none;
	width:176px;
	margin:0;
	padding:0;
	color:#000;
	}
ul#service {
	position:absolute;
	margin:-23px 0 0 28px;
	width:790px;
	color:red;
	}

/* Styles */
body.inhalt #content #mitte, body.inhalt #content #rechts{
	color:#000;
	}
body.inhalt_weiss #content #mitte, body.inhalt_weiss #content #rechts {
	color:#fff;
	}
#mitte h1 {
	margin:0 0 10px 0;
	}
p.bodytext  {
	margin:0 0 20px 0;
	}
a:focus { outline: none; }

.inhalt #mitte p a, .inhalt #rechts p a,.inhalt a.mail, .inhalt a.download {
	text-decoration:none;
	color:#000;
	border-bottom:1px dotted #000;
	}
.inhalt #mitte p a:hover, .inhalt #rechts p a:hover, .inhalt a.mail:hover, .inhalt a.download:hover {
	text-decoration:none;
	color:#000;
	border-bottom:1px solid #000;
	}
.inhalt_weiss #mitte  p a, .inhalt_weiss #rechts p a, .inhalt_weiss a.mail, .inhalt_weiss a.download{
	text-decoration:none;
	color:#fff;
	border-bottom:1px dotted #fff;
	}
.inhalt_weiss #mitte p a:hover, .inhalt_weiss #rechts p a:hover, .inhalt_weiss a.mail:hover, .inhalt_weiss a.download:hover {
	text-decoration:none;
	color:#fff;
	border-bottom:1px solid #fff;
	}
.csc-textpic-imagewrap a img {
	text-decoration:none; ! important;
	border:0; ! important;
	}
.inhalt_weiss ul#service a, .inhalt ul#service a {
	text-decoration:none;
	color:#000; ! important;
	border-bottom:1px dotted #000;
	}
.inhalt_weiss ul#service a:hover, .inhalt ul#service a:hover{
	text-decoration:none;
	color:#000; ! important;
	border-bottom:1px solid #000;
	}