/**********************************

Use: Reset Styles for all browsers
Author: Nick Rigby

***********************************/
	
body, p, blockquote {
	margin: 0;
	padding: 0;
	}

a img, iframe { border: none; }
	
/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	}
	
/* Links
------------------------------*/

a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { 
  padding: 0; 
}

/*****************************************
	Name:    Core
	Version: 1.0
	Author:  Sebastian Brink
	Contact: http://www.quadrifolia.de
******************************************/

/* 
   Default font settings. 
   The font-size percentage is of 16px. (0.625 * 16px ~ 10px) 
*/

body {
	font-family: 			Verdana, Arial, serif;
	font-size:				62.5%;
	font-style:      	 	normal;
	font-weight:      		normal;
	text-decoration:  		none;
	color: 					#000;
}

/* headlines */

h1, h2, h3, h4, h5, h6 { 
	font-weight: 			bold;
	line-height:			1.4em;
	color:					#000;
	padding:				0;
	margin:					0;
}

h1 { 
	font-size: 				1.6em;
}

h2 { 
	font-size: 				1.3em;
}

h3 { 
	font-size: 				1.2em;
	color:					#000;
}

h4 {
	font-size: 				1.2em;
	font-style: 			italic;
	font-weight:			normal;
	color:					#000;
}

/* img */

img {
	border:					none;
}

/* text elements */

p {
	font-size:				1.2em;
	line-height:			1.5em;
	padding:				0;
	margin: 				1em 0 1em 0; 
	color:					#000;
}

