*
{
margin: 0;
padding: 0;
border: none;
outline: none;
}
html
{
height: 100%;
scroll-behavior: smooth;
}
body 
{
height: 100%;
font-family: verdana;
font-size: 16px;
color: #333;                                                                
background: #fff;
}

.clear
{
clear: both;
}
.center{text-align: center;}


#datenschutz, #impressum{

	overflow:auto;
	background: #fff;
	border-radius: 12px;
	border: 2px dotted  #550000;
	position:fixed;
	bottom:50px;
	display:none;
	padding:10px;
left:50%;
right:50%;
top:50px;;
width:50%;
margin-left:-25%;
height:75%;
z-index:99990;
}


#datenschutz{z-index:99991;}


@media (max-width: 1000px)
{
#datenschutz, #impressum{	
width:75%;
margin-left:-37.5%;
}
}


@media (max-width: 500px)
{  
#datenschutz, #impressum{
width:90%;
margin-left:-50%;
}
}

#finster{
	position:fixed;
	left:0px; top:0px;
	right:0px; bottom:0px;
	z-index:5000;
	background:rgba(255, 255, 255, 0.85);
	visibility:hidden;
}




a
{
color: #228;                                                                                                                      
text-decoration: none;
}
a:hover
{
color: #228; 
text-decoration: underline;
}
h1
{
padding: 10px 0;
color: #228;   
font-size: 22px;
line-height: 26px; 
text-transform: uppercase;  
font-weight: normal;
text-align: left;
}
h2
{
color: #333;   
font-size: 20px;  
line-height: 22px;    
text-transform: normal;  
font-weight: normal;
border-bottom: 1px dotted #ccc;
padding: 0 0 15px 0;
margin-bottom: 30px;
text-align: left;
}
h3
{
color: #333;   
font-size: 14px; 
line-height: 14px;   
text-transform: uppercase; 
font-weight: bold;
text-align: left;
}
p
{
margin: 18px 0;
line-height: 24px;
}

.bodyspace
{
height: 103px;
}

.long
{
height: 400px;
background-position: top center;
background-size: cover;
background-attachment: fixed;
}

.bild1{background-image: url("thomae-dachdecker.jpg");}
.bild2{background-image: url("dach-1.jpg");}
.bild3{background-image: url("dach-2.jpg");}
.bild4{background-image: url("dach-3.jpg");}
.bild5{background-image: url("dach-4.jpg");}
.bild6{background-image: url("dach-5.jpg");}
/* aktuelles da im */
.bild7{background-image: url("thomae-dachdecker.jpg");}
.bild8{background-image: url("thomae-dachdecker.jpg");}
.bild9{background-image: url("thomae-dachdecker.jpg");}

#topbar
{
position: fixed;
top: 0; 
left: 0;
right: 0;
z-index: 10;
box-shadow: 0 0 5px #333;     
background: url("dachdecker-olbernhau.png") repeat-y left #fff; 
background-size: 80px;
}
	#intopbar
	{
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	max-width: 1000px;
	}
		#intopbar ul
		{
		position: absolute;
		bottom: 0px;
		right: 0;
		list-style-type: none;
		}
			#intopbar ul li
			{
			display: inline-block;
			}
				#intopbar ul li a
				{
				margin: 10px;
				display: inline-block;
				padding: 3px 6px;
				text-decoration: none; 
				color: #228;
				border-bottom: 2px solid transparent;
				text-transform: uppercase;
				font-size: 14px;
				}
				#intopbar ul li a:hover,#intopbar ul li a.hier
				{
				text-decoration: none; 
				color: #228;
				border-bottom: 2px solid #f00;
				}

.container
{
padding: 50px 30px 50px 30px;
/* min-height: 70%; */               
background: url("dachdecker-olbernhau.png") repeat-y left #fff;
background-size: 80px;
font-size: 15px;
text-align: justify;
}
	.incontainer
	{
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	}
	.container ul, .container ol
	{
	margin-left: 20px;
	}
	.container ul li, .container ol li
	{
	padding: 5px 0;
	}
	.container img
	{
	max-width: 100% !important;
	height: auto !important;
	}

.footer
{
color: #666;
}
  .footer h1, .footer h2, .footer h3, .footer h4
  {
  text-transform: uppercase;
  }
    .footerbox
    {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 230px;
    margin-bottom: 10px;
    }
      .footerbox a
      {
      color: #666;
      text-decoration: none;
      }
      .footerbox a:hover
      {
      color: #666;
      text-decoration: underline;
      }
      

@media(max-width: 1000px)
{  
  #mobilenavi
  {
  display: block;
  cursor: pointer;
  top: 45px;
  right: 30px;
  color: #000;
  font-size: 20px;
  }
    #mobilenavi img
    {
    margin: 5px;
    vertical-align: middle;
    max-width:100px;
    position: absolute;
    top: 30px;
    right: 0px;
    } 
  #naviul
  {
  display: none;
  background: #fff;
  margin: 0 -10px -10px -10px;
  border-top: 1px dotted #ccc; 
  }
  
  #intopbar  
  {             
  padding-left: 10px;  
  text-align: left;
  }
  
	#intopbar ul
	{               
  text-align: center;
	position: relative;
	bottom: auto;
	right: auto;
	}
		#intopbar ul li
		{
		display: block;
		}
}    
@media(min-width: 1001px)
{
  #mobilenavi
  {
  display: none;
  }
  #naviul
  {          
  display: block !important;
  }
}


.container img.flogo
{
float: right;
max-width: 100px !important;
width: 100%;
}


@media(max-width: 1000px)
{   
  #topbar
  {
  background-size: 50px;
  }
  .container
  {              
  background-size: 50px;
  }
}

@media(max-width: 600px)
{
  .flogo
  {
  display: none !important;
  }
}

/* inhalte */
img.kontaktfoto
{
position: absolute;
top: 80px; 
right: 0;
max-width: 460px !important;
}
@media(max-width: 1000px)
{
	img.kontaktfoto
	{
	position: relative; 
	top: auto; 
	right: auto;
	display: none;
	}
}
#kontaktframe
{
width: 100%;
height: 460px;
}

.ttable
{
margin: 0 auto;
width: 100%;
font-size: 13px;
text-align: center;
}
	.ttable tbody
	{
	display: table;
	width: 100%;
	}
	.ttable p
	{
	margin: 0;
	padding: 0;
	}
	.ttable img
	{
	width: 260px;
	}
		.ttable tr td
		{
		padding: 0 0 30px 0;
		vertical-align: top;
		}

.rtable
{
margin: 0 auto;
width: 100%;
font-size: 13px;
text-align: center;
}
	.rtable tbody
	{
	display: table;
	width: 100%;
	}
	.rtable p
	{
	margin: 0;
	padding: 0;
	}
	.rtable img
	{
	width: 180px;
	}
		.rtable tr td
		{
		padding: 0 0 90px 0;
		vertical-align: bottom;
		}

@media(max-width: 1000px)
{
	.ttable
	{
	display: block;
	}
		.ttable tr
		{
		display: block;
		}
			.ttable tr td
			{
			display: block;
			}
	.rtable
	{
	display: block;
	}
		.rtable tr
		{
		display: block;
		}
			.rtable tr td
			{
			display: block;
			}

}