/* contaodemo.css - styles for contao content elements
.............................................
	Authors
		@author................: Joe Ray Gregory joe@may17.de
		@author................: Felix Pfeiffer
		@author................: Sascha Mueller
		@author................: Stefan Melz

	Style Map
		1) Accordion
		2) Table
		3) Image gallery
		4) Comments
		5) Social bar
		6) Slider
............................................. */


/* 1) Accordion, ce_accordion
___________________________________________________________*/

/* outer wrapper of each ce */
.ce_accordion {
	margin-top: -1px;
	border: 1px solid #d4cbc5;
	border-bottom: none;
}

/* headline as trigger for the accordion */
.toggler {
	background: #f4f2f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4f2f0 0%, #eee9e7 3%, #e1dad6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f0), color-stop(3%,#eee9e7), color-stop(100%,#e1dad6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f0', endColorstr='#e1dad6',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #d4cbc5;
	border-top: 1px solid #f4f2f0;
	padding: 6px 10px;
	font-size: 1.6em;
	font-weight: bold;
	color: #7f7266;
	cursor: pointer;
}

/* toggle active and hover status */
.toggler:hover,
.toggler.active {
	color: #60584d;
}

/* inside element for arrow image */
.toggler span {
	display: block;
	background: url("../img/icons/icon_arrow-bottom.png") no-repeat 100% 5px;
}

/* inside active */
.toggler.active span {
	background-image: url("../img/icons/icon_arrow-top.png");
}

/* inner accordion wrapper */
.accordion {
	font-size: 1.4em;
	line-height: 1.4;
}

/* stop font minimizing inside the inner wrapper */
.accordion p {
	font-size: 1.0em;
}

/* styling for inner > inner wrapper */
.accordion > div {
	background: #f4f2f0;
	padding: 6px 10px;
	border-bottom: 1px solid #D4CBC5;
}

/* 2) Table, global style extending
___________________________________________________________*/

/* stretch up the tables */
table {
	width: 100%;
}

/* headline styling */
th {
	border-bottom: 1px solid #e1dad6;
	text-align: left;
	padding: 1% 1%;
	background-color: #eee9e7;
}

/* simple body item styles */
td {
	padding: 1% 1%;
	background-color: #f4f2f0;
	border-bottom: 1px solid #e1dad6;
}
.row_last td{
    border-bottom: none;
}

/* bring up some zebra look */
.odd td {
	background-color: #f6f6f6;
}

/* 3) Comments, extending forms.css
___________________________________________________________*/

.comment_default { 
	margin-bottom: 20px;
}

.ce_comments h2 {
  font-size: 2.0em; 
  color: #60584D;
  border-color: #D0C9C2;
}

.ce_comments p.info {
  	padding: 5px 5px;
  	font-weight: bold;
  	margin: 0;
  	color: #ED7404;
}

.ce_comments .comment {
	padding: 0 5px;
	border: 1px solid #e1dad6;
	background-color: #f4f2f0;
	margin: 0;
}

.ce_comments .reply {
	margin: 10px 0px 0 30px; padding: 0;
}

.ce_comments .reply p.info {
	background: transparent;
}

.ce_comments .form {
	margin-top: 30px;
}

/* 4) Image and Gallery features, extending forms.css
___________________________________________________________*/

#container .image_container a img {
	display: inline-block;
	padding: 2px;
	border: 1px solid #d4cbc5;
	position: relative;
}

#container .image_container a:hover img {
	border-color: #ed7404;
}

#container figure.float_left {
	margin-right: 20px;
}

#container figure.float_right {
	margin-left: 20px;
}

#container .caption {
	background-color: #d4cbc5;
	padding: 3px;
}


/* 5) Social media bar hack
___________________________________________________________*/

.social {
	background: #eae5e2;
	border-top: 1px solid #e5dfdc;
	border-bottom: 1px solid #e5dfdc;
	text-align: right;
	padding: 10px 0;
	padding-right: 15px;
}

.social a {
	display: inline-block;
	margin-left: 8px;
}

.social img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.social a:hover img {
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

/* 5) Styles for downloads
___________________________________________________________*/

.ce_downloads ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   border-top: 1px solid #E1DAD6;
}

.ce_downloads li {
   font-size: 1.4em;
   padding: 1%;
   background-color: #F4F2F0;
   border-bottom: 1px solid #E1DAD6;
   margin-top: 2px;
}

.ce_downloads img {
   vertical-align: middle;
   margin-right: 1%;
}

.content-slider {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}

/* 6) Slider
___________________________________________________________*/

.slider-wrapper {
    overflow: hidden;
    position: relative;
}

.slider-wrapper > div {
    float:left;
    width:100%;
    padding: 0;
    height: 300px;
}

