@charset "utf-8";
/* CSS Document */

html			{background:url(../images/background.jpg) no-repeat center center fixed;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				}

#content 		{
	position: absolute;
	width: 100%;
	height: 1155px;
	top: 0;
	left: 0;
	overflow: auto;
	z-index: 2;
				}

#background 	{position:absolute;
				z-index:1;
				width:100%;
				height:100%;
				}


/* Logo */

#id1 			{position: relative; 
				height:160px; 
				width:800px; 
				top:100px;
     			background-color:#79453a;
				margin-left:auto;
				margin-right:auto;
				box-shadow: 0 0 5px rgba(0,0,0,.2);
				-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
				-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
				}

/* Navigation */

#id_navigation	{position: relative;
				height:35px;
				width:800px;
				top:140px;
				margin-left:auto;
				margin-right:auto;
				}

ul#navigation	{list-style-type:none;
				margin:0;
				padding:0;
				overflow:hidden;
				}

ul#navigation a	{display:block;
				text-decoration:none;
				width:199px;
				background-image:url(../images/black_background.png);
				font-family:"Courier New", Courier, monospace;
				font-size:20px;
				font-style:bold;
				text-align:center;
				border-left:1px solid #fff;
				padding:6px 0;
				color:#FFF;
				}
				
ul#navigation a:hover
				{background:#d8e482;
				color:#000;
				}

ul#navigation a:active
				{background:#d8e482;
				color:#000;
				}

				





	
/* Content index.html */

#id2 			{position: relative; 
				height:600px; 
				width:800px; 
				top:150px;
				margin-left:auto;
				margin-right:auto;
				}

#id3 			{position: relative; 
				height:580px; 
				width:500px; 
				top:0px;
				}

#id3_products	{position: relative; 
				height:580px; 
				width:390px; 
				top:0px;
				}
			
#id3a 			{position: relative;
				padding-top: 40px;
				width: 490px;
				height: 300px;
				background-image: url(../images/stoff_1.png);			
				}
		
#id3b 			{position: relative;
				height: 200px;
				width: 490px;
				top: 20px;
				padding-top: 40px;
				background-image: url(../images/stoff_2.png);
				}

#id3c 			{position: relative;
				padding-top: 40px;
				width: 490px;
				height: 560px;
				background-image: url(../images/stoff_philosophie.png);			
				}

#id3c_products	{position: relative;
				padding-top: 40px;
				width: 390px;
				height: 580px;
				background-image: url(../images/stoff_products_1.png);			
				}

#id4 			{position: absolute;
				height: 220px;
				width: 290px;
				top: 0px;
				left: 510px;
				padding-top: 380px;
				background-image: url(../images/stoff_3.png);
				}

#id4_products	{position: absolute;
				height: 240px;
				width: 390px;
				top: 0px;
				left: 410px;
				padding-top: 380px;
				background-image: url(../images/stoff_products_2.png);
				}

#id_kopf		{position: absolute; 
				height:180px;
				width:290px;
				top:50px;
				left:530px;
				padding-left:20px;
				}
			
#id_facebook	{position: absolute; 
				height:500px;
				width:370px;
				top:50px;
				left:420px;
				padding-left:20px;
				}
				
#id_gallery_1	{position: relative; 
				height:450px; 
				width:800px; 
				background-image: url(../images/stoff_gallery_1.png);			
				}
				
#id_gallery_1_T	{position: relative; 
				height:430px; 
				width:800px; 
				top:0px;
				padding-top:40px;
				}


#id_gallery_2	{position: absolute;
				height: 130px;
				width: 800px;
				top: 470px;
				background-image: url(../images/stoff_gallery_2.png);
				}

#id_gallery_2_T	{position: absolute;
				height: 150px;
				width: 800px;
				padding-top:30px;
				}

#id_banner1		{position:absolute;
				padding-top:20px;
				left:30px;
				}

#id_banner2		{position:absolute;
				padding-top:20px;
				left:250px;
				}

/* START: Gallery */

#scrollgalerie 	{border: 0px double #000000;   /* Wert, Stil: dotted | dashed | solid | inset | outset | groove und Farbe */
				}
				
#gross 			{width: 490px;                /* Breite des breitesten Bildes + 20px */
      			height: 350px;               /* Höhe des höchsten Bildes + 10px */
				}

#gross img 		{height: 350px;                /* erzwungene Höhe - weglassen wenn alle gleich groß */
				}