p img.left  	{ float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right 	{ float: right; margin: 1.5em 0 1.5em 1.5em; }

p a:focus, 
p a:hover     	{ color: #000; border-bottom: 1px dotted #000; }
p a           	{ color: #000; padding-bottom: 1px; text-decoration: none; }

blockquote  	{ margin: 1.5em; color: #484848; font-style: italic; }
strong      	{ font-weight: 700; }
em,dfn      	{ font-style: italic; }
dfn         	{ font-weight: 700; }
sup, sub    	{ line-height: 0; }

abbr, acronym   { border-bottom: 1px dotted #484848; }
address     	{ margin: 0 0 1.5em; font-style: italic; }
del         	{ color:#484848; }

pre 			{ margin: 1.5em 0; white-space: pre; }
pre,code,tt 	{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* lists */

li ul, li ol    { margin:0 1.5em; }
ul, ol      	{ margin: 0 1.5em 1.5em 1.5em; }

ul          	{ list-style-type: disc; }
ol          	{ list-style-type: decimal; }

dl          	{ margin: 0 0 1.5em 0; }
dl dt       	{ font-weight: 700; }
dd          	{ margin-left: 1.5em;}

/* tables */

table       	{ margin-bottom: 1.4em; width:100%; }
th          	{ font-weight: 700; }
thead th 		{ background: #fff; }
th,td,caption 	{ padding: 4px 10px 4px 5px; }
tr.even td  	{ background: #F3F3F3; }
tfoot       	{ font-style: italic; }
caption     	{ background: #eee; }

/* misc */

.small      	{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      	{ font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       	{ display: none; }

.quiet      	{ color: #484848; }
.loud       	{ color: #000; }
.highlight  	{ background:#ff0; }
.added      	{ background:#060; color: #fff; }
.removed    	{ background:#900; color: #fff; }

.first      	{ margin-left:0; padding-left:0; }
.last       	{ margin-right:0; padding-right:0; }
.top        	{ margin-top:0; padding-top:0; }
.bottom     	{ margin-bottom:0; padding-bottom:0; }

.right			{ float: right; }
.left			{ float: left; }

.clear 			{ clear: both; }

.row 			{ position: relative; overflow: hidden; width: 100%; }

/* firefox */

:focus 			{ outline-style: none; }

/******************************************************************************

Version: 1.0 (June 6 2012)
Author:  Sebastian Brink
Contact: http://www.quadrifolia.de

Copyright (c) 2012 Sebastian Brink - mail@quadrifolia.de

******************************************************************************/

/* slideshow --------------------------------------------------------------------------------------------------------------- */

/* images */

#slideshow_container {
	position:				relative;
	overflow:				hidden;
	width:					100%;
	height:					100%;
	padding:				0;
	margin:					0;
	background-color:		transparent;
}

#slideshow_images {
	display:				none;
	list-style: 			none;
	width:					100%;
	height:					100%;
	padding:				0;
	margin:					0;
}

#slideshow_images li {
	position:				absolute;
	width:					100%;
	height:					100%;
	top:					0px;
	left:					0px;
	padding:				0;
	margin:					0;
}

/* content */

#slideshow_content_container {
	position:				absolute;
	overflow:				hidden;
	width:					232px;
	height:					100%;
	top:					0px;
	right:					0px;
	padding:				0;
	margin:					0;
	border-left:			1px solid #fff;
	z-index:				100;
}

#slideshow_content {
	display:				none;
	list-style: 			none;
	width:					100%;
	height:					100%;
	padding:				0;
	margin:					0;
}

#slideshow_content li {
	position:				absolute;
	overflow:				hidden;
	width:					212px;
	height:					auto;
	bottom:					10px;
	left:					0px;
	padding:				0 10px 0 10px;
	margin:					0;
	background-color:		#f6f6f6;
}

#slideshow_content li h1 {
	font-size: 				1.8em;
	font-weight:			bold;
	letter-spacing: 		0.05em;
	line-height:			1.5em;
	margin:					0 0 0.1em 0;
	padding:				0;
	color: 					#b3071b;
}

#slideshow_content li h2 {
	font-size: 				1.6em;
	font-weight: 			normal;
	letter-spacing: 		0;
	line-height:			1.5em;
	margin:					0 0 0.3em 0;
	padding:				0;
	color: 					#b3071b;
}

#slideshow_content li p {
	font-size: 				1.2em;
	font-weight: 			normal;
	line-height:			1.5em;
	margin:					0 0 0.5em 0;
	padding:				0;
	color: 					#585858;
}

#slideshow_content li p a {
	text-decoration:		none;
	border-bottom:			1px dotted #585858;
}

#slideshow_content li p a:hover {
	border-bottom:			1px solid #585858;
}

#slideshow_content li ul {
	margin:					0;
	padding:				0;
	list-style: 			disc outside;
}

#slideshow_content li ol {
	margin:					0;
	padding:				0;
	list-style: 			decimal outside;
}

#slideshow_content li ul li, #slideshow_content li ol li {
	position:				relative;
	overflow:				visible;
	width:					auto;
	height:					auto;
	bottom:					inherit;
	left:					inherit;
	padding:				0;
	margin:					0 0 0.5em 1.5em;
	background-color:		transparent;
	
	font-size: 				1.2em;
	font-weight: 			normal;
	line-height:			1.5em;
	color: 					#585858;
}

/* thumbs ------------------------------------------------------------------------------------------------------------------ */

#slideshow_thumbs {
	position:				absolute;
	display:				none;
	width:					100%;
	height:					90px;
	bottom:					0px;
	left:					0px;
	padding:				5px 0px 0px 0px;
	margin:					0;
	background-color:		#fff;
	z-index:				100;
}

#slideshow_thumbs_wrapper {
	position:				absolute;
	overflow:				hidden;
	width:					100%;
	height:					90px;
	bottom:					0px;
	left:					0px;
	background-color:		transparent;
}

#slideshow_thumbs ul {
	display: 				block;
	position:				relative;
	width:					auto;
	height:					90px;
	padding:				0;
	margin:					0;
	list-style: 			none;
}

#slideshow_thumbs li {
	position:				relative;
	float:					left;
	width:					auto;
	height:					auto;
	padding:				0;
	margin:					0px 5px 0px 0px;
}

#slideshow_thumbs li img {
	cursor:					pointer;
}

#slideshow_thumbs_navigation_left {
	position:				absolute;
	width:					30px;
	height:					90px;
	bottom:					0px;
	left:					0px;
	cursor: 				w-resize;
	background: 			transparent url('images/_slideshow/thumbs_navi_left.png') no-repeat top left;
	z-index:				99;
}

