/* Style Sheet */

* {
   margin: 0;
   padding: 0;
}

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;
}

.links
{
          text-align:left;
}

.rechts
{
          text-align:right;
}

.mitte
{
		text-align:center;
}
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:48px;
     color:#000000;
}

h1
{
     font-size: 100%;
}

h2
{
	font-size: 75%;
	color:#0000ff;
}
header
{
        height: 100px;
        padding-top: 20px;
        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;
        /* background: transparent;              */
        background:url(../images/hintergrund.png) top repeat-y;
}

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

nav li
{
		list-style:none;
		padding-left:15%;
}

article
{
		float: right;
		width:76%;
		background:transparent;
}

article p, article ul
{
		font-family: tahoma,arial, helvetica, san-serif;
		font-size:33%;
}

article p
{
		padding-bottom:3%;
}

article ul
{
		list-style:none;
		float:left;
		width:49%;
		padding-bottom:3%;
}

article cite
{
		float:left;
		color:#0000ff;
}

article ul.ganzezeile
{
		clear:both;
		width:100%;
		padding-bottom:3%;
		text-align:center;
}

article img
{
	float:right;
}

footer
{
		clear: both;
		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;
		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)

{
	article ul
	{
	clear:both;
	width:100%;
	}
	
	nav
       {
       display: none;
       }
	
	#container {
        display: inline-block;
        width: 300px;
		height: 200px;
		margin:0px auto;
}