/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import 'flexvideo.css';
@import '../editor-style.css';

/* chromeframe error */
.chromeframe {
	background: #a00;
	color: #faa;
	display: block;
	padding: 3px 0;
	text-align: center;
}
.chromeframe a {
	color: #fff;
	text-decoration: underline;
}

/* //CK */

body {background: #393c1d;}

hr { clear: both;   border-top: 1px solid #b5b899;}

a, a:link, a:active, a:visited {
    color: #800000;
}

img {max-width: 100%; height: auto;}

.page-container {background: #fff; padding: 0}


.page-container > header > .site-branding {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b9608+0,9fce34+50 */
background: #6b9608; /* Old browsers */
background: -moz-linear-gradient(top,  #6b9608 0%, #9fce34 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b9608), color-stop(50%,#9fce34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6b9608 0%,#9fce34 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6b9608 0%,#9fce34 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6b9608 0%,#9fce34 50%); /* IE10+ */
background: linear-gradient(to bottom,  #6b9608 0%,#9fce34 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b9608', endColorstr='#9fce34',GradientType=0 ); /* IE6-9 */
	}
.page-container > header > .row > div {padding: 0;}
.page-container > header img.logo {max-width: 150px; width: 80%; height: auto;}
@media (min-width: 1200px) {.page-container > header img.logo {margin-top: 60px;}}
@media (min-width: 992px) and (max-width: 1199px) {.page-container > header img.logo {margin-top: 30px;}}
@media (max-width: 991px) {.page-container > header img.logo {margin-bottom: 10px;}}

header p {margin: 0;}

@media (min-width: 992px) {.header-img {border-top-left-radius: 20px;}}

#menu-top {padding: 10px 10px 5px 10px;}
#menu-top li {list-style: none; display:inline-block;}
#menu-top li a {color: #dde7c6; padding: 5px; font-size: 12px; text-transform: uppercase;}


.navbar-default {box-shadow: none;}
.page-container > header > .main-navigation {
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#800000+0,690000+100 */
background: #800000; /* Old browsers */
background: -moz-linear-gradient(top,  #800000 0%, #690000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#800000), color-stop(100%,#690000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #800000 0%,#690000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #800000 0%,#690000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #800000 0%,#690000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #800000 0%,#690000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#690000',GradientType=0 ); /* IE6-9 */
}

.main-navigation .navbar-collapse {padding: 0;}
.main-navigation .navbar-default {margin: 0; border: 0; border-radius: 0; background: transparent;}

ul#menu-hauptmenue {padding: 0; margin: 0; position: relative; z-index: 999;}
ul#menu-hauptmenue > li {display: block; }

ul#menu-hauptmenue li a {display: block; color: #fff; text-decoration: none; border-radius: 0; text-shadow: none; }
ul#menu-hauptmenue li a:hover,
ul#menu-hauptmenue li a:active,
ul#menu-hauptmenue li a:focus,
ul#menu-hauptmenue li.active a
  {color: #fff; background: #800000; text-shadow: none;}
  
@media (min-width: 768px) {
ul#menu-hauptmenue > li {float: left; position: relative;}
ul#menu-hauptmenue > li > a {padding: 15px 20px; border-left: 1px solid rgba(255,255,255,0.2)}	
ul#menu-hauptmenue > li ul {display: none;}	
ul#menu-hauptmenue > li:hover > ul {display: block; position: absolute; left: 0;top: 100%; margin: 0; padding: 0;}	
ul#menu-hauptmenue > li:hover > ul > li {display: block; position: relative; }
ul#menu-hauptmenue > li:hover > ul > li > a { padding: 15px;  background: #800000; border-top: 1px solid rgba(255,255,255,0.2); white-space: nowrap}
ul#menu-hauptmenue > li:hover > ul li a:hover,
ul#menu-hauptmenue > li:hover > ul li a:active,
ul#menu-hauptmenue > li:hover > ul li a:focus,
ul#menu-hauptmenue > li:hover > ul li.active a
{background: #690000;}

ul#menu-hauptmenue > li:hover > ul > li:hover ul {display: block; position: absolute; left: 100%; top: 0; margin: 0; padding: 0; }		
ul#menu-hauptmenue > li:hover > ul > li:hover ul li {display: block; position: relative; }
ul#menu-hauptmenue > li:hover > ul > li:hover ul li a {padding: 15px;  background: #800000; border-top: 1px solid rgba(255,255,255,0.2); border-left: 1px solid rgba(255,255,255,0.2); white-space: nowrap}
ul#menu-hauptmenue > li:hover > ul > li:hover ul li a:hover,
ul#menu-hauptmenue > li:hover > ul > li:hover ul li a:active,
ul#menu-hauptmenue > li:hover > ul > li:hover ul li a:focus,
ul#menu-hauptmenue > li:hover > ul > li:hover ul li.active a
{background: #690000;}
}

@media (min-width: 992px) and (max-width: 1199px)  {
	ul#menu-hauptmenue > li > a {padding: 15px 30px;	}
	ul#menu-hauptmenue > li:first-child > a {border-left: 0px;	}
}
	
@media (min-width: 768px) and (max-width: 991px) {
	ul#menu-hauptmenue > li > a {padding: 15px 10px;	}
	ul#menu-hauptmenue > li:first-child > a {border-left: 0px;	}
}
	
@media (max-width: 767px) {
	ul#menu-hauptmenue, ul#menu-hauptmenue ul {padding-left: 0px; margin-left: 0px;}
	ul#menu-hauptmenue li {display: block;}
	
	ul#menu-hauptmenue li a {font-weight: bold; display: block; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 5px 10px; color: #fff;}
	ul#menu-hauptmenue ul li a {font-weight: normal; padding-left: 30px; color: rgba(255,255,255,0.8)}
	ul#menu-hauptmenue ul li ul li a {font-style: italic; padding-left: 50px; color: rgba(255,255,255,0.6)}
	
	ul#menu-hauptmenue li a:before {content: "» "}
	
	ul#menu-hauptmenue li a:hover {background: rgba(255,255,255,0.1)}
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff; height: 1px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(255,255,255,0.2);
}
.navbar-collapse {border: 0px; box-shadow: none}

.site-content {background: #d5f296;}

.breadcrumbs {font-size: 12px;}

#main-column {padding: 0;}
#main {background: #f4f9e9; border-bottom-left-radius: 10px; box-shadow: -10px 0 10px rgba(0,0,0,0.25); 
padding: 10px 30px 30px 30px; margin-bottom: 10px;}
@media (max-width: 991px) {#main{border-bottom-left-radius: 0px;}}

#sidebar-left {color: #535d3c; padding: 30px;}
#sidebar-left ul.menu-widget {margin: 0 0 30px 0; padding: 0;}
#sidebar-left ul.menu-widget li {display: block; list-style: none;}
#sidebar-left ul.menu-widget > li > a {display: block;  color: #535d3c; font-size: 18px; padding-bottom: 10px; font-weight: 500;}

#sidebar-left ul.menu-widget > li > a:after {content: ":";}
#sidebar-left ul.sub-menu {margin: 0; padding: 0;}
#sidebar-left ul.sub-menu li a {text-decoration: none; display: block; padding: 10px 0 10px 15px; border-bottom: 1px solid #b2c688; color: #535d3c; position: relative;}



#sidebar-left ul.sub-menu li a:hover,
#sidebar-left ul.sub-menu li a:active,
#sidebar-left ul.sub-menu li a:focus,
#sidebar-left ul.sub-menu li.active > a,
#sidebar-left ul.sub-menu li.current-page-ancestor a
 {
	background: #c9ed7a;
	}
	
#sidebar-left ul.sub-menu li ul li a:hover,
#sidebar-left ul.sub-menu li ul li a:active,
#sidebar-left ul.sub-menu li ul li a:focus,
#sidebar-left ul.sub-menu li ul li.active > a
 {
	background: #b9e062;
	}	


#sidebar-left ul.sub-menu li a:before {content: "»"; display: block; position: absolute; top: 10px; left: 5px;}

#sidebar-left ul.sub-menu li ul {display: none;}

#sidebar-left ul.sub-menu li.current-menu-item ul, 
#sidebar-left ul.sub-menu li.current-menu-ancestor ul
{display: block !important;}

#sidebar-left ul.sub-menu li ul li a {padding-left: 25px;}
#sidebar-left ul.sub-menu li ul li a:before {content: "»"; display: block; position: absolute; top: 10px; left: 15px;}

.site-footer {background: #d5f296; padding: 10px 0; color: #535d3c; font-size: 12px;}
.footer-left {padding-left: 0;}
@media (max-width: 991px) {.footer-left {padding-left: 30px; padding-right: 30px;} .footer-right {padding-left: 30px; padding-right: 30px;padding-bottom: 50px;}}
.footer-right {padding-top: 7px}

h1, h1.entry-title {
	font-weight: normal; font-size: 30px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif} 

body.home h1 {color: #a8af99;}
body.home h1.entry-title {margin-bottom: 0px;}
body.home .entry-content h1 {margin-top: 0px;}

h2 {
	font-weight: bold; font-size: 20px; color: #5F5F5F;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif} 

h3 {
	font-weight: bold; font-size: 18px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif} 

#main-column a {
	text-decoration: underline;
}

#main-column ul,
#main-column ol {padding-left: 0px;}

#main-column ul li {list-style: none; padding-left: 20px; padding-bottom: 5px; background: url("../img/li.gif") no-repeat 0px -1px;}
#main-column table ul {padding-left: 20px; }
#main-column table ul li {padding-left: 0px; background: none; list-style: disc;}
#main-column ul.linien li {padding-left: 0px; background: none; padding-bottom: 10px;}

.col-content {padding: 0;}

.table th {background: #a2cf40;}
.table th {background: #a2cf40;}
.table-striped tr:nth-of-type(odd) td {
    background-color: #eeffca;
}
.table tr:hover td {    background: #D5F296 !important;}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}


.back-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    font-size: 24px;
    background: #fff;
	border: 1px solid #D5F296;
    border-radius: 3px;
    padding: 5px 10px 0 10px;
}


@media (max-width: 991px) {
.row {margin: auto 0;}	
}

.my-form-group input {display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}