/*
Theme Name: Vitalis
Theme URI: http://www.vitalis-greetsiel.de
Description: Vitalis-Theme erstellt von Vladimir Simovic
Version: 1.0
Author: Vladimir Simovic
Author URI: http://www.perun.net
*/

body { margin:0; color:#666; font:11px/14px Arial, Helvetica, sans-serif; background:#fff; }
img { border-style: none; }
a { color:#369; }
a:hover { text-decoration:none; }
input, textarea, select { font:100% Arial, Helvetica, sans-serif; vertical-align:middle; }
form, fieldset { margin:0; padding:0; border-style:none; }

/* wrapper */
#wrapper { width:953px; margin:0 auto; padding:132px 18px 0 23px; position:relative; background:url(img/bg-wrapper.gif) repeat-y; }

/* header */
#header { position:absolute; top:0; width:976px; left:0; padding:22px 18px 0 0; height:110px; }

/* search-form */
.search-form { float:right; }
.search-form legend { font-size:0; line-height:0; position:absolute; text-indent:-9999px; }
.search-form fieldset { float:left; }
.search-form div { width:228px; height:17px; float:left; padding:3px 6px 0; background:url(img/bg-text-search.gif) no-repeat; }

/* text-input */
.search-form .text { margin:0; padding:0; float:left; width:228px; background:none; border:none; }

/* search-form submit */
.search-form .submit { width:25px; height:22px; float:left; background:url(img/btn-search.gif) no-repeat; cursor:pointer; border:none; padding:0; margin:1px 0 0; line-height:0; font-size:0; text-indent:-9999px; overflow:hidden; }

strong.suchwort { background: #ff9; }

/* logo */
.logo  { top:10px; left:25px; position:absolute; margin:0; z-index:50; width:92px; height:79px; background:url(img/logo.gif) no-repeat; text-indent:-9999px; overflow:hidden; }
.logo a { display:block; height:100%; }

/* nav */
#nav { position:absolute; bottom:14px; left:60px; text-transform:uppercase; font:14px/19px Tahoma,Geneva, sans-serif; margin:0; padding:0; list-style:none; }
* html #nav { bottom:15px; }
#nav li { float:left; display:inline; margin:0 31px 0 0; }
#nav li a { float:left; padding:0 6px 0 8px; text-decoration:none; }
#nav .current_page_item a, #nav li a:hover, #nav .current_page_parent a { background:#69c; color:#fff; }
#nav a:focus { background: #fff; color: #369; outline: 1px dotted #369; }

/* visual */
.visual { width:956px; margin:0 0 12px; position:relative; background:url(img/bg-visual-c.gif) repeat-y; }
.visual .holder { background:url(img/bg-visual-t.gif) no-repeat; }
.visual .frame { padding:0 0 8px 2px; height:1%; background:url(img/bg-visual-b.gif) no-repeat 0 100%; }

/* logo1 */
.logo1 { position:absolute; top:17px; right:19px; text-indent:-9999px; overflow:hidden; width:103px; height:123px; background:url(img/logo1.jpg) no-repeat; }
.visual img { vertical-align:top; }

/* twocolumns */
#twocolumns { overflow:hidden; height:1%; margin:0 0 -4px; }

/* content */
#content { width:769px; float:left; }

/* sidebar */
#sidebar { float:right; width:184px; }

/* Sidebar-Widget */
.blog-widget h2 { display: none; }
.blog-widget ul { list-style: none; margin-left: 0; padding-left: 0;font-weight:bold; }
.rss-date { display: block; }

/* actual-box */
.actual-box { margin:0 0 12px; line-height:16px; background:url(img/bg-actual-box-c.gif) repeat-y; }
* html .actual-box .frame { padding-bottom:36px; }
.actual-box .holder { background:url(img/bg-actual-box-b.jpg) no-repeat 0 100%; }
.actual-box .frame { padding:4px 0 34px; width:100%; background:url(img/bg-box-t.gif) no-repeat; }

/* sidebar h3 */
#sidebar h3 { color:#fff; margin:0 0 8px; font-size:13px; line-height:14px; text-align:center; }
.from-blog { display:block; font-weight:bold; }
.date { display:block; font-style:normal; }
.actual-box p { margin:0 0 3px; }
.text-frame { padding:0 3px 0 14px; }

/* text-link */
.ext-link { text-decoration:none; }
.ext-link span { text-decoration:underline; margin:0 2px 0 0; }
.ext-link:hover { background:transparent; }
.ext-link:hover span { text-decoration:none; }
.ext-link img { display:inline !important; margin:0 !important; }

/* newsletter-box */
.newsletter-box { background:url(img/bg-newsletter-box-c.gif) repeat-y; }
.newsletter-box .holder { background:url(img/bg-newsletter-box-b.jpg) no-repeat 0 100%; }
.newsletter-box .frame { padding:4px 0 25px; background:url(img/bg-box-t.gif) no-repeat; }

/* form-holder */
.form-holder { line-height:13px; padding:5px 14px 0 15px; }
.form-holder img { vertical-align:top; margin:0 0 0 42px; }
.form-holder p { margin:0 0 11px; }

/* newsletter-form */
.newsletter-form { width:162px; margin:0 -15px 0 -6px; }
.newsletter-form legend { font-size:0; line-height:0; position:absolute; text-indent:-9999px; }

/* input-holder */
.input-holder { width:150px; height:19px; padding:5px 6px 0; overflow:hidden; background:url(img/bg-text.gif) no-repeat; }
.newsletter-form .text { margin:0; padding:0; float:left; line-height:16px; border:none; width:150px; background:none; }

/* row */
.newsletter-form .row { overflow:hidden; height:1%; margin:0 0 5px; }
.newsletter-form label { padding:0 0 5px 2px; height:1%; display:block; }
.newsletter-form label em { font-weight:normal; margin:0 0 0 7px; }
.newsletter-form .mark { font-weight:bold; }

/* radioarea */
.radioarea { overflow:hidden; height:1%; padding:9px 0 6px; }
.radioarea div { float:left; padding:0 25px 0 0; }

/* radio */
.newsletter-form .radio { margin:0 4px 0 0; padding:0; display:inline; float:left; width:16px; height:15px; }
.radioarea label { float:left; line-height:15px; padding:0 0 0 4px; }

/* newsletter-form submit */
.newsletter-form .submit { width:77px; font-weight:bold; color:#fff; height:19px; border:none; padding:0; font-size:11px; line-height:19px; overflow:hidden; cursor:pointer; background:url(img/btn-submit.gif) no-repeat; }

/* btn-holder */
.btn-holder { padding:3px 0 7px; }
.newsletter-form a { margin:0 0 0 4px; }

/* section */
.section { overflow:hidden; width:770px; margin:0 0 6px -5px; }

/* block */
.block { width:380px; float:left; display:inline; position:relative; margin:0 0 0 5px; background:url(img/bg-block-c.gif) repeat-y; }
.block .holder { background:url(img/bg-block-t.gif) no-repeat; }
.block .frame { padding:9px 14px 0 7px; overflow:hidden; height:1%; background:url(img/bg-block-b.gif) no-repeat 0 100%; }

/* box1 */
.box1 { padding: 0 0 34px 139px; background:url(img/bg-box1.jpg) no-repeat 0 7px; }

/* content h2 */
#content h2 { color:#369; margin:0 0 7px -2px; font:bold 14px/16px Tahoma, Geneva,sans-serif; }
.block p { margin:0 0 14px; }

/* link */
.link { padding:0 9px 0 0; background: url(img/bullet-link.gif) no-repeat 100% 65%; }

/* images-list */
.images-list { margin:0 -7px 0 0; display:inline; padding:5px 0 0 12px; float:right; width:180px; list-style:none; }
.images-list li { float:left; padding:0 3px 4px 0; }
.images-list img { vertical-align:top; }

/* box2 */
.box2 { padding:0 0 34px }

/* item */
.item { position:absolute; top:0; right:7px; width:69px; height:69px; text-indent:-9999px; overflow:hidden; background:url(img/bg-new-item.png) no-repeat; }

/* columns-holder */
.columns-holder { overflow:hidden; width:769px; margin:0 0 4px -5px; }
#content .col h2 { margin-left:0; }

/* col */
.col { width:187px; float:left; position:relative; display:inline; margin:0 0 0 5px; background:url(img/bg-col-c.gif) repeat-y; }
.col .holder { background:url(img/bg-col-t.gif) no-repeat; }
.col .frame { padding:6px 10px 50px 7px; min-height:194px; background:url(img/bg-col-b.gif) no-repeat 0 100%; }
* html .col .frame { height:194px; }
.col img { vertical-align:top; margin:0 0 9px; }
.col .item { right:6px; }
* html .col .item { right:5px; }
.col p { margin:0; }
.col .link { position:absolute; bottom:29px; }

/* ico-list */
.ico-list { margin:0 0 0 -17px; padding:0; width:370px; list-style:none; overflow:hidden; }
.ico-list li { float:left; width:75px; padding:2px 0 0; display:inline; margin:0 0 0 17px; }
.ico-list img { display:block; margin:0 auto 4px; }

/* box3 */
.box3 { margin:-2px 0 0 4px; padding:0 0 13px; }

/* image-holder */
.image-holder { float:left; margin:0 14px 0 -3px; }
* html .image-holder { margin:0 11px 0 -3px; }
.image-holder img { vertical-align:top; }

/* box4 */
.box4 { margin:-5px 0 0 5px; padding:0 0 28px; }

/* text-holder */
.text-holder { margin:-2px 0 0 -1px; }

/* footer */
#footer { width:930px; color:#fff; margin:0 0 0 2px; padding:25px 0 11px 18px; background:#69f url(img/bg-footer.jpg) no-repeat; }
#footer a { color:#fff; }

/* footer h4 */
#footer h4 { font-size:12px; color:#fff; text-transform:uppercase; margin:0 0 12px; line-height:13px; }

/* footer-section */
.footer-section { overflow:hidden; height:1%; margin:0 0 34px; }

/* column */
.column { float:left; }

/* hotel-column */
.hotel { width:135px; }

/* wellness-column */
.wellness { width:170px; }

/* restaurant-column */
.restaurant { width:149px; }

/* contact-column */
.contact { width:156px; }

/* col1 */
.col1 { width:160px; }
.column ul { margin:0; padding:0; list-style:none; }
.column ul li { margin:0 0 7px; }

/* nav,add-nav */
.add-nav,
.nav { margin:0 0 14px -13px; padding:0; list-style:none; overflow:hidden; height:1%; }

/* add-nav */
.add-nav { margin:0 0 0 -7px; }
.nav li { float:left; display:inline; margin:0 1px 0 -1px; padding:0 14px 0 15px; background:url(img/separator-footer.gif) no-repeat 0 50%; }
.add-nav li { padding:0 10px 0 9px; float:left; background:url(img/separator-footer.gif) no-repeat 100% 50%; }
.add-nav a,
.nav a { text-decoration:none; }
.add-nav a:hover,
.nav a:hover { text-decoration:underline; }
.add-nav span { float:left; padding:0 6px 0 9px; background:url(img/separator-footer.gif) no-repeat 0 50%; }

/* Zusatz */
.skiplinks { font-size: 11px; position: absolute; top: 1px; right: 20px; z-index: 1; }
.skiplinks a { color: #336699; font-weight: normal; text-decoration: none; }
.skiplinks a:hover, .skiplinks a:focus, .skiplinks a:active { text-decoration: underline; }

/* *** Hinzugekommen *** */
.clearer { clear: both; }
.alignleft { float: left; margin: 0 15px 3px 0; }
#sidebar-links { float: left; font-size: 12px; width: 180px; }
#sidebar-links h3 { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; color: #333; font-size: 12px; margin: 0; padding: 3px 25px; }
#sidebar-links h3 a { color: #333; text-decoration: none; }
#sidebar-links h3 a:hover { color: #333; }
#sidebar-links ul { list-style: none; margin: 0; padding: 0; }
#sidebar-links ul a { border-bottom: 1px solid #e6e6e6; color: #369; display: block; font-weight: bold; padding: 3px 25px; text-decoration: none; }
#sidebar-links li ul a { font-weight: normal; padding-left: 40px; }
#sidebar-links ul a:hover, #sidebar-links .current_page_item a { background: url(img/sidebar-icon.gif) no-repeat 12px center; color: #333; }
#sidebar-links .current_page_item ul a { background: none; color: #333; }

#sidebar a { text-decoration: none; }

#brotkruemel { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 15px; padding: 3px; }
#inhalt { float: right; margin-right: 25px; width: 530px; }

/* Tabs */
/*.js .tabs{ width: 500px; } */
.js .tabs .content{ /*clear:both;*/ /*margin: 3em 1em 1em 1em;*/ }
.js .tabs .current-info, .js .tabs .accessibletabsanchor { left:-999em; position: absolute; }
.tabs { /*float:left; width:100%;*/ }
.tabs ul { list-style: none; margin: 0; padding: 0; overflow: hidden; border-bottom: 1px solid #999; }
.tabs ul .current { background: #fff; }
.tabs ul a { background: #369; border: 1px solid #999; border-bottom: none; color:#fff; display:block; float:left; font-weight:bold; padding: 5px 15px; text-decoration:none; }
.tabs ul .current a { background: #fff; color: #369; }
.tabs ul li { background:; float:left; margin: 0 15px 0 0; padding: 0; }
.tabbody { border: 1px solid #999; border-top: none; padding: 1px 15px; margin-top: -7px; }

.pic img { width: 530px; }

/* Bilder-Karussel */
.ngg-galleryoverview { text-align: center; }
.ngg-gallery-list { list-style: none; margin-left: 0; padding-left: 0; }
.ngg-gallery-list li { display: inline; }
.ngg-gallery-list a { text-decoration: none; }

/* Sidebar -> Widgets */
.blog-widget { margin-right: 5px; }
.blog-widget li { margin-bottom: 12px; }

.ngg-imagebrowser-nav { text-align: center; margin: 0 150px;}
.ngg-imagebrowser-nav .back { float: left; }
.ngg-imagebrowser-nav .next { float: right; }