.slidebox1 {
    position: relative;
    background: #eae5e2; /* Old browsers */
    background: -moz-linear-gradient(top,  #eae5e2 0%, #f4f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae5e2), color-stop(100%,#f4f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eae5e2 0%,#f4f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eae5e2 0%,#f4f2f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eae5e2 0%,#f4f2f1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eae5e2 0%,#f4f2f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae5e2', endColorstr='#f4f2f1',GradientType=0 ); /* IE6-9 */
}

.slidebox1 h1,
.slidebox1 p {
    margin-left: 20px;
    margin-right: 50%;
}

.slidebox1 .image_container {
    position: absolute;
    top: 0;
    right: 0;
}

.slider-control .slider-menu {
    font-size: 4em;
}

.slider-control .slider-prev,
.slider-control .slider-next {
    font-size: 1.4em;
    margin-top: 3px;
}

/* Contao Sliderfix */
.mod_article .slider-wrapper *[class*="ce_"] {
    margin: 0;
}

.mod_article .ce_sliderStart {
    margin: 0;
}
/* details.css - styles for vent, faq and news detail pages
.............................................
	Authors
		@author................: Joe Ray Gregory joe@may17.de
		@author................: Sascha Mueller

	Style Map
		1) Accordion
		2) Table
		3) Image gallery
		4) Comments
		5) Social bar
............................................. */

/* Infos like author etc. */
.layout_full .info {
	font-style: italic;
	padding-top: 0;
	margin-top: 0;
	border-bottom: 1px dotted #d0c9c2;
	padding-bottom: 5px;
}

/* Reset headline */
.layout_full h1 {
	margin-bottom: 3px;
}

/* Repeating hint for events */
.recurring {
	border: 1px solid #DE601A;
	padding: 5px;
	background-color: #FF9B50;
	color: #fff;
}

.layout_full h2 {
	border-bottom: none;
	margin-bottom: 0;
}
/* events.css - styles for events elements
.............................................
	Authors
		@author................: Sascha Mueller
		@author................: Joe Ray Gregory joe@may17.de

	Style Map
		1) News Listing
		2) Calendar
		3) Minicalendar
............................................. */

/* 1) News Listing
___________________________________________________________*/

.mod_eventlist .event {
  	margin: 15px 0 0; padding: 0 0 15px;
	font-size: 1.4em; line-height: 1.4;
	border-bottom: 1px solid #60584D;
  	overflow: hidden;
}

#main .mod_eventlist .last {border-bottom: 1px solid transparent;}

.layout_upcoming a {float: left; display: block; width: 99%;}
.layout_upcoming .date {margin:0; font-size: 0.8em; display: block;}
.layout_upcoming .time {display: none;}

/* 2) Calendar
___________________________________________________________*/

.mod_calendar .active {
	background-color: #ed7404;
	color: #fff;
	font-weight: bold;
}

.mod_calendar .active a {
	color: #fff;
}

.mod_calendar .active a:hover,
#main .mod_calendar .active a:hover {
	color: #5d2f00;
}

.mod_calendar .header {
	font-size: 1.8em;
	text-align: center;
}

.mod_calendar th {
	text-align: center;
}

.mod_calendar .empty {
	background: #E1DAD6;
}

/* 3) Minicalendar
___________________________________________________________*/
#left .mod_calendar {
	margin: 0;
	width: 100%;
	font-size: 0.9em;
}

.box-2 .last td {
	border-bottom: none;
	text-align: center;
}

.box-2 td {
	text-align: center;
}

.mod_calendar .head a {
	text-decoration: none;
}

.mod_calendar .head a:hover {
	color: #ed7404;
}



@media (max-width:767px)
{
	.mod_calendar th {
		font-size: 0.3em;
	}
	
	.mod_calendar .header {
		font-size: 0.8em;
	}
	
	.mod_calendar .event {
				font-size: 0.6em;
	}
}
/* faq.css - styles for faq elements
.............................................
	Authors
		@author................: Sascha Mueller
		@author................: Felix Pfeiffer
		@author................: Joe Ray Gregory joe@may17.de
............................................. */


.mod_faqpage section {padding-bottom: 20px;}
.mod_faqpage p.info {
  margin: 10px 0 0; padding: 0 0 5px;
  font-size: 1.2em; 
  font-style: italic; 
  border-bottom: 1px solid #E1DAD6;
}
/* footer.css - all styles for special footer elements
.............................................
	Authors
		@author................: Joe Ray Gregory joe@may17.de
		@author................: Felix Pfeiffer
		@author................: Sascha Mueller
............................................. */

#footer .inside {
	padding: 0 0 10px;
	float: left;
	background-color: #473f3a;
  	color: #9E9084;
}

#footer .inside > [class*="grid"] {
	margin-left: 10px;
	margin-right: 10px;
}

#footer a,
#footer a:visited,
#footer a:hover,
#footer a:focus,
#footer a:active {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
	text-decoration: underline;
}

@media (max-width:767px)
{
	#footer .inside {
		float: none;
	}
}


/* forms.css - styles for form elements
.............................................
	Authors
		@author................: Carolina Köhn www.kikmedia.de
        @author................: responsive and mobile by Stefan Melz slashworks stefan@slash-works.de
		@author................: modifyed for ma2 by Joe Ray Gregory joe@may17.de

	Style Map
		1) Generel
		2) Login
        3) small displays and tablets
		4) portrait tablets and phone

............................................. */

/* 1) Generel
___________________________________________________________*/

.checkbox_container label, .radio_container label{
  font-weight: normal;
}

.tableless label { 
  display: block; margin-top: 1.5em; padding-bottom: 3px;
}

.tableless .checkbox_container label, .tableless .radio_container label {
  display: inline;
}
label{
  font-size:1.4em;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
input[type="search"] {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #d4cbc5;
}

#container input[type="text"],
input[type="password"],
input[type="email"],
textarea,
.upload,
#container input[type="search"] {
	font-size: 1.4em;
}

#container input[type="text"],
input[type="email"],
input[type="password"],
textarea,
input[type="search"] { 
	width: 60%;
}

.mod_subscribe input[type="text"] { 
	width: 210px;
}

textarea { 
	width: 90%; 
	height: 140px;
}

input[type="text"]:focus, 
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus { 
	background: #EDEDED; 
	border: 1px solid #CFCFCF;
}

