/**
 * 
 * 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
 *
*/


/* Body und Sideholder */
body {
text-align: center;
margin : 0 0 0 0;
padding : 0;
font : 76% Verdana, Tahoma, Arial, sans-serif;
color : #9298a1;
background : #637990 url(img/bg.jpg) repeat-x;
background-attachment: fixed;
}

.section_anchor {
display: none;
}

#main_1 {
text-align: center;
margin : 0;
padding : 0;
width : 100%;
height: 104px;
margin : 0 auto;
background: url(img/bg_main-trans.png) top center repeat;
border-bottom: 1px solid #000;
}

#main_2 {
clear: both;
text-align: center;
margin : 0;
padding : 0;
width : 100%;
margin : 0 auto;
background: url(img/bg_main-trans.png) top center repeat;
border-top: 1px solid #000;
}

#sideholder_1, #sideholder_2 {
text-align: left;
margin : 0 auto;
width : 980px;
}

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

/* Header */
#header {
background : url(img/header-trans.png) top center no-repeat;
text-align : right;
height : 142px;
width : 980px;
margin : 0;
padding : 0;
font-size: 0.9em;
}

#header p {
margin : 0;
padding : 80px 30px 0 0;
}

#header a {
margin : 0 0 0 20px;
padding : 3px 5px 1px 5px;
font-weight: normal;
}

/* Header All*/
#header_all{
background: url(img/bg_main-trans.png) top center repeat;
text-align : right;
height : 395px;
width : 980px;
margin : 0 0 30px 0;
padding : 0 0 0 0;
border: 1px solid #000;
}

#header_bild {
float:right;
background : url(img/header_bild.jpg) top center no-repeat;
text-align : right;
height : 285px;
width : 710px;
margin : 0 0 0 0;
padding : 35px 45px 0 0;
}

#slideshow {
float:right;
height : 285px;
width : 670px;
margin : 0 0 0 0;
padding : 0;
}

#coin-slider {
text-align: left;
height : 285px;
width : 670px;
margin : 0 0 0 40px;
padding : 0;
}

/* Header Main Navi */
#header_main_navi {
float: left;
text-align : left;
width : 221px;
margin : 0 0 0 0;
padding : 0 0 0 0;
border-right: 1px solid #000;
}

#header_main_navi ul {
list-style : none;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

#header_main_navi li {
text-decoration : none;
padding : 0 0 0 0;
margin: 0 0 0 0;
height: 79px;
}

#header_main_navi .menu-current a {
text-decoration : none;
display : block;
padding : 0 0 0 0;
margin: 0 0 0 0;
}

/* Header Sub Navi */
#header_sub_navi {
float: right;
text-align : left;
width : 620px;
margin : 0 0 0 0;
padding : 42px 0 0 0;
}

#header_sub_navi ul {
list-style : none;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

#header_sub_navi li {
float: right;
text-decoration : none;
padding : 0 0 0 0;
margin: 0 0 0 10px;
height: 33px;
}

/* Adresse und Suche */
#add {
clear: both;
float: left;
margin : 0 0 0 0;
width : 225px;
line-height: 1.5em;
}

#add p {
margin : 0 0 20px 10px;
}

#add h1 {
font-size : 24px;
font-weight : bold;
letter-spacing: -1px;
font-family:Tahoma, Geneva, sans-serif;
margin :  0 0 15px 10px;
padding : 0 0 0 0;
line-height : 1.2em;
color: #9298a1;
}

#add h2 {
font-size : 18px;
font-weight : bold;
font-family:Tahoma, Geneva, sans-serif;
margin :  0 0 5px 10px;
padding : 0 0 0 0;
line-height : 1.2em;
color: #9298a1;
}

/* Inhalt */
#contentwide {
width : 710px;
float : right;
padding : 0 0 20px 0;
margin : 0 0 0 0;
line-height : 1.8em;
text-align : left;
font-size : 1.0em;
}

