/* @override http://www.ferienpark-gut-dueneburg.de/cms/css/layout.css */

body{
    background: #FFF;
    text-align: center;
    padding: 0 20px;
    background: #FFF url('../_gfx/body_bg.gif') center 0  repeat-x;
}
#container{
    width: 960px;
    margin:0 auto;
    text-align: left;
    position: relative;
    top: 0; left: 0;
background-color: #fff;

}
#header{
    height:  120px;
}
#logo{
    position: absolute;
    top: 0px; left: 0;
    z-index: 998;
    width: 240px;
    height:  120px;
    background: url('../_gfx/logo.gif');
}
#logo a{
	display: block;
	width:  100%; height: 100%;
}
#logo h1{
    display: none;
}
#servicenavi{
	position: absolute;
	top: 0; right: 0;
	width:  420px;
	height:  50px;
}
#servicenavi ul{
    float: left;
    margin: 16px 10px; padding: 0;
    list-style-type: none;
    list-style-position:outside;
    font-size: 0.8em;
}
#servicenavi li{
    margin:0; padding: 2px 7px;
    display: block;
    float: left;
    line-height: 110%;
}
#servicenavi a{
    text-decoration: none;
    color: #006630;   
    font-size:  1.0em; 
    display: block;
    padding:  0; margin: 0;
}

#language{
    float: right;
    margin: 0; padding: 0 10px 0 0;
    list-style-type: none;
    list-style-position:outside;
}
#language li{
    margin:0; padding: 0;
    margin-left: 10px;
    display: block;
    float: left;
}
#language li.active{

}


#search{
	float:left;
}
#search form{
    margin: 0; padding: 0;
}
#search #searchterm{
    border: 1px solid #006630;
    color: #006630;
    width: 100px;
	padding: 4px 3px;
	margin: 13px 0 0 0;
	float: left;
}
#search #search_send{
	margin: 13px 0;
    padding: 0;
    padding-left: 5px;
   	float: left;
}
#onlinebooking {
	float: left;
font-weight: bold;
}
    #topnav {
      float:left;
      width: 920px;
      background-color: #006630;
      font-size:70%;
      line-height:normal;
      text-transform: uppercase;
      letter-spacing:0.1em;
      margin: 0 20px;
line-height: 15px;
**line-height: 31px;
padding: 0;
      }

    #home {
      margin: 0 20px;
line-height: 31px;
**line-height: 31px;
padding: 0;
      }

    #topnav .topnavigation, #onlinebooking, #home {
      padding:0;
      list-style:none;
      }
    #topnav .topnavigation li, #onlinebooking, #home {
      float:left;
      margin: 0;
      padding:0 0 0 5px;

      }
    #topnav .topnavigation a, #onlinebooking a, #home a  {
      display:block;
      padding:0px 10px;
      font-size: 1.3em;
      text-decoration:none;
      color:#fff;
      }
    #topnav .topnavigation a:hover, #onlinebooking a:hover, #home a:hover {
      color:#cce080;
      }
    #topnav .topnavigation .active a, #onlinebooking .active a {
      color:#66bb22;
      }



#main{
    clear:both; float:none;
	background-color: #FFF;
}

/* @group Menü */

/* @group 1. Ebene */

#menu{
    width: 220px;
    float: left;
    background-color: #FFF;
    min-height:  250px;
    height: auto !important;
    height: 250px;    
}
#menu ul{
    padding: 0;
    margin: 50px 0 30px 20px;
    border-top: 1px solid #d4d4d4;
    list-style-type: none;
}
#menu ul ul{
    margin: 0;
}
#menu ul li{
    padding: 0; margin:0;
    display:block;
    width: 99%;
}
#menu ul a{
    color: #999;
    font-weight: normal;
    display:block;
    padding: 1px 10px 0 20px;
    border-bottom: 1px solid #d4d4d4;
    line-height: 28px;
    text-decoration: none;
}
#menu ul .active a{
    color: #66bb22;
    background: url('../_gfx/menu_arrow.gif') 8px center  no-repeat;
}
#menu ul a:hover{
}

/* @end */

/* @group 2. Ebene */

#menu ul ul{
    margin-top: -1px;
    padding-bottom: 3px;
    border: none;
    border-bottom: 1px solid #CCC;
    background: #FFF url('../_gfx/menu_shadow.gif') bottom left no-repeat;
}
#menu ul li{
    width: 99%;
}


#menu ul .active ul a{
    color: #777;
    font-size: 1em;
    font-weight: bold;
    padding: 0 10px 0 29px;
    
    line-height: 22px;
    font-weight: normal;
    background: none;
    border: none;
}


#menu ul ul .active a{
    color: #006630;
    background: url('../_gfx/ul-pfeil-green.gif') 15px center no-repeat; 
}
#menu ul ul a:hover{
    background-color: #F5F5F5;
}

ul.subSubNavigation {
font-size: 90%;
}

.subSubNavigation li {
height: 17px;
padding: 1px 10px 0 50px;
}

