/* demo page styles */
	body {
	    background:#520100;
	    margin:0;
	    padding:0;
	}
  
  .news {
	    background:#FDFFA4;
      position:absolute;
      display:inline-block;
      width:12%;
	    border:1px #000 solid;
	    margin:10px 10px;
      padding:15px;
	    border-radius:3px;
	    -moz-border-radius:3px;
	    -webkit-border-radius:3px;
      text-align:center;
      
	}
  
  .news td {
  font-color:red;
  }
  /* Unterklasse .example gilt global , Verwendung mit class="example"*/
	.example {
      position:static;
	    background:#FFFFD2 url(../images/clouds-in-blue-sky.jpg);
      width:720px;
	    height:1374px;
      border:1px #000 solid;
	    margin:10px auto;
      padding-left:50px;
	    padding-right:50px;
      border-radius:3px;
	    -moz-border-radius:3px;
	    -webkit-border-radius:3px;
      
	}
  
  .example h1{
  text-align:center;
  font-size: 18pt;
  font-style:italic;
  line-height:120%;
  text-shadow: 2px 0px 0px rgba(180, 180, 180, 0.7); 
  }
  .example h2{
  text-align:center;
  font-size: 20pt;
  font-style:italic;
  line-height:150%;
  text-shadow: 2px 0px 0px rgba(180, 180, 180, 0.7); 
  }
  
  .example p{
  text-align:left;
  line-height:150%;
  }
  
  .example p[align=center] {
  text-align:center;
  }
 
 .example a {
   color:#520100;
 }
 
 .example  p img {
      width:350px;
      border:1px #000 solid;
	    margin:10px auto;
	    padding:5px;
	    
	}
  .example  p * img[id="fkdsImg"] {
      width:60%;
      border:2px #000 solid;
	    margin:10px auto;
	    padding:15px;
	    
	}
  .example  p img[id="fullsize"] {
      width:90%;
	}
  
  .example  td[id="fkdsThumb"] img{
  width:50px;
  }
 
 .textfloatright  img {
      float:left;
      border:1px #000 solid;
	    margin:5px 15px;
	    padding:5px;
	    
	}
  
  .textfloatlefthome  img {
      float:right;
      width:10%;
	    border:0px #000 solid;
	    margin:5px 10px;
	    padding:5px;
	    
	}
  .textfloatleft  img {
      float:right;
      border:1px #000 solid;
	    margin:5px 15px;
	    padding:5px;
	    
	}
  
  .example table {
      width:100%;
	    border:0px #000 solid;
	    margin:10px auto;
	    padding:15px;
	    
	}
  
  .example table img {
      border:1px #000 solid;
	    margin: 5px;
	    padding:5px;
	    
	} 
  .example table td ul {
  line-height:180%;
  }
  /* Unterklasse .example gilt global , Verwendung mit class="example"*/
	.titel_links {
	    background:#520100;
      
      color:#FDFFA4;
      font-size:20pt;
      font-style:italic;
      text-align:right;
      text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.5); 
      
	    border:0px #000 solid;
	    padding:0px;
	    border-radius:3px;
	    -moz-border-radius:3px;
	    -webkit-border-radius:3px;
	}
  .titel_rechts {
	    background:#520100;
      
      color:#FDFFA4;
      font-size:20pt;
      font-style:italic;
      text-align:left;
      text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.5); 
      
	    border:0px #000 solid;
	    padding:0px;
	    border-radius:3px;
	    -moz-border-radius:3px;
	    -webkit-border-radius:3px;
	}
  .titel_mitte {
	    background:#520100;
      
      color:#FDFFA4;
      font-size:20pt;
      font-style:italic;
      text-align:center;
      text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.5); 
      
	    width:600px;
	    height:20pt;
	    border:1px #000 solid;
	    padding:0px;
	    
	}
  .titel_bild {
	    background:#520100;
	    width:600px;
	    height:140px;
	    border:0px #000 solid;
	    margin:2px auto;
	    padding:15px;
	    border-radius:3px;
	    -moz-border-radius:3px;
	    -webkit-border-radius:3px;
	}
  .trennleiste {
	    background:#821818 url(../images/bg.png) repeat-x 0 -110px;
      height:40px;
	    border:1px #000000 solid; /*oben,unten=0px links,rechts=auto */
	    margin:1px auto; /*oben,unten=1px links,rechts=auto */
	    padding-left:0px; /*oben,unten,links,rechts=0px*/
	    border-radius:3px;
	    -moz-border-radius:3px;
	    -webkit-border-radius:3px;
	}
  
	 
	/* main menu styles , selbst definiertes Format ,Verwendung mit id="nav" im öffnenden HTML-Tag*/
	#nav {
      position: relative;
      left: 0%; 
	    display:inline-block;
	    width:800px;
	    margin:0px auto;
	    padding:0;
	    background:#821818 ;
	 
	}
  
  #nav li {
	    margin:5px; /*rand um einzelne listenelemente*/
	    float:left; /*listenelemente nebeneinander*/
	    list-style:none;
	}
  
  #nav a {
	    font-weight:bold;
	    color:#e7e5e5;
	    text-decoration:none;
	    display:block;
	    padding:2px 2px;
	 
	    border-radius:5px; /*some css3*/
	    -moz-border-radius:5px;
	    -webkit-border-radius:5px;
	}
  
  	/* selected menu element */
	#nav .current a, #nav li:hover > a {
	    background:#FFFFD2 url(../images/bg.png) repeat-x 0 -20px;
	    color:#000;
	    border-top:1px solid #f8f8f8;
	 
	    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
	    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
	    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
	    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
	}
	/* sublevels */
	#nav ul li:hover a, #nav li:hover li a {
	    background:none;
	    border:none;
	    color:#000;
	}
  
  #nav ul li a:hover {
	    background:#FDFFA4; /*farbe der einzelnen menüeinträge*/
	    color:#000000;
	    font-weight:bold;
	    border-radius:5px; /*some css3*/
	    -moz-border-radius:5px;
	    -webkit-border-radius:5px;
	}
	
		 
	#nav ul li:first-child > a {
	    -moz-border-radius-topleft:5px; /*some css3*/
	    -moz-border-radius-topright:5px;
	    -webkit-border-top-left-radius:5px;
	    -webkit-border-top-right-radius:5px;
	}
  #nav ul li:last-child > a {
	    -moz-border-radius-bottomleft:5px; /*some css3*/
	    -moz-border-radius-bottomright:5px;
	    -webkit-border-bottom-left-radius:5px;
	    -webkit-border-bottom-right-radius:5px;
	}
  	/* drop down */
	#nav li:hover > ul {
	    opacity:1;
	    visibility:visible;
	}
  
  #nav ul {
	    opacity:0;
	    visibility:hidden;
	    padding:0;
	    width:170px; /*breite des hintergrunds aller einträge*/
	    position:absolute;
	    background:#FFFFD2 ;
	    border:1px solid #7788aa;
	 
	    border-radius:5px; /*some css3*/
	    -moz-border-radius:5px;
	    -webkit-border-radius:5px;
	    box-shadow:0 2px 2px rgba(0,0,0, .5);
	    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
	    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
	 
	    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
	    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
	    -o-transition:opacity .25s linear, visibility .1s linear .1s;
	    transition:opacity .25s linear, visibility .1s linear .1s;
	}
  
  #nav ul li {
	    float:none;
	    margin:0;
	}
	#nav ul a {
      font-weight:normal;
	}
	#nav ul ul {
	    left:160px;
	    top:0px;
	}