select { 
	width: 63%; 
	padding: 4px 3px 4px 1px; 
	background-color: #fff; 
	border: 1px solid #CCCCCC;
	font-size: 1.4em;
}

.checkbox_container span, 
.radio_container span { 
	display: block; 
}

.checkbox_container + br, 
.radio_container + br {
	display: none;
}

.checkbox_container label,
.checkbox_container input,
.radio_container label,
.radio_container input{ 
	vertical-align: middle; 
}

.checkbox {
	font-size: 105%;
}

.tableless input[type="checkbox"], 
x:-moz-any-link {
	top: 0px; 
	position: relative; 
}

.checkbox_container { 
	margin-top: 10px; 
}

input[type="radio"], 
x:-moz-any-link {
	top: 0px; 
	position: relative; 
}

.submit_container { 
	margin-top: 1em; 
	margin-bottom: 1em; 
}

form table td { 
	padding-top: 3px; 
	padding-bottom: 3px; 
}

form table td:first-child { 
	width: 45%; 
	padding-bottom: 0px; 
	text-align: left; 
}

.tableform table { 
	width: 92%; 
	margin-top: 1.5em; 
	margin-bottom: 0px; 
}

#container .tableform .formbody, 
#container .tableless .formbody { 
	width: 100%; 
	overflow: hidden;
}

.tableless .formbody { 
	padding-top: 0px; 
}

legend { 
	padding-right: 6px; 
	color: #00ADF1; 
}

fieldset table { 
	width: 92%; 
	margin-top: 1em ! important; 
	margin-bottom: 1em ! important; 
}

fieldset table td:first-child { 
	width: 140px; 
	text-align: left; 
}

span.mandatory { 
	display: inline; 
	padding-left: 2px; 
	font-weight: bold; 
	color: #FF0000;
}

p.confirm { 
	color: #00ADF1; 
}

p.error { 
	margin-bottom: 6px; 
	font-weight: bold; 
	color: #FF0000; 
}

input.error[type="text"],
input.error[type="email"],
input.error[type="password"],
textarea.error { 
	background-color: #FFFFDD; 
	border-color: #FF0000; 
}

input.captcha { 
	width: 48px; 
}

span.captcha_text { 
	font-weight: normal;
	font-size: 1.4em;
}

label span.captcha_text {
	font-size: 1.0em;
}

:first-child + html span.captcha_text { 
	top: -3px; 
	position: relative; 
}

#container .submit {
	font-size: 1.4em;
    border: 1px solid #de601a;
    background: #ff9b50; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff9b50 0%, #fd7d0d 3%, #ee7404 96%, #de601a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b50), color-stop(3%,#fd7d0d), color-stop(96%,#ee7404), color-stop(100%,#de601a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b50', endColorstr='#de601a',GradientType=0 ); /* IE6-9 */
	color: #fff;
	font-weight: bold;
	padding: 5px;
	display: inline-block;
	cursor: pointer;
}

.submit:hover { 
	display: inline-block; 
	color: #7A7A7A; 
	cursor: pointer; 
}

select {
	width: 63%; 
	padding: 4px 3px 4px 1px; 
	border: 1px solid #CCCCCC; 
}

.checkbox_container span, 
.radio_container span { 
	display: block; 
}

.checkbox_container + br, 
.radio_container + br { 
	display: none; 
}

.checkbox_container label, 
.checkbox_container input { 
	vertical-align: middle; 
}

.tableless input[type="checkbox"], 
x:-moz-any-link { 
	top: -2px; 
	position: relative; 
}

.checkbox_container { 
	margin-top: 10px; 
}

input[type="radio"], 
x:-moz-any-link { 
	top: 2px; 
	position: relative; 
}
.submit_container { 
	margin-top: 1em; 
	margin-bottom: 1em; 
}


#main .formbody .submit_container {
	border-top: 1px dotted #D0C9C2;
	padding-top: 20px;
	margin-top: 10px;
}

/* 2) Login Box
___________________________________________________________*/

#container .mod_login {
	position: relative;
}

#container .mod_login .text {
	width: 74.4%;
	display: inline-block;
}

#container .mod_login label {
	width: 20%;
	display: inline-block;
}

#container .mod_login br {
	display: none;
}

#container .mod_login .checkbox_container {
	position: absolute;
	bottom: 14px;
	right: 18.5%;
}

#container .mod_login .checkbox_container label {
	width: 120px;
	margin-top: 7px;
}

#container .mod_login .submit_container {
	position: absolute;
	bottom: 0;
	right: 3em;
	border: none;
}

#container .grid6 .mod_login .submit_container {
	right: 1.8em;
}

#container .mod_login .checkbox {
	margin-top: 7px;
}


/* 3) small displays and tablets
___________________________________________________________*/


@media (min-width:768px) and (max-width:979px)
{

	#container .mod_login .text,
	#container .mod_login label {
		display: block;
	}
	
	#container .mod_login .text {
		width: 97%;
	}
	
	#container .mod_login .checkbox_container {
		left: 1em;
		right: auto;
	}
	
	#container .mod_login .checkbox_container label {
		display: inline;
	}
	
	#container .mod_login .submit_container {
		float: right;
	}
	
	span.captcha_text { 
		display: block;
	}
	

}


/* 4) portrait tablets and phone
___________________________________________________________*/


