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

			html, body {
				padding: 0;
				margin: 0;
				color:#FFF;
				/*background-image:url(img/muster_metall.svg);*/
				background-image:url(img/muster7.jpg);
				}
			body * {
				font-family: Arial, Geneva, SunSans-Regular, sans-serif;
				font-size: 14px;
				line-height: 22px;
				}
				
			#topbanner {
				background-image:url(img/bg-home.jpg);
				background-repeat:no-repeat;
				background-position:bottom center;
				top:0px;
				margin-right:auto;
				margin-left:auto;
				width:100%;
				height:330px;
				border-bottom: 1px solid #fff;
				overflow:hidden;
				background-color:#FFF;
				}
			#header {
				/*margin-left:auto;
				margin-right:auto;*/
				background-color:#000;
				/*width:924px;*/
				border-bottom: 1px solid #fff;
				/*border-right: 1px solid #fff;
				border-left: 1px solid #fff;*/
				height:70px;
				padding: 0px 13px 0px 13px;
				}
			#inheader {
				margin-left:auto;
				margin-right:auto;
				width:950px;
				}
			.navibutton1, .navibutton2, .navibutton3, .navibutton4, .navibutton5 {
				text-align:center;
				line-height:30px;
				float:left;
				background-image:url(img/navibutton.png);
				background-repeat:no-repeat;
				width:105px;
				height:31px;
				/*border: 1px solid #fff;*/
				/*border-radius: 5px;*/
				margin: 19px 16px 0px 16px;
				}
			a:link, a:visited {
				/*text-decoration:none;*/
				color:#fff;
				}
			.navibutton1:hover {color:#000;background-color:#FFF;}
			.navibutton2:hover {color:#000;background-color:#FFF;}
			.navibutton3:hover {color:#000;background-color:#FFF;}
			.navibutton4:hover {color:#000;background-color:#FFF;}
.navibutton5:hover {color:#FFF;background-color:#000;}
			
			#logo {
				float:left;
				background-image:url(img/logo2.png);
				background-repeat:no-repeat;
				width:370px;
				height:85px;
				/*width:365px;
				height:80px;*/
				margin: 1px 15px 0px 15px;
				}
			#logo:hover {
				float:left;
				background-image:url(img/logo2hover.png);
				background-repeat:no-repeat;
				}
				
			#footer {
				background-color:#fff;
				padding: 10px;
				border-top: 1px solid #000;
				text-align:center;
				}
				
			#footer span {	
				color:#000;
				font-size:18px;
				}
			#footer p {	
				color:#000;
				line-height:10px;
				font-size:10px;
				/*width:828px;*/
				margin-right:auto;
				margin-left:auto;
				}
/*WRAPPER 1*/

			#wrapper {
				background-color:#000;
				border-right: 1px solid #fff;
				border-left: 1px solid #fff;
				width: 950px;
				padding-top: 25px;
				/*padding-bottom: 150px;*/
				margin-left:auto;
				margin-right:auto;
				/*border-radius:10px;*/
				/*margin-top:50px;*/
				}
			#tabs > div {
				width: 700px;
				/*min-height: 1000px;*/
				float: left;
				overflow: hidden;
				}
			#wrapper2 {
				margin-bottom:100px;
				}
			/*#content1 {
				height:1500px;
				}*/
			#tabs img {
				display: block;
				float: left;
				}
			#tabs h3 {
				margin-top:2px;
				font-size: 30px;
				line-height: 20px;
				}
			#pic1,#pic2,#pic3,#pic4,#pic5,#pic6{
				background-color:#FFF;
				height:300px;
				width:300px;
				margin: 0px 20px 5px 0px;
				float:left;
				border:#FFF thin solid;
				}
			#pic1 {
				background-image:url(img/hoverme-ani.gif);
				background-color:#FFF;
				background-size:100%;
				width:300px;
				height:300px;
				transition:width 2s, height 2s;
				-webkit-transition:width 2s, height 2s;
				padding:10px;
				overflow: hidden;
				}
			#pic1:hover {
				background-image:url(img/amgfaltwand-ani600px.gif);
				width:600px;
				height:600px;
				}
			#pic2 {background-image:url(img/product3.png);}
			#pic3 {background-image:url(img/product12.png);}
			#pic4 {background-image:url(img/banner.jpg);}
			#pic6 {background-image:url(img/product11.png);}

			#pager {
				/*width: 1000px;*/
				margin: -67px auto 25px auto;
				text-align: center;
				}
			#pager a {
				border: 1px solid transparent;
				border-bottom: none;
				border-left: none;
				border-color: #fff;
				color: #000;
				font-size: 20px;
				text-decoration: none;
				line-height: 25px;
				display: inline-block;
				height: 25px;
				padding: 8px 24px;
				}
			#pager a:hover {
				color:#000;
				background-color:#fff;
				
				}
			#pager a:first-child {
				border-left: 1px solid #fff;
				}
			#pager a.selected {
				background-color: #000;
				color: #fff;
				}
			
			#content1, #content2, #content3, #content4 ,#content5 ,#content6 {
				margin-top:12px;
				min-width:828px;
				}
