/**
 * 
 * Design und Layout 'abenaa'
 * 
 * 
 * This file gives an overview of the required CSS definitions which
 * needs to be defined for all Website Baker templates added to the 
 * Website Baker addons repository from June 2008 onwards. 
 * 
 * See http://www.w3.org/TR/CSS21/sample.html for the HTML4 
 * default styles applied if nothing else is specified in your stylesheet.
 *
 * To facilitate adaption, you may want to consider separate stylesheets.
 * One for the layout (container for header, footer, content, menu ...),
 * another one for the HTML elements which are shown in the content areas.
 * This can easily be achieved via @import rules
 * 
 * @author     Ines Gesell
 * @copyright  Ines Gesell
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    1.0
 * @platform   Website Baker 2.8
 *
*/
/* great-vibes-regular - latin */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/great-vibes-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Great Vibes'), local('GreatVibes-Regular'),
       url('fonts/great-vibes-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/great-vibes-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/great-vibes-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/great-vibes-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/great-vibes-v5-latin-regular.svg#GreatVibes') format('svg'); /* Legacy iOS */
}
/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('fonts/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('fonts/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}


/* Body und Sideholder */
body {
text-align: center;
margin : 0 0 40px 0;
padding : 0;
font-family: 'PT Sans', sans-serif;
color : #fbd9be;
background : #1a222d url(img/bg.jpg) top center no-repeat;
text-shadow: 0 0 0.4em #010101, 0 0 0.4em #010101, 0 0 0.4em #010101;
}

.section_anchor {
display: none;
}

#main {
text-align: center;
margin : 0;
padding : 0;
width : 100%;
height: 729px;

}

#sideholder {
text-align: left;
margin : 0 auto;
width : 990px;
}

#container {
text-align : left;
padding : 0;
margin : 0;
}

/* Header */
#header {
background : url(img/header.png) bottom center no-repeat;
height : 305px;
width : 990px;
margin : 0;
padding : 0;
}

/* Navi links */
#navi_main {
float: left;
text-align : left;
width : 245px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

#navi {
width : 245px;
margin : 25px 0 10px 0;
padding : 1px 0 0 0;
background : url(img/stripe.png) 0% 0% repeat-x;
}

#navi img {
float: left;
margin : -5px 17px 0 0;
padding :0 0 0 0;
}


#navi a {
font-size : 1.4em;
font-weight: 400;
text-decoration : none;
color : #fbd9be;
display : block;
padding : 1px 0 15px 12px;
margin: 0 0 0 0;
background : url(img/stripe.png) 0% 100% repeat-x;
}

#navi_add {
line-height: 1.4em;
font-size: 0.9em;
padding: 0 0 15px 15px;
margin: 0 0 0 0;
}

/* Inhalt */
#contentwide {
width : 700px;
float : right;
padding : 0 0 0 0;
margin : 0 0 0 0;
line-height : 1.7em;
text-align : left;
font-size : 16px;
background : url(img/cw-trans.png) top left repeat;
}

#contentwide h1 {
font-family: 'Great Vibes', cursive;
font-weight : 400;
font-size : 4.0em;
margin : 15px 0 0 0;
padding : 0 0 5px 0;
line-height : 1.2em;
color: #fbd9be;
text-shadow: 0 0 0.1em #010101, 0 0 0.1em #010101, 0 0 0.1em #010101;
}

#contentwide h2 {
font-size : 2.0em;
font-weight : 400;
margin : 0 5px 10px 0;
padding : 0 0 0 0;
line-height : 1.2em;
color: #fbd9be;
}
#contentwide h3 {
font-size : 1.3em;
font-weight : 400;
margin : 5px 5px 5px 0;
padding : 0 0 0 0;
line-height : 1.4em;
color: #fbd9be;
}

#contentwide ul, #contentwide ol {
margin : 0 0 10px 10px;
padding : 0;
}

#contentwide li {
margin:0 0 0 0;
padding:0 0 0 20px;
list-style-type: none;
line-height: 2.2em;
background : url(img/li-trans.png) no-repeat 0px 8px;
}
#contentwide p {
margin : 5px 0 15px 0;
padding : 0;
}

#contentwide a {
color : #fbd9be;
border: none;
}

#contentwide hr {
border:0; 
border-top: solid 1px #fbd9be;
margin : 25px 10px 25px 0;
}

#iframe {
float: right;
overflow:hidden;
border: none;
height: 557px;
width: 183px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* Footer */
#footer {
clear : both;
width : 700px;
text-align: left;
padding: 40px 0 40px 290px;
margin: 0 0 0 0;
font-size: 0.8em;
background : url(img/footer.png) repeat-x top center;
}

#footer a {
font-size: 1.6em;
font-weight: 700;
margin: 0 10px 0 10px;
}

/* Links */
a {
text-decoration : none;
color : #fbd9be;
font-weight : bold;
border : none;
}

a img {
border : 0 none;
}

