* {
   margin: 0;
   padding: 0;
   /*font-size: 100%;*/
}

a
{
   text-decoration:none;
}

a:link
{
      color: #000;
}

a:visited
{
         color: #000;
}

a:focus,
a:hover,
a:active
{
        background-color: #ffffcc;
		color: #c00;
}

img
{
   max-width:100%;
   height: auto;
   margin: 0.5%;
   border: 0;
}

 /*-----------------------------------------BODY---*/
body
{
     min-height: 1080px;
     max-width:1200px;
     margin: 0 auto;
	 margin-top:20px;
     background:url(../images/sized_watercolor11.jpg) top repeat-x;
     /* background:url(../grafik/logo_hintergrund_weiss.png);   */
     background-attachment:fixed;
	 background-color:transparent;
     border:2px solid #750000;
	 font-family: "Rouge Script",arial, helvetica, san-serif;
     font-size:48pt;
     color:#000000;
}
     
h1
{
    font-size: 100%;
}

h2   /* Überschrift auf den Unterseiten  */
{
    font-family: "Rouge Script",arial, helvetica, san-serif;
	font-size: 100%;
    padding:20px 0 0 0;
}

h3       /* Gruppennamen auf den Unterseiten   */
{
    font-family: "Rouge Script",arial, helvetica, san-serif;
	font-size:60%;
         /* font-weight:bold;   */
}

h4
{
         font-size:8pt;
         text-align:center;
         padding:5px 0 10px 0;
}
    
        /*------------------------------------------HEADER---*/
header
{
        height: 100px;
        padding-top: 20px;
		/* background: transparent;              */
        background:url(../images/hintergrund.png) top repeat-y;
        border-top-width:0px;
        border-bottom-width:2px;
        border-left-width:0px;
        border-right-width:0px;
        border-style:solid;
        border-color:#750000;
        font-weight:bold;
        text-align:center;
}

        /*------------------------------------------NAV---*/
nav
{
         float: left;  
         width:18%;
         background: transparent;
         Padding-top:40px;
         padding-left:1.6%;
}

nav p
{
         font-size:50%;
}
   
nav li
{
        list-style:none;
        padding-left:15%;
		font-size:50%;
}

        /*-------------------------------------ARTICLE---*/
article
{
		float: right;
        overflow: hidden;
        width: 78%;
        /* background:transparent;     */
        margin-top:20px;
        margin-left:1.6%;
        min-height: 800px;
        font-family: Tahoma,Arial,Verdana,Helvetica,san-serif;
}

article p
{
         margin-bottom: 10px;
         font-size: 25%;
}

article a
{
          font-size: 100%;
}

article table
{
          width:100%;
}

article table p
{
         margin-bottom:0;
         border:0;
         width:100%;
         font-size: 50%;
}
article table th
{
          text-align:center;
          text-decoration:underline;
          height:30px;
          width:20%;
}
article table td
{
        width:25%;
        Vertical-Align:middle;
        font-size: 50%
}
article table tr
{
          text-align:center;
          Vertical-Align:middle;
}

article ul li
{
          /* width: 292px;    */
		  font-size:50%;
}

article hr
{
          border:none;
          height:60px;
          background:url(ornament.png) center 0 no-repeat;
          margin:20px 20px;
}

         /*----------------INHALTSVERZEICHNIS GEDICHTE ------------ */
.top
{
		font-family: tahoma,arial,verdana,helvetica,san-serif;
		font-size:25%;
		padding-bottom:3%;
}

.down
{
		padding-left:5%;
		font-family: tahoma,arial,verdana,helvetica,san-serif;
		font-size:100%;
}

.gedichte
{
		float:left;
		width:33%;
}

.gedichte li
{
		list-style:none;
		padding-bottom:2%;
}

.gedichte a
{
   text-decoration: underline;
}

.gedichte a:link
{
    /*  background-color:#ffffcc;    */
	  color: #c00;
}

.gedichte a:visited
{
         color: #0000ff;
}

.gedichte a:focus,
.gedichte a:hover,
.gedichte a:active
{
        background-color: #c00;
		color: #ffffcc;
}

.links
{
          text-align:left;
}

.rechts
{
          text-align:right;
}

.mitte
{
		text-align:center;
}

.textbild
{
         /* float: left;  */
         max-width: 49%;
         padding: 0.5%;
}

          /*---------------------------------------FOOTER---*/
footer
{
        height:90px;
        padding:15px;
       	/* background:url(../grafik/footer1.gif) bottom repeat-x;   */
        border-top-width:2px;
        border-bottom-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-style:solid;
        border-color:#750000;
        font-size:36px;
        clear:both;
}
footer p
{
        font-family: "Rouge Script",arial, helvetica, san-serif;
        font-size:100%;
        text-align:center;
}

#container
{
          display:none;
}

           /*---------------------------RESPONSIVES DESIGN----*/

@media screen and (max-width: 700px)
{
		nav
		{
		display:none;
		}
		
		article
		{
		min-width: 95%;
		float:none;
		margin-left:1.6%;
	/*	background-color:red;	*/
		}
		
		#container 
	   	{
        display: inline-block;
        width: 300px;
		height: 200px;
		margin:0px auto;
	/*	background-color: yellow;   */
       	}
}

@media screen and (max-width: 480px)
{
       nav
       {
       display: none;
       }

       article
       {
       min-width: 90%;
       float: none;
    /*   background-color: yellow;	*/
       }
       
       a, h1, h2, h3, p
       {
       font-family: tahoma, arial, helvetica, san-serif;
       font-size: 50%;  
       }
       
       #container 
	   {
        display: inline-block;
        width: 300px;
		height: 200px;
		margin:0px auto;
	/*	background-color: yellow;   */
       }
	   
	   .gedichte
	   {
		clear:both;
		width:100%;
		}
}