/* Reset */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, a, blockquote, pre, #contact-form, fieldset, table, th, td, textarea, input{ 
	margin: 0; padding: 0; 
}

ul.eingerueckt li { 
	margin: 0 0 0 16px; padding: 0; 
}
#information.middle li { 
	margin: 0; padding: 0; 
}
.middle li { 
	margin: 0 0 0 16px; padding: 0; 
}

/* get rid of those system borders being generated for A tags */

a img {
	border:none;
}

a:active {
  outline:none;
}

hr {
background-color: #CCCCCC; /* Farbe für Opera und Firefox */
color: #CCCCCC; /* Farbe für Internet Explorer (IE) */
border: 0;
/* border: 1px solid #CCCCCC; */
height: 1px;
margin: 14px 6px 14px 6px;
}

/* This makes that fuzzy line around a link when you click it go away. You can turn it off by adding Comments around it. */

:focus {
	outline:none;
	-moz-outline-style:none;
}


.preloading {
  width:0px;
  height:0px;
  display:none;
}


.noborder {
	border:none;
	margin: 0px;
	padding:0px;
}
.noborder:hover {
	border:none;
	margin: 0px;
	padding:0px;
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:420px;
	height:420px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:32px;
	width:32px;
}


div.overlayorder {
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:720px;
	height:600px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlayorder div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:32px;
	width:32px;
}


/* Global */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
/*	background:#B4B4B4; */
	background:#4d4d4d;
}
.container{
	width:1000px;
	margin:auto;
	position:relative;
}


.zitat {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
/*	background:#4d4d4d; */
}

.zitatgross {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
/*	background:#4d4d4d; */
}


.blockquote {
	font-size:35px;
	font-family:Garamond,arial,helvetica,Verdana;
	font-weight:bold;
	align:left;
	padding: 0 2px 0 0;
	line-height:2px;
}


.abstand8px {
	height: 8px;
}
.abstand12px {
	height: 12px;
}


.pressimage {
	float:left;
/*	padding:0 0 20px 0; */
	border:1px solid #cccccc;
	margin: 0 20px 20px 0;
}



/* Image Border */

.home-portfolio-item, .portfolio-image, .image-wrap {
	padding:9px 9px 0px 9px;
	background:#F7F7F7;
/*	background:#e6e6e6; */
	border:1px solid #cccccc;
}
.home-portfolio-item-news {
	padding:0px 9px 0px 9px;
}


/* Header */

#header-home{
	background:url(../images/bg_home.png) repeat-x;
	height:300px;
	position:relative;
/*	text-align: center; */
}

#header-pp{
	background:url(../images/bg_other.png) repeat-x;
	height:200px;
	position:relative;
}

#header-pp-haendler {
	background:url(../images/bg_other-haendler.png) repeat-x;
	height:200px;
	position:relative;
}

#logo{
	background:url(../images/logo.png) no-repeat;
	display:block;
	position:absolute;
	left:-50px;
	width:305px;
	height:50px;
}

/* Header Menu */

#menu {
	height:50px;
	color:#fff;
	float:right;
/*	padding-right: 20px; */
}

#menu li{
	display:inline;
}

#menu li a {
	float:left;
	line-height:50px;
	padding:0px 20px 0px 20px;
	text-decoration:none;
	color:#fff;
	font-style:normal;
}

#menu li a.active {
	background:url(../images/menu_active.png) repeat-x;
	font-weight:bold;
}

#menu li a.order {
	background:url(../images/menu_order.png) no-repeat;
	font-weight:bold;
	color:#fff;
}

#menu li a.order:hover {
	background:url(../images/menu_orderhover.png) no-repeat;
	font-weight:bold;
	color:#000;
}

#menu li a.orderactive {
	background:url(../images/menu_orderactive.png) no-repeat;
	font-weight:bold;
}

#menu li a.orderactive:hover {
	background:url(../images/menu_orderhover.png) no-repeat;
}

#menu li a:hover {
	background:url(../images/menu_hover.png) repeat-x;
	color:#000;
}

#menu li a.flag {
	float:left;
	padding:0px 0px 0px 10px;
	text-decoration:none;
}
#menu li a.flag:hover {
	background: none;
}

.header-display {
	position:absolute;
	top:50px;
	width:1000px;
}
.header-display-index {
	position:absolute;
	top:50px;
	width:1000px;
}
#home-display {
/*	background:url(../images/poolmate-header-echterkumpel.jpg) no-repeat; */
	height:250px;
}

#display-more {
	position:absolute;
	bottom:28px;
	right:380px;
}

#display-more:hover {
	background:none;
}

/* Body */

#body-wrap {
	background:url(../images/bg_body_bottom.png) repeat-x bottom #FFF;
/*	text-align: center; */
}

#body{
	padding:50px 0px 30px 0px;
	background:url(../images/bg_body_start.png) repeat-x;
	overflow:hidden;
	color:#666
}

#body p, #footer p {
	line-height:18px;
}

.title {
	font-size:26px;
}