#slideshow_thumbs_navigation_right {
	position:				absolute;
	width:					30px;
	height:					90px;
	bottom:					0px;
	right:					0px;
	cursor: 				e-resize;
	background: 			transparent url('images/_slideshow/thumbs_navi_right.png') no-repeat top left;
	z-index:				99;
}

/* dots -------------------------------------------------------------------------------------------------------------------- */

#slideshow_dots {
	position:				absolute;
	display:				block;
	width:					100%;
	height:					7px;
	bottom:					-30px;
	left:					0px;
	padding:				0;
	margin:					0;
	z-index:				100;
}

#slideshow_dots_wrapper {
	position:				relative;
	float:					left;
	width:					auto;
	height:					7px;
	left:					50%;
}

#slideshow_dots ul {
	position:				relative;
	overflow:				hidden;
	width:					auto;
	height:					7px;
	padding:				0;
	margin:					0;
	left:					-50%;
	list-style: 			none;
}

#slideshow_dots li {
	position:				relative;
	float:					left;
	width:					7px;
	height:					7px;
	padding:				0;
	margin:					0 5px 0 0;
	cursor:					pointer;
	background: 			transparent url('/images/_slideshow/dots.png') no-repeat 0px 0px;
	text-indent:			-9999px;
}

#slideshow_dots li.active {
	background-position:	0px -7px;
}

/* navigation -------------------------------------------------------------------------------------------------------------- */

#slideshow_navigation {
	position:				absolute;
	overflow:				hidden;
	width:					710px;
	height:					40px;
	top:					470px;
	left:					20px;
	padding:				10px 0px 0px 0px;
	background-color:		transparent;
}

#slideshow_navigation ul {
	width:					72px;
	height:					36px;
	list-style: 			none;
	background:				transparent url('images/_slideshow/bg_navigation.gif') no-repeat top left;
}

#slideshow_navigation li {
	position:				relative;
	float:					left;
	width:					19px;
	height:					17px;
	margin:					0px 5px 2px 0px;
	text-indent:			-9999px;
	cursor:					pointer;
}

#slide_navi_play {
	background:				transparent url('images/_slideshow/icon_navi.png') no-repeat 0px 0px;
}

#slide_navi_play:hover {
	background-position:	0px -17px;
}

#slide_navi_pause {
	background:				transparent url('images/_slideshow/icon_navi.png') no-repeat 0px -34px;
}

#slide_navi_pause:hover {
	background-position:	0px -51px;
}

#slide_navi_first {
	background:				transparent url('images/_slideshow/icon_navi.png') no-repeat 0px -68px;
}

#slide_navi_first:hover {
	background-position:	0px -85px;
}

#slide_navi_prev {
	background:				transparent url('images/_slideshow/icon_navi.png') no-repeat 0px -102px;
}

#slide_navi_prev:hover {
	background-position:	0px -119px;
}

#slide_navi_next {
	background:				transparent url('images/_slideshow/icon_navi.png') no-repeat 0px -136px;
}

#slide_navi_next:hover {
	background-position:	0px -153px;
}


/******************************************************************************

Version: 1.0 (June 6 2012)
Author:  Sebastian Brink
Contact: http://www.quadrifolia.de

Copyright (c) 2012 Sebastian Brink - mail@quadrifolia.de

******************************************************************************/

/* fieldset ---------------------------------------------------------------------------------------------------------------- */

fieldset {
	position: 				relative;
	overflow: 				hidden;
	width: 					674px;
	height: 				auto;
	padding:				0;
	margin:					0; 
	border:					none;
	background-color:		#fff;
	background-color:		rgba(255,255,255,0.5);
	
	font-family:			'Droid Serif', serif;
	font-size:				1.2em;
	font-weight:			normal;
}

fieldset.no-border {
	border:					none;
}

legend {
	font-size: 				1em;
	font-weight: 			normal;
	line-height:			1.2em;
	letter-spacing:			0.05em;
	padding:				0 0 0 5px;
	margin:					0;
	color:					#304e00;
}

