body
{
	margin: 0;
	padding-top: 47px;
	padding-bottom: 20px;
	color: #333;
	background: #fff url(../images/hintergrund.gif) repeat-x;
	font-family: "Lucida Grande", "Lucida Sans Unicode" , verdana, arial, sans-serif;
	width: auto;
	height: 100%;
	text-align: center;
}

div.center 
{
  	text-align: center;
	background: url(../images/hintergrund_erwachsene.gif) top left no-repeat;
	
}


/* -- Positionierung der Bereiche für Default Template --*/
#container
{
	width: 786px;
	min-height: 550px;
	padding: 0;
	background-color: #fff;
    position: relative;
	text-align: left;
	margin: auto;
	

}

#header {
        display: block;
		height: 170px; 
		width:  786px;
		background: #0066CC url(../images/header.gif) top left no-repeat;
}


#header img
{
        margin: 0 20px 20px 0;
        padding: 0;
        display: inline;
}

#logo {
		height: 170px; 
		width: 200px;
		background: url(../images/lampe_erwachsene.png) bottom left no-repeat;
}

#wrapper
{
	position: relative;
	float: left;
	width: 565px;
	min-height: 400px;

}

#inhalt
{
      padding: 40px 25px 25px 45px;
		width: 540px; 
		font-size: 13px;/* geändert Sgrafix 10.11.08 font-size: 12px;*/
		font-style: normal;
		line-height:1.4em;
}

#left
{
        
		float: left;
        left: 12px;
        padding: 0;
        margin: 0;
		margin-bottom:15px;
        width: 167px;
		position: relative;
		
		/* ausgeschaltet, da diese Spalte vorerst nicht für News verwendert wird
		Ausgeschaltet am 24.10.08 durch SgrafiX
		background: url(../images/neu.png) top left no-repeat;
		*/
		
}

#right
{
        float: right;
        width: 0px;
        margin: 0px;
        padding: 0px;
}


#footer
{
		
        display: block;
		height: 64px; 
		width:  768px;
		background: none;
		background: url(../images/footer.png) bottom left no-repeat;
        font-size: 0.7em;
        text-align: left;
        padding: 0 0 0 217px;
        margin: 0;
}






/* Konfiguration für Kontakt, Kinder Homepage und Kinder Unterseiten */
div.center#kinder
{
	background: url(../images/hintergrund_kids.gif) top left no-repeat;
}

#page_Kontakt div.center, #page_Kinder div.center
{
    background: none;
}

#page_Info #header, .parent_Info #header  {
		background: #ff0099 url(../images/header.gif) top left no-repeat;
}

#page_Galerie #header, .parent_Galerie #header  {
		background: #993399 url(../images/header.gif) top left no-repeat;
}

#page_Spiele #header, .parent_Spiele #header  {
		background: #333399 url(../images/header.gif) top left no-repeat;
}

 /* Klasse musste speziell definert werden, da sonst Links Erwachsene gleiche Farbe. Korrigiert SgrafiX 16.10.08*/
#page_Links #kinder #container #header  {
		background: #cd99cc url(../images/header.gif) no-repeat top left;
}

 
#page_Kontakt #header, #page_Kinder #header  {
		height: 46px; 
		background: #0066CC url(../images/header_line.gif) top left no-repeat;
}

#kinder #logo {

		background: url(../images/lampe_kinder.png) bottom left no-repeat;
}

#page_Kontakt #logo, #page_Kinder #logo {
		display: none;
}

#kinder #left
{
		background: none;
}

#page_Kontakt #left, #page_Kinder #left
{
        height: 480px;
		width: 349px;
		background: url(../images/hintergrund_rechts.gif) top left no-repeat;
}



#page_Kontakt #wrapper, #page_Kinder #wrapper
{
        width: 395px;
}

#kinder #inhalt
{
      padding: 40px 25px 25px 45px;
		width: 540px; 
		font-size: 13px;  /* Verändert am 26.11.08 durch SgrafiX font-size: 14px; */
		color: #0066CC;
		font-style: normal;
		line-height:1.4em;

}

#page_Kontakt #inhalt, #page_Kinder #inhalt
{
		padding: 20px 25px 25px 20px;
		width: 370px; 

}

/* Positionierung Homepage */

body.home, body.home_franz /* Erweitert franz. 4.11.09 */
{
	padding-top: 0;
	padding-bottom: 0;
	text-align:left;
}

body.home div.center, body.home_franz div.center /* Erweitert franz. 4.11.09 */
{
	text-align: center;
	background: none;
	
}
div.unsichtbar 
{
	display: none;
}

