@charset 'utf-8';
@import url(reset.css);
@import url(lightbox.css);

/* ----------------------------------------------------- Page layout */


option { padding-left: 0.4em; } /* LTR */
select { padding: 1px; }
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }
html { height: 100%; margin-bottom: 1px; }
body { font-size: 62.5%; color: #000; background: #fff; text-align: left; }
fieldset, img { border: 0 solid; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
#header { position:relative; }
#header, #main, #footer { clear:both; }
#col1 { float: left; width: 200px }
#col2 { float:right; width: 200px }
#col3 { width:auto; margin: 0 200px }
#col1_content, #col2_content, #col3_content { position:relative; }
.clearfix:after { content: "."; display: block; font-size:0;  height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.floatbox { overflow:hidden; }
#ie_clearing { display: none; }
.subcolumns { width: 100%; overflow:hidden; }
.subc{padding:0 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }
.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }
.skip, .hideme, .print, dfn { position: absolute; left: -1000em; top: -1000em; }
.skip:focus, .skip:active { position: static; left: 0; top:0; }



body { font-size: 62.5%; background: #fff url(./../img/body.gif) repeat-x; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #575759; }

a { color: #76C55A; text-decoration: none; }
a:hover { color: #76C55A; text-decoration: underline; }


h1 { font-size: 1.6em; line-height: 1.3em; font-weight: bold; }
h2 { font-size: 1.5em; line-height: 1.3em; font-weight: bold; }

p { font-size: 1.3em; line-height: 1.4em; }

strong { font-weight: bold; }

#page { width: 85em; margin: 0 auto; padding: 0 0 2em 0; }

#header { padding: 2em 0; position: relative; }
#header h1 a { width: 325px; height: 55px; display: block; background: url(./../img/logo.jpg) no-repeat; text-indent: -9999px; }
#header h2 { position: absolute; left: 335px; top: 48px; font-size: 1.8em; font-weight: normal; }
#header form { position: absolute; top: 2em; right: 0; }
#header form input { background: #f4f2f4; border: 0; border-bottom: 1px solid #75c458; color: #676769; padding: 3px; margin: 0; float: left; width: 120px; }
#header form input.button { padding: 2px; width: 20px; background: #f4f2f4 url(./../img/suche.gif) no-repeat center center; text-indent: -9999px; font-size: 0px; height: 21px; }

#nav { clear: both; padding: 0; overflow: hidden; }
#nav div { width: 100%; float: left; background: #f4f2f4; border-bottom: 1px solid #75c458; }
#nav ul { list-style: none; float: left; display:inline; }
#nav ul li { float: left; padding: 0; }
#nav ul li a { color: #646367; text-decoration: none; display: block; float: left; font-size: 1.3em; padding: 0.5375em 0.75em; }
#nav ul li a:hover, #nav ul li.aktiv a { background: #bfdeac; }

#main { padding: 2em 0; }

#col1 { width: 52.5em; float: left; }
#col1 #content { font-size: 1.3em; line-height: 1.4em; padding: 0 0 1em 0.8em; }
/* #col1 #content img { margin: 0 1em 0.8em 0; } */
#col1 h1 { font-size: 2em; padding: 0 0 0.3em 0.5em; }
#col1 p { margin-bottom: 0.83em; }
#col1 table.preise { width: 95%; margin: 0.8em 0 1.5em 0; }
#col1 table.preise tr th { font-size: 1.2em; font-weight: bold; background: #F4F2F4; border-bottom: 1px solid #75C459; padding: 0.5em 0.5em; text-align: right; }
#col1 table.preise tr th.besch { text-align: left; }
#col1 table.preise tr td { font-size: 1.2em; padding: 0.5em 0.5em; line-height: 1.4em; border-bottom: 1px solid #75C459; text-align: right; }
#col1 table.preise tr td.besch { width: 80%; text-align: left; }

#col3 { margin: 0 0 0 52.5em; }
#col3_content { padding: 0 0 0 4em; }
#col3 #content { font-size: 1.3em; line-height: 1.4em; }
#col3 h1, #col2 h2 { margin-bottom: 0.3em; }
#col3 p { }
#col3 img.button { margin: 2em 0 2em 0; }
#col3 ul { list-style-type: square; overflow: hidden; margin: 0; padding: 0; }
#col3 ul li { float: left; width: 40%; margin-left: 1.4em; margin: 0 0 0 1.5em; padding: 0; }
#col3 ul li a { font-size: 1.3em; line-height: 1.4em; }
#col3 ul#nav {  }
#col3 ul#nav li { width: 100%; float: none; }

ul#subnav { list-style: none; margin-bottom: 2.4em; overflow: hidden; }
ul#subnav li {  margin: 0; padding: 0; border-bottom: 1px solid #75C458; font-size: 1em; float: left; width: 100%; }
ul#subnav li:last-child { border: 0; }
ul#subnav li a { font-size: 1.3em; padding: 0.4em 0.75em; color: #646367; display: block; }
ul#subnav li a:hover, ul#subnav li.aktiv a { background: #BEDEAD; text-decoration: none; }
ul#subnav li.aktiv ul { background: #F4F2F4; list-style: none; overflow: hidden; padding: 0.5em 0; }
ul#subnav li.aktiv ul li { border: 0; }
ul#subnav li.aktiv ul li a { background: none; font-size: 1.2em; padding: 0.2em 0 0.2em 1.5em;}
ul#subnav li.aktiv ul li a:hover { text-decoration: underline; }

.kontakt .floatbox { margin: 0 0 1em 0; }
.kontakt legend { font-size: 1.6em; font-weight: bold; display: block; margin-bottom: 1em; }
.kontakt label { width: 100px; display: block; float: left; font-size: 1.3em; line-height: 1.7em; }
.kontakt input { background: #F4F2F4; border: 0; border-bottom: 1px solid #75C458; padding: 5px; width: 180px; }
.kontakt input.submit { margin-left: 100px; }
.kontakt textarea { background: #F4F2F4; border: 0; border-bottom: 1px solid #75C458; padding: 3px; width: 180px; }

#footer { background: #f4f2f4; padding: 0.9em 1.2em; position: relative; }
#footer p { font-size: 1.3em; }
#footer #bookmark { position: absolute; top: 1em; right: 1.8em; }
#footer h3 { line-height: 1.4em; font-size: 1.2em; display: inline; vertical-align: middle; padding: 0.2em 0.4em 0 0; }
#footer #bookmark img { vertical-align: middle; margin-right: 0.1em; }

.content { padding: 0 0 0 0.8em; }
.content ul { font-size: 1.4em; line-height: 1.6em; margin-bottom: 0.8em; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: block; }

input.wetextinput { padding: 2px; }

#slideshow { width: 525px; height: 367px; }

#picture-slides-frame #image-counter { float: right; font-size: 2em; padding: 0.6em 0; color: #777; }
#picture-slides-frame h2 { padding: 0.6em 0 0.2em 0; font-size: 2em; height: 1.5em; }
#picture-slides-thumbnails ul li { float: left; width: 16.666%; padding: 0 0 0.6em 0; }
#picture-slides-dim-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; display: none;	z-index: 10; }

#navigation-controls { border-top: 1px solid #75C458; padding: 0.6em 0 1em 0; font-size: 1.5em; overflow: hidden; }
#navigation-controls #next-image { display: block; width: 20%; float: right; text-align: right;}
#navigation-controls #previous-image { display: block; width: 20%; float: left; }
#navigation-controls .slideshow-item { margin: 0 30%; text-align: center; }