/*
Theme Name: Paradise Beach
Theme URI: http://www.christiansattel.de/
Description: Paradise Beach Template
Version: 1.0
Author: Christian Sattel Mediendesign
Author URI: http://www.christiansattel.de/
Tags: 
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end css reset */




/* basic styles */
html {
	height: 100%;
}
body {
	height: 100%;
	font: 11px/17px 'trebuchet ms', arial, verdana, sans-serif;
	color: #2D5A5E;
	background-color: #EDFFFF;
}
a, a:active, a:visited {
	color: #3B7C90;
}
#wrapper {
	z-index: 100;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	min-height: 100%;
}
* html #wrapper {
	height: 100%;
}
#header {
	width: 960px;
	height: 225px;
	background: #fff url( images/mainheader.jpg ) top left no-repeat;
}
#logo a img {
	margin: 12px 0 0 44px;
}
.description {
	display: none;
}
#navigation, #content, #sidebar {
	margin-top: -40px;
}	
#breadcrumbs {
	margin-top: -66px;
	margin-left: 10px;
	font-size: 10px;
	color: #83856F;
}
#breadcrumbs a {
	color: #83856F;
}
.container_16 {
	padding-bottom: 100px;
	background: transparent url( images/contentbg.gif ) bottom left no-repeat;
}
#content {
	padding-left: 10px;
	font: 12px/17px 'trebuchet ms', verdana, arial, sans-serif;
}
#content .post {
	border-bottom: 1px solid #C3E2EB;
}
#content p {
	margin: 7px 0;
}
#content .postmetadata, .article_navigation {
	font-size: 10px;
	color: #83856F;
}
#content .postmetadata a, #content .readmore a {
	padding-left: 12px;
	background: transparent url( images/navicon.gif ) left 4px no-repeat;
}
#content .readmore a {
	background-position: left 5px;
}
#content small {
	font-size: 10px;
	font-style: italic;
	color: #83856F;
}
#content h1 {
	margin: 10px 0 5px 0;
	font-size: 20px;
	color: #597E99;
	text-decoration: none;
}
#content h2, #content h2 a {
	margin: 10px 0 5px 0;
	font-size: 16px;
	color: #597E99;
	text-decoration: none;
}
#content h3 {
	margin: 10px 0 5px 0;
	font-size: 14px;
	color: #597E99;
}
#content ul {
	margin: 10px 0;
}
#content li {
	padding-left: 60px;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	color: #597898;
	background: transparent url( images/listicon.gif ) 34px 3px no-repeat;
}
.article_navigation {
	margin-top: 10px;
}

.subboxes_md {
	height: 200px;
}
.subboxes_sm {
	height: 100px;
}

#ansch_oeffn_such {
	padding-left: 10px;
}
#anschrift h4, #oeffnungszeiten h4 {
	font-weight: bold;
	color: #fff;
}
#anschrift {
	color: #005C9B;
	line-height: 15px;
}
#anschrift h4 {
	margin-left: -10px;
	padding-left: 10px;
	letter-spacing: -0.05em;
	background: #47C8FF url( images/anschriftbg.gif ) top left no-repeat;
}
#anschrift strong {
	display: block;
	color: #005689;
	background-color: #ADF6FF;
}
#anschrift a {
	display: block;
	padding-left: 12px;
	font-size: 10px;
	color: #3B7C90;
	background: transparent url( images/navicon.gif ) left 5px no-repeat;
}
#oeffnungszeiten {
	color: #1368130
	line-height: 15px;
}
#oeffnungszeiten h4 {
	margin-left: -10px;
	padding-left: 10px;
	width: 170px;
	height: 15px;
	background: #7ED37E url( images/oeffnungszeitenbg.gif ) top left no-repeat;
}
#oeffnungszeiten td {
	padding: 1px 0 1px 0;
	font-size: 11px;
	border: none;
	width: auto;
	height: auto;
}
#oeffnungszeiten tr.tdhilite td {
	background-color: #ADF6FF;
}
#oeffnungszeiten td.tdspace {
	padding-right: 2px;
}
#search_form {
	margin-top: 80px;
}
#subnavi_bottom, #subnavi_bottom ul {
	display: inline;
}
#footerline {
	margin-top: 47px;
	margin-bottom: -47px;
	text-align: right;
}
#footerline, #footerline li, #footerline li a {
	font-size: 10px;
	color: #617687;
}
#footer {
	z-index: 0;
	position: relative;
	margin-top: -850px;
	margin-left: auto;
	margin-right: auto;
	height: 850px;
	background: #EDFFFF url( images/footerbg.jpg ) bottom center no-repeat;
}
#footer, #subnavi_top, #subnavi_bottom {
	text-align: right;
}
#subnavi_top li, #subnavi_top li a,
#subnavi_bottom li, #subnavi_bottom li a {
	display: inline;
}
#subnavi_top li, #subnavi_top li a {
	font-size: 10px;
	color: #617687;
}
#s {
	margin-right: -6px;
	padding: 0 2px;
	background-color: #E0FEBE;
	border-top: 1px solid #99C273;
	border-right: 1px solid #FBFFFD;
	border-bottom: 1px solid #FBFFFD;
	border-left: 1px solid #99C273;
}
#searchsubmit {
	width: 50px;
}
#srchpad {
	margin-top: 20px;
	padding: 10px;
	color: #444;
	background-color: #E0FCFF;
	border: 2px solid #D0FFD0;
}
#srchpad h2 {
	margin-bottom: 10px;
	font-size: 14px;
	color: #F76E1D;
}
#sls_akt {
	margin-left: -10px;
}
img.alignleft {
	float: left;
	padding: 0 20px 10px 0;
}
img.alignright {
	float: right;
	padding: 0 10px 5px 10px;
}