/*WRAPPER 2*/			
			
			#wrapper2 {
				width: 824px;
				float:left;
				position: relative;
				border:#FFF 2px solid;
				}
			#text h3 {
				font-size: 26px;
				}
			#text small, #text small * {
				font-size: 12px;
				color: #666;
				}
			#images {
				width: 825px;
				overflow:hidden;
				}
			#images #bsp-bilder, #images img {
				display: block;
				float: left;
				width: 275px;
				height: 200px;
				}
			#images span {
				background-color: black;
				color: #ccc;
				display: block;
				float: left;
				width: 220px;
				height: 180px;
				padding: 20px 25px 20px 25px;
				}
			
			#images span {
				border:#000 2px solid;
				}
			
/*WRAPPER 3*/			
			
			#wrapper3 {
				overflow:hidden;
				float:left;
				margin-left:auto;
				margin-right:auto;
				width:100%;
				}
			
			#carousel-3 div {
				margin-top:5px;
				text-align: center;
				width: 250px;
				height: 200px;
				float: left;
				position: relative;
				
				}
			#carousel-3 div img {
				border: none;
				}
			#carousel-3 div span {
				display: none;
				}
			#carousel-3 div:hover span {
				background-color: #fff;
				color: #000;
				font-family: Arial, Geneva, SunSans-Regular, sans-serif;
				font-size: 14px;
				line-height: 22px;
				display: inline-block;
				padding: 2px 5px 2px 5px;
				margin-left:auto;
				margin-right:auto;
				position: relative;
				bottom: 60px;
				border-radius: 0px;
				border:#000 thin solid;
				/*border-radius:10px;*/
				opacity: .8;
    			filter: alpha(opacity=70);
   				 -moz-opacity: .7;
				}
			#carousel-3 div:hover {
				background-image:url(img/product1-hover.png);
				background-repeat:no-repeat;
				}
			#shopbutton {
				float:left;
				width:80px;
				height:33px;
				background-image:url(img/button.png);
				background-repeat:no-repeat;
				}
			#spaceforshopbutton {
				float:left;
				width:70px;
				height:33px;
				}
			#shopbutton:hover {
				width:80px;
				height:33px;
				background-image:url(img/buttonhover.png);
				}
		
			#flag1pic {background-image:url(img/product9.png);}
			#flag2pic {background-image:url(img/fahnen-hissfahnen.jpg);}
			#flag3pic {background-image:url(img/fahnen-fahnenmast2.jpg);}
			#flag4pic {background-image:url(img/fahnen-fahnenmast.gif);}
			
			#flag1pic, #flag2pic, #flag3pic, #flag4pic {
				margin-bottom:20px;
				background-color:#FFF;
				height:300px;
				width:300px;
				float:left;
				border:#FFF thin solid;
				}
				
			#flag1info, #flag2info, #flag3info, #flag4info {
				margin-bottom:25px;
				margin-left:325px;
				min-height:300px;
				width:477px;
				border-bottom:#fff thin solid;
				border-right:#fff thin solid;
				padding-right:25px;
				}
			#content5 h4 {
				margin-top:2px;
				font-size:20px;
				}
			#content5 {
				padding-bottom:80px;
				}
			#content5 p, #content5 li {
				width:480px;
				}
			#flag1pic:hover, #flag2pic:hover, #flag3pic:hover, #flag4pic:hover {
				border:#fff thin solid;
				background-image:url(img/buttonhover.png);
				background-color:#000;
				background-position:center;
				background-repeat:no-repeat;
				/*margin-top:133px;
				margin-bottom:133px;
				margin-right:110px;
				margin-left:110px;*/
				height:300px;
				width:300px;
				}
				