a:hover {
color : #fbd9be;
font-weight : bold;
}

a:active {
color : #fbd9be;
font-weight : bold;
}

/*  Formulare */
#form {
width: 98%,
}

.button {
clear: both;
margin : 10px 0 10px 0;
font-size: 1.2em;
padding : 4px 45px 4px 45px;
color: #1a222d;
background-color : #fbd9be;
border: none;
margin-top: 20px;
font-family: 'PT Sans', sans-serif;
-moz-box-shadow: 4px 4px 4px #000000;
-webkit-box-shadow: 4px 4px 4px #000000;
box-shadow: 4px 4px 4px #000000;
}

.required {
color : #f06653;
font-weight: bold;
font-size : 1.5em;
}
.required_captcha {
color : #f06653;
font-size : 0.9em;
}

.captcha_expl {
color : #f06653;
font-size : 1.0em;
line-height: 1.2em;
padding-left: 27%;
}

.field_title {
font-size : 1.0em;
line-height: 1.2em;
padding: 5px 0 10px 0;
width : 150px;
vertical-align : top;
}

.textfield {
color: #fbd9be;
text-shadow: 0 0 0.4em #010101, 0 0 0.4em #010101, 0 0 0.4em #010101;
font-family: 'PT Sans', sans-serif;
font-size : 1.0em;
font-weight : 400;
width : 330px;
margin : 0 0 10px 0;
padding : 4px;
border : 1px solid #2b3747;
background : none;
-moz-box-shadow:inset 1px 1px 4px #000000;
-webkit-box-shadow:inset 1px 1px 4px #000000;
box-shadow:inset 1px 1px 4px #000000;
}

.textarea {
color: #fbd9be;
text-shadow: 0 0 0.4em #010101, 0 0 0.4em #010101, 0 0 0.4em #010101;
font-family: 'PT Sans', sans-serif;
font-size : 1em;
font-weight : 300;
width : 330px;
margin : 0 0 25px 0;
padding : 4px;
height : 10em;
overflow: auto;
border : 1px solid #2b3747;
background : none;
-moz-box-shadow:inset 1px 1px 4px #000000;
-webkit-box-shadow:inset 1px 1px 4px #000000;
box-shadow:inset 1px 1px 4px #000000;
}

.field_heading {
font-weight : 300;
margin : 15px 0 0 0;
padding : 15px 0 25px 0;
line-height : 1.1em;
font-family: 'Oswald', sans-serif;
font-size: 1.2em;
}

.select {
font-size : 14px;
}

.checkbox_label {
font-size : 1.0em;
cursor : pointer;
line-height: 2.5em;
}

.radio_label {
font-size : 1.0em;
cursor : pointer;
}

.email {
color: #fbd9be;
text-shadow: 0 0 0.4em #010101, 0 0 0.4em #010101, 0 0 0.4em #010101;
font-family: 'PT Sans', sans-serif;
font-size : 1em;
font-weight : 400;
width : 330px;
margin : 0 0 30px 0;
padding : 4px;
border : 1px solid #2b3747;
background : none;
-moz-box-shadow:inset 1px 1px 4px #000000;
-webkit-box-shadow:inset 1px 1px 4px #000000;
box-shadow:inset 1px 1px 4px #000000;
}

.captcha {
width : 120px;
color: #fbd9be;
text-shadow: 0 0 0.4em #010101, 0 0 0.4em #010101, 0 0 0.4em #010101;
font-family: 'PT Sans', sans-serif;
font-size : 1.1em;
font-weight : 300;
margin : 0;
padding : 4px;
border : 1px solid #2b3747;
background : none;
-moz-box-shadow:inset 1px 1px 4px #000000;
-webkit-box-shadow:inset 1px 1px 4px #000000;
box-shadow:inset 1px 1px 4px #000000;
}

/* Schriften */
.fett {
font-weight : bold;
}

.hide {
display : none;
}

/* Images */
.rechts {
margin : 2px 0 0 20px;
padding: 0 0 12px 0;
float : right;
}

.links {
margin : 2px 20px 0 0;
float : left;
padding: 0 0 12px 0;
}

/* Cookies ============================================================================= */
#cookie-container {
width: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,0.6);
z-index: 500000;
overflow: hidden;
-webkit-transition: all 1.9s;
-moz-transition: all 1.9s;
transition: all 1.9s;
text-shadow: none;
}
div#cookie-notice {
box-sizing: border-box;
text-align: center;
color: #fff;
display: block;
font-size: 1.0em;
width: 100%;
max-width: 1360px;
padding: 20px 4px;
margin: 0 auto;
z-index: 10;
text-shadow: none;
}
div#cookie-notice #cookie-notice-close { 
float:right;
background: #FF0000;
color: #ffffff;
font-weight: bold;
padding: 10px;
margin-left: 20px;
cursor: pointer;
border-radius: 4px;
text-shadow: none;
}
#cookie-container a {
color: #fbd9be;
font-weight: 700;
text-shadow: none;
}