#contentwide h1 {
font-size : 24px;
font-weight : bold;
letter-spacing: -1px;
font-family:Tahoma, Geneva, sans-serif;
margin : 30px 5px 12px 0;
padding : 0 0 0 0;
line-height : 1.2em;
color: #9298a1;
}
#contentwide h2 {
font-size : 1.2em;
font-weight : bold;
margin : 5px 5px 15px 0;
padding : 0 0 0 0;
line-height : 1.2em;
color: #9298a1;
}
#contentwide h3 {
font-size : 1.1em;
font-weight : bold;
margin : 5px 5px 0 0;
padding : 0 0 0 0;
line-height : 1.8em;
color: #9298a1;
}
#contentwide h4 {
font-size : 1.1em;
font-weight : bold;
margin : 20px 0 0 0;
padding : 0;
}
#contentwide h5 {
font-size : 1.2em;
font-weight : bold;
margin : 10px 0 0 0;
padding : 0;
}
#contentwide h6 {
font-size : 0.9em;
font-weight : normal;
}
#contentwide ul, #contentwide ol {
margin : 5px 0 5px 10px;
padding : 0;
}

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

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

#contentwide a:hover {
color : #9298a1;
}

#contentwide hr {
clear: both; 
float: none;
border-style : dashed;
height : 1px;
color : #a9a8a8;
margin: 1.8em 0;
}

#iframe {
text-align: center;
padding: 3px;
border: 1px solid #11161d;
margin-bottom: 0;
}

/* Footer */
#footer {
clear : both;
width : 685px;
text-align: left;
height : 0px;
padding: 0 0 40px 270px;
margin: 0 0 0 0;
height: 80px;
font-size: 0.9em;
}

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

a img {
border : 0 none;
background-color: none;
}

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

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

/*  Formular */
.button {
margin : 10px 0 10px 0;
color : #fff;
background-color : #9298a1;
border: 1px solid #11161d;
font-weight : bold;
padding : 3px;
width : 142px;
height : 28px;
}

.required {
color : #ff0000;
font-weight: bold;
}
.required_captcha {
color : #9298a1;
font-size : 1.1em;
}

.captcha_expl {
color : #ff0000;
font-size : 0.9em;
line-height: 1.2em;
text-align: right;
}

.field_title {
font-size : 1.0em;
line-height: 1.2em;
padding: 5px 0 10px 0;
width : 210px;
vertical-align : top;
text-align : left;
font-weight : normal;
}
.textfield {
width : 270px;
background: url(img/bg_loop-trans.png) top center repeat;
border: 1px solid #11161d;
color : #9298a1;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1.0em;
font-weight : normal;
margin : 0 0 5px 0;
padding : 4px;
}
.textarea {
background: url(img/bg_loop-trans.png) top center repeat;
border: 1px solid #11161d;
color : #9298a1;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 4px;
width : 270px;
height : 130px;
overflow: auto;
}
.field_heading {
font-size : 1.1em;
font-weight : bold;
margin : 5px 5px 15px 0;
padding : 0 0 15px 0;
line-height : 1.2em;
color: #9298a1;
}

.select {
font-size : 14px;
background : #fff;
border : 1px solid #abd2f3;
color: #9298a1;
margin : 0 0 15px 0;
padding : 4px;
}
.checkbox_label {
font-size : 11px;
cursor : pointer;
}
.radio_label {
font-size : 11px;
cursor : pointer;
}
.email {
width : 270px;
background: url(img/bg_loop-trans.png) top center repeat;
border: 1px solid #11161d;
color : #9298a1;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0 0 5px 0;
padding : 4px;
}
.captcha {
width : 97px;
background: url(img/bg_loop-trans.png) top center repeat;
border: 1px solid #11161d;
color : #9298a1;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 4px;
}

/* SearchBox */
#searchbox {
padding : 0 0 0 0;
margin : 30px 0 30px 0;
}

#searchform {
border: 1px solid #000;
background: url(img/bg_main-trans.png) top center repeat;
color : #9298a1;
font-size : 1.2em;
padding : 4px 4px 4px 10px;
margin: 0 0 0 0;
width : 180px;
}

.searchfield {
border: 1px solid #000;
background: url(img/bg_main-trans.png) top center repeat;
color : #9298a1;
font-size : 1.2em;
padding : 4px 4px 4px 10px;
width : 300px;
}
#searchbox label {
display : none;
}
.search_button {
background : url(img/searchbutton-trans.png) no-repeat top left;
margin : 0 0 0 5px;
color : #9298a1;
border : none;
font-weight : bold;
padding : 0;
width : 15px;
height : 26px;
}

