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

#haupt {
	background-color:#FFFFFF;
	background-image:url(bilder/layout/naviback.gif);
	background-repeat:repeat-y;
}
.inhaltx {
 margin-left:225px;
 margin-right:220px;
 border-right:1px solid #E5E5E5;
 padding:0px 10px 0px;
}
#nav{
	float:left;
}
#banner img,#homebanner img{
	display:block;
}

#banner{
		background-image:url(bilder/layout/obenback2.gif);
		height:165px;
		position:relative;
}
#homebanner{
		background-image:url(bilder/layout/obenback.gif);
		height:194px;
		position:relative;
}
img#bildoben{
	position:absolute;
	right:34px;
	top:13px;
}

#rechts{
	width:200px;
	float:right;
	padding:10px;
	font-size:8pt;
}

#navioben {
	background-image:url(bilder/layout/balkenoben.gif);
	background-repeat:repeat-x;
	color:#6E9300;
	padding-right:10px;
	padding-top:3px;
	text-align:right;
	font-size:10pt;
	height:18px;
}
#unten {
	background-image:url(bilder/layout/untenback.gif);
	height:40px;
	clear:both;
}
#untentext {
	background-image:url(bilder/layout/untentextback.gif);
	color:#FFFFFF;
	font-size:10pt;
	height:34px;
	padding-left:238px;
	padding-top:12px;
}
#untentext a {
	color:#EAFFA8;
}

.kontaktrechts {
	background-image:url(bilder/layout/enqx_head.gif);
	background-repeat:no-repeat;
	border:1px solid #CECECE;
	padding:4px 6px 6px;
	font-size: 11px;
	background-color: #fff5e1;
}
.kontaktrechts h2 {
	background-image:url(bilder/layout/uebsback.gif);
	border:1px solid #CDCDCD;
	font-size:11px;
	height:19px;
	line-height:1.25em;
	margin-bottom:1.3em;
	padding-left:25px;
	padding-top:4px;
	text-transform:uppercase;
	vertical-align:middle;
	margin-top:0;
}



div, img, body {
	padding:0;
	margin:0;
}

div#inhalt img, div#inhalt iframe{
	padding:3px;
	border:1px solid #ccc;
	margin:3px;
}

div#inhalt img:hover{
	background: #ffe0a3;
}

div#inhalt img.ohnehover:hover{
	background: #fff;
}


div#inhalt h1 img{
	padding:0px;
	border:none;
	margin:0px;
}


h1, .kontaktrechts h2 {
	background:url(bilder/layout/uebsback.gif);
	border:1px solid #CDCDCD;
	font-size:12px;
	height:25px;
	line-height:1.25em;
	margin-bottom:1.3em;
	margin-top: 15px;
	padding-left:30px;
	padding-top:4px;
	text-transform:uppercase;
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
}

h1 {
	margin-top: 20px;
}


body {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
min-width:920px;
}


h3{
	font-size:13pt;
}

li {
	list-style-type:square;
}
a {
	color:#009900;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

img#inhalt {
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 5px;
}

#nav{
	float:left;
	width:225px;
	background-image:url(bilder/layout/navbg.gif);
	background-repeat:repeat-y;
	margin-top: 8px;
}

#nav a {
	height: 28px;
	display: block;
	text-indent:-9999px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:8pt;
}
#nav a:hover {
	text-decoration:underline;
}

#nav ul a {
	text-indent:0px;
	height:auto;
}
#nav ul{
	margin:0px;
	padding:10px 2px 10px 15px;
	background-image:url(bilder/layout/submenubg.gif);
}
#nav ul li{
	list-style-type:none;

}

#nav #dachklempner a, #nav #dachdecker a {
	height: 40px;
}

#home a {
	background-image: url(bilder/layout/home.jpg);
}
#dachklempner a {
	background-image: url(bilder/layout/buttondachklempner.jpg);
}
#dachdecker a {
	background-image: url(bilder/layout/dachdecker.jpg);
}
#schiefer a {
	background-image: url(bilder/layout/schiefer.jpg);
}
#flachdach a {
	background-image: url(bilder/layout/flachdach.jpg);
}
#zimmerer a {
	background-image: url(bilder/layout/zimmerer.jpg);
}
#kontakt a {
	background-image: url(bilder/layout/kontakt.jpg);
}
#impressum a {
	background-image: url(bilder/layout/impressum.jpg);
}
#schornstein a {
	background-image: url(bilder/layout/schornstein.jpg);
}
#terrassen a {
	background-image: url(bilder/layout/terrassen.jpg);
}
#flachdach a {
	background-image: url(bilder/layout/flachdach.jpg);
}

#nav .selected, #nav a:hover {
	background-position: 0px 28px;
}

#nav #dachklempner a:hover, #nav #dachdecker a:hover {
	background-position: 0px 40px;
}

#logo {
padding-top:40px;
	}

td p:first-child {
	margin:0;
	padding:0;
}
input, textarea {
	background-color: #E3F4E3;
	border: 1px solid #CCCCCC;
}
.gruen {
	color: #090;
}

#header {
	height: 150px;
	background:url(bilder/headerback.jpg) repeat-x;
	margin: 0;
	padding: 0;
}

#sidebar-wrapper {
	background: #347f34 url(bilder/layout/naviback.gif) repeat-y;
	overflow: hidden;
}

.container-fluid {
	margin: 15px;
}

#inhalt table td {
	padding: 5px;
}

#obenrechts {
	float: right;
}

#adresse {
	float: left;
	margin: 15px 20px 0 50px;
	padding: 10px 30px 0 30px;
	background: #ceeece;
	border: 1px solid #aaa;
}



table.galerie {
	max-width:500px;
}



img.velux, #video {
	width:100%;
	max-width: 700px;
	height:auto;
	border:0;
}

#video {
	width:100%;
	max-width: 400px;
	height:auto;	
}

.startkaestchen {
	float:left;
	margin: 5px;
	border: 1px solid #999;
	padding: 2px;
	background: #ffe7b7;	
}

.startkaestchen p {
	text-align: center;
	font-size: 14px;
}

.startkaestchen a {
	color: #000;
}

div#inhalt .startkaestchen img {
	border: 0;
}

.clear {
	clear: both;
}

#startwrapper {
max-width: 1000px;
margin: 0 auto;
}

@media screen and (max-width: 1400px) {
		.ausblendenkaestchen {
		display: none;
	}
}

@media screen and (max-width: 1400px) {
	#obenrechts {
		display: none;
	}
	

}

@media screen and (max-width: 700px) {
	.ausblenden {
		display: none;
	}
	
	h1 {
		height: auto;
		background: #ffe6b3;
		padding: 4px;
	}
	
	table.galerie img {
	width:100%;
	height:auto;
}

}