/* section header */
#content .sectionheader {
	margin: -12px 0 15px -20px;
	padding: 150px 0 0 20px;
	width: 530px;
	font-size: 20px;
	color: #597E99;
}
#header_fitness {
	background: transparent url( images/header_fitness.jpg ) top left no-repeat;
}
#header_wellness {
	background: transparent url( images/header_wellness.jpg ) top left no-repeat;
}
#header_beauty {
	background: transparent url( images/header_beauty.jpg ) top left no-repeat;
}
#header_gesundheit {
	background: transparent url( images/header_gesundheit.jpg ) top left no-repeat;
}


/* sidebar */
#sidebar {
	margin-left: 0;
}
#sidebar h4 {
	color: #597E99;
}
#frontpage #sidebar {
	margin-left: -10px;
}
#medyvac {
	margin-top: -20px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
}
#medyvac h4 {
	background: transparent url( images/medyvacbg.jpg ) top left no-repeat;
}
#medyvac p {
	margin-top: 10px;
	line-height: 15px;
}
#newsletter {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#newsletter td {
	padding: 0;
	border: none;
	width: auto;
	height: auto;
}
#newsletter div.box{
	/*font: 12px/15px 'trebuchet ms', sans-serif;*/
	/*border: none;*/
	/*background-color: none;*/
	margin-top: 10px;
	width: 220px;
}
#newsletter div.box table tr td input.text{
	margin-bottom: 4px;
	border: 1px solid #9bb87b;
	background: #e0febe;
	padding: 2px 3px 2px 3px;
	font-size: 12px;
	width: 130px;
}
#newsletter div.box table tr td input.text:focus{
	border: 1px solid #9ebe7d;
	background: #ebfed3;
}
#newsletter div.box table tr td input.submit{
	border: 1px solid #9ebe7d;
	background-color: #c2f58f;
	/*margin-top: 12px;*/
	font-size: 12px;
	font-weight: bold;
	color: #0064A9;
	width: 136px;
}
#newsletter div.box table tr td input.submit:hover{
	cursor: pointer;
	background-color: #ebfed3;
}
#newsletter td.title {
	padding-right: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #0064A9;
}
#newsletter small {
	font-size: 10px;
	line-height: 12px;
	color: #8F8F8F;
}
/*
#newsletter_ifr {
	border: none;
}
*/

/* galery */
.ngg-galleryoverview {
	margin-top: 20px;
	padding-left: 16px;
	width: 100%;
	clear:both; 
	display:block !important;
}
.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}
/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 
.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}
.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}
.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}
.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}



.ngg-gallery-thumbnail-box {
	float: left;
}
.ngg-gallery-thumbnail, .ngg-widget {
	margin: 0 40px 15px 0;
	position: relative;
	width: 160px;
	height: 129px;
}
.ngg-widget {
	margin-top: 15px;
	margin-left: 7px;
}
.ngg-gallery-thumbnail span {
	position: absolute;
	display: block;
	top: 110px;
	left: 0;
	color: #1B91CB;
}
.ngg-gallery-thumbnail a span, .ngg-widget span, 
a.thickbox span {
	position: absolute;
	top: -13px;
	left: -13px;
	display: block;
	width: 160px;
	height: 129px;
	cursor: pointer;
	background: url( images/thumbbg.png ) 0 0 no-repeat;
}
.single-pic {
	margin: 5px 0 0 15px;
}
.ngg-gallery-thumbnail a:hover span, .ngg-widget a:hover span {
	background-image: url( images/thumbbghover.png );
}
.ngg-clear {
	clear: both;
}


.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top: 0;
	padding-bottom: 10px;
	text-align:center;
	
}
.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}
.ngg-navigation a.page-numbers, a.next, a.prev, 
span.page-numbers, span.next, span.prev {
	border:1px solid #ddd;
	margin-right:3px;
	padding:3px 7px;
}
.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, 
span.page-numbers:hover, span.next:hover, span.prev:hover {
	background-color: #BBDCE5;
	text-decoration: none !important;
}


