/*Webseitentemplate tpl-jk-02000 
Copyright Jutta Kemperle -- www.jukemedia.de */
/*tpljk02000*/
body {background:#014800 url(images/bg-body.png) repeat-x;}
#hdr {
width:600px;height:400px;
background-color:#fff;}

*+html #hdr {
height:430px;}

.clear {clear:both;}
.clear-lft {clear:left;}
.clear-rgt {clear:right;}

img {border:none;}
img.list {border:none; margin-right:3px;}

h1 {margin-top:30px;}
/*----------------------------------------------------------------------------*/
/*Container*/
/*----------------------------------------------------------------------------*/
#container {
width:600px;
min-height:1200px;
background-color:#fff;
margin:0 auto 0 auto;
padding:0px 10px 10px 10px;
text-align:right;
border: 4px solid #FFCC00;
}


/*----------------------------------------------------------------------------*/
/*HEADER*/
/*----------------------------------------------------------------------------*/
h1#title {
margin-bottom:10px;
font : normal 27px Georgia, serif;
color:#003333;}


p#subtitle {
font-variant:small-caps;
letter-spacing:1px;
font : normal 14px Georgia, serif;
color:#b4b4b4;
margin-bottom:60px;}

#title img {border:none;}


/*----------------------------------------------------------------------------*/
/*Sidebar rechts*/
/*----------------------------------------------------------------------------*/

#sbar-rgt {
width:200px;
float:right;
text-align:left;}

#sbar-rgt h1 {
font: normal 18px "Verdana", Arial, Verdana;
text-align:right;
color:#C7402A;
border-bottom:1px dashed #666;}

#sbar-rgt p {
font: normal 14px "Verdana", Arial, Verdana;
text-align:right;
color:#626477;background-color:#fff;}

#sbar-rgt a.weiterlesen {
font: bold 11px "Verdana", Arial, Verdana;
text-align:right;
color:#b4b4b4;background-color:#fff;
text-decoration:none;}

#sbar-rgt a.weiterlesen:hover {
background-color:#f4f4f4;}

#sbar-rgt img {
margin: 5px 0 5px 0;}



/*----------------------------------------------------------------------------*/
/*HAUPTMENUE  RECHTS*/
/*----------------------------------------------------------------------------*/

#nav {text-align:right;margin-top:30px;}
#nav ul {margin:0; padding:0;}
#nav ul li{list-style-type:none;}

#nav li {
margin: 5px 0;}

#nav a {
display:block;width:192px;
padding:4px;margin-bottom:0px;
color:#666;background-color:#f4f4f4;
text-decoration:none;
font: bold 12px Verdana, sans-serif;}

#nav a:hover {background-color:#cccccc;color:#000;}







/*----------------------------------------------------------------------------*/
/*Content (links)*/
/*----------------------------------------------------------------------------*/

#content {
margin-right:220px;margin-top:30px;
padding-right:20px;padding-bottom:100px;
background:#fff url(images/hexe_003.jpg) 100% 100% no-repeat;
text-align:left;}

#content h1, #content h4 {
font : normal 18px Verdana, sans-serif;
color:#626477;}

#content h4, #content2 h4{
font : bold 16px Verdana, sans-serif;
color:#CD3200;}

#content p, #content-2 p {line-height:20px;
font : normal 14px Verdana, sans-serif;
color:#666;
margin-bottom:30px;}

#content li {
list-style-type:square;
font : normal 14px Verdana, sans-serif;
color:#666;}

#content .links, #content2 .links {
list-style-type:none;
list-style-image: url(images/minipfeil.jpg);
font : normal 14px Verdana, sans-serif;
margin-bottom:5px;
color:#666;}

#content a.links #content2 a.links, #sec2 a.links , #sec1 a.links{
list-style-type:none;
padding-left:15px;
background: #fff url(images/minipfeil.jpg) no-repeat 0px 3px;
font : bold 14px Verdana, sans-serif;
margin-bottom:5px;
color:#666;}

#content a.links:hover {
background-color:#f4f4f4;}

#content a {
padding:4px;
color:#666;background-color:#fff;
text-decoration:none;
font: bold 12px Verdana, sans-serif;}

#content a:hover {
background-color:#f4f4f4;}

hr {
border: 1px dotted #666;}

/*----------------------------------------------------------------------------*/
/*Content2 (links)*/
/*----------------------------------------------------------------------------*/

#content2 {
margin-right:20px;margin-top:30px;
padding-right:20px;padding-bottom:100px;
background:#fff;
text-align:left;}

#content2 h1 {
font : normal 18px Verdana, sans-serif;
color:#626477;}

#content2 p {line-height:20px;
font : normal 14px Verdana, sans-serif;
color:#666;
margin-bottom:30px;}

#content2 li {
list-style-type:square;
font : normal 14px Verdana, sans-serif;
color:#666;}