/*AB HIER SPEZIELL FÜR IMPRESSUM*/

			#impressum #content1 {
				margin-left:auto;
				margin-right:auto;
				padding: 10px 60px 100px 60px;
				background-color:#000;
				width:830px;
				border-left:#FFF solid 1px;
				border-right:#FFF solid 1px;
				margin-top:0px;
				}
			#impressum #topbanner {
				background-image:url(img/bg-impressum.jpg);
				margin-bottom:0px;
				}
			h3 {
				font-size: 26px;
				}
			h4 {
				font-size: 20px;
				}
			.adress {
				float:left;
				padding-right:30px;
				width:382px;
				height:175px;
				}
        /*Button aktiv*/
			#impressum .navibutton3 {
				color:#FFF;
				background-color:#0e82e0;
				}
		/*#00275e #0e82e0*/	
		
		
/*AB HIER SPEZIELL FÜR KONTAKT*/
		
			#contact .navibutton4 {
				color:#FFF;
				background-color:#0e82e0;
				}
			#contact #content1 {
				margin-left:auto;
				margin-right:auto;
				padding: 10px 60px 100px 60px;
				background-color:#000;
				width:830px;
				border-left:#FFF solid 1px;
				border-right:#FFF solid 1px;
				margin-top:0px;
				}
		/*Button aktiv*/
			#contact #topbanner {
				margin-bottom:0px;
				background-image:url(img/bg-contact.jpg);
				
				/*AB HIER SPEZIELL FÜR Datenschutz*/

			#datenschutz #content1 {
				margin-left:auto;
				margin-right:auto;
				padding: 10px 60px 100px 60px;
				background-color:#000;
				width:830px;
				border-left:#FFF solid 1px;
				border-right:#FFF solid 1px;
				margin-top:0px;
				}
			#datenschutz #topbanner {
				background-image:url(img/bg-impressum.jpg);
				margin-bottom:0px;
				}
			h3 {
				font-size: 26px;
				}
			h4 {
				font-size: 20px;
				}
			.adress {
				float:left;
				padding-right:30px;
				width:382px;
				height:175px;
				}
        /*Button aktiv*/
			#datenschutz .navibutton5 {
				color:#FFF;
				background-color:#0e82e0;
				}
		/*#00275e #0e82e0*/	
				}
				
/*AB HIER SPEZIELL FÜR ÜBER UNS*/
		
			#about #content1 {
				margin-left:auto;
				margin-right:auto;
				padding: 10px 60px 100px 60px;
				background-color:#000;
				width:830px;
				border-left:#FFF solid 1px;
				border-right:#FFF solid 1px;
				margin-top:0px;
				height:100%;
				}
			#about #topbanner {
				margin-bottom:0px;
				background-image:url(img/bg-about.jpg);
				}
				
		/*Button aktiv*/
			#about .navibutton1 {
				color:#FFF;
				background-color:#0e82e0;
				}
			#kreativ1 {
				background-image:url(img/monitor.jpg);
				width:300px;
				height:300px;
				float:right;
				margin: 0px 0px 20px 20px;
				background-repeat:no-repeat;
				border:#FFF solid 1px;
				
			}
			#kreativ2 {
				background-image:url(img/drucker.jpg);
				width:300px;
				height:300px;
				float:left;
				margin: 15px 20px 10px 0px;
				background-repeat:no-repeat;
				border:#FFF solid 1px;
				
			}
			#portposter1 {
				background-image:url(img/portposter1.jpg);
				width:300px;
				height:300px;
				float:right;
				margin: 5px 0px 0px 18px;
				background-repeat:no-repeat;
				border:#FFF solid 1px;
				
			}
			#portposter2 {
				background-image:url(img/portposter2.jpg);
				width:300px;
				height:300px;
				margin: 5px 0px 20px 0px;
				position:relative;
				background-repeat:no-repeat;
				border:#FFF solid 1px;
			}
			#textdazwischen {float:right;width:185px;padding:0px;margin:0px;}