fieldset p {
	font-size:				1em;
	padding:				0 5px 0 5px;
	margin:					0;
}

label a {
	color:					#646567;
	text-decoration:		none;
	border:					none;
	border-bottom:			1px dotted #646567;
}

label a:hover {
	color:					#646567;
	text-decoration:		none;
	border:					none;
	border-bottom:			1px solid #304e00;
}

/* wrapper ----------------------------------------------------------------------------------------------------------------- */

.form-wrapper {
	position: 				relative;
	overflow: 				hidden;
	width: 					100%;
	height: 				auto;
	padding: 				0;
	margin: 				0;
}

.form-wrapper ol {
	position:				relative;
	overflow:				hidden;
	width:					auto;
	height:					auto;
	padding:				0;
	margin:					0;
	list-style:				none;
}

.form-wrapper ol.column {
	position: 				relative;
	overflow: 				hidden;
	float: 					left;
	width: 					285px;
	height: 				auto;
	padding: 				15px 30px 0 30px;
	margin: 				0;
}

.form-wrapper ol.column.right {
	padding: 				15px 0 0 20px;
}

.form-wrapper ol.column-full {
	width:					630px;
	padding: 				15px 30px 0 30px;
}

.form-wrapper ol.gap {
	margin:					1.5em 0 0 0;
}

.form-wrapper li {
	position:				relative;
	overflow:				hidden;
	float:					left;
	width:					100%;
	height:					auto;
	padding:				0;
	margin:					0 0 1em 0;
}

/* form elements ----------------------------------------------------------------------------------------------------------- */

/* label */

fieldset li label {
	display:				inline-block;
	float:					left;
	width: 					100%; 
	height:					1em;
	line-height: 			1em;
	padding:				0;
	margin:					0.5em 0 0.5em 0;
	color: 					#646567;
}

/* text */

fieldset li input {
	float:					left;
	width: 					270px;
	height:					1em;
	line-height: 			1em;
	padding:				6px;
	margin:					0;
	background-color: 		#fff;
	border:					1px solid #ccc;
	color: 					#646567;
	
	-webkit-box-shadow: 	inset 0 0 2px 2px #eee;
	-moz-box-shadow: 		inset 0 0 2px 2px #eee;
	box-shadow: 			inset 0 0 2px 2px #eee;
}

fieldset li textarea {
	float:					left;
	width: 					265px;
	height:					350px;
	line-height: 			1.5em;
	padding:				6px;
	margin:					0;
	background-color: 		#fff;
	border:					1px solid #ccc;
	color: 					#646567;
	
	-webkit-box-shadow: 	inset 0 0 2px 2px #eee;
	-moz-box-shadow: 		inset 0 0 2px 2px #eee;
	box-shadow: 			inset 0 0 2px 2px #eee;
	
	resize: 				none;
}

fieldset li textarea:focus {
	border-color:			#304e00;
}

/* checkbox */

fieldset ol li.checkbox {
	padding-top:			2em !important;
}

fieldset ol.closely li.checkbox {
	padding-top:			0 !important;
	margin-bottom:			0.5em !important;
}

fieldset li.checkbox label {
	width:					auto;
}

input[type="checkbox"] {
	position:				absolute;
	clip: 					rect(0,0,0,0);
	clip: 					rect(0 0 0 0);
}

input[type="checkbox"] + label {
	height:					14px;
	padding-left: 			34px;
	background: 			transparent url('images/_forms/form-checkbox.gif') no-repeat center left;
}

input[type="checkbox"]:checked + label {
	color:					#646567;
	padding-left: 			34px;
	background: 			transparent url('images/_forms/form-checkbox-checked.gif') no-repeat center left;
}

input[type="checkbox"]:focus + label, input[type="checkbox"]:hover + label {
	color: 					#304e00;
	cursor: 				pointer;
}

/* submit */

