/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */


h1, h2, h3, h4, h5, h5, h6 { text-transform: none; }
h1 { font-size: 24px; line-height: 24px; }
h2 { font-size: 22px; line-height: 22px; }


/* Frontpage Showcase */
.frontpageshowcase {
	position: absolute;
	top: 20px;
	left: 40px;
	z-index: 1;
	width: 400px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.frontpageshowcase.black { color: #444; }

/* Frontpage List */
.frontpagelist img { margin: -20px -20px -20px 0; }

.frontpagelist h2 {
	font-size: 28px;
	line-height: 28px;
}

/* Frontpage Botton */
#page .frontpagebottom {
	min-height: 124px;
	margin: -13px;
	padding: 13px 120px 13px 13px;
	border-radius: 7px;
	overflow: hidden;
}


/* Frontpage Separator */
#page .frontpageseparator {
	margin: -3px;
	overflow: hidden;
	text-transform: uppercase;
}

.frontpageseparator > div > div {
	padding-left: 15px;
	border-left: 1px solid #ddd;
	box-shadow: inset 1px 0 0 #fff;
	overflow: hidden;
}

.frontpageseparator > div:first-child > div {
	border-left: none;
	box-shadow: none;
}

.frontpageseparator img {
	margin: 4px 15px 0 0;
	float: left;
}

body#page { background: #23381E url("../images/custom/overlay-abstract.png") repeat-x 0 0 scroll !important; }
#toolbar, #footer { text-shadow: none  !important; }
#block-toolbar {
    background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    border-top: medium none;
    box-shadow: none;
}
#toolbar { padding: 3px; }
#header {  margin: 0; }
#headerbar { height: 120px; margin-bottom: 0; }

