@font-face {
	font-family: 'Palatino Linotype';
	src: url('fonts/PalatinoLinotype-Roman.eot');
	src: url('fonts/PalatinoLinotype-Roman.eot?#iefix') format('embedded-opentype'),
		url('fonts/PalatinoLinotype-Roman.woff') format('woff'),
		url('fonts/PalatinoLinotype-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


body { background: #0a0201; color: #727272; font-family: 'Palatino Linotype'; font-size: 12px; line-height: 1.3; margin: 0; padding: 0; text-align: left; }
a { text-decoration: none; color: #727272; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #2c2c2c; }

.logo span { display: block; overflow: hidden; text-indent: -999px; width: 307px; height: 315px; background: url(../images/karrenwiel-logo-big.png) center center no-repeat; margin: 0; padding: 0; }

/* NAVIGATION */
/*
	LEVEL ONE
*/
.navigation-wrapper { background: #0a0201 url(../images/nav-bg.jpg) top center no-repeat; height: 80px; position: relative; }
.navigation { position: relative; z-index: 1000; }
.navigation li { font-weight: bold; float: left; zoom: 1; }
.navigation a { display: block; padding: 10px 10px; color: #000; text-transform: uppercase; }
.navigation a:hover	{ color: #000; text-decoration: none; }
.navigation a:active { color: #000; }
.navigation li.active > a { font-weight: bold; }
.navigation li.hover,
.navigation li:hover { background: #eee; position: relative; }

.navigation > li > a,
.navigation > li > a:hover,
.navigation > li > span { line-height: 20px; color: #fff; padding: 30px 25px; }
.navigation > li.active { background: url('../images/nav-active.png') left top; }
.navigation > li { }
.navigation > li.hover,
.navigation > li:hover { background: url('../images/nav-active.png') left top; }

/*
	LEVEL TWO
*/
.navigation ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: -1px; border: #d4d4d4 1px solid; border-top: none; padding: 5px; background: #fff; }
.navigation ul li { font-weight: normal; float: none; }
/* IE 6 & 7 Needs Inline Block */
.navigation ul li a	{ width: 100%; display: inline-block; }
/*
	LEVEL THREE
*/
.navigation ul ul { left: 80%; top: -5px; border: #d4d4d4 1px solid; }
.navigation li:hover > ul { visibility: visible; }
/* END NAVIGATION */

.header-wrapper { background: #0a0201 url(../images/slider-bg.jpg) top center no-repeat; height: 200px; position: relative; }
.header-wrapper h1 { font-size: 36px; color: #fff; margin: 100px 0 0 0; text-transform: uppercase; }
#col2-left-layout .logo { margin: -250px 0 20px 0; }
.facebook-container { margin: 20px 0 0 0; }

#homepage .facebook-container { margin: 40px 0 0 0; }

.slider-wrapper { background: #0a0201 url(../images/slider-bg.jpg) top center no-repeat; height: 392px;  }
.slider-wrapper .logo { margin: 50px 0 0 0; }

.slides { margin: 40px 0 0 0; background: url(../images/slide-canvas.png) center center no-repeat; width: 705px; height: 451px; overflow: hidden; position: relative; left: -48px; }
.slides ul { margin: 4px 0 0 48px; width: 630px; height: 415px; overflow: hidden; }

.content-wrapper { background: #fff url(../images/content-top-shadow.jpg) top left repeat-x; border-bottom: 1px solid #eeeded; padding: 100px 0 30px 0; }
.content-wrapper .border { background: url(../images/vert-border.png) top left repeat-y; }

.upcoming-events h4 { font-size: 24px; margin: 0 0 10px 0; }
.upcoming-events li { clear: both; margin: 0 0 10px 0; float: left; }
.upcoming-events .date { float: left; }
.upcoming-events .info { width: 240px; float: left; }
.upcoming-events .date .day,
.upcoming-events .date .month { display: block; text-align: center; }
.upcoming-events .date { background: #971200; width: 50px; padding: 5px; color: #fff; font-weight: bold; text-transform: uppercase; margin: 0 10px 0 0; }
.upcoming-events .date .day { font-size: 24px; line-height: 24px; }
.upcoming-events .date .month { font-size: 18px; line-height: 18px; }
.upcoming-events a { color: #971200; font-weight: bold; line-height: 30px; }

.event .image { float: left; margin: 0 10px 10px 0; }
.events .event h2 { font-size: 18px; margin: 0 0 10px 0; }
.events .event { margin: 0 0 20px 0; }
.event .time { margin: 0 0 10px 0; }

.blog-post .image { float: left; margin: 0 10px 10px 0; }
.blog-posts .blog-post h2 { font-size: 18px; margin: 0 0 10px 0; }

.album .image a { background: #fff; padding: 4px; border: 1px solid #ccc; margin: 0 9px 4px 0; width: 167px; height: 111px; display: block; }
.album .image a span { background: #fff; padding: 4px; border: 1px solid #ccc; margin: 0 9px 4px 0; width: 167px; height: 111px; display: block; overflow: hidden; }
.album .image .overflow { overflow: hidden; width: 167px; height: 111px; background: #eee; }
.album .image img { width: 167px; display: block; }
.album .photo { float: left; width: 195px; display: block; }
.album .photo .info { margin: 10px 0 0 0; }
.album .photo .info h2 { font-size: 14px; }
.album .photo .info .count { font-size: 11px; margin: 0; }

.photos .image a { background: #fff; padding: 4px; border: 1px solid #ccc; margin: 0 9px 4px 0; width: 167px; height: 111px; display: block; overflow: hidden; }
.photos .photo { float: left; width: 195px; display: block; height: 150px; }
.photos .image a span { width: 167px; height: 111px; display: block; overflow: hidden; background: #eee; }

.buttons { text-align: right; clear: both; margin: 0 0 10px 0; }

.paginator { text-align: right; margin: 20px 0 20px 0; }

.footer-wrapper { background: #0a0201 url(../images/footer-top-bg.jpg) top center no-repeat; height: 170px; }
.footer-wrapper .block { color: #fff; padding: 20px 0; line-height: 2em; }
.footer-wrapper .block a { color: #fff; text-decoration: underline; }
.footer-wrapper .block a:hover { text-decoration: none; }
.footer-wrapper .block h4 { color: #fff; font-size: 18px; margin: 0 0 10px 0; }

#subscription .email { background: #210703; padding: 0 5px; border-radius: 5px 0 0 5px; border: none; line-height: 32px; margin: 0; width: 190px; height: 32px; color: #fff;}
#subscription #submit { background: url(../images/submit.png) center center no-repeat; text-indent: -999px; overflow: hidden; width: 92px; height: 32px; border: none; position: relative; left: -3px; top: -5px; cursor: pointer; font-size: 0; }
.newsletter p { margin: 0 0 10px 0; font-style: italic; }

.colofon { background: #0a0201 url(../images/footer-bg.jpg) top center repeat-y; line-height: 52px; color: #9a2f05; }
.colofon a { font-style: italic; color: #9a2f05; font-weight: bold; }
.colofon .website-development { text-align: right; }

/* CMS */
.cms ul,
.cms ol { margin: 0 0 10px 20px; }
.cms ul li { list-style-type: square; margin: 5px 0; }
.cms ol li { list-style-type: decimal; margin: 5px 0; }
.cms td { padding: 5px; border: none; }
.cms table { border: none; }
.cms .full-width { width: 100%; }
.cms h1 { font-size: 24px; margin: 0 0 10px 0; }
.cms h2 { font-size: 18px; margin: 0 0 10px 0; }
.cms h3 { font-size: 16px; margin: 0 0 10px 0; }
.cms hr { clear: both; }
.cms p { margin: 0 0 10px 0; }
/* END CMS */

/* FORMS */
fieldset { margin: 10px 0 0 0; position: relative; }
fieldset input,
fieldset .hint,
fieldset label,
fieldset li,
fieldset select { float:left; }
fieldset label { width:130px; font-weight: bold; margin: 11px 0 0 0; }
fieldset label[for=time_minute],
fieldset label[for=duration_minute] { width: auto; margin: 11px 3px 0; }
fieldset label[for=submit] { overflow: hidden; text-indent: -999em; }
fieldset #submit { color: #fff; background: #971200; padding: 5px 10px; margin: 10px 0 10px 0; float: right; width: auto; cursor: pointer; border: none; }
fieldset li { clear:both; list-style: none !important; }
fieldset ul { margin: 0 !important; }
fieldset select { margin: 9px 0 0 0; }
fieldset input,
fieldset textarea { padding: 8px; border: #d0d0d0 1px solid; margin: 0; }
fieldset textarea { height: 100px; width: 248px; }
fieldset .max-width { width: 450px; }
fieldset .width-100 { width: 100px; }
fieldset .width-200 { width: 200px; }
fieldset .width-300 { width: 300px; }
fieldset .required span { color: #F55;}
fieldset input[type=button] { margin: 0 0 0 5px; font-weight: bold; background: url(../images/select-file-bg.png) center right repeat-x; border: 0; color: #fff; padding: 8px 30px 9px; cursor: pointer; display: block; text-transform: uppercase; line-height: 12px; font-size: 12px; }
fieldset .hint,
fieldset .hint { float: none; margin: 10px 0 0 200px; }
fieldset .hint a,
fieldset .hint a { margin: 0 10px 0 0; }
fieldset .loader { position: absolute;; left: 90px; bottom: 5px; }
/* END FORMS */