#search_result a {
color : #9298a1;
background: none;
border: none;
padding: 1px 5px 1px 5px;
}

#search_result a:hover {
color: #fecc00;
}

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

a {
font-weight : bold;
}

.hide {
display : none;
}

/* Images */
.rechts {
margin : 2px 0 5px 10px;
float : right;
padding: 2px;
border: 1px solid #11161d;
}
.links {
margin : 2px 10px 5px 8px;
padding: 2px;
float : left;
border: 1px solid #11161d;
}
.rechts_ohne_rahmen {
margin : 2px 0 5px 25px;
float : right;
padding: 2px;
}
.links_ohne_rahmen {
margin : 2px 25px 5px 0;
float : left;
padding: 2px;
}
.bild {
margin : 0 0 0 0;
border: 1px solid #11161d;
padding: 2px;
}

.bild_ohne_rahmen {
margin : 0;
padding: 2px;
}

/* Referenz Modul */
#loop-header {
width: 665px;
margin: 0;
padding: 5px 0 0 0;
line-height : 1.4em;
}

#loop-header img {
float: left;
border: 1px solid #1d232a;
padding: 3px;
margin: 0 45px 10px 0;
}

.page-header {
margin-top: 10px;
}

#loop-header p {
margin: 0 0 5px 0;
padding: 0 0 0 0;
}

.post_top {
width: 100%;
float: left;
min-height: 145px;
padding: 5px 20px 8px 20px;
margin: 0 0 20px 0;
background: url(img/bg_loop-trans.png) top center repeat;
border: 1px solid #11161d;
}

#loop-header .post_top h6 {
font-size: 12px;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0 0 0 0;
}

#loop-header .post_title {
font-size: 1.1em;
line-height : 1.3em;
margin: 5px 0 10px 0;
}

#loop-header .post_title a {
background: none; 
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 1.1em;
color: #9298a1;
}

#loop-header .post_title a:hover {
background: none; 
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #000;
}

.post_short {
margin: 0 0 0 0;
padding: 0 0 0 0;
}


#post_link {
margin: 0 0 0 0;
padding: 15px 0 0 0;
}

.post_short_link {
margin: 0 0 0 225px;
padding: 10px 0 0 0;
}

#loop-header .post_short_link a, #beschreibung_link a {
margin: 0 0 0 0;
padding: 3px 20px 3px 20px;
font-size: 0.9em;
text-align: center;
font-weight: normal;
color: #fff;
background-color : #ff0600;
}

#loop-header .post_short_link a:hover, #beschreibung_link a:hover {
color : #fff;
}

#beschreibung {
margin: 0 15px 15px 0;
border: 1px solid #1d232a;
padding: 3px;
background: url(img/bg_loop-trans.png) top center repeat;
border: 1px solid #11161d;
}

#beschreibung h2 {
font-size : 1.4em;
font-weight : bold;
margin : 20px 0 0 30px;
padding : 0 0 0 0;
line-height : 1.3em;
color: #9298a1;
}

#beschreibung h4 {
font-size : 1.2em;
font-weight : bold;
margin : 10px 0 0 0;
padding : 0 0 7px 0;
line-height : 1.3em;
color: #9298a1;
border-bottom: 1px dotted #9298a1;
}

#post_aktuelles p {
padding: 0 30px 0 30px;
margin: 10px 0 10px 0;
}

#news_img  {
margin: 0 0 5px 25px;
padding: 0 0 10px 0;
}

#news_img img {
margin: 0 19px 15px 0;
border: 1px solid #1d232a;
padding: 3px;
}

.page-center {
padding: 0 25px 0 25px;
}

#reftab {
padding: 5px 30px 0 30px;
margin: 0 0 10px 0;
}

#reftab h3 {
font-size: 1.2em;
margin: 20px 0 0 0;
}

.odd_1 {
width: 270px;
vertical-align: top;
padding-right: 30px;
}

.odd_2 {
width: 430px;
vertical-align: top;
}

.odd_4 {
padding: 25px 0 0 0;
font-size: 0.9em;
font-weight: bold;
}

/* anynews Startseite */
#anynews  {
padding: 0 0 0 0;
margin: 15px 0 0 0;
} 

