/* CSS RESET */
html { overflow-y: scroll; }
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


body {
	text-align:center;
	color:#fff;
}
a {
	text-decoration:none;
		color:#fff
}
a:hover {
	text-decoration: none;
		color:#006c00
}
#lowwrap {
	width:960px;
	text-align:left;
	margin:0 auto;background:url(images/lowbg.jpg);
}
#wrap { background: url(images/bg.jpg) no-repeat; text-align: left; margin: 0 auto; width: 960px; }
.fl{ float:left}
.fr{ color: #000080; float:right }
.clearfix{ clear:both}
.on { color: #006c00; }
/* header */
#header { position:relative;height:260px  }
#logo {position:absolute; top:50px; right:40px}
#logo h1 {
	font-size:34px;
	color:#fff
}
#logo div {
	padding-left:100px
}
#nav { position:absolute; top:180px; left:470px; background:url(images/nav.jpg); width:435px;height:46px; line-height:46px; padding: 0 0 0 40px }
#nav li {float:left;  font-weight:700; width:100px }
#nav a {text-decoration:none; display:block; text-align:center;}
#nav a:hover {background:url(images/nav_hover.jpg) -10px; }
/* content */
#content { }
.main { width:570px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 130%; }
strong { font-weight: bold; }
#text { color: navy; width:530px; }
#text h2 {font-size:30px; padding-bottom:20px}
#text p img { line-height: 130%; float:left; padding:0 20px 0 0 }
#text a { color: #d20003}

#col {margin:50px 0 0 0;width:300px; background:url(images/col.jpg); width: 535px; height:156px ; }

#col div {width: 200px; margin: 20px 0 0 70px; display:inline}
#col .first  {margin: 20px 0 0 50px }
#col li{line-height:20px;}
.side {margin:0 0 0 40px; width:250px;display: inline;}
.side h2 {font-size:22px}
.side h3 { font-size: 18px; }
.side h4 { font-size: 16px; }
.side li {line-height:20px; list-style:none inside; color:#ffffff; }
.side ul {margin:30px  0 30px 20px}
img { margin-top: 20px; margin-right: 10px; }
.textbild { vertical-align: top; width: 530px; height: auto; margin-bottom: 15px; display: block; }
.tbtext { vertical-align: top; position: relative; width: 350px; float: left; min-height: 120px; margin-right: 10px; }
.tbbild { vertical-align: top; position: relative; width: 160px; min-height: 120px; float: left; margin-right: 10px; display: block; }
.tbbild img { float: left; margin: 0; }
.textbild li { left: 10px; list-style-type: circle; list-style-position: inside; display: list-item; }
.tbtext h5 { font-weight: bold; }
.sonderpreise { margin-top: 10px; margin-bottom: 10px; padding: 5px; border: solid 2px red; }
.textliste { vertical-align: top; width: 530px; height: auto; margin-bottom: 15px; display: block; }
.tltext { vertical-align: top; position: relative; width: 390px; float: left; margin-right: 10px; }
.tltitel { vertical-align: top; position: relative; width: 120px; float: left; margin-right: 10px; display: block; }
#top { background-image: url(images/bg_main.png); background-repeat: no-repeat; background-position: left top; min-width: 204px; min-height: 374px; padding-left: 10px; }
#bm { background-image: url(images/bg_sub.png); background-repeat: no-repeat; background-position: left top; min-width: 204px; min-height: 154px; padding-top: 10px; padding-left: 10px; }
/* footer */
#footer { background:url(images/ft.jpg); height:133px; position:relative}
#ftinner{ position:absolute; bottom:20px; width:680px; margin-left:120px}
.ftlink {width:500px;}
/*galerie*/
#seite { width: auto; }
#seite ul {  }
#seite li { color: white; line-height: 30px; background-repeat: repeat-x; text-align: center; vertical-align: middle; position: relative; width: 30px; height: 30px; float: left; margin-top: 6px; margin-right: 3px; border: solid 1px navy; list-style: none inside; }
#seite li a { color: white; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 30px; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 30px; height: 30px; display: block; }
#seite li a:hover, #seite li a#selected, #seite li a#selected:hover { color: #006c00; font-size: 14px; line-height: 30px; }
.galerie { text-align: center; vertical-align: middle; position: relative; width: 160px; height: 107px; float: left; margin-right: 6px; margin-bottom: 6px; border: solid 1px #666; display: table; }
.galimg { vertical-align: middle; position: relative; width: 100%; display: table-cell;}
.galimg img { display:block; margin:auto; }