/* Saarjugend */
body {
  background-color: #9DA1CB;
  text-align:center;/* hack IE, erfordert in .home margin:0 auto; */
  min-width:855px;
}
.wrapper {
  width:855px;
  margin:0 auto;
  text-align:left;/* hack IE */
} 
  .home {
  height:535px;
	background:url(../images/hg/home.gif) no-repeat;
	}
	.leer {
  	width:855px;
	height:535px;
	background:url(../images/hg/sitemap.gif) no-repeat;
	}
  .freundschaft {
    width:855px;
	height:535px;
	background:url(../images/hg/freundschaft.gif) no-repeat;
  }
  .geld {
    width:855px;
	height:535px;
	background:url(../images/hg/geld.gif) no-repeat;
  }
  .mutprobe {
    width:855px;
	height:535px;
	background:url(../images/hg/mutprobe.gif) no-repeat;
  }
  .jugendschutz {
    width:855px;
	height:535px;
	background:url(../images/hg/jugendschutz.gif) no-repeat;
  }
  .drogen {
    width:855px;
	height:535px;
	background:url(../images/hg/drogen.gif) no-repeat;
  }
  .medien {
    width:855px;
	height:535px;
	background:url(../images/hg/medien.gif) no-repeat;
  }
  .gewalt {
    width:855px;
	height:535px;
	background:url(../images/hg/gewalt.gif) no-repeat;
  }
  .kriminalitaet {
    width:855px;
	height:535px;
	background:url(../images/hg/kriminalitaet.gif) no-repeat;
  }
  /* *************************************************************
   *******************     Haupt-Navigation OBEN      *********************
   *************************************************************
 */
ul.hauptnav {
  margin:0 auto;
  padding:0;
  list-style:none;
  text-align:left;
  width:855px;
}
li.hauptnav {
  margin:0;
  padding:0 3.5em 0 0;
  float:left;
}
.hauptnav a {
  color: #464442;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 1.0em;
  font-weight: normal;
  text-decoration:none;
}
.hauptnav a:hover {
  color: #FFFFFF;
}
li.hauptnavlast {
  margin:0;
  padding:0;
  float:right;
}
A.hauptnavlast:link {
  color: #464442;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 1.0em;
  font-weight: normal;
  text-decoration:none;
}
A.hauptnavlast:hover {
  color: #FFFFFF;
}
A.hauptnavlast:visited {
  color: #464442;
}

.hauptnav_high {
  color: #FFFFFF;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 1.0em;
  font-weight: normal;
}

 
 /* *************************************************************
   *******************     end Haupt-Navigation OBEN     *********************
   *************************************************************
 */
 
 .pfad {
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  color: #FFFFFF;
  font-size: 0.9em;
  font-weight: bold;
  margin:0 0 0 55px;
  text-align:left;
  clear:both;
  position:relative;
  top:20px;
}
.ueberschrift {
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  color: #FFFFFF;
  font-size: 0.9em;
  font-weight: bold;
  margin:0 0 0 15px;
  padding:15px 0 0 0;
  text-align:left;
  clear:both;
}
 
/* *************************************************************
   *******************     Unter-Navigation UNTEN      *********************
   *************************************************************
 */
 .unternavigation {
  margin:0 auto;
  width:854px;
  height:214px;
  background:#93643F;
}

/* ******Settings for all 4 lists below**********/
ul.unternav1, ul.unternav2, ul.unternav3, ul.unternav4 {
  margin:0;
  padding:0;
  list-style:none;
  text-align:left;
  height:202px;
  float:left;
}
li.unternav1first, li.unternav2first, li.unternav3first, li.unternav4first {
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
  height:1.1em;
  background:#91C6E8;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration:none;
  color: #464442;
  padding:1px 15px 4px 15px;
  position:relative;
  z-index:10;
  margin-top:-1px;
}
li.unternav1first {
  padding:1px 15px 4px 16px;
}
li.unternav4first {
  border-right:0;
}
li.unternav1, li.unternav2, li.unternav3, li.unternav4 {
  background:#93643F;
  padding:0;
}

/* ******Liste1**********/
ul.unternav1 {
  width:152px;
  border-right:1px solid #FFFFFF;
}
li.unternav1first{
  width:121px;
}

/* ******Liste2**********/
ul.unternav2 {
  width:200px;
  border-right:1px solid #FFFFFF;
}
li.unternav2first{
  border-left-width:0;
  width:170px;
}

/* ******Liste3**********/
ul.unternav3 {
  width:253px;
  border-right:1px solid #FFFFFF;
}
li.unternav3first{
  border-left-width:0;
  width:223px;
}

/* ******Liste4**********/
ul.unternav4 {
  width:246px;
}
li.unternav4first{
  border-left-width:0;
  width:216px;
}

