/**
 * 
 * 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 20px 0;
padding : 0;
font : 76% Verdana, Tahoma, Arial, sans-serif;
background : #3b3a3a;
color : #6e6c6c;
}


#body_bg {
margin:0;
padding:0;
width:100%;
background:#fff url(img/bg.jpg) repeat-x;
}

#body_full {
width: 100%;
min-height: 500px;
}

#main {
margin:0 auto;
padding:0;
width:899px;
}

#sideholder {
margin:0;
padding:0;
width : 948px;
}

#sideholder_foot {
margin:0 auto;
padding:0;
width : 948px;
min-height: 546px;
}

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

}

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

/* Haupt_Navi */
#header_navi {
float: left;
text-align : left;
color : #fff;
height : 100px;
width : 150px;
margin : 0;
padding : 0 0 0 0;
font-size: 0.9em;
}

#header_navi ul {
margin-bottom : 0 0 0 0;
padding: 10px 0 0 25px;
}

#header_navi li {
list-style : none;
margin-bottom : 0 0 0 0;
padding: 0 0 5px 0;
}
#header_navi a {
background : url(img/bg_navi_top.jpg) no-repeat;
font-weight : normal;
text-decoration : none;
padding: 0 0 0 15px;
color : #fff;
}
#header_navi  li a:hover {
color : #f30f1e;
}

#main_navi {
float:right;
text-align : left;
color : #6e6c6c;
width : 750px;
height: 230px;
margin : 0;
padding : 0 0 0 0;
font-size: 0.9em;
}

#main_navi ul {
margin : 0 0 0 0;
padding: 0 0 0 130px;
}

#main_navi li {
float: left;
list-style : none;
margin-bottom : 0 0 0 0;
padding: 230px 0 0 0;
}
#main_navi li a {
display : block;
font-weight : normal;
text-decoration : none;
}
#main_navi  li a:hover {
color : #000;
}
#main_navi  .menu-current a {
color : #000;
}

#main_navi  li a.current {
color : #000;
}

/* Inhalt */
#contentwide {
clear: both;
background : url(img/contentwide_middle.png) top center repeat-y;
width : 948px;
padding : 0 0 0 0;
margin : 0;
line-height : 1.4em;
text-align : left;
font-size : 0.9em;
}

#contentwide_top {
background : url(img/contentwide_top.jpg) top center no-repeat;
width : 948px;
height: 10px;
padding : 0;
margin : 0;
}

#contentwide_buttom {
clear: both;
background : url(img/contentwide_buttom.jpg) top center no-repeat;
width : 948px;
height: 19px;
padding : 0;
margin : 0;
}

#contentwide_head {
width : 912px;
padding : 0 0 0 35px;
margin : 0;
}

#contentwide_middle {
float: left;
width : 940px;
padding : 0 0 0 0;
margin : 0;
}

#contentwide h1 {
font-size : 1.3em;
font-weight : bold;
margin : 10px 5px 12px 0;
padding : 0 0 0 0;
line-height : 1.2em;
color: #6e6c6c;
}
#contentwide h2 {
font-size : 1.2em;
font-weight : bold;
margin : 5px 5px 15px 0;
padding : 0 0 0 0;
line-height : 1.2em;
color: #6e6c6c;
}
#contentwide h3 {
font-size : 1.2em;
font-weight : bold;
margin : 5px 5px 15px 0;
padding : 0 0 0 0;
line-height : 1.2em;
color: #6e6c6c;
}
#contentwide h4 {
font-size : 1.1em;
font-weight : bold;
margin : 20px 0 0 0;
padding : 0;
}
#contentwide h5 {
font-size : 1.1em;
font-weight : bold;
margin : 0 0 5px 0;
padding : 0;
color: #6e6c6c;
}
#contentwide h6 {
font-size : 1.1em;
font-weight : normal;
font-style: italic;
margin : 15px 0 0 0;
padding : 0 0 0 20px;
background : url(img/h6.jpg) no-repeat 0% 0%;
}
/* Boxen Startseite */

#main_1 {
width : 912px;
padding : 0 0 0 35px;
margin : 0;
}

#main_1 p {
padding : 5px 0px 10px 0;
margin : 0;
}

#main_2, #main_3 {
clear: left;
width : 912px;
padding : 0 0 0 35px;
margin : 0 0 0 0;
}

#div_1, #div_2 {
background : url(img/bg_div_1.jpg) bottom right no-repeat;
}

#div_4, #div_5 {
background : url(img/bg_div_4.jpg) top right no-repeat;
}

#div_3 {
background : url(img/bg_div_3.jpg) bottom center no-repeat;
}

#div_1, #div_4 {
float: left;
width : 260px;
padding : 0 20px 20px 0;
margin : 0;
}

#div_2, #div_5 {
float: left;
width : 260px;
padding : 0 20px 20px 30px;
margin : 0;
}