input[type="submit"] {
	float:					left;
	width: 					100%;
	height:					40px;
	line-height: 			40px;
	padding:				0;
	margin:					0;
	background-color: 		#646567;
	cursor:					pointer;
	border:					none;
	
	font-size:				1.2em;
	font-weight:			bold;
	letter-spacing:			0.1em;
	text-align:				center;
	text-transform: 		uppercase;
	color: 					#fff;

	-webkit-box-shadow: 	none;
	-moz-box-shadow: 		none;
	box-shadow: 			none;
}

input[type="submit"]:hover {
	color:					#fff;
	background-color: 		#036742;
}

/* highlights */

input:focus {
	border-color: 			#036742;
}

/* custom advice ----------------------------------------------------------------------------------------------------------- */

.custom-advice {
	width: 					598px;
	height: 				2em;
	line-height: 			2em;
	padding: 				0 15px 0 15px;
	margin: 				0 30px 0.5em 30px;
	background-color: 		#FFEBEE;
	border: 				1px solid #B3071B;
	cursor: 				pointer;
	
	font-size:				1.2em;
	font-weight: 			bold;
	text-align: 			left;
	color: 					#B3071B;
}

/* Firefox ----------------------------------------------------------------------------------------------------------------- */

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="text"]::-moz-focus-inner,
select::-moz-focus-inner,
button::-moz-focus-inner { 
	border : 				0px; 
	-moz-outline-style: 	none;
}

/* ------------------------------------------------------------------------------------------------------------------------- */

/******************************************************************************

Version: 1.0
Author:  Sebastian Brink
Contact: http://www.quadrifolia.de

Copyright (c) 2013 Sebastian Brink - mail@quadrifolia.de

******************************************************************************/

/*
	green: 898334
	yellow:	e6e2c8
	
	gray:  9c9c9c
*/

* {
	/* improved handling of kerning pairs and ligatures in modern browsers
	/* causes soft hyphen bug in chrome with shy tags */
	 text-rendering: 				optimizeLegibility;
	
	/* antialiased or subpixel-antialiased */
	-webkit-font-smoothing: 		antialiased; 
    -webkit-text-size-adjust:		none;
	
	/*	
	-webkit-user-select:			none;
	*/
}

body {
	background-color: 			#fff;
}

/* grid --------------------------------------------------------------------------------------------------------------------- */

#grid {
	position:				relative;
	width:					936px;
	padding:				0;
	margin:					45px auto 45px auto;
	background: 			#fff url('images/bg.png') repeat-y top center;
}

#header {
	position:				relative;
	width:					100%;
	height:					126px;
	padding:				0;
	margin:					0;
	background-color:		transparent;
}

#content {
	position:				relative;
	overflow:				hidden;
	width:					100%;
	height:					auto;
	padding:				0;
	margin:					0;
	background-color:		transparent;
}

#footer {
	position:				relative;
	width:					100%;
	height:					126px;
	padding:				0;
	margin:					0;
	background-color:		transparent;
}

/* columns */

.main-column {
	position:				relative;
	overflow:				hidden;
	float:					left;
	width:					480px;
	height:					auto;
	padding:				25px 0 0 0;
	margin:					0 34px 0 40px;
	background-color:		transparent;
}

.aside-column {
	position:				relative;
	float:					left;
	width:					306px;
	height:					auto;
	padding:				25px 0 0 0;
	margin:					0;
	background-color:		transparent;
}

/* media wrapper */

#media-wrapper {
	position:				relative;
	overflow:				hidden;
	width:					936px;
	height:					144px;
	padding:				0;
	margin:					0;
	background-color:		#000;
	
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.25), 0px -5px 5px rgba(0,0,0,.25);
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.25), 0px -5px 5px rgba(0,0,0,.25);
	-ms-box-shadow: 0px 5px 5px rgba(0,0,0,.25), 0px -5px 5px rgba(0,0,0,.25);
	-o-box-shadow: 0px 5px 5px rgba(0,0,0,.25), 0px -5px 5px rgba(0,0,0,.25);
	box-shadow: 0px 5px 5px rgba(0,0,0,.25), 0px -5px 5px rgba(0,0,0,.25);
}

/* header ------------------------------------------------------------------------------------------------------------------- */

/* logo */

