/* ----------------------------------------------------------------------------- *
 *                      Atmosphäre: Farben und Schriften                         *
 *          Alle weiteren Styles stecken in der jeweiligen layout.css            *
 * ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- *
 * Verwendete Farben
 * Blue Colors:
 * #1A1F2B - dark blue
 * #30395C - middle dark blue
 * #4A6491 - middle blue
 * #85A5CC - middle light blue
 * #C2D2E5 - light blue
 * ----------------------------------------------------------------------------- */

/* yanone-kaffeesatz-regular - latin */
@font-face {
	font-family: 'Yanone Kaffeesatz';
	font-style: normal;
	font-weight: 400;
	src: url('../Fonts/yanone-kaffeesatz-v24-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../Fonts/yanone-kaffeesatz-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../Fonts/yanone-kaffeesatz-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../Fonts/yanone-kaffeesatz-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../Fonts/yanone-kaffeesatz-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../Fonts/yanone-kaffeesatz-v24-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../Fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../Fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../Fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../Fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../Fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../Fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../Fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../Fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../Fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../Fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../Fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../Fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html    {
    font-size: 100%;
}

body {
    background: url('../Images/background.jpg') repeat-x #FFD700;
    color: #1A1F2B; /* dark blue */
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1em; /* 16px */
    line-height: 1.5em; /* 24px */
    padding-top: 20px
}

.page-wrapper {


}

header {
	background-color: #FFF;

}

.main {

    background-color: #FFF;
    color: #444;
}

.mainContent {
    color: #444;
}

aside {

}

footer {

    text-align: right;
    border-bottom: 0px solid yellowgreen;
}

.responsive-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    padding-top: 30px;
    position: relative;
}
.responsive-container iframe, .responsive-container object, .responsive-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* ----------------------------------------------------------------------------- *
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */

h1, h2, h3  {
	font-family: 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;

}

h1  {
    font-size: 2.250em; /* 36px; */
    line-height: 1.5em; /* 54px */
}

h2  {
    font-size: 1.625em; /* 26px */
    line-height: 1.5em;
    color: #E4821C; /* middle blue */
}

h3  {
    color: #E4821C; /* middle blue */
    font-size: 1.375em; /* 22px */
    font-weight: normal;
}

p.teasertext    {
    color: #30395C; /* middle dark blue */

    font-size: 1.188em; /* 19px */
    line-height: 1.368em; /* 26px */
}

a:link, a:visited {
    color: #E4821C;
    text-decoration: none;
}

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

.highlight{
   color: yellowgreen;
}

table td, th {
	vertical-align:top;
	padding: 5px;
}

/* ----------------------------------------------------------------------------- *
 *                                    Navigation                                 *
 * ----------------------------------------------------------------------------- */

nav {
    color: #efefef;
    font-family: "Trebuchet MS",Helvetica,Arial;
    font-size: 1.25em; /* 20px */

}

nav ul li {
    list-style: none;
}

nav a:link, nav a:hover, nav a:visited {
    color: #444;
}

nav a:hover {

	background-color: #E4821C;
	color: #FFF;

}

/* Das Kontaktformular */
form {
  width: 100%; /* Breite des Formulars */
	margin-top: 30px;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;

}

fieldset {
	margin-bottom: 1.5em;

}
input,
textarea {
  width: 80%;
  border: 1px solid #ccc;
  margin-bottom: 1.1em;
}


.checkbox_container {
	width: 80%;

}

select {
	width: 80%;
	 margin-bottom: 1.1em;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #ccc;
}

.invisible {
	display: none;
}

.submit {
	background: #E4821C;
	color: #FFF;
	width: 45%;
}

	input[type="checkbox"]{

 float: left;
 width: auto;
 margin: 5px 10px 0 0;

}

@media only screen and (min-width: 46.875em) {

	fieldset {
	width: 45%;
	float: left;
	margin-left: 3%;
}

.checkbox_container {
	width: 80%;
	float: none;
	margin-left: 0;
	}


}