#logo_home
{
	display:block;
	height: 130px;
	width:824px;
	background: url(../images/KIDSinfo_home.png) top left no-repeat;
}

#logo_home_franz /* Erweitert franz. 4.11.09 */
{
	display:block;
	height: 130px;
	width:824px;
	background: url(../images/KIDSinfo_home_fr.png) top left no-repeat;
}


#inhalt_home
{
  	display:block;
	height: 470px;
	width:824px;
	margin:auto;
	background: url(../images/KIDSinfo_home_bild.png) top left no-repeat;
}

#inhalt_home_franz /* Erweitert franz. 4.11.09 */
{
  	display:block;
	height: 470px;
	width:824px;
	margin:auto;
	background: url(../images/KIDSinfo_home_bild_fr.png) top left no-repeat;
}

/* Navigation Homepage */

#navigation_home { position: relative; top: 170px; left: 250px; width: 600px; height: 20px;}
#navigation_home ul { list-style-type: none; margin: 0;padding: 0;}
#navigation_home ul li.kinder a { color: #fff; font-weight: bold; font-size: 19px; display: inline; float:left; width:173px; text-align:center; }
#navigation_home ul li.erwachsene a { color: #0066cc; font-weight: bold; font-size: 19px; display: inline; float:left; width:173px; text-align:center;  margin-left: 220px;  }
#navigation_home ul li a:hover { color: #000000; }
#navigation_home ul li.erwachsene a:hover { color: #000000; }

#navigation_home ul li.sponsor p.bodytext{
color:#0066CC;
font-size:12px;
font-weight:bold;
margin-left:-65px;
padding-top:340px;
text-align:left;
width:800px;
}

#navigation_home ul li.sponsor p.bodytext a{
	font-size:12px;
   color:#0066CC;
	text-decoration: none;
   text-align:left;
}
#navigation_home ul li.sponsor p.bodytext a:hover {
	color:#ff0099;
}

/* Default Navigation Levels 1 und 2*/

#navigation
{
	width: 700px;
	height:38px;  
}