#content2 a {
padding:4px;
color:#666;background-color:#fff;
text-decoration:none;
font: bold 12px Verdana, sans-serif;}

#content2 a:hover {
background-color:#f4f4f4;}



/*----------------------------------------------------------------------------*/
/*sec2*/
/*----------------------------------------------------------------------------*/
h1.sec-header {
text-align:left;
float:left;
width:590px; height:30px;
font: bold 18px arial, sans-serif;
text-transform: uppercase;
letter-spacing:1px;
background-color:#CD0000;
color:#fff;padding-left:10px;padding-top:7px;}

h1.sec-header a {
color:#fff; text-decoration:none;}

*+html h1.sec-header {
margin-bottom:20px;}


#sec1, #sec2, #sec3 {
float:left;
width:600px;
font : normal 10px Verdana, sans-serif;}

#sec2 p {line-height:20px;
font : normal 14px Verdana, sans-serif;
color:#666;
margin-bottom:30px;margin-top:20px; text-align:left;}

*+html #sec2 p {margin-top:40px;}

.sec-list, .sec-gallery, .sec-list-1{
float:left;
text-align:left;
margin:0 20px 0 10px;padding:0;
width:15em;min-height:17em;height:auto;
list-style-type:none;
background-color:transparent;}

ul.sec-list-1 {width:30em;}

* html .sec-list {height:17em;width:13em;}
* html .sec-list-1 {height:17em;width:13em;}

.sec-gallery li {
display:inline;}


#sec2 img { float:left; margin: 0 15px 10px 0;border: none;}

ul.sec-list li h1, ul.sec-gallery li h1, ul.sec-list-1 li h1  {
width:11.4em; min-height:1.5em;
font: bold 17px Arial,sans-serif;
letter-spacing:2px;
color:#FF6600;}
* html ul.sec-list li h1, ul.sec-list li h2 {height:2em;}

ul.sec-list li, ul.sec-list-1 li  {
padding-left:5px;}
ul.sec-list li.indent, ul.sec-list-1 li.indent {
padding: 0 0 20px 18px;}


ul.sec-list li a, ul.sec-list-1 li a  {
display:block; width:20em; min-height:1.5em;height:auto;
color:#666;
text-decoration:none;
font: bold 10px Verdana, sans-serif;
background: transparent url(images/lsi_ul1.gif) no-repeat 0% 5px;
color:#000;
text-decoration:none;
padding:0 0 3px 18px; }

* html ul.sec-list li a {display:block; width:180px; height:1.5em;background-color:transparent;}
* html ul.sec-list-1 li a {display:block; width:180px; height:1.5em;background-color:transparent;}

ul.sec-list li a:hover, ul.sec-list-1 li a:hover {
color:red;
background: transparent url(images/lsi_ul_hvr1.gif) no-repeat 0% 5px;}

#sec1 p.left {
float:left;
text-align:left;}

/*----------------------------------------------------------------------------*/
/* SEKTION 3 -- CSS Fotoglaerie*/
/*----------------------------------------------------------------------------*/

#sec3 {
position:relative;
background: #fff url(umgebung/foto_001c.jpg) no-repeat 195px 25px;}

.menu {
float: left;
width: 90px;
background-color:transparent;
margin-right:5px;}

.navi {
float: left;
width: 90px;
margin-top: 20px;
background-color:transparent;}

.navi a {
display: block;width:80px;height:60px;
text-decoration: none;
margin: 6px 0;
background-color:#E1EEFF;
text-align: left;}

.navi a img {
border:1px solid #000;
padding:0;margin:0;
background-color:#E1EEFF;}

.navi a:link {
background-color:#E1EEFF;}

.navi a:visited {background-color: #E1EEFF;}
.navi a:hover {background-color:#E1EEFF;padding:0;margin:6px 0;}
.navi a:active {background-color:#fff;}
.showcase {display: none;}

.navi a:hover .showcase {
position: absolute;
top: 20px;
left: 190px;
display: block;
width: 397px;
font: bold 0.92em Verdana, Arial, Helvetica, sans-serif;
background-color:transparent;
padding: 5px;
}

.navi a em {
display:block;margin-top:20px;
color:#60A8FF;font-style:normal;font-size:12px;font-weight:normal;}





/*----------------------------------------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------------------------------------*/

#footer {
width:580px;
padding:10px;
text-align:center;
border-top:1px dashed #cccccc;
font : normal 10px Verdana, sans-serif;}

#footer p{
line-height:20px;}


#footer a {
padding:4px;
color:#666;background-color:#fff;
text-decoration:none;
font: bold 10px Verdana, sans-serif;}

#footer a:hover {
background-color:#f4f4f4;}

#gaestebuch p {
line-height:20px;
font : normal 14px Verdana, sans-serif;
color:#666;
margin-bottom:30px;
text-align:left;}