#scrollfenster 	{overflow:auto;
    			width: 470px;                 /* Breite des größten Bildes*/
     			height: 83px;                 /* Höhe  -der Vorschaubilder + 23px */
     			padding: 2px;                 /* Abstand der Bilder zum Rand */
     			white-space: nowrap;
				}

#scrollfenster img {              /* Formate der Vorschaubilder */
     			height: 60px;                 /* erzwungene Höhe - weglassen wenn alle gleich groß */
				}


#bildtitel 	{font-family:"Courier New", Courier, monospace;  /* Schriftart */
     		font-size: 75%;                  /* Schriftgröße */
     		color: #000;                  /* Schriftfarbe */
     		text-align: center;              /* Textausrichtung */
			}

/* END: Gallery */



				
/* START: Copyright */

#id5 			{position: relative; 
				height:58px; 
				width:800px;
				top:170px;
				background-image:url(../images/black_background.png);
				margin-left:auto;
				margin-right:auto;
				padding-top:5px;
				box-shadow: 0 0 5px rgba(0,0,0,.2);
				-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
				-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
				}

#id5_products	{position: relative; 
				height:58px; 
				width:800px;
				top:190px;
				background-image:url(../images/black_background.png);
				margin-left:auto;
				margin-right:auto;
				padding-top:5px;
				box-shadow: 0 0 5px rgba(0,0,0,.2);
				-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
				-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
				}
				
/* END: Copyright */

			
/*Social Media Links */
				
#id6 			{position: relative; 
				height:70px; 
				width:800px;
				top:180px;
				margin-left:auto;
				margin-right:auto;
				padding-top:1px;
				}
	
#id6_products	{position: relative; 
				height:70px; 
				width:800px;
				top:200px;
				margin-left:auto;
				margin-right:auto;
				padding-top:1px;
				}	
			
#id6a 			{position: absolute; 
				height:35px; 
				width:35px;
				margin-left:320px;
				}

#id6b 			{position: absolute; 
				height:35px; 
				width:35px;
				margin-left:365px;
				}

#id6c 			{position: absolute; 
				height:35px; 
				width:35px;
				margin-left:410px;
				}

#id6d 			{position: absolute; 
				height:35px; 
				width:35px;
				margin-left:455px;
				}


			
/*Impressum*/

#id_impressum	{position: relative; 
				height:2150px; 
				width:800px;
				background-image: url(../images/stoff_impressum.png);
				padding-top:40px;
				top:150px;
				margin-left:auto;
				margin-right:auto;
				}

			
/* Rechtliche Hinweise */

#id_disclaimer	{position: relative; 
				height:590px; 
				width:800px;
				background-image: url(../images/stoff_disclaimer.png);
				top:150px;
				margin-left:auto;
				margin-right:auto;
				padding-top:30px;
				}


/* Kontakt */

#id_contact		{position: relative; 
				height:555px; 
				width:800px;
				top:150px;
				margin-left:auto;
				margin-right:auto;
				background-image: url(../images/stoff_contact.png);
				padding-top:30px;
				}


/*Formatvorlagen*/

.fließtext 		{color:#000; 
				font-family:"Courier New", Courier, monospace;
				margin-left:30px;
				margin-right:30px;
				font-size:14px;
				}
					
h1				{color:#000;
				font-family:"Courier New", Courier, monospace;
				margin-left:30px;
				margin-right:30px;
				font-size:22px;
				font-style:bold;
				}

h2				{color:#000;
				font-family:"Courier New", Courier, monospace;
				margin-left:30px;
				margin-right:30px;
				padding-top:15px;
				font-size:18px;
				font-style:bold;
				}

.copyright 		{color:#FFF;
				font-family:"Courier New", Courier, monospace;
				font-size:11px;
				text-align:center;
				}

.claim 			{color:#FFF; 
				font-family:"Courier New", Courier, monospace;
				font-size:15px;
				text-align:center;
				}

.name			{color:#000;
				font-family:"Courier New", Courier, monospace;
				margin-left:30px;
				margin-right:30px;
				padding-top:10px;
				font-size:22px;
				font-style:bold;
				}

a:link			{color:#FFF;
				text-decoration:none;
				}

a:visited		{color:#FFF;
				text-decoration:none;
				}

a:hover			{color:#FFF;
				text-decoration:underline;
				}

a:active		{color:#FFF;
				text-decoration:none;
				}