/* main navigation */
#navigation {
	/*outline: 1px solid #f00;*/
}
#navigation li {
	margin-left: 10px;
	/*border-bottom: 1px solid #E3E7E6;*/
}
#navigation li a {
	width: 140px;
	padding: 1px 0 1px 20px;
	border-bottom: 1px solid #E3E7E6;
	background-image: url( images/navicon.gif );
	background-position: 7px 6px;
	background-repeat: no-repeat;
}
#navigation li.page-item-94 a { /* sitemap - last nav-item */
	border-bottom: none;
}
.page_item a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: #678794;
}
.page_item a:hover {
	background-color: #D4EFF6;
}
.current_page_item a {
	background-color: #D4EFF6;
}
.current_page_item li a {
	background-color: transparent;
}
/* bolded first-level navi items: 4, 5, 7, 10, 13, 15, 17, 19, 21, 23, 37 */
.page-item-4 a, .page-item-5 a, 
.page-item-7 a, .page-item-10 a, 
.page-item-13 a, .page-item-15 a, 
.page-item-17 a, .page-item-19 a, 
.page-item-21 a, .page-item-23 a, 
.page-item-37 a {
	font-weight: bold;
}
/* normal second-level navi items */
.page_item ul {
	margin-left: 14px;
}
#navigation .page_item ul li a {
	width: 116px;
}
.page_item li a {
	font-weight: normal;
}
/* colored navi items: 5 = fitness, 7 = wellness, 10 = beauty, 13 = gesundheit */
.page-item-5 a {
	color: #3FA5BC;
}
.page-item-7 a {
	color: #C9590F;
}
.page-item-10 a {
	color: #9A663F;
}
.page-item-13 a {
	color: #70A84D;
}


/* main boxes */
#main_boxes {
	margin-left: -10px;
	margin-top: -20px;
	padding-left: 20px;
	width: 350px;
	height: 378px;
	background: url( images/mainboxesbg.jpg ) top left no-repeat;
}
#main_boxes h2, #main_boxes em {
	display: none;
}
.boxclick {
	cursor: pointer;
}
.boxclick a {
	text-decoration: none;
	color: #444;
}
#box_fitness, #box_wellness, 
#box_beauty, #box_gesundheit {
	padding-top: 40px;
	font: 12px/14px 'trebuchet ms', verdana, arial, sans-serif;
	color: #444;
}
*+html #box_fitness, *+html #box_wellness, 
*+html #box_beauty, *+html #box_gesundheit {
	padding-top: 47px;
}
#box_beauty, #box_gesundheit {
	padding-top: 45px;
}
*+html #box_beauty, *+html #box_gesundheit {
	padding-top: 52px;
}
#main_boxes .claim {
	margin-top: 23px;
}
.txtunderline, .txtunderline a {
	text-decoration: underline;
}


/* sub boxes */
#sub_boxes {
	margin-left: -20px;
	padding-left: 20px;
	height: 218px;
	font-size: 11px;
	background: #fff url( images/subboxesbg.png ) top left no-repeat;
}
#sub_boxes h3 {
	margin-top: 12px;
	font-size: 12px;
}
#box_kurse, #box_krankenkassen {
	margin-left: 3px;
}
#box_krankenkassen, #box_team, #box_anfahrt {
	margin-top: -10px;
}


/* slideshow */
#sls_akt {
	margin-left: -20px;
	padding-left: 11px;
	padding-top: 1px;
	width: 339px;
	background: url( images/slideshowbg.gif ) top left no-repeat;
}


/* accordion */
.basic div#lp2, .basic div#lp3, .basic div#lp4 {
	display: none;
}
.basic .newsboxcont {
	padding: 0 5px;
	font-size: 11px;
	color: #4A6F42;
	line-height: 13px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #F3E482;
	background: #FCF1B6 url( images/newsboxbg.gif ) top left no-repeat;
}
.basic .newsbox {
	padding: 0 5px 0 58px;
}
.basic a {
	cursor: pointer;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
.basic .newsbox a {
	padding: 0 0 0 13px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	background-image: url( images/navicon.gif );
	background-position: 0 3px;
	background-repeat: no-repeat;
}
.basic .acctitle {
	margin-left: -5px;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
}
.basic .acctitle img {
	padding-right: 5px;
}
.basic .newsbox {
	height: 53px;
}
*+html .basic .acctitle {
	padding: 1px 5px 1px 5px;
}


/* kursplaene */
table {
	margin-bottom: 15px;
	border-collapse: collapse;
}
th, td {
	padding: 2px 2px 2px 4px;
}
th {
	padding: 0;
	text-align: left;
	border: 1px solid #ccc;
	background: #D5F5B2;
}
th div {
	padding: 2px 2px 2px 4px;
	border: 1px solid #fff;
	background: #E5FEC9 url( images/thbg.gif ) top left repeat-x;
}
td {
	width: 88px;
	height: 50px;
	font-size: 10px;
	line-height: 14px;
	border: 1px solid #ccc;
}
td.smheight {
	height: 26px;
}
tr.hiliterow td {
	background: #FBFEF7;
}
table.praeventionskurse td {
	width: 130px;
}
tr td.tdhilite {
	background: #EFFAFE;
}
tr.thfooter td {
	height: 4px;
	background: #FFDA93;
}


/* kontaktformular */
#kontakt #content td {
	padding: 2px 4px 2px 0;
	width: auto;
	height: auto;
	font-size: 12px;
	border: none;
	border-bottom: 1px solid #ccc;
}
#kontakt #content ol li {
	background-image: none;
}