@media (max-width:767px)
{
    .tableform table{
        width: 100%;
        font-size: 1em;
        line-height: 1.4em;
        border:1px solid #e1dad6;
    }

    #container input[type="text"],
    input[type="email"],
    input[type="password"],
    textarea, input[type="search"]{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #main .formbody .submit_container {
        border-top: none;
        padding-top: 0px;
        margin-top: 10px;
    }

    #left {
		clear: both;
	}
	
	#container .mod_login .text,
	#container .mod_login label {
		display: block;
	}
	
	#container .mod_login .text {
		width: 100%;
	}
	
	#container .mod_login .checkbox_container {
		margin-left: 0%;
	}
	
	#container .mod_login .checkbox_container label {
		display: inline;
	}
	
	#container .mod_login .submit_container {
		float: right;
	}
	
	#container .mod_login .checkbox_container {
		left: 1em;
		right: auto;
	}
}


/* header.css - styles for header elements
.............................................
	Authors
		@author................: Joe Ray Gregory joe@may17.de
		@author................: Felix Pfeiffer
		@author................: Sascha Mueller

	Style Map
		1) Generel
		2) Search form
		3) Header image
............................................. */

/* 1) Generel
___________________________________________________________*/

/* add some space */
#header .mod_article {
	clear: both;
	margin-top: 20px;
}

/* position the logo */
.logo {
    clear: both;
    float: left;
    margin-left: 10px;
}

/* grey bar on the top */
.header-top-bar {
    border-top: 1px solid #e5dfdc;
    background-color: #eae5e2;
	font-size: 1.2em;
    overflow: auto;	
	padding-top: 5px;
	padding-bottom: 5px;
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0px;
}

/* inner part of the top bar */
.header-top-bar .inner {
	padding: 5px 10px;
}

/* rss feed button */
.rss {
    float: right;
    margin-top: 2px;
    margin-left: 10px;
}

/* simple line after the navigation and logo */
.inside > .header-line {
	clear: both;
	border-bottom: 1px dotted #d0c9c2;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}

/* 2) Search form - form.css overrides
___________________________________________________________*/

.form-search {
  float: right;
	width: 200px;
}


.form-search .text,
.form-search .submit_container {
    float: left;
}

.form-search .text {
	margin: 0;
	line-height: 1.2em;
	padding: 4px 6px;
	width: 80%;
}

.form-search .formbody {
	float: left;
	position: relative;
	width: 100%;
}



/* 3) Header image at the frontpage
___________________________________________________________*/

.header-image  {
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
}

.header-text {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #ed7404;
	background-color: rgba(236, 116, 4, 0.8);
	width: 96%;
	padding: 0 2%;
	color: #fff;
	margin: 0;
}

.header-image .ce_image {
	margin: 0;
}

.header-text p {
	padding: 0px;
	margin-bottom: 5px;
	font-size: 2.4em;
}

.header-text h1 {
	border-top: 2px solid #fff;
	padding-top: 5px;
	margin-top: 0;
}

.header-image img {
	display: block;
}
	
@media (max-width:767px)
{
	.header-image .image_container {
		padding: 0 !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		float: none !important;
	}
	
	.header-image {
		font-size: 70%;

	}
}
/* Stylesheet file for contao music academy 2
.............................................
authors
@author................: Joe Ray Gregory joe@may17.de
@author................: Felix Pfeiffer
@author................: Sascha Mueller
@author................: responsive and mobile by Stefan Melz slashworks stefan@slash-works.de

Style Hints
@colors
orange:
	Example: Used for headlines
	Hex: ed7404
	rgb:237,116,4
darkgrey:
	Example: Used for base text
	Hex: 60584d
	rgb: 95, 88, 82
............................................. */

/* Native elements */
body {
    background: url("../img/bg/body.png");
    font-family: Arial, Helvetica, sans-serif;
    color: #60584d;
    font-size:62.5%;
}


/* FP: Table on page "content elements" */
.content-element-list td {
    vertical-align: top;
}
.content-element-list td.col_0,
.content-element-list th.head_0 {
    width: 25%;
}
.content-element-list td.col_1,
.content-element-list th.head_1 {
    width: 20%;
}



/* Layout parts */
#wrapper {
    background-color: #fbfaf9;
    box-shadow: 0 0 8px #333;
}

#main {
	float: left;
	clear: both;
	margin-top: 10px;
  	padding: 0 0 60px;
}

#left {
	margin-top: 20px;
	margin-right: 10px;
}

.columns2 #main .inside {
    padding-left: 10px;
}

#container {
	clear: both;
    padding-bottom: 20px;
}

/* General Helpers */
.clearfix:after, #wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clr {
	clear: both;
}

.box-1 {
	border: 1px solid #e5dfdc;
	background-color: #eae5e2;
	padding: 1em;
}

.box-2 {
	margin-top: 20px;
	border: 1px solid #e1dad6;
	border-left: none;
	background-color: #f4f2f0;
}

@media (max-width:767px)
{
	body {
		background: none;
	}
	
	#main .inside {
		margin-left: 0;
		margin-right: 0;
	}
	
	.image_container {
		padding: 0 !important;
		margin-left: 0 !important;
		margin-right: 10px !important;
		float: none !important;
	}
	
	figcaption {
		padding: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: none !important;
		width: 100% !important;
		margin-bottom: 20px;
	}
}

.ie7 #container {zoom: 1;}
.ie7 #header .inside {position: static;}
.ie7 .mod_newsmenu ul {margin: 0; padding: 0;}



/* portrait tablets and phone
___________________________________________________________*/