#navigation ul
{
    list-style-type: none;
    margin: 0;padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode" , verdana, arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

#navigation ul.menu-level1 li
{
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	display: inline;
	height:32px;
	width:135px;
	float:left;
}

#navigation ul.menu-level1 li a
{
	color: #fff;
	height:32px;
	display: block;
	width:135px;
	padding-top: 8px;
}

#navigation ul.menu-level1 li a:hover, #navigation ul.menu-level1 li.menu-level1-active, #navigation ul.menu-level1 li.menu-level1-active a, #navigation ul.menu-level1 li.menu-level1-current-active, #navigation ul.menu-level1 li.menu-level1-current-active a
{
	color: #33ccff ;

	background: url(../images/button_level1.gif) top left no-repeat; 	
}

#navigation ul.menu-level2
{
	height:25px;
	width: 580px;  
	position: absolute; left:192px; top:19px; z-index: 30;
}

#navigation ul.menu-level2 li
{
	color: #333;
	font-size:11px; /* Grösse verändert durch SgrafiX 26.11.08 font-size:10px;*/
	height: 26px;
	width: 83px;
	padding-top: 0;
	display: inline;
	float:left;	
}

#navigation ul.menu-level2 li a, #navigation ul.menu-level1 li.menu-level1-active ul.menu-level2 li a 
{
	color: #333;
	padding-top: 8px;
	height: 26px;
	width: 83px;
	background: url(../images/button_none.gif) top left no-repeat;   
}

#navigation ul.menu-level2 li a:hover, #navigation ul.menu-level2 li.menu-level2-active, #navigation ul.menu-level2 li.menu-level2-active a, #navigation ul.menu-level1 li.menu-level1-active ul.menu-level2 li a:hover, #navigation ul.menu-level1 li.menu-level1-active ul.menu-level2 li.menu-level2-active a
{
	color: #fff;
	background: url(../images/button_erwachsene.gif) top left no-repeat;
}


/* Navigation Kinder Level 2*/

#kinder #navigation ul.menu-level2
{ height:32px; position: absolute; left:215px; top:13px; z-index: 30;}

#kinder #navigation ul.menu-level2 li
{ font-size: 24px; height: 32px; width: 135px;}

#kinder #navigation ul.menu-level2 li a
{ color: #0066cc;  padding-top: 3px; display:block; height: 32px; width: 135px; font-weight:normal; }

#kinder #navigation ul.menu-level2 li#menuitem_Info a:hover, #kinder #navigation ul.menu-level2 li#menuitem_Info.menu-level2-active, #kinder #navigation ul.menu-level2 li#menuitem_Info.menu-level2-active  a
{ color: #fff; background: url(../images/button_k_info.gif) top left no-repeat;}

#kinder #navigation ul.menu-level2 li#menuitem_Galerie  a:hover, #kinder #navigation ul.menu-level2 li#menuitem_Galerie.menu-level2-active, #kinder #navigation ul.menu-level2 li#menuitem_Galerie.menu-level2-active  a
{ color: #fff; background: url(../images/button_k_galerie.gif) top left no-repeat;}

#kinder #navigation ul.menu-level2 li#menuitem_Spiele  a:hover, #kinder #navigation ul.menu-level2 li#menuitem_Spiele.menu-level2-active, #kinder #navigation ul.menu-level2 li#menuitem_Spiele.menu-level2-active  a
{ color: #fff; background: url(../images/button_k_spiele.gif) top left no-repeat;}

#kinder #navigation ul.menu-level2 li#menuitem_Links  a:hover, #kinder #navigation ul.menu-level2 li#menuitem_Links.menu-level2-active, #kinder #navigation ul.menu-level2 li#menuitem_Links.menu-level2-active  a
{ color: #fff; background: url(../images/button_k_links.gif) top left no-repeat;}

/* spezifisch französisch Eingefügt SgrafiX 5.11.09  */
#kinder #navigation ul.menu-level2 li#menuitem_Liens  a:hover, #kinder #navigation ul.menu-level2 li#menuitem_Liens.menu-level2-active, #kinder #navigation ul.menu-level2 li#menuitem_Liens.menu-level2-active  a
{ color: #fff; background: url(../images/button_k_links.gif) top left no-repeat;}


/* Navigation Kinder_Homepage Level 2*/

#page_Kinder #navigation ul.menu-level2
{ height:350px; 
width:372px; 
position: absolute; 
left:365px; 
top:185px; /* Verändert durch SgrafiX 26.11.08 top:180px;*/
z-index: 30; }

#page_Kinder #navigation ul.menu-level2 li
{ font-size: 24px; height: 175px; width: 186px;}

#page_Kinder #navigation ul.menu-level2 li a
{ color: #fff;  padding-top: 70px; display:block; height: 105px; width: 186px; font-weight:normal; }

#page_Kinder #navigation ul.menu-level2 li a:hover
{ color: #fff; padding-top: 75px; height: 98px; padding-right: 0px;}

#page_Kinder #navigation ul.menu-level2 li#menuitem_Info  a
{ background: url(../images/button_h_info.gif) top left no-repeat;}

#page_Kinder #navigation ul.menu-level2 li#menuitem_Galerie  a
{ background: url(../images/button_h_galerie.gif) top left no-repeat;}

#page_Kinder #navigation ul.menu-level2 li#menuitem_Spiele  a
{ background: url(../images/button_h_spiele.gif) top left no-repeat;}

#page_Kinder #navigation ul.menu-level2 li#menuitem_Links  a
{ background: url(../images/button_h_links.gif) top left no-repeat;}

/* spezifisch französisch Eingefügt SgrafiX 5.11.09  */
#page_Kinder #navigation ul.menu-level2 li#menuitem_Liens  a
{ background: url(../images/button_h_links.gif) top left no-repeat;}

#page_Kinder #navigation ul.menu-level2 li#menuitem_Info  a:hover
{ background: url(../images/button_h_info_hover.gif) top left no-repeat;}

#page_Kinder #navigation ul.menu-level2 li#menuitem_Galerie  a:hover
{ background: url(../images/button_h_galerie_hover.gif) top left no-repeat;}

#page_Kinder #navigation ul.menu-level2 li#menuitem_Spiele  a:hover
{ background: url(../images/button_h_spiele_hover.gif) top left no-repeat;}

#page_Kinder #navigation ul.menu-level2 li#menuitem_Links  a:hover
{ background: url(../images/button_h_links_hover.gif) top left no-repeat;}

/* spezifisch französisch Eingefügt SgrafiX 5.11.09  */
#page_Kinder #navigation ul.menu-level2 li#menuitem_Liens  a:hover
{ background: url(../images/button_h_links_hover.gif) top left no-repeat;}

/* Neu eingefügt SgrafiX 26.11.08 */
.parent_Kinder h1, .parent_Galerie h1, #page_Kinder h1{
	color:#0066CC;
}

/* Navigation Level 3 für alle */
#navigation ul.menu-level3, #kinder #navigation ul.menu-level3
{
		
		height:125px;  
		position: absolute; left:20px; top:40px; z-index: 30;
		float:left;
		text-align: left;
		/*width: 300px;*/
      width: 500px; /* musste verbreitert werden 24.10.08 */
		/*border:1px solid green;*/
}

 /* Anfang Einstellungen Navigation "Links" --> da Text länger, musste Breite verbereitert werden */

#page_Links #navigation ul.menu-level3, .parent_Links #navigation ul.menu-level3  {
	width: 700px; /* musste verbreitert werden 13.01.09 */
}

.parent_Links #navigation ul.menu-level3 li.menu-level3-current-active {
		width: 260px; /* musste verbreitert werden 13.01.09 */
}

#page_Links #navigation ul.menu-level3 li, .parent_Links  #navigation ul.menu-level3 li {
	width: 260px; /* musste verbreitert werden 13.01.09 */
}

#page_Links #navigation ul.menu-level3 a, .parent_Links #navigation ul.menu-level3 li.menu-level3-current-active a, .parent_Links ul.menu-level1 li.menu-level1-active ul.menu-level2 li ul.menu-level3 li a {
	width: 260px; /* musste verbreitert werden 13.01.09 */
}

.parent_Links #navigation ul.menu-level3 li {
	width: 260px; /* musste verbreitert werden 13.01.09 */
/*	border:1px solid green;*/
}

.parent_Links #navigation ul.menu-level3 li a {
	width: 260px; /* musste verbreitert werden 13.01.09 */
/*	border:1px solid red;*/
}
 
/* Extra für IE */
.parent_Links #navigation ul.menu-level1 li.menu-level1-active ul.menu-level2 li ul.menu-level3 li a{
	width: 260px; /* musste verbreitert werden 13.01.09 */
/*	border:1px solid red;*/
}
  
 /* Ende Einstellungen Navigation "Links" */
 
 
#navigation ul.menu-level3 li, #navigation ul.menu-level3 li.menu-level3-current-active, #kinder #navigation ul.menu-level3 li, #kinder #navigation ul.menu-level3 li.menu-level3-current-active
{
	color: #fff;
	text-transform: none;
	font-size:11px;
	font-weight: normal;
	width:120px;
	height: 1.2em;
	background-image: url(../images/bullet.gif);
    background-position: 0 3px;
    background-repeat: no-repeat;
   padding: 3px 3px 3px 1.5em;
	/*border:1px solid red;*/
	/*width:120px;*/
	width:150px; /* musste verbreitert werden 150px;*/
}

#navigation ul.menu-level3 li a, #kinder #navigation ul.menu-level3 li a, #navigation ul.menu-level1 li.menu-level1-active ul.menu-level2 li ul.menu-level3 li a
{
	color: #fff;
	padding:0;
	font-size:12px; /* Grösse verändert durch SgrafiX 26.11.08 font-size:11px;*/
	font-weight: normal;
	/* width:120px; musste verlängert werden. SgrafiX 14.10.08 */
	width:200px; 
	height: 1.2em;
	background: url(../images/button_none.gif) top left no-repeat; 
	

}
#navigation ul.menu-level3 li.menu-level3-current-active, #kinder #navigation ul.menu-level3 li.menu-level3-current-active
{ color: #ccc;
}

/* eingefügt von SgrafiX 13.10.08 Aktivierter Link einfärben*/
li.menu-level3-current-active a{ 
color: #ccc !important;
}

#navigation ul.menu-level3 li a:hover, #navigation ul.menu-level1 li.menu-level1-active ul.menu-level2 li ul.menu-level3 li a:hover 
{ color: #ccc; background:none; background-image: url(../images/bullet_grau.gif) repeat;	
}


/*allgemeine Formatierung*/


a:link, a:visited
{

        /*color: #33ccff* ;/
		  /*etwas mehr Kontrast einngefügt von SgrafiX 14.10.08*/
		  color: #2DB2DF;
        text-decoration: none;
}


a:hover, a:visited:hover
{
        color: #0066cc;
}


a:active, a:focus
{
	color: #33ccff ;
}


h1
{
        font-size: 14px;
        font-weight: bold;
		padding: 0;
		marrgin: 0;
		margin-bottom:10px;
        /*color: #33ccff* ;/
		  /*etwas mehr Kontrast einngefügt von SgrafiX 14.10.08*/
		  color: #2DB2DF;
        text-align: left;
			
}
h1.csc-firstHeader
{
      font-size: 24px;
      font-weight: normal;
		text-transform: uppercase;
		margin-top:5px;
		padding:0px;
      color: #ffffff;
      text-align: center;
		/* Eingefügt  visibility: hidden; 15.1.09 damit das Wort NEU nicht (auch nicht im Ausdruck) erscheint*/
		visibility: hidden;
}



h2
{
        font-size: 14px;
        font-weight: bold;
        padding: 0;
        /*color: #33ccff* ;/
		  /*etwas mehr Kontrast einngefügt von SgrafiX 14.10.08*/
		  color: #2DB2DF;
        line-height: 1.2em;
        margin: 20px 0 10px 0;
}



h3
{
        font-size: 12px;
        font-weight: normal; /* geändert von bold 5.11.08 */
        margin: 50px 0 15px 0; /*margin: 15px 0 15px 0;*/
        /*color: #33ccff* ;/
		  /*etwas mehr Kontrast einngefügt von SgrafiX 14.10.08*/
		  color: #2DB2DF;
         /*color:#333333; ursprüngliche Farbe: color: #33ccff;*/
        line-height: 1.2em;
}


h4
{
        font-size: 10px;
        font-weight: bold;
        padding: 0px;
        margin: 15px 0 15px 0;
        /*color: #33ccff* ;/
		  /*etwas mehr Kontrast einngefügt von SgrafiX 14.10.08*/
		  color: #2DB2DF;
        line-height: 1.1em;
}

p
{
        margin: 0px 0px 5px 0px;
        line-height: 1.6em;
		  	text-align: justify;
}


/* Aufzählungen Original von picnic 
ul {
		margin-left: 0;
		padding-left: 0;
		
      }
*/		
		
/* Aufzählungen einfügt von SgrafiX, 14.10.08*/

#main ul {
margin-top:5px;
margin-left:14px;
*margin-left:16px;
padding-left:0;
list-style: square;
}