/* Menu */
#menubar {
    background: url("../images/custom/horiz-menu-bg.png") repeat-x scroll 0 0 #23381E;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    height: 38px;
    padding: 0;
	margin: 0 16px;
}
.menu-dropdown li.active .level1 {
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
	background: url("../images/custom/horiz-menu-active.png") repeat scroll 0 0 #333333;
}
.menu-dropdown a.level1, .menu-dropdown span.level1 { 
	font-size: 14px; 
	text-transform: none; 
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 0 0 0 0;
	color: #E1F2DF;
}
.menu-dropdown li.active .level1 { color: #DDDDDD; }
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span { height: 38px; line-height: 38px; padding: 0 13px;}
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
	border: medium none;
	background: url("../images/custom/horiz-menu-hover.png") repeat-x scroll 0 0 #333333;
	box-shadow: none;
}
.menu-dropdown li.level1:hover .level1, .menu-dropdown li.level1:hover .parent { background-color: transparent; }
.menu-dropdown li.active .level1:hover { color: #eeeeee; background-color: #333333; }
.menu-dropdown li.level1 { margin-right: 4px; }
.menu-dropdown li.level1.parent:hover .level1,
.menu-dropdown li.remain.parent .level1 { height: 38px; border-radius: 0;}
.menu-dropdown li.level1.parent a.level1 > span { background-position: 100% 55%;}
.menu-dropdown .dropdown { top: 35px; }
.menu-dropdown .dropdown-bg > div {
    background: none repeat scroll 0 0 #23381E;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
}
.menu-dropdown li.level2, .menu-dropdown li.level2:first-child { border-top: 1px solid #445640; border-bottom: 1px solid #1b2b16; }
.menu-dropdown a, .menu-dropdown span.level1, .menu-dropdown .level1 span > span.title, .menu-dropdown .level2 .separator > span { color: #E1F2DF;}
.menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span { text-transform: none; }
.menu-dropdown a.level2:hover, .menu-dropdown a.current.level2 { background: none repeat scroll 0 0 #445640; }
.menu-dropdown a.current.level2 { font-weight: bold; color: #fff; }

/* Menu sidebar */
.menu-sidebar li.level1.active { background-color: #FFFFFF; }
.menu-sidebar a, .menu-sidebar li > span {
    color: #04400E;
    font-size: 13px;
	
	line-height: 26px;
    padding-left: 13px;
}
.menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {
    line-height: 20px;
    padding: 5px 3px;
}
.menu-sidebar li.level1 a.level1, .menu-sidebar li.level1 span.level1, .menu-sidebar li.level2 a.level2, .menu-sidebar li.level2 span.level2 {
	background: url("../images/custom/path-arrow.png") no-repeat scroll 0 50% transparent !important; 
	border-bottom: 1px solid #E3E4E3; 
}
.menu-sidebar li.level1 a.level1, .menu-sidebar li.level1 span.level1, .menu-sidebar ul.level2 { margin: 0 15px; }
.menu-sidebar li.level2 a.level2, .menu-sidebar li.level2 span.level2 { padding: 5px 0 5px 15px; }
.menu-sidebar li.level1:last-child ul.level2 {
    padding: 0; margin: 0 15px 0 30px;
}
.menu-sidebar .level2 a > span {
    font-size: 12px;
    line-height: 16px;
}


/* Shadows */

#main-shadow {
    background: url("../images/custom/content-shadow-l.png") no-repeat scroll 0 0 transparent;
    margin-left: -16px;
}
#main-shadow2 {
    background: url("../images/custom/content-shadow-r.png") no-repeat scroll 100% 0 transparent;
    margin-right: -16px;
}
.side-shadow1 {
    background: url("../images/custom/side-shadow-l.png") no-repeat scroll 0 140px transparent;
}
.side-shadow2 {
    background: url("../images/custom/side-shadow-r.png") no-repeat scroll 100% 140px transparent;
}
#bottom-shadow1 {
    background: url("../images/custom/bottom-shadow-l.png") no-repeat scroll 0 0 transparent;
    margin-left: -11px;
}
#bottom-shadow2 {
    background: url("../images/custom/bottom-shadow-r.png") no-repeat scroll 100% 0 transparent;
    margin-right: -11px;
}

div#main { margin: 0 16px; background: url("../images/custom/maincol-bg-bottom.png") repeat-x scroll 0 100% #F2F2F2; }
#sidebar-a, #sidebar-b { background: url("../images/custom/maincol-bg.png") repeat-x scroll 0 0 transparent; }
#maininner { background: url("../images/custom/maincol-bg-bottom.png") 0 100% repeat-x scroll #FFFFFF; border-left: 1px solid #E3E4E3;    border-right: 1px solid #E3E4E3; margin: 0 -1px;}
#maininner2 { background: url("../images/custom/maincol-bg.png") repeat-x scroll 0 0 transparent; }
#content, #breadcrumbs {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    margin: 0;
    padding: 20px 22px;
    text-shadow: 0 1px 0 #FDFDFF;
}
.mod-box {
    border-radius: 0 0 0 0;
    padding: 15px;
}
#innertop .module { margin: 20px 22px; }
.aside-padding { padding: 20px 12px; }
aside .mod-box{ 
	background: url("../images/custom/module-bottom-bg.png") no-repeat scroll 50% 100% #ffffff;
	margin: 0 0 12px;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
	padding: 15px;
}
.mod-box-header .module-title {
    background: url("../images/custom/module-title.png") repeat-x scroll 0 0 #333333;
    border-radius: 0 0 0 0;
    margin: -15px -15px 15px;
    padding: 0 15px;
	text-shadow: none;
	color: #DDDDDD;
	text-transform: none;
	font-size: 16px;
	height: 41px;
    line-height: 43px;
}
.lightgrey .module-title { background-color: #939392; }
.green .module-title { background-color: #04400E; }


#system .title a { color: #23381E; }

/* Bottom */
#bottom-a, #bottom-b {  }
#bottom-a .mod-box , #bottom-b .mod-box  { 
	background: url("../images/custom/bottom-bg.png") repeat-x scroll 0 0 transparent;
    border: medium none; 
	color: #FFFFFF;
	margin: 0 16px; 
	padding: 20px 10px; 
	box-shadow: none;
    text-shadow: none;
}

/* COpyright */
div.copyright { font-size: 0.9em; }
#footer, #footer a { color: #6B7F67 !important; }
#footer a:hover { color: #869d80 !important; }
div.left { float: left; }
div.right { float: right; }

table.zebra thead th a {
    color: #FDFDFF; }

/* Contacts Page */
#system form.submission div.submit { padding: 30px; }

.bfClearfix section { padding: 8px 0; }
.bfClearfix label { width: 150px; display: inline-block; vertical-align: top; padding-right: 20px; }
.bfClearfix input[type="text"], .bfClearfix input[type="password"], .bfClearfix select, .bfClearfix textarea {
    padding: 5px;
    border: 1px solid #c2c2c4;
    border-radius: 2px;
    background-color: #fefeff;
    box-shadow: inset 0 1px 1px rgba(0,0,2,0.06);
    color: #99999b;
}
.bfClearfix input[type="text"], .bfClearfix input[type="password"] {
	width: 250px;
}
.bfClearfix textarea {
	width: 250px !important;
}
.bfClearfix select {
	width: 260px;
}
.bfClearfix .bfCaptcha { display: inline-block; }
.bfClearfix .bfSubmitButton { 
	margin: 20px 0 20px 175px; 
	padding: 8px 10px;
    border: 1px solid #333335;
    border-top-color: #3d3d3f;
    border-bottom-color: #111113;
    border-radius: 4px;
    background: #3c3c3e;
    background: -moz-linear-gradient( top, rgba(90,90,92,1.0) 0%, rgba(60,60,62,1.0) 100% );
    background: -webkit-linear-gradient( top, rgba(90,90,92,1.0) 0%, rgba(60,60,62,1.0) 100% );
    background: -o-linear-gradient( top, rgba(90,90,92,1.0) 0%, rgba(60,60,62,1.0) 100% );
    background: linear-gradient( top, rgba(90,90,92,1.0) 0%, rgba(60,60,62,1.0) 100% );
    background: -ms-linear-gradient( top, rgba(90,90,92,1.0) 0%, rgba(60,60,62,1.0) 100% );
    box-shadow: inset 0 1px 0 rgba(253,253,255,0.2), 0 1px 0 rgba(0,0,2,0.2);
    color: #fdfdff;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,2,0.6);
    text-align: center;
}
.bfClearfix .bfSubmitButton:hover {
    box-shadow: inset 0 1px 0 rgba(253,253,255,0.1), inset 0 0 8px 1px rgba(0,0,2,0.4), 0 1px 0px rgba(0,0,2,0.4);
    text-shadow: 0 -1px 0 rgba(0,0,2,0.8);
}
.bfClearfix .bfRequired {
	padding-left: 10px;
}

.bfError, .bfRequired, #bfPage2 .bfPageIntro h2, #bfPage2 .bfPageIntro h3, #bfPage2 .bfPageIntro h4 {
	color: #e12115;
	font-weight: normal;
}
.formError .formErrorContent{
    background: #e12115;
    font-size: 1em;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    padding: 5px 10px 5px 10px;
    line-height: 1.3;
    font-weight: normal;
}
.formError .formErrorArrow div {
    border-left: none;
    border-right: none;
	background-color: #e12115;
	border: none !important;
}
.formError .formErrorArrow .line1, .formError .formErrorArrow .line2{
	display:none;
}