/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear {clear:both;}


/* ---------->>> BREADCRUMB <<<---------- */
#breadcrumb {
	margin: 0 4px;
	padding: 4px 0 0 22px;
	width: 958px;
	background-color: #e7ebee;
	height: 20px;
}locations
#breadcrumb p {
	font-size: 12px;
	float: left;
	color: #aaacad;
	margin: 0 10px 0 0;
}
#breadcrumb ol {
	display: block;
	margin: 0;
	padding: 0;
}
#breadcrumb ol li {
	display: block;
	font-size: 12px;
	color: #666666;
}
#breadcrumb ol li a {
	color: #666666;
}
#breadcrumb ol li a.active {
	font-weight: bold;
	color: #666666;
}

/* ---------->>> CONTENT <<<---------- */
#content {
	margin: 0;
	padding: 0 4px;
	width: 980px;
}
*:first-child+html #content {
	padding: 20px 4px 0 4px;
}
.main {
	width: 676px;
	margin: 0;
	padding: 0 10px 0 22px;
	float: left;
	border-right: #e1e1e1 1px solid;
}
#content .main p {
	margin: 0 0 10px 0;
	padding: 0;
}
#content .main h1 {
	color: #0F426C;
	margin: 0 0 10px 0;
	font-size: 16px;
}

/* ---------->>> FEATURES <<<---------- */
.features {
	border-top: #e1e1e1 1px solid;
	padding: 10px 0 0 0;
}

/* ---------->>> FEATURES / FEATUREBOX <<<---------- */
.featurebox {
	font-size: 0.95em;
	padding: 0;
	width: 211px;
	height:auto;
	float: left;
	margin: 0 20px 20px 0;
	background: url(/wellenreiten/img/featurebox.png) repeat-y -211px 0;
}
#content .main .featurebox p {
	padding: 0;
	margin: 0 0 0px 18px;
}
#content .main .featurebox h2 {
	padding: 8px 0 0 18px;
	margin: 0;
	font-size: 1.1em;
	width: 193px;
	height: 21px;
	background: url(/wellenreiten/img/featurebox.png) no-repeat 0 0;
}
#content .main .featurebox img {
	padding: 1px;
}
#content .main .featurebox a.footerlink {
	display: block;
	width: 181px;
	height: 23px;
	padding: 7px 0 0 30px;
	background: url(/wellenreiten/img/featurebox.png) no-repeat 0 -30px;
	color: #fff;
	font: bold 1.1em arial, sans-serif;
}
.last {
	margin: 0;
}

/* ---------->>> LOCATIONS <<<---------- */
#content .main .locations {
	position: relative;
	width: 675px;
	height: 230px;
	background: url(/wellenreiten/img/locations.png) no-repeat 0 0;
	/* background-color:#999; */
}
#content .main .locations h2 {
	color: #069;
	padding: 15px 0 0 18px;
	margin: 0;
	font-size: 1.1em;
}
#content .main .locations ul {
	position: absolute;
	right: 10px;
	top: 11px;
	display: block;
	width: 244px;
	margin: 0;
	padding: 0;
}
#content .main .locations ul li {
	display: block;
	float: left;
	width: 118px;
	height: 22px;
	background: url(/wellenreiten/img/locationlist.png) no-repeat 0 0;
	margin: 4px 4px 0 0;
	padding: 3px 0 0 0;
}
#content .main .locations ul li:hover {
	background-position: 0 -25px;
}
#content .main .locations ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #069;
	padding: 18px 0 0 10px;
}


/* ---------->>> SIDEBAR <<<---------- */
.sidebar {
	width: 259px;
	height:810px;
	float: left;
	padding: 0 0 0 10px;
}

/* ---------->>> SIDEBAR / SPOTLIGHTBOX <<<---------- */
.sidebar .spotlightbox {
	position: relative;
	width: 241px;
	height:131px;
	z-index:10;
	margin: 8px 0 8px 0;
	float: left;
	background: url(/wellenreiten/img/spotlightbox.png) repeat-y -243px 0;
}
#content .sidebar .spotlightbox p {
	font-size: 0.95em;
	padding: 0;
	margin: 0 0 5px 18px;
}
#content .sidebar .spotlightbox h2 {
	color: #069;
	padding: 6px 0 0 18px;
	margin: 0;
	font-size: 0.95em;
	width: 223px;
	height: 23px;
	background: url(/wellenreiten/img/spotlightbox.png) no-repeat 0 0;
}
#content .sidebar .spotlightbox img {
	padding: 1px;
}

#content .sidebar .spotlightbox .slideshow {
	height:131px;
}

#content .sidebar .spotlightbox .mask-bottom {
	width: 241px;
	height: 8px;
	position: absolute;
	z-index:99;
	bottom: 0;
	left: 0;
	background: transparent url(/wellenreiten/img/mask1.png) no-repeat 0 -8px;
}

/* ---------->>> SIDEBAR / NEWSBOX <<<---------- */
#content .sidebar .newsbox10 {
	border-top: #e1e1e1 1px solid;
	border-bottom: #e1e1e1 1px solid;
	width: 238px;
	margin: 0 0 5px 0;
	padding: 0 0 8px 0;
	position: relative;
}
*:first-child+html #content .sidebar .newsbox10 {
	margin: 0 0 -10px 0;
}
#content .sidebar .newsbox10 h2 {
	color: #069;
	padding: 8px 0 0 0;
	margin: 0 0 8px 0;
	font-size: 0.95em;
	position: relative;
}
#content .sidebar .newsbox10 a.rss {
	position: absolute;
	right: 0;
	top: 10px;
	display: block;
	width: 37px;
	height: 12px;
	text-indent: -5000px;
	background: url(/wellenreiten/img/rss.png) no-repeat 0 0;
}
#content .sidebar .newsbox10 .newsitem {
	margin: 0 0 13px 0;
	padding: 0;
}
#content .sidebar .newsbox10 .newsitem img {
	margin: 0 12px 0 0;
	padding: 0;
	float: left;
}
#content .sidebar .newsbox10 .newsitem h3 {
	font-size: 12px;
	margin: 0 0 3px 0;
	padding: 0;
}
#content .sidebar .newsbox10 .newsitem p {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#content .sidebar .newsbox10 a.all {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 11px;
	color: #979797;
}

/* ---------->>> SIDEBAR / NEWSLETTERBOX <<<---------- */
#content .sidebar .newsletterbox {
	border-bottom: #e1e1e1 1px solid;
	width: 238px;
	margin: 0;
	padding: 0 0 8px 0;
}
#content .sidebar .newsletterbox h2 {
	color: #069;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
}
#content .sidebar .newsletterbox input {
	float: left;
	height: 18px;
	padding: 0;
	margin: 0;
}
#content .sidebar .newsletterbox input.text {
	width: 172px;
	border: #069 1px solid;
}
#content .sidebar .newsletterbox input.submit {
	width: 64px;
	padding: 0;
	height: 20px;
	background-color: #069;
	color: #fff;
	border: none;
}

/* ---------->>> SIDEBAR / FACEBOOKBOX <<<---------- */
#content .sidebar .facebookbox {
	margin: 10px 0 0 0;

}