#logo {
	position:				absolute;
	width:					477px;
	height:					72px;
	top:					25px;
	left:					348px;
	padding:				0;
	margin:					0;
	background: 			transparent url('images/logo.png') no-repeat top left;
}

.logo a {
	display:				block;
	width:					100%;
	height:					100%;
	text-indent:			-9999px;
	text-decoration:		none;
	border:					none;
}

.logo a:hover {
	text-decoration:		none;
	border:					none;
}

/* menu */

#menu-wrapper {
	position:				relative;
	overflow:				hidden;
	width:					306px;
	height: 				auto;
	margin:					0;
	padding:				0;
	background-color:		transparent;
}

ul.menu {
	margin:					0;
	padding:				0 0 0 25px;
	list-style:				none;
}

ul.menu li {
	position:				relative;
	overflow:				hidden;
	float:					left;
	width:					280px;
	height:					auto;
	margin:					0;
	padding:				0;
}

ul.menu li a {
	font-size:				1.2em;
	font-weight:  			bold;
	line-height:			25px;
	text-decoration:		none;
	text-align:				left;
	text-overflow:			ellipsis;
	white-space:			nowrap;
	color: 					#fff;
}

ul.menu li.menu-level1-curact a:hover,
ul.menu li.menu-level1-act a:hover,
ul.menu li.menu-level1-no a:hover,
ul.menu li.menu-level1-withsub a:hover,
ul.menu li.menu-level1-curact a{
	color:					#000;
}
ul.menu li.menu-level1-act a{
	color:					#000;
}
ul.menu li.menu-level1-no a{
	color:					#FFF;
}
ul.menu li.menu-level1-withsub a{
	color:					#FFF;
}

.menu-level1-curact a::before, .menu-level1-act a::before, .menu-level1-no a::before, .menu-level1-withsub a::before{
  content: "_";
}


/* menu childs */

ul.menu-childs {
	margin:					0;
	padding:				10px 0 10px 0;
	list-style:				none;
	
	display:				none;
}

ul.menu-childs li.menu-level2-curact a{
	color:					#000;
}
ul.menu-childs li.menu-level2-act a{
	color:					#000;
}
ul.menu-childs li.menu-level2-no a{
	color:					#FFF;
}
ul.menu-childs li.menu-level2-withsub a{
	color:					#FFF;
}

.menu-level2-curact a::before, .menu-level2-act a::before, .menu-level2-no a::before, .menu-level2-withsub a::before{
  content: "- ";
}

ul.menu li.active ul.menu-childs {
	display:				block;
}

ul.menu-childs li a {
	font-size:				1.1em;
	font-weight:			normal;
	line-height:			15px;
}

ul.menu-childs li:last-child {
	padding:				0 0 10px 0;
}

/* menu subchilds */
ul.menu-subchilds {
	margin:					0 0 0 10px;
	padding:				10px 0 10px 0;
	list-style:				none;
	
	display:				none;
}

ul.menu-subchilds li.menu-level3-curact a{
	color:					#000;
}
ul.menu-subchilds li.menu-level3-act a{
	color:					#000;
}
ul.menu-subchilds li.menu-level3-no a{
	color:					#FFF;
}
ul.menu-subchilds li.menu-level3-withsub a{
	color:					#FFF;
}

.menu-level3-curact a::before, .menu-level3-act a::before, .menu-level3-no a::before, .menu-level3-withsub a::before{
  content: "- ";
}

ul.menu li.active ul.menu-childs li.active ul.menu-subchilds {
	display:				block;
}

ul.menu-subchilds li a {
	font-size:				1.1em;
	font-weight:			normal;
	line-height:			15px;
}

ul.menu-subchilds li:last-child {
	padding:				0 0 10px 0;
}

/* footer ------------------------------------------------------------------------------------------------------------------- */

/* submenu */
ul.submenu li.menu-level1-curact a{
	color:					#000;
}
ul.submenu li.menu-level1-act a{
	color:					#000;
}
ul.submenu li.menu-level1-no a{
	color:					#FFF;
}
ul.submenu li.menu-level1-withsub a{
	color:					#FFF;
}
#submenu-wrapper {
	position:				relative;
	overflow:				hidden;
	width:					306px;
	height: 				auto;
	margin:					40px 0 0 0;
	padding:				0;
	background-color:		transparent;
}

