*
{
margin: 0;
padding: 0;
border: none;
outline: none;
} 
 
html 
{
background-color: #e5c686;
min-height: 100%;
}

body
{
font-family: trebuchet MS,tahoma, arial;
font-size:14px; 
color: #0d0d0d;
height: 100%;
}

@font-face {
    font-family: 'alex_brushregular';
    src: url('alexbrush-regular-otf-webfont.eot');
    src: url('alexbrush-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('alexbrush-regular-otf-webfont.woff') format('woff'),
         url('alexbrush-regular-otf-webfont.ttf') format('truetype'),
         url('alexbrush-regular-otf-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h2{font-family: 'alex_brushregular'; color: #480300; font-size: 30px; width: 940px; background-image: url('./steinmuster.png'); background-repeat: no-repeat; background-position: bottom left; margin: 15px 0;}
h2.newsstart{ font-family: trebuchet MS,tahoma, arial; color: #8a0600; font-size: 20px; width: 940px; background-image: url('./sachsen.png'); background-repeat: no-repeat; background-position: bottom left; margin: 15px 0; padding: 0 0 3px 0;}
h2.news{  font-family: 'alex_brushregular';color: #8a0600; font-size: 30px; width: 940px; background-image: url('./sachsen.png'); background-repeat: no-repeat; background-position: bottom left; margin: 15px 0; }
h3{font-size: 16px; color: #8a0600; margin: 10px 0;}

p {margin:15px 0;}
td {font-size:14px;}
li {font-size:14px; margin: 0 0 0 25px;}

a:link {
color: #480300;
text-decoration: none;
}
a:visited {
color: #480300;
font-weight: bold;
}
a:hover {
color: #000000;
text-decoration: underline;
}

a.imp:link {
color: #906866;
text-decoration: none;
}
a.imp:visited {
color: #906866;
text-decoration: none;
}
a.imp:hover {
color: #ffffff;
text-decoration: none;
}

a.menu:link {
color: #906866;
text-decoration: none;
font-size:21px; 
display: block;
height: auto;
float: left;
height: 46px;
font-family: 'alex_brushregular';
padding: 20px 20px 0 20px;
}

a.menu:visited {
color: #906866;
text-decoration: none;
font-size:21px; 
display: block;
height: auto;
float: left;
height: 46px;
font-family: 'alex_brushregular';
padding: 20px 20px 0 20px;
}
a.menu:hover {
color: #ffffff;
text-decoration: none;
background-image: url('./wandbeschichtung.png');
background-repeat: no-repeat;
background-position: top center;
}

a.menuselekt:link {
color: #ffffff;
text-decoration: none;
background-image: url('./wandbeschichtung.png');
background-repeat: no-repeat;
background-position: top center;
font-size:21px; 
display: block;
height: auto;
float: left;
height: 46px;
font-family: 'alex_brushregular';
padding: 20px 20px 0 20px;
}

a.menuselekt:visited {
color: #ffffff;
text-decoration: none;
background-image: url('./wandbeschichtung.png');
background-repeat: no-repeat;
background-position: top center;
font-size:21px; 
display: block;
height: auto;
float: left;
height: 46px;
font-family: 'alex_brushregular';
padding: 20px 20px 0 20px;
}

#lightbox
{
max-width: 100% !important;
}
#outerImageContainer
{
max-width: 90% !important;
height: auto !important;
}
#imageContainer
{
position: relative;
}
#lightboxImage
{
width: 100% !important;
display: block;
}
			
#imageDataContainer
{
position: relative !important;
z-index: 9999 !important;
max-width: 90% !important;
}
		
#container {
	width: 100%;
	min-height: 100%;
	height: auto!important;
	height: 100%;
	margin: 0 auto;
	padding: 0 0 170px 0;
	background-image: url('./deco.png');
	background-repeat: no-repeat;
	background-position: top right; 
	}
	
#head{
	width: 100%;
	height: 195px;
	background-color: #480300;
	padding: 25px 0 0 0;
	box-shadow: 0px 2px 9px #000000;
	}
	
#logoout {
	width: 100%;
	height: 121px;
background: #d10a0c; /* Old browsers */
background: -moz-linear-gradient(left,  #d10a0c 0%, #f09b14 74%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d10a0c), color-stop(74%,#f09b14)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d10a0c 0%,#f09b14 74%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d10a0c 0%,#f09b14 74%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d10a0c 0%,#f09b14 74%); /* IE10+ */
background: linear-gradient(to right,  #d10a0c 0%,#f09b14 74%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d10a0c', endColorstr='#f09b14',GradientType=1 ); /* IE6-9 */
	border-top: 3px solid #7a0601;
	border-bottom: 3px solid #ffffff;
	}

#logo {
	width: 1000px;
	height: 121px;
	margin: 0 auto;
	background-color: #f09b14;
	}
	
#navi {
	width: 820px;
	height: 66px;
	margin: 0 auto;
	padding: 0 90px;
	}
	
#content {
	width: 940px;
	height: auto;
	margin: 0 auto;
	padding: 30px;
	}

#inhaltleft{
	width: 460px;
	height: auto;
	float: left;
	padding: 0 10px 0 0;
	text-align: justify;
	}	
	
#inhaltright{
	width: 460px;
	height: auto;
	float: left;
	padding: 0 0 0 10px;
	text-align: justify;
	}	
	
	
