/* Based on work by Eric Meyer: meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: 400}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

a img {border: none}

body {
	background: #c6e8fa url(/gfx/bg.png) repeat-x;
	line-height: 1.5;
	margin-bottom: 1.5em;
	text-align: justify
}

#top {
	background: url(top.jpg) no-repeat;
	width: 808px;
	height: 220px;
	margin: 0 auto;
	overflow: hidden
}

#top ul {
	position: relative;
	top: 10px;
	margin-top: 10px;
	margin-left: 30px
}

#nav {
	width: 646px;
	height: 53px;
	margin: 0 auto;
	position: relative;
	top: 155px;
	background: url(nav.png) no-repeat center
}

#nav ul li {
	list-style: none;
	display: inline;
	position: relative;
	top: 15px;
	left: 10px
}

a#nav_fenster {border: 0; background: url(nav_fenster.png) no-repeat; width: 112px; height: 35px; display: block; text-indent: -9999em; float: left; margin-right: 7px}
a:hover#nav_fenster {background: url(nav_fenster_h.png) no-repeat}

a#nav_hausturen {border: 0; background: url(nav_hausturen.png) no-repeat; width: 112px; height: 35px; display: block; text-indent: -9999em; float: left; margin-right: 7px}
a:hover#nav_hausturen {background: url(nav_hausturen_h.png) no-repeat}

a#nav_preisanfrage {border: 0; background: url(nav_preisanfrage.png) no-repeat; width: 112px; height: 35px; display: block; text-indent: -9999em; float: left; margin-right: 7px}
a:hover#nav_preisanfrage {background: url(nav_preisanfrage_h.png) no-repeat}

a#nav_angebot {border: 0; background: url(nav_angebot.png) no-repeat; width: 112px; height: 35px; display: block; text-indent: -9999em; float: left; margin-right: 7px}
a:hover#nav_angebot {background: url(nav_angebot_h.png) no-repeat}

a#nav_impressum {border: 0; background: url(nav_impressum.png) no-repeat; width: 112px; height: 35px; display: block; text-indent: -9999em; float: left; margin-right: 7px}
a:hover#nav_impressum {background: url(nav_impressum_h.png) no-repeat}


#container {
	width: 808px;
	background: url(container.jpg) repeat-y center;
	margin: 0 auto;
	overflow: hidden
}

#all {
	width: 780px;
	overflow: hidden;
	padding: 10px;
	margin: 0 auto
}

#menu {
	position: relative;
	right: 7px;
	width: 150px;
	float: left;
	margin-left: 7px;
	padding: 7px 7px 160px 7px;
	background: url(fenster.jpg) no-repeat 77px bottom 
}
#menu ul {
	list-style: none url(li.png);
	margin: 0 0 0 10px
}
#menu ul li a {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	color: #09f;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #09f;
	padding-bottom: 1px
}
#menu ul li a:hover {
	color: #f60
}

#content {
	width: 580px;
	float: left;
	padding: 7px
}
#content h1 {
	font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
	font-weight: lighter;
	color: #505050;
	font-size: 19px;
	margin-bottom: 7px
}
#content h2 {
	font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
	font-weight: lighter;
	color: #505050;
	font-size: 17px;
	margin-bottom: 7px
}
#content p, em {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	color: #505050;
	font-size: 12px;
	margin-bottom: 16px
}

#content p a:link, a:visited {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	color: #09f;
	font-size: 12px;	
	text-decoration: none;
	border-bottom: 1px solid #09f;
	padding-bottom: 1px
}
#content p a:hover {
	color: #f60
}

#content ul a:link, ul a:visited {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	color: #09f;
	font-size: 11px;	
	text-decoration: none;
	border-bottom: 1px solid #09f;
	padding-bottom: 1px
}
#content ul a:hover {
	color: #f60
}


#content ul {
	margin-left: 20px;
	margin-bottom: 16px
}
#content ul li {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	color: #505050;
	font-size: 11px;
	list-style: none url(ul.png)
}


#bottom {
	width: 808px;
	height: 65px;
	background: url(bottom.jpg) no-repeat center;
	margin: 0 auto
}

#footer {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	color: #445157;
	font-size: 10px;
	width: 750px;
	margin: 0 auto;
	text-align: center;
	padding: 7px 0
}

#footer a:link, #footer a:visited {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	color: #445157;
	font-size: 10px;	
	text-decoration: none;
	border-bottom: 1px solid #445157;
	padding-bottom: 1px
}
#footer a:hover {
	color: #000
}


.mark {
	padding: 16px;
	text-align: center;
	border-top: 7px double #bde3f6;
	background: #e0eff6 url(mark.png) repeat-x bottom
	
} 
p.mark {
	color: red
}

.imgR {
	border: 7px solid #c1e7fd;
	float: right;
	margin: 10px 0 20px 20px;
	padding: 10px;
	padding-bottom: 50px
}

.imgC {
	border: 7px solid #c1e7fd;
	padding: 10px;
	text-align: center
}