#menu ul li.active {
    font-weight: bold;
}
/* @end */
/* @end */

.clear{
    clear:both;
    float:none;
}
#breadcrumb {
    margin: 0.5em 0;
    font-size: 0.9em;
}

#breadcrumb a{
    color: #666;
    text-decoration: none;
}

#content{
    width: 640px; 
    float:left;
    padding: 40px 40px 30px 60px;
    background-color: #FFF;
    min-height:  250px;
    height: auto !important;
    height: 250px;
}
#portal{
	width: auto;
	padding: 20px 20px;
    background-color: #FFF;
    min-height:  250px;
}

#content .newsitem{
    border-bottom: 1px solid #EEE;
    border-left: 1px solid #309D25;
    margin-bottom: 0.5em;
    padding-top: 0.5em; 
    padding-bottom: 0.5em;
    padding-left: 0.8em;
}   
#content .newsitem a{
    text-decoration: none;
    font-size: 0.9em;
}
#content .newsitem a:hover{
    text-decoration: underline;
}
#content .newsimg_left{
    float: left;
}
#content .newsimg_left img{
    margin-right: 10px;
}
#content .newsitem h3{
    color: #000000;
}   

#content .newsimg_right{
    float: right;
}
#content .newsimg_right img{
    margin-left: 10px;
}
#footer{
    font-size:0.8em;
	background-color: #FFF;
	padding:  30px 20px 20px 20px;
	
}
#footer a{
    color:#000;
}
#sitemap a{
    color: #000;
    text-decoration: none;
}
#sitemap .level1{
    font-size: 1.1em;
    font-weight:bold;
    color:  #006630;
}
#sitemap .level2{
    font-size: 1em;
    font-weight:normal;
}
#sitemap .level3{
    font-size: 0.8em;
    font-weight:normal;
}

.leftpan{
	width: 280px;
	float: left;
	margin-right: 40px;
}
.rightpan{
	width: 320px;
	float: left;
}
.teaser {
	width: 300px;
	height: 93px;
    background: #FFF url('../_gfx/menu_shadow.gif') bottom right repeat-x;
    margin-top: 10px;
border: 1px solid #ccc;
}
.teaser img {
	float: left;
	margin-right: 10px;
}
.teaser a img {
	border: none;
}
.teaser h4{
	margin: 0;
	padding: 10px 0 0 0;
}
.teaser h4 a {
	text-decoration: none;
	font-size: 0.6em;
	color: #66bb22;
	line-height: 100%;
}
.teaser p {
	color: #006630;
	font-size: 0.8em;
	margin: 0; padding: 0;
}

/* @group Pricelist */

.pricelist {
	width: 100%;
	border: 1px solid #66bb22;
	padding: 2px;
}
.pricelist thead th{
	border-bottom: 2px solid #FFF;
	background-color: #006630;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
	padding: 2px;
}
.pricelist td tbody {
	border: 1px solid #66bb22;
}
.pricelist .catdes td{
	background-color: #66bb22;
	color: #FFF;
	padding: 0px;
}
.pricelist td{
	padding: 3px;
}

/* @end */
.extras {
	width: 100%;
}
.extras td {
	border-bottom: 1px solid #66bb22;
	padding: 2px;
}
.extras th {
	width: 25%;
	color: #006630;
	border-bottom: 1px solid #66bb22;
}
.extras .price {
	text-align: right;
	font-size: 1.1em;
	color: #006630;
}
#footer a{
	color: #666;
	text-decoration: none;
}
#footer a:hover{
	color: #666;
	text-decoration: underline;
}
.box {
	width: 220px;
	height: 280px;
	float: left;
	margin: 0 15px 0 0;
	background-color: #66bb22;
	color: #FFF;
}
.box h2 {
	color: #FFF;
	margin: 0 0 5px 0 ;
}
.box a{
	color: #FFF;
	text-decoration: none;
}
.box a:hover{
	text-decoration: underline;
}
.desc {
	padding: 0px;
}
.desc ul{
	list-style-type: disc;
	margin: 10px 0 0 15px;
	padding: 0 0 0 15px ;
font-size: 100%;
    line-height: 150%;
}

.desc h2 {
background-color: #006630;
margin:0;
padding: 5px 15px;
font-weight:normal;
}

.desc p{
font-size: 110%;
    line-height: 140%;
}
.special {
	width: 200px;
	background-color: #951853;
}
.special p{
	font-size: 0.8em;
    margin: 10px 15px 1.0em 15px;
}
.special a{
	font-size: 1.2em;
	margin-top: 5px;
}

p.greenfee {
border: 2px dotted #fff;
background-color: #66bb22;
padding: 0.8em;
color: #fff;
}

.wideimg {margin: 1em 0 2em 0;}

.preisliste {
width: 95%;
cellspacing: 0;
}
.preisliste tr td {
vertical-align: top;
border-bottom: 1px solid #ccc;
}

.sale {border:1px solid red;}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 660px; 
    height:400px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}