#body h1 {
	color:#1794cf;
	font-size:19px;
	text-align: left;
}
#body h2 {
	color:#1794cf;
	font-size:19px;
	text-align: left;
}

h1, h2, h3, p{
	margin-bottom:10px;
}


a {
	color:#1794cf;
	text-decoration:underline;
	font-style:italic;
}
a:visited {
	color:#1794cf;
	text-decoration:underline;
	font-style:italic;
}
a:hover {
	background:#1794cf;
	color:#fff;
	text-decoration:none;
}

a.mini {
	color:#1794cf;
	text-decoration:underline;
	font-style:italic;
	font-size: 11px;
}
a.mini:visited {
	color:#1794cf;
	text-decoration:underline;
	font-style:italic;
	font-size: 11px;
}
a.mini:hover {
	background:#1794cf;
	color:#fff;
	text-decoration:none;
	font-size: 11px;
}


a.footerlinks {
	color:#4d4d4d;
	text-decoration:none;
	font-size: 11px;
}
a.footerlinks:visited {
	color:#4d4d4d;
}
a.footerlinks:hover {
	color:#4d4d4d;
	background:none;
}


#information li a.logout {
	color:#b00000;
	text-decoration:underline;
	font-style:italic;
}
#information li a.logout:visited {
	color:#b00000;
	text-decoration:underline;
	font-style:italic;
}
#information li a.logout:hover {
	background:#b00000;
	color:#fff;
	text-decoration:none;
}


#logoutbox a.logout {
	color:#b00000;
	text-decoration:underline;
	font-style:italic;
}
#logoutbox a.logout:visited {
	color:#b00000;
	text-decoration:underline;
	font-style:italic;
}
#logoutbox a.logout:hover {
	background:#b00000;
	color:#fff;
	text-decoration:none;
}

a.button {
	background: #F8F8F8 url('../images/button_right.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 30px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.button:hover {
	background: #F8F8F8 url('../images/button_right.png') no-repeat scroll bottom right;
}
a.button span {
	background: #F8F8F8 url('../images/button_left.png') no-repeat;
	display: inline-block;
	padding: 7px 0 7px 18px;
}
a.button span:hover {
	background: #F8F8F8 url('../images/button_left.png') no-repeat;
	background-position: 0px -30px;
}




input.cart {
	width:28px;
	position: relative;
	top: -6px;
	margin:13px 8px 0 0;
	padding:0 0 0 4px;
	border: 1px solid #B4B4B4;
}

input.newsletter {
	width:230px;
/*	position: relative; */
/*	left: -6px; */
/*	margin:13px 8px 0 0; */
	padding:4px 4px 4px 4px;
	border: 1px solid #B4B4B4;
	font-size:11px;
}

.page-section-320 {
	float:left;
	width:320px;
	margin-left:20px;
	font-size: 12px;
}

#home-about p, #home-portfolio p, #home-contact p, #footer-legal p {
	font-style:normal;
	font-size: 12px;
	text-align: left;
}


/*
#home-about a, #home-portfolio a, #home-contact a {
	font-style:italic;
}
*/


#home-about {
	margin-left:0px;
}

/* Home Page */

.home-portfolio-item {
	margin-bottom:20px;
}


/* Home - Contact Form */

#contact-form {
	position:relative;
	margin-bottom:20px;
}

.contact-input, #contact-message {
	font-family:Arial, Helvetica, sans-serif;
	width:298px;
	color:#666;
	font-size:12px;
	padding-top:12px;
	padding-left:20px;
	border:1px solid #ccc;
	background:#f2f2f2 url(../images/bg_input.png) repeat-x;
}

#contact-message {
	height:86px;
	overflow:hidden;
}
#contact-messagerechts {
	font-family:Arial, Helvetica, sans-serif;
	width:298px;
	color:#666;
	font-size:12px;
	padding-top:12px;
	padding-left:20px;
	border:1px solid #ccc;
	background:#f2f2f2 url(../images/bg_input.png) repeat-x;
	height:86px;
	overflow:hidden;
}

.contact-input {
	height:26px;
	margin-bottom:20px;
}

#contact-submit {
	position:absolute;
	right:20px;
	bottom:20px;
	height:20px;
	width:31px;
	background:url(../images/submit.png) no-repeat;
	border:none;
	margin:0px;
	cursor: pointer;
}

#contact-submitrechts {
	position:absolute;
	right:20px;
	bottom:20px;
	height:20px;
	width:31px;
	background:url(../images/submit.png) no-repeat;
	border:none;
	margin:0px;
	cursor: pointer;
}

#newsletter-submit {
	position:relative;
	left:-4px;
/*	bottom:20px; */
	height:30px;
	width:133px;
	background:url(../images/button-newsletter-absenden.gif) no-repeat;
	border:none;
	margin:0px;
	cursor: pointer;
}

#newsletter-submit:hover {
	position:relative;
	left:-4px;
/*	bottom:20px; */
	height:30px;
	width:133px;
	background:url(../images/button-newsletter-absenden-hover.gif) no-repeat;
	border:none;
	margin:0px;
	cursor: pointer;
}