@media (max-width:767px)
{
    .mod_article *[class*="ce_"], .mod_article *[class*="mod_"] {
        margin-left: 0px;
        margin-right: 10px;
    }

}
/* Stylesheet file for contao music academy 2
.............................................
authors
@author................: Joe Ray Gregory joe@may17.de
@author................: Felix Pfeiffer
@author................: Sascha Mueller

Style Hints
@colors
orange:
	Example: Used for headlines
	Hex: ed7404
	rgb:237,116,4
darkgrey:
	Example: Used for base text
	Hex: 60584d
	rgb: 95, 88, 82
............................................. */

figure {
    margin: 0;
    padding: 0;
}

fieldset {
    border: none;
}

a {
    color: #60584d;
}

h1 {
    font-size: 3.6em;
}

h1 a,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active {text-decoration: none; color: #60584d;}

h1 a:hover,
h1 a:focus,
h1 a:active {text-decoration: underline;}

h2, legend {
    color: #ed7404;
    font-size: 2.4em;
    border-bottom: 2px solid #ed7404;
    padding-bottom: 5px;
}

legend {
    display: block;
    margin-bottom: 20px;
    width: 100%;
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

#container a:hover {
    color: #ed7404;
}

h2 a,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active {text-decoration: none; color: #ed7404;}

h2 a:hover,
h2 a:focus,
h2 a:active {text-decoration: underline;}

h3 {
    font-size: 1.8em;
    text-transform: uppercase;
    color: #ed7404;
}

p,
.caption,
table,
.ce_text ul,
ol {
    font-size: 1.4em;
    line-height: 1.4;
}

.ce_text ul ul {
    font-size: 1em;
}

.ce_text ul {
    margin: 0;
    padding-left: 1.2em;
}
/* navigation.css - all styles for navigation modules
.............................................
	Authors
		@author................: Joe Ray Gregory joe@may17.de
		@author................: Felix Pfeiffer
		@author................: Sascha Mueller

	Style Map
		1) General
		2) Main Navigation
		3) Meta Navigation
		4) Left Navigation
		5) Pagination
		6) Book navigation
		7) Quicknav disabled
		8) Breadcrumb
		9) Sitemap
		10) small displays and tablets
		11) portrait tablets and phone
............................................. */

/* 1) General
___________________________________________________________*/
.mod_navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 2) Main Navigation
___________________________________________________________*/

.nav-main {
    float: right;
    margin-right: 10px;

}

/* First level li */
.nav-main > ul > li {
    float: left;
    margin-right: 10px;
    font-weight: bold;
}

/* Reset last item */
.nav-main li.last {
    margin-right: 0;
}

/* style first level a tags and actives */
.nav-main > ul > li > a,
.nav-main > ul > li > .active,
.nav-main > ul > li > .trail,
.mobile .nav-main > ul > li.submenu:hover > a {
    border: 1px solid #e1dad6;
    border-bottom-color: #d4cbc5;
    display: block;
    padding: 8px;
    color: #7f7266;
    text-decoration: none;
    background: #f4f2f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f2f0 0%, #eee9e7 3%, #e1dad6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f0), color-stop(3%,#eee9e7), color-stop(100%,#e1dad6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f0', endColorstr='#e1dad6',GradientType=0 ); /* IE6-9 */
    font-size: 1.6em;
}

/* add hover status for a and active items with dropdown */
.nav-main > ul > li:hover > a,
.nav-main > ul > li.submenu:hover > .active,
.mobile .nav-main > ul > li.submenu:hover > a {
	background: #f4f2f0;
	border-color: #e5dfdc;
	color: #ed7404;
}

/* add a padding to bottom for the dropdown effect */
.nav-main > ul > li.submenu:hover > a,
.nav-main > ul > li.submenu:hover > .active {
	padding-bottom: 15px;
	border-bottom: none;
}

/* set the active effect */
.nav-main > ul > li > .active,
.nav-main > ul > li > .trail,
.mobile .nav-main > ul > li.submenu:hover > .trail,
.mobile .nav-main > ul > li.submenu:hover > .active {
    border-color: #de601a;
    border-bottom-color: #cf5917;
    color: #ffffff;
    background: #ff9b50; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff9b50 0%, #fd7d0d 3%, #ee7404 96%, #de601a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b50), color-stop(3%,#fd7d0d), color-stop(96%,#ee7404), color-stop(100%,#de601a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b50', endColorstr='#de601a',GradientType=0 ); /* IE6-9 */
}

/****** 2.1) Dropdown styles ******/

/* add base dropdown styles */
.nav-main > .level_1 > .submenu > .level_2 {
	position: absolute;
	border: 1px solid #eee;
    left: -9999em;
    width: 170px;
	z-index: 88;

}

/* show dropdown on hover */
.nav-main > .level_1 > .submenu:hover > .level_2 {
	left: auto;
	background: #f4f2f0;
	border: 1px solid #e5dfdc;
}

/* style the buttons */
.nav-main > .level_1 > .submenu > .level_2 a,
.nav-main > .level_1 > .submenu > .level_2 strong {
	display: block;
	clear: both;
	padding-bottom: 0;
	font-size: 1.6em;
	text-decoration: none;
	padding: 8px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e1dad6;
}

/* style the hover effect */
.nav-main > .level_1 > .submenu:hover > .level_2 a:hover,
.nav-main > .level_1 > .submenu:hover > .level_2 .active,
.nav-main > .level_1 > .submenu:hover > .level_2 .trail {
	color: #ed7404;
}

/* 3) Meta Navigation
___________________________________________________________*/

.nav-meta {
    float: right;
    line-height: 30px;
    margin-right: 10px;
}

.nav-meta li {
    display: inline;
    padding: 0 5px;
}

.nav-meta a {
    text-decoration: none;
}

.nav-meta a:hover {
    text-decoration: underline;
}

/* 4) Left Navigation
___________________________________________________________*/

.nav-left {
	margin: 20px 0 0 0px;
	border: 1px solid #e1dad6;
	border-left: none;
	font-weight: bold;
}

.nav-left a,
.nav-left strong.active,
.nav-left strong.trail,
.nav-left a.trail {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e1dad6;
    display: block;
    padding: 10px;
    color: #7f7266;
    text-decoration: none;
	background: url("../img/icons/icon_arrow-right-grey.png") no-repeat 95% 50% #f4f2f0;
    font-size: 1.6em;
}

.nav-left a:hover {
	color: #ed7404;
	background-image: url("../img/icons/icon_arrow-right-orange.png");
}

.nav-left strong.active,
.nav-left strong.trail,
.nav-left a.trail {
	background-color: #ed7404;
	background-image: url("../img/icons/icon_arrow-right-darkorange.png");
	color: #fff;
	border-top-color: #ff9b50;
}

.nav-left .last a,
.nav-left .last strong.active,
.nav-left strong.trail {
	border-bottom: none;
}


/* 5) Pagination
___________________________________________________________*/

.pagination {
	clear: both;
	border-top: 1px solid #e1dad6;
	padding-top: 5px;
	margin-top: 10px; 
}

.pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pagination li {
	float: left;
}

.pagination a,
.pagination span {
	font-size: 1.4em;
	border: 1px solid #e1dad6;
    border-bottom-color: #d4cbc5;
    display: block;
    padding: 5px;
    color: #7f7266;
    text-decoration: none;
    background: #f4f2f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f2f0 0%, #eee9e7 3%, #e1dad6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f0), color-stop(3%,#eee9e7), color-stop(100%,#e1dad6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f0', endColorstr='#e1dad6',GradientType=0 ); /* IE6-9 */
    margin-right: 2px;
}

.pagination span {
	border: 1px solid #de601a;
    border-bottom-color: #cf5917;
    display: block;
    padding: 5px;
    color: #ffffff;
    background: #ff9b50; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff9b50 0%, #fd7d0d 3%, #ee7404 96%, #de601a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b50), color-stop(3%,#fd7d0d), color-stop(96%,#ee7404), color-stop(100%,#de601a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b50', endColorstr='#de601a',GradientType=0 ); /* IE6-9 */
}

/* 6) Book Navigation
___________________________________________________________*/

.mod_booknav {
	clear: both;
	border-top: 1px solid #e1dad6;
	padding-top: 5px;
	margin-top: 10px; 
}

.mod_booknav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mod_booknav li {
	float: left;
}

.mod_booknav a,
.mod_booknav span {
	font-size: 1.4em;
	border: 1px solid #e1dad6;
    border-bottom-color: #d4cbc5;
    display: block;
    padding: 5px;
    color: #7f7266;
    text-decoration: none;
    background: #f4f2f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f2f0 0%, #eee9e7 3%, #e1dad6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f0), color-stop(3%,#eee9e7), color-stop(100%,#e1dad6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f0', endColorstr='#e1dad6',GradientType=0 ); /* IE6-9 */
    margin-right: 2px;
}

.mod_booknav span {
	border: 1px solid #de601a;
    border-bottom-color: #cf5917;
    display: block;
    padding: 5px;
    color: #ffffff;
    background: #ff9b50; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff9b50 0%, #fd7d0d 3%, #ee7404 96%, #de601a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b50), color-stop(3%,#fd7d0d), color-stop(96%,#ee7404), color-stop(100%,#de601a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b50', endColorstr='#de601a',GradientType=0 ); /* IE6-9 */
}

.mod_booknav a:hover {
	background: #f4f2f0;
	border-color: #e5dfdc;
	color: #ed7404;
}

/* Hide the up, prev buttons for pages with this class */
.noprevlink .mod_booknav .up,
.noprevlink .mod_booknav .prev{
	display: none;
}
/* 7) Quick nav
___________________________________________________________

.mod_quicknav {
	border: 1px solid #95857a;
  	border-bottom: 1px solid #76695f;
    background: #9b8d81;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliOGQ4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTdiNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9b8d81 0%, #897b70 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b8d81), color-stop(100%,#897b70));
    background: -webkit-linear-gradient(top,  #9b8d81 0%,#897b70 100%);
    background: -o-linear-gradient(top,  #9b8d81 0%,#897b70 100%);
    background: -ms-linear-gradient(top,  #9b8d81 0%,#897b70 100%);
    background: linear-gradient(to bottom,  #9b8d81 0%,#897b70 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b8d81', endColorstr='#897b70',GradientType=0 );

}

.mod_quicknav .select {
  font-size: 1.4em;
  background: #9b8d81; 
  border: none; 
  color: #FFF; display: block;
}

.mod_quicknav option {
	background: none; 
	padding: 7px 9px;
  	background: #9b8d81; width: 100%;
}

.mod_quicknav option:hover,
.mod_quicknav option:focus {background: #ED7404;}


.mod_quicknav .submit {display: none;}
*/

/* 8) Breadcrumb
___________________________________________________________*/

.mod_breadcrumb ul {
	list-style: none;
	padding: 0;
	margin: 15px 0 0 10px;
	font-size: 1.2em;
}

.mod_breadcrumb li {
	float: left;
	background: url("../img/icons/icon_arrow-small.png") no-repeat 100% 50%;
	padding-right: 15px;
	padding-left: 5px;
}

.mod_breadcrumb .first {
	padding-left: 0px;
}

.mod_breadcrumb a {
	text-decoration: none;
}

.mod_breadcrumb a:hover {
	text-decoration: underline;
}

.mod_breadcrumb .active {
    color: #ed7404;
    font-weight: bold;
    background: none;
}

/* 9) Sitemap
___________________________________________________________*/

.mod_sitemap ul {
	font-size: 1.4em;
	line-height: 1.4;
	margin: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mod_sitemap li {
	background: url("../img/bg/sitemap_normal.png") no-repeat 0 0px;
	padding: 0px 0 5px 15px;
	margin: 0;
}

.mod_sitemap > ul > li.first {
	background-image: url("../img/bg/sitemap_first.png");
}

.mod_sitemap li.last {
	background-image: url("../img/bg/sitemap_last.png");
}

.mod_sitemap ul ul {
	font-size: 1em;
}

.mod_sitemap ul ul ul {

}

.mod_sitemap a {
	display: block;
	background-color: #fbfaf9;
	padding: 2px;
}

/* 10) landscape tablets and smaller screens
___________________________________________________________*/

@media (min-width:768px) and (max-width:979px)
{
	.nav-main,
	.nav-left {
		font-size: 0.8em;
	}

	figure {
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.caption {
		margin-bottom: 20px;
	}
}

/* 11) Phone and portrait styles
___________________________________________________________*/

@media (max-width:767px)
{

	.nav-main {
		background: url("../img/nav_mobile.png") no-repeat 50% 50% #ed7404;
		width: 35px;
		height: 33px;
	}
	
	.nav-main ul {
		left: -999em;
		position: absolute;
		z-index: 99;
	}
	
	.nav-main ul ul {
		display: none;
	}
	
	.nav-main:hover ul {
		left: auto;
		margin-left: -200px;
	}
	
	.nav-main li {
		float: none;
		clear: both;
	}
	
	.nav-main li {
		width: 200px;
	}
	
	.nav-main > ul > li.submenu:hover a,
	.nav-main > ul > li.submenu:hover .active {
		padding-bottom: 9px;
	}
	
	.nav-left {
		margin: 0 10px 20px 10px;
		border-left: 1px solid #e1dad6;
	}

	.mod_breadcrumb {
		display: none;
	}
	
	
	.mobile .nav-main {
		width: auto;
		height: auto;
		float: none;
		background: none;
		margin-right: 0;
	}
	
	.mobile .nav-main ul {
		position: static;
		width: 100%;
		float: none;
	}
	
	.mobile .nav-main:hover ul {
		margin-left: 0;
	}
	
	.mobile .nav-main li {
		width: 100%;
		float: none;
	}
	
	.mobile #footer .nav-main a {
	    font-size: 1.8em;
	    color: #7f7266;
	}
	
	.mobile #footer .nav-main > ul > li > .trail {
		color: #fff;
	}
	
	.mobile .nav-main ul ul {
		display: block;
	}
	
	.mobile .nav-main .submenu > ul,
	.mobile .nav-main .submenu:hover > ul {
		background: #f4f2f0;
		padding: 0;
		margin: 0;
		border: none;
	}
	
	.mobile .nav-main .submenu:hover > ul li {
		padding: 0;
		margin: 0;
		border: none;
	}
	
	
	.mobile .nav-main .submenu:hover > ul a,
	.mobile .nav-main .submenu > ul a,
	.mobile .nav-main .submenu > ul li .active {
		color: #7f7266;
		display: block;
		padding: 8px;
		padding-left: 25px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e1dad6;
	}
	
	.mobile .nav-main .submenu > ul li .active {
		color: #ed7404;
		font-size: 1.8em;
	}
	

}
/* listing.css - styles for contao content elements
.............................................
	Authors
		@author................: Sascha Mueller
		@author................: Joe Ray Gregory joe@may17.de


	Style Map
		1) Teaser
		2) Newslist
		3) Layout Simple
		4) Layout Short
		5) Newsarchiv
		6) Newsarchiv Navigation
............................................. */


/* 1) Teaser
___________________________________________________________*/

.teaser {
	font-size: 1.4em;
	line-height: 1.4;
}

.teaser p,
.teaser ul {
	font-size: 1.0em;
}

/* 2) Newslist
___________________________________________________________*/

.mod_newslist {
	padding: 0 0 10px;
  	border-bottom: none;
}

.mod_newslist .last {
	border-bottom: 1px solid transparent;
}

.mod_newslist p.info {
	font-size: 1.1em;
	margin-bottom: 0;
}

/* 3) Layout Simple
___________________________________________________________*/

.mod_newslist .layout_simple {
  	margin: 15px 0 0; padding: 0 0 15px;
	font-size: 1.4em; line-height: 1.4;
	border-bottom: 1px solid #60584D;
}

.layout_simple time {
	display: block; font-size: 0.8em;
}

/* 4) Layout Short
___________________________________________________________*/

.layout_short {margin-bottom:20px;}
.layout_short h2 {margin-top: 0;}

/* 5) Newsarchiv
___________________________________________________________*/

.mod_newsarchive p.info {font-size: 1.1em; margin-bottom: 0;}
.mod_newsarchive h2 {margin-top: 0;}
.mod_newsarchive h1 {padding: 0 10px;           }
/* 6) Newsarchiv Navigation
___________________________________________________________*/

.mod_newsmenu {
	margin: 20px 0 0;
	border-left: none;
	font-weight: bold;
}

.mod_newsmenu ul {
	margin: 0; padding: 0;
	list-style: none;
}

.mod_newsmenu ul > .year {
    font-size: 1.6em;
    color: #ed7404;
    padding-left: 0;
    /* text-indent: 1em; */
	border: 1px solid #e1dad6;
	margin-bottom: 20px;
	background-color: #f4f2f0;
}

.mod_newsmenu .year ul {
	margin-top: 0;

}

.mod_newsmenu a,
.mod_newsmenu span.active {
    display: block;
    padding: 10px;
    color: #7f7266;
    text-decoration: none;
	background: url("../img/icons/icon_arrow-right-grey.png") no-repeat 95% 50%;
	font-size: 0.9em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e1dad6;
}

.mod_newsmenu a:hover,
.mod_newsmenu span.active {
	color: #ed7404;
	background-image: url("../img/icons/icon_arrow-right-orange.png");
}
.mod_newsmenu span.active {
	background-color: #ed7404;
	background-image: url("../img/icons/icon_arrow-right-darkorange.png");
	color: #fff;
	border-top-color: #ff9b50;
}

.mod_newsmenu .last a,
.mod_newsmenu .last span.active,
.mod_newsmenu span.trail {
	border-bottom: none;
}
/* newsletter.css - styles for newsletter elements
.............................................
	Authors
		@author................: Sascha Mueller
        @author................: responsive and mobile by Stefan Melz slashworks stefan@slash-works.de
		@author................: refactored by Joe Ray Gregory joe@may17.de

	Style Map
		1) Forms
		2) Listing
		3) small displays and tablets
		4) portrait tablets and phone
............................................. */


/* 1) Forms
___________________________________________________________*/

.mod_subscribe .checkbox_container,
.mod_unsubscribe .checkbox_container {
	margin: 10px 0;
	padding: 10px 0;
	border: 1px dotted #D0C9C2;
	border-left: 0;
	border-right: 0;
}

.mod_subscribe .text,
.mod_unsubscribe .text {
	width: 40%;
}

/* 2) Listing
___________________________________________________________*/

.mod_nl_list {
  margin: 20px 0 0;
  border: 1px solid #e1dad6;
  border-left: none;
  font-weight: bold;
  background-color: #f4f2f0;  
  color: #7f7266;
  font-size: 1.4em;
  line-height: 1.4;
}

.mod_nl_list h2
{
  margin: 0; padding: 10px;
  font-size: 1.2em;
  color: #ed7404;
  border-bottom: 1px solid #e1dad6;
}


.mod_nl_list ul {
  	margin: 0; padding: 0;
	list-style: none;
}
.mod_nl_list li {
  margin: 15px 0 0; padding: 0 10px  15px;
  font-size: 0.8em;
  overflow: hidden;
}

.mod_nl_list a,
.mod_nl_list a:visited,
.mod_nl_list a:hover,
.mod_nl_list a:focus {
  padding: 3px 0 0;
  font-size: 1.2em;
  float: left;
  text-decoration: none;
}

.mod_nl_list a:hover,
.mod_nl_list a:focus {color: #ed7404;}

/*3) landscape tablets and smaller screens
___________________________________________________________*/

@media (min-width:768px) and (max-width:979px)
{


}

/* 4) Phone and portrait styles
___________________________________________________________*/

@media (max-width:767px)
{
    .mod_nl_list{
        border-left:1px solid #e1dad6;;
        margin: 15px 10px;
        padding-bottom: 15px;
    }

    .mod_nl_list a,
    .mod_nl_list a:visited,
    .mod_nl_list a:hover,
    .mod_nl_list a:focus{
        display: block;
        float: none;
    }

    .mod_nl_list li{
        padding-bottom: 0;
    }
}

/* print.css - styles for print view
.............................................
	Authors
		@author................: Sascha Mueller
............................................. */

@media print {
  body {
    margin: 0; padding: 0;
  	background: #FFF !important; 
    font-size: 14px;
  }
  
  .grid12,
  #wrapper {width: 100.0%;}
  
  nav,
  #header-top-bar, #nav-main,
  .mod_breadcrumb, #social,
  .mod_newsmenu, .mod_login,
  #left, .mod_booknav, .pagination {display: none;}
  
  #main .inside {margin: 0;}
  
  #container {padding: 0;}
  
  .accordion
  {
      height: auto !important;
      visibility: visible !important;
      opacity: 1.0 !important;
  }
  
  #footer .mod_newslist,
  #footer .mod_eventlist,
  .mod_subscribe,
  .mod_unsubscribe{display: none;}
}
/* search.css - styles for search elements
.............................................
	Authors
		@author................: Joe Ray Gregory joe@may17.de
............................................. */


.mod_search .even,
.mod_search .odd {
	border-bottom: 1px solid #d4cbc5;
	margin-bottom: 1px;
}

.mod_search .last {
	border-bottom: none;
}

.mod_search h3 a,
.mod_search h3 a:visited,
.mod_search h3 a:hover,
.mod_search h3 a:focus,
.mod_search h3 a:active {text-decoration: none; color: #ed7404;}

.mod_search h3 a:hover,
.mod_search h3 a:focus,
.mod_search h3 a:active {text-decoration: underline;}

.mod_search h3 a {
	color: #ed7404;
}

.mod_search .relevance {
	font-size: 0.8em;
	padding-left: 10px;
	color: #60584D;
}

.mod_search .formbody {
	border: 1px solid #e5dfdc;
	background-color: #eae5e2;
	padding: 1em;
}

.mod_search .radio_container span {
	float: left;
	margin-right: 1em;
}

.mod_search fieldset {
	padding: 0;
	margin: 5px 0 0 0;
}

.mod_search .highlight {
	color: #ED7404;
	font-weight: bold;
}