#main li {
	padding-bottom:5px;
}


body > #footer { width: auto; }
*>html #footer { width: 786px; }



hr
{
        /* beide Farben gleich setzen */
        /* und eine "Null-Border" verwenden, */
        /* da die Browser bei der Darstellung */
        /* unterschiedlich vorgehen */
        background-color: #33ccff;
        color: #33ccff;
        border: 0 none;
        margin: 0;
        padding: 0px;
        line-height: 1px;
        /* bei Bedarf anpassen, */
        /* Gecko f?t ein Pixel hinzu! */
        height: 1px;
        /* evtl. zus?zlich */
        clear: both;
        display: block;
        /* bei Bedarf anpassen */
        width: 100%;
}

.wrap
{
        float: none;
        clear: left;
        border: 0;
        visibility: hidden;
        margin: 0;
        padding: 0;
        height: 0;
        line-height: 1px;
        font-size: 1px;
}

.wrap2
{
        float: none;
        clear: both;
        border: 0;
        visibility: hidden;
        margin: 0;
        padding: 0;
        height: 0;
        line-height: 1px;
        font-size: 1px;
}


/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {

	border:0px;
	background-color:#FFFFFF;
}


.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:0px;
	margin:0px;
	border:0px;
	background-color:#FFFFFF;

	}
		