#login-submit {
	position:absolute;
	right:10px;
	bottom:30px;
	height:20px;
	width:31px;
	background:url(../images/submit.png) no-repeat;
	border:none;
	margin:0px;
	cursor: pointer;
}

	
/* Pool-Mate Page */

#poolmate-page-display {
	height:150px;
	background:url(../images/header-poolmate.jpg) no-repeat;
}

.poolmate-item {
	overflow:hidden;
	margin-bottom:20px;
}

.poolmate-image {
	float:left;
}

.poolmate_description {
	width:320px;
	float:right;
}


/* Presse Page */

#presse-page-display {
	background:url(../images/header-presse.jpg) no-repeat;
	height:150px;
}


/* SwimCoach Page */

#swimcoach-page-display {
	background:url(../images/header-swimcoach.jpg) no-repeat;
	height:150px;
}

#swimcoach-page-content {
	width:660px;
	float:left;
	text-align: left;
}

#swimcoach-page-sidebar {
	width:320px;
	float:right;
	text-align: left;
}

/* Haendler Page */

#haendler-page-display {
	background:url(../images/header-haendler.jpg) no-repeat;
	height:150px;
}


/* 404 Page */

#fehler404-page-display {
	background:url(../images/header-fehler404.jpg) no-repeat;
	height:150px;
}


/* About Page */

#about-page-display {
	background:url(../images/header-about.jpg) no-repeat;
	height:150px;
}

.image-wrap {
	margin-bottom:20px;
}

/* Contact Page */

#contact-page-display {
	background:url(../images/header-contact.jpg) no-repeat;
	height:150px;
}

#contact-page-content {
	width:660px;
	float:left;
	text-align: left;
}

#contact-page-sidebar {
	width:320px;
	float:right;
	text-align: left;
}

/* Thankyou Page */

#thankyou-page-display {
	background:url(../images/header-thankyou.jpg) no-repeat;
	height:150px;
}

#thankyou-page-content {
	width:660px;
	float:left;
	text-align: left;
}

#thankyou-page-sidebar {
	width:320px;
	float:right;
	text-align: left;
}


/* Newsletter Page */

#newsletter-page-display {
	background:url(../images/header-newsletter.jpg) no-repeat;
	height:150px;
}


/* FAQ Page */

#faq-page-display {
	background:url(../images/header-faq.jpg) no-repeat;
	height:150px;
}

#faq-page-content {
	width:660px;
	float:left;
	text-align: left;
}

#faq-page-sidebar {
	width:320px;
	float:right;
	text-align: left;
}

.faq-headline {
	color:#666;
	font-size:14px;
	font-weight:bold;
	padding-left:8px;
}

.faq {
	padding-left:8px;
}


/* Shop Page */

#shop-page-display {
	background:url(../images/header-shop.jpg) no-repeat;
	height:150px;
}

#shop-page-display-haendler {
	background:url(../images/header-shop-haendler.jpg) no-repeat;
	height:150px;
}

#page-display-haendler {
	background:url(../images/header-shop-haendler-leer.jpg) no-repeat;
	height:150px;
}

#shop-page-display-haendler-index {
	background:url(../images/header-shop-haendler-leer.jpg) no-repeat;
	height:150px;
}

#shop-page-content {
	width:660px;
	float:left;
	text-align: left;
}

#shop-page-sidebar {
	width:320px;
	float:right;
	text-align: left;
}



/* Footer */

#footer {
	background:#4d4d4d url(../images/bg_footer.png) repeat-x;
/*	background:url(../images/demo-bg_footer.png) repeat-x; */
	padding:50px 0px 0px 0px;
	color:#cccccc;
}

#footer h1 {
	color:#ffffff;
}
#footer h3 {
	color:#ffffff;
}

/* Testimonials */

#testimonial-uber-wrapper {background:url(../images/bg_testimonial.png) repeat-y;}
#testimonial-wrapper {background:url(../images/bg_testimonial_top.png) no-repeat top;}

#testimonial {
	background:url(../images/bg_testimonial_bottom.png) no-repeat bottom;
	padding:20px 20px 60px 20px;
	position:relative;
}

#testimonial h2{
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	font-weight:100;
}

#testimonial p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#fff;
	position:absolute;
	bottom:-15px;
	left:80px;
}

#testimonial p a {
	text-decoration:none;
}

/* Blog */

.post-content {
	overflow:hidden;
	clear:both;
}

.fstitle {
	float:left;
	width:260px;
}

.post-date {
	background:url(../images/date.png) no-repeat;
	width:60px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#fff;
	float:right;
}

.post-thumb {
	padding:9px 9px 9px 9px;
	margin-bottom:20px;
	background:#333;
	border:1px solid #000;
	float:left;
}

.post-thumb img {
	width:80px;
	height:80px;
}

.post-text {
	float:right;
	width:200px;
}

#post-divider {
	background:url(../images/post_divider.png) no-repeat;
	width:320px;
	height:2px;
	margin-bottom:20px;
}