#foot {
	width: 100%;
	height: 25px;
	background-image: url('./putz-zu-stein.png');
	background-repeat: no-repeat;
	background-position: top left; 
	background-color: #480300;
	position: fixed;
	bottom: 0;
	color: #906866; 
	}
	
#footstein {
	width: 547px;
	height: 170px;
	background-image: url('./putztechnik.png');
	background-repeat: no-repeat;
	background-position: bottom left; 
	background-attachment: fixed;
	margin: -170px 0 0 0;
	float: left;
	bottom: 0;
	}
	
#footinhalt {
	width: 940px;
	height: 21px;
	margin: 0 auto;
		font-size: 16px;
	padding: 4px 0 0 0;
	text-align: right;
	}
		
.clear {clear: both;}
.decopic1 {position: absolute; margin: -28px 0 0 470px;}
.decopic2 {float:right;}     
.startpic {width: 920px; height: 320px; margin: 0 auto; border: 10px solid #ffffff; }
.messe {width: 184px; height: 130px; float: left; text-align: center;}
.messepic {margin: 3px 0 0 0;}
.kontakt {float: right; margin: 0 0 0 15px; background-color: #F7DCA6; padding: 25px;}
.pic {border: 5px solid #ffffff; box-shadow: 4px 2px 5px #000000; margin: 4px;}

#content h2+table {float: left; display: inline; width: 250px;}
#content table[width="100%"] {float: left; width: 690px; margin: 0 0 50px 0;}
#content table img{width: 80px; height: 80px;}
div[align="center"] table[width="100%"] {display: block !important; background: none !important; clear: both !important; text-align: left; float: none !important;}
table[width="100%"]+table {float: none !important; display: block !important;}

table tbody tr td span {margin: 5px 0;}

table tbody tr td img {border: 5px solid #ffffff; box-shadow: 4px 2px 5px #000000; margin: 4px;}

/* m */
.clear{clear: both;}
@media(max-width: 1100px)
{     
  #mobilenavi
  {
  display: block;
  cursor: pointer;
  top: 45px;
  right: 30px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  }
    #mobilenavi img
    {
    margin: 5px -20px 5px -20px;
    vertical-align: middle;
    max-width:100px;
    } 
  #naviul
  {
  display: none;
  }  
	
	#container
	{
	width: auto !important;
	padding:  0;
	}
	#head
	{
	padding-top: 35px;
	width: auto;
	height: auto !important;
	}
		#logoout
		{
		width: auto;
		height: auto;
		}
			#logo
			{
			width: auto;
			height: auto;
			}
				#logo img
				{
				max-width: 100%;
				display: block;
				}
				.decopic1
				{
				top: 0;
				right: 0;
				width: 170px;
				margin: 0;
				}
	#navi
	{
	width: auto;
	height: auto !important;
	}
	  
	  #navi a
	  {
	  display: block !important;
	  float: none;
	  width: auto;
	  text-align: center;
	  }
	#content
	{
	width: auto;
	padding: 30px 10px 30px 10px;
	}
		.startpic
		{
		width: auto;
		height: auto;
		}
			.startpic img
			{
			display: block;
			width: 100%;			
			}
		h1,h2,h3,h4,h5,h6,h2.newsstart,h2.news
		{
		width: auto;
		}
		#inhaltleft, #inhaltright
		{
		float: none;
		width: auto;
		padding: 0;
		}
		.pic
		{
		float: none !important;
		max-width: 100% !important;
		width: auto !important;
		margin: 0px !important;
		}
		
		#content h2 + table
		{
		float: none !important;
		width: auto !important;
		display: table !important;
		}
		#content table[width="100%"]
		{
		float: none;
		width: auto;
		display: table;
		}
		#onlinenavi
		{
		float: none;
		width: auto;
		display: table;
		}
		#onlinefoto
		{
		float: none;
		width: auto;
		display: table;
		}
	
		
	#foot
	{
	width: auto;
	position: relative;
	text-align: right;
	background-image: none;
	padding: 5px;
	}
		#footstein
		{
		background: url('./putztechnik.png') no-repeat;
		background-size: 100%;
		float: none;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 230px;
		height: 50px;
		}
		#footinhalt
		{
		position: relative;
		width: auto;
		z-index: 2;
		text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
		}
	  
	  
	  
}    
@media(min-width: 1101px)
{
  #mobilenavi
  {
  display: none;
  }
  #naviul
  {          
  display: block !important;
  }
}