/* ******Links Liste 1 bis Liste 4**********/
.unternav1 a, .unternav2 a, .unternav3 a, .unternav4 a{
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration:none;
  color: #FFFFFF;
  display:block;
  padding:5px 15px 5px 16px;
  height:1.1em;
}
.unternav1 a:visited, .unternav2 a:visited, .unternav3 a:visited, .unternav4 a:visited{
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration:none;
  color: #FFFFFF;
  display:block;
  padding:5px 15px 5px 16px;
  height:1.1em;	
}
.unternav1 a:hover, .unternav2 a:hover, .unternav3 a:hover, .unternav4 a:hover {
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration:none;
  color: #93643F;
  background-color:#91C6E8;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
    height:1.1em;
	padding:3px 15px 4px 16px;
	display:block;
	
}
.unternavhigh {
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration:none;
  color: #93643F;
    background-color:#91C6E8;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  display:block;
  padding:3px 15px 4px 16px;
  height:1.1em;	
}
.unternav1second .unternavhigh, .unternav2second .unternavhigh, .unternav3second .unternavhigh, .unternav4second .unternavhigh {
  border-top:0;
}
.unternav1second a:hover, .unternav2second a:hover, .unternav3second a:hover, .unternav4second a:hover {
  border-top:0;
}
	

 /* *************************************************************
   *******************     end Unter-Navigation UNTEN     *********************
   *************************************************************
 */  
  /* *************************************************************
   *******************     INHALT    *********************
   *************************************************************
 */  
 .inhalt{
  margin:0 0 15px 15px;
  padding:0;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  color: #FFFFFF;
  text-align:left;
  height:410px;
  overflow:auto;
  }
  .inhaltHigh{
  font-weight: bold;
  margin-top:5px;
  }
  .inhalt .News{
  width:500px;
  }
  .inhalt .Ansicht{
  width:500px;
  }
  table.tab {
	font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  color: #FFFFFF;
	padding:0;
	margin:0; 
	}
  A.inhaltlink:link {
  color: #FFFFFF;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration:none;
  margin:0;
}

A.inhaltlink:visited {
  color: #FFFFFF;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration:none;
  margin:0;
}
A.inhaltlink:hover {
  color: #464442;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration:none;
  margin:0;
}

 
 /* *************************************************************
   *******************     end INHALT     *********************
   *************************************************************
 */  
 /* *************************************************************
   *******************     KONTAKTFORMULAR     *********************
   *************************************************************
 */ 
 form {
  font-size: 0.9em;
}
fieldset {
  margin: 0; /*  space out the fieldsets a little*/
  padding: 0;
  border :  solid 0 transparent;
}
legend {
  font-weight: bold;
  color: #FFFFFF;
  margin:0px 0 8px 0;
  padding:0;
}
label {
  display: block;
}
label .required {
  font-size: 0.75em;
  color:#FFFFFF;
}
input {
  width: 15em;
  background:url(../images/kontakt/hg_transparent.png);
}
.submit {
  width: 56px;
}
.submit2 {
 display:none;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #91C6E8;
  color:#92643E;
  font-weight: bold;
}

textarea {
  width: 300px;
  height: 100px;
  background:url(../images/kontakt/hg_transparent.png);
}
p.fieldset {
  margin: 0 0 5px 0; 
  padding: 0;
}
 input[type="text"], textarea {
 border-top:1px solid #FFFFFF;
 border-left:1px solid #FFFFFF;
 border-bottom:1px solid #FFFFFF;
 border-right:1px solid #FFFFFF;
 }
 
 .warning { 
  font-weight:bold;
  margin-left:5px;
 }

  
 
  /* *************************************************************
   *******************     end KONTAKTFORMULAR     *********************
   *************************************************************
 */ 
 
 /* *************************************************************
   *******************     ANSICHT     *********************
   *************************************************************
 */ 


  
 
  /* *************************************************************
   *******************     end ANSICHT     *********************
   *************************************************************
 */  
  
 /* *************************************************************
   *******************     INHALT BOX     *********************
   *************************************************************
 */  
  .box1{
  margin:10px 0 0 30px;
  padding:25px 0 0 0;
  width:516px;
  background:url(../images/box_inhalt/box_oben.png) no-repeat top;
  position:relative;
  top:20px;
  }
  .box2{
  margin:0;
  padding:0 0 25px 0;
  background:url(../images/box_inhalt/box_unten.png) no-repeat bottom;
  }
  .box3{
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  color: #464442;
  text-align:left;
  margin:0;
  padding:0 25px 0 25px;
  background:url(../images/box_inhalt/box_mitte.png) repeat-y;
  height:360px;
  overflow:auto;
  }
  A.anker:link {
  color: #464442;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration:underline;
}
A.anker:hover {
  color: #A0112D;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration:underline;
}
A.anker:visited {
  color: #464442;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration:underline;
}
A.boxlink:link {
  color: #464442;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration:underline;
}
A.boxlink:visited {
  color: #464442;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration:underline;
}
A.boxlink:hover {
  color: #A0112D;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration:underline;
}

table.box {
  width:447px;
  color: #464442;
  font-family: Comic Sans MS, Verdana, Arial, Syntax, sans-serif;
  font-size: 0.9em;
}

  
   /* *************************************************************
   *******************    end INHALT BOX     *********************
   *************************************************************
 */
 
 .bilder{
  margin:30px 9px 10px 10px;
  float:left;
  display:block;
}