#div_3, #div_6 {
float: left;
width : 250px;
padding : 0 25px 20px 35px;
margin : 0;
}

/* Footer */
#under_footer {
clear: both;
padding:12px 0 0 0;
width:100%;
height: 1px;
text-align: center;
background: #fff;
color: #fff;
font-size:9px;
margin: 0;
}

#under_footer p {
padding : 5px 0 0 0;
margin : 0 0 0 0;
}

#under_footer h6 {
font-size: 12px;
font-weight: bold;
padding : 0 0 0 0;
margin : 30px 0 0 0;
}

#footer a {
color: #6e6c6c;
}

#footer a:hover {
color: #fcac00;
}

/* Links */

a {
text-decoration : none;
color : #6e6c6c;
font-weight : bold;
border : none;
}

a img {
border : 0 none;
}

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

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

/*  Formulare */
.button {
border : none;
margin : 0 0 10px 0;
color : #fff;
background : #6e6c6c;
border: 1px solid #414c52;
font-weight : bold;
padding : 3px;
width : 142px;
height : 28px;
}
.required {
color : #ff0000;
font-weight: bold;
}
.required_captcha {
color : #ff0000;
font-size : 0.9em;
}
.field_title {
font-size : 1em;
padding-right : 20px;
padding-bottom: 10px;
width : 145px;
vertical-align : top;
text-align : left;
font-weight : normal;
}
.textfield {
width : 240px;
border : 1px solid #6e6c6c;
background-color : #fff;
color : #6e6c6c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 4px;
}
.textarea {
border : 1px solid #6e6c6c;
background-color : #fff;
color : #6e6c6c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 4px;
width : 240px;
height : 130px;
overflow: auto;
}
.field_heading {
font-weight : bold;
padding : 5px 0 10px 0;
}
.select {
font-size : 12px;
}
.checkbox_label {
font-size : 11px;
cursor : pointer;
}
.radio_label {
font-size : 11px;
cursor : pointer;
}
.email {
width : 240px;
border : 1px solid #6e6c6c;
background-color : #fff;
color : #6e6c6c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 4px;
}
.captcha {
width : 80px;
border : 1px solid #6e6c6c;
background-color : #fff;
color : #6e6c6c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 4px;
}

/* SearchBox */
#searchbox {
padding : 10px 0 0 20px;
margin : 0 20px 0 0;
}
#searchform {
background : #fff;
border : 1px solid #6e6c6c;
color : #6e6c6c;
font-size : 1.2em;
padding : 3px;
width : 190px;
}
.searchfield {
background : #fff;
border : 1px solid #6e6c6c;
color : #6e6c6c;
font-size : 1.3em;
padding : 3px;
width : 250px;
margin-right: 10px;
}
#searchbox label {
display : none;
}
.search_button {
background : url(img/bg_search.jpg) no-repeat top left;
margin : 0 0 0 0;
color : #6e6c6c;
border : none;
font-weight : bold;
padding : 4px;
width : 24px;
height : 24px;
}

#search_result a {
color: #6e6c6c;
background-color: #e7f8fa;
padding: 5px 10px 5px 10px;
margin-top: 10px;
display: block;
}

#search_result a:hover {
color: #fff;
background-color: #6e6c6c;
padding: 5px 10px 5px 10px;
}

/* Schriften */

.fett {
font-weight : bold;
}

.rot_fett {
font-weight : bold;
color: #ff0000;
}

a {
font-weight : bold;
}

.hide {
display : none;
}

/* Images */
.Bild_rechts_ohne_Rahmen {
margin : 2px 0 5px 10px;
float : right;
}
.Bild_links_ohne_Rahmen {
margin : 2px 10px 5px 8px;
float : left;
border : none;
}
.Bild_rechts {
margin : 5px 0 5px 10px;
float : right;
border: 1px solid #ccc;
padding: 2px;
}
.Bild_links {
margin : 5px 10px 5px 0;
float : left;
border: 1px solid #ccc;
padding: 2px;
}
.Bild {
margin : 15px 0 0 0;
border: 1px solid #ccc;
padding: 2px;
}

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

/* News Modul */
.post_short img {
margin : 0 10px 5px 0;
border: 1px solid #9defef;
padding: 2px;
}

.post_title {
font-size: 1.3em;
font-weight: bold;
margin: 0 0 10px 0;
}
.selected_group_title { 
	font-size: 14px;
	text-align: center;
}

.loop-header {
	width: 635px;
	margin-top: -15px;
}

.page-left {
	text-align: left;	
	padding-top: 20px;
}
.page-center {
	text-align: center;
	padding: 20px 20px 0 20px;
}

.page-right {
	text-align: right;	
	padding-top: 20px;
}

.group-page {
	text-align: center;
}

.section_anchor {
display: none;
}