.news-list-container H3 {
   font-size: 12px;
	padding: 0px;
	border: 0px;
	background-color: #FFFFFF;

   font-weight: normal; /* geändert von bold 5.11.08 */
   margin: 45px 0 5px 0; /*margin: 15px 0 15px 0;*/
	*margin: 28px 0 5px 0; /* IE */
	padding-top:3px;
	*padding-top:2px;/* IE */
	/*color: #33ccff* ;/
	/*etwas mehr Kontrast einngefügt von SgrafiX 14.10.08*/
	color: #2DB2DF;
   line-height: 1.2em;
}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
	color: #33ccff ;
	padding-left:0px;
}
.news-list-container H3 A {
	color:#0066cc;

}
.news-list-container P {
    font-size: 11px;
	font-weight:normal;
	color:#333333;
	margin:0;
	pading:0;
}
.news-list-date {
	float: right;
	color: #333;
	width: 167px;
	text-align: right;
	height: 20px;
	margin-top: -1px;
	margin-right: -2px;
	font-size: 9px;
	font-weight: normal;
	background-color: none;
	}

.news-list-imgcaption {
	float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;

	}

.news-list-container IMG {

	float: right;
	border:none;
	margin-bottom:5px;
	margin-right:2px;
	margin-left:5px;
}

.news-list-morelink,.news-list-category {
	font-size:9px;
	margin-left:3px;
}

.news-list-morelink {
	margin-top:5px;
	margin-bottom:0px;

}
.news-list-morelink A {
    color: #3333;
	background: url(../images/none.png) 0 0 no-repeat;
}
.news-list-browse {
	text-align: center;
}

.news-list-item hr{
	   margin-bottom:20px;
}

.news-list-item a{
	font-size: 12px;
	font-weight: bold;
}