.anynews_startseite {
float: left;
width: 335px;
margin: 0 20px 10px 0px;
padding: 0;
font-size: 0.9em;
line-height: 1.6em;
} 

.anynews_text {
min-height: 195px;
padding: 0 8px 2px 8px;
background: url(img/bg_loop-trans.png) top center repeat;
border-top: 1px solid #11161d;
border-left: 1px solid #11161d;
border-right: 1px solid #11161d;
} 

#anynews h2 {
height: 40px;
padding: 8px 0 10px 0;
font-size: 12px;
margin: 0;
line-height: 1.6em;
} 

#anynews h6 {
display: none;
} 

#anynews img {
float: left;
margin: 0 12px 10px 0;
border: 1px solid #1d232a;
padding: 3px;
} 

#anynews p {
padding: 0 0 0 0;
margin: 0 0 7px 0;
} 

.anynews_link {
width: 332px;
text-align: right;
padding: 3px 1px 3px 0;
margin: 0 0 0 0;
background: url(img/bg_loop-trans.png) top center repeat;
border-bottom: 1px solid #11161d;
border-left: 1px solid #11161d;
border-right: 1px solid #11161d;
} 

#anynews a {
height: 23px;
font-size : 10px;
font-weight : normal;
text-decoration : none;
color : #fff;
background-color: #ff0600;
padding : 3px 7px 3px 7px;
margin: 0 0 0 0;
}

#anynews a:hover {
color: #fff;
}

/* anynews template */
#anynews_temp {
margin: 30px 0 0 0;
}

#anynews_temp img  {
display: none;
margin: 0;
padding: 0;
} 

#anynews_temp .anynews_startseite {
width: 220px;
margin: 0 20px 10px 0px;
padding: 0;
font-size: 0.9em;
line-height: 1.9em;
} 

#anynews_temp .anynews_text {
min-height: 50px;
padding: 0 10px 2px 8px;
background: url(img/bg_loop-trans.png) top center repeat;
border-top: 1px solid #11161d;
border-left: 1px solid #11161d;
border-right: 1px solid #11161d;
}

#anynews_temp .anynews_link {
width: 217px;
text-align: right;
padding: 3px 1px 3px 0;
margin: 0 0 20px 0;
background: url(img/bg_loop-trans.png) top center repeat;
border-bottom: 1px solid #11161d;
border-left: 1px solid #11161d;
border-right: 1px solid #11161d;
} 

#anynews_temp .anynews_text h2 {
padding: 12px 0 10px 10px;
margin: 0 0 5px 10px;
font-size: 18px;
margin: 0;
line-height: 1.6em;
} 

#anynews_temp a {
height: 23px;
font-size : 10px;
font-weight : normal;
text-decoration : none;
color : #fff;
background-color: #ff0600;
padding : 3px 7px 3px 7px;
margin: 0 0 0 0;
}

#anynews_temp a:hover {
color: #fff;
}

/* Download Gallery */
.line, .line_rightalign {
vertical-align: bottom;
padding: 5px 0 10px 0;
border-bottom: 1px dashed #9298a1;
}

.line {
width: 370px;
line-height: 1.3em;
padding-right: 25px;
vertical-align: bottom;
}

.line_img {
width: 50px;
padding-right: 5px;
vertical-align: bottom;
padding: 5px 0 10px 0;
border-bottom: 1px dashed #9298a1;
}

.line_rightalign { 
	text-align: left;
	white-space: nowrap;
}

.line_text {
	padding: 5px 0px 0 0px;
}

.line img {
	float:left;
	margin-right: 15px;
}
.dgheader {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 4px 0px;
	color : #9298a1;
}

/* Cookies ============================================================================= */
#cookie-container {
width: 100%;
position: fixed;
bottom: 0px;
left: 0;
background: rgba(23,24,28,0.9);
z-index: 500000;
overflow: hidden;
border-bottom: 1px solid #000;
}
div#cookie-notice {
box-sizing: border-box;
text-align: center;
color: #9298a1;
display: block;
font-size: 1.2em;
width: 100%;
max-width: 900px;
padding: 40px 4px;
margin: 0 auto;
z-index: 10;
}
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;
}
#cookie-container a {
color: #fff;
font-weight: 800;
letter-spacing: 1px;
}
#cookie-container a:hover {
color: #9298a1;
}