ul.submenu {
	margin:					0;
	padding:				0 0 0 25px;
	list-style:				none;
}

ul.submenu li {
	position:				relative;
	overflow:				hidden;
	float:					left;
	width:					280px;
	height:					auto;
	margin:					0;
	padding:				0;
}

ul.submenu li a {
	font-size:				1.2em;
	font-weight:  			bold;
	line-height:			25px;
	text-decoration:		none;
	text-align:				left;
	text-overflow:			ellipsis;
	white-space:			nowrap;
	color: 					#fff;
}

ul.submenu li a:hover,
ul.submenu li a.active {
	color:					#000;
}


/* text --------------------------------------------------------------------------------------------------------------------- */

.article {
	position:				relative;
	overflow:				hidden;
	width:					100%;
	height:					auto;
	padding:				0 0 20px 0;
	margin:					0;
}

.article .text-wrapper {
	width:					480px;
}

.article .text-wrapper.right {
	float:					right;
	width:					310px;
}

.article .text-wrapper.left {
	float:					left;
	width:					310px;
}

.article a {
	color:					#898334;
	text-decoration:		none;
}

.article a:hover {
	color:					#898334;
	border-bottom:			1px dotted #898334;
}

.article .more {
	margin-top:				0.5em;
}

.article ul, 
.article ol {
	margin-bottom:			0;
	padding-bottom:			0;
}

.article ul li, 
.article ol li {
	font-size:				1.2em;
	line-height:			1.5em;
	
	padding:				0;
	margin:					0 0 0 0.5em;	
}

.article li li,
.article li li li,
.article li li li li {
	font-size:				100%;
}

.article-img {
	position:				relative;
	width:					480px;
	height:					auto;
	padding:				0;
	margin:					0 0 1em 0;
}

.article-img.left {
	position:				relative;
	float:					left;
	width:					160px;
	height:					auto;
	padding:				0;
	margin:					1.5em 0 1.5em 0;
}

.article-img.right {
	position:				relative;
	float:					right;
	width:					160px;
	height:					auto;
	padding:				0;
	margin:					1.5em 0 1.5em 0;
}

.img-subline {
	font-size:				1em;
	height:					1em;
	width:					100%;
	margin:					0.5em 0 1em 0;
	color:					#000;
}

/* google maps --------------------------------------------------------------------------------------------------------------- */

#google-map {
	position:				relative;
	overflow:				hidden;
	width:					674px;
	height:					300px;
	padding:				0;
	margin:					0 0 20px 0;
	color:					#e6e2c8;
}

/* helper ------------------------------------------------------------------------------------------------------------------- */

hr {
	width:					100%;
	height:					2px;
	border:					none;
	background-color:		#898334;
	margin-bottom:			20px;
}

.icon {
	line-height:			19px;
}

.ellipsis {
	width:					100%;
	display:				block;
	overflow:				hidden;
	white-space:			nowrap;
	text-overflow:			ellipsis;
}

.video-player-wrapper {
	position:				absolute;
	width:					470px;
	height:					322px;
	top:					10px;
	left:					250px;
	z-index:				99;
}

.video-player-wrapper-lightview {
	position:				absolute;
	width:					470px;
	height:					322px;
	top:					0px;
	left:					0px;
}

.no-shadow {	
	-webkit-box-shadow: 	none !important;
	-moz-box-shadow: 		none !important;
	-ms-box-shadow: 		none !important;
	-o-box-shadow:	 		none !important;
	box-shadow: 			none !important;
}

a img {
	-webkit-box-shadow: 	none !important;
	-moz-box-shadow: 		none !important;
	-ms-box-shadow: 		none !important;
	-o-box-shadow:	 		none !important;
	box-shadow: 			none !important;
}

a.noborder {
	border:					none !important;
}

/* -------------------------------------------------------------------------------------------------------------------------- */