/**
 * 
 * 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 {
margin: 0 0 100px 0;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#e3dccd url(img/bg.jpg) top center repeat;
color:#6a573e;
}

#sideholder {
margin:0 auto;
padding:0;
width:890px;
}

#sideholder_next {
margin:0;
padding:0;
width:890px;
background: url(img/bg-sideholder-trans.png) repeat-y;
}

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

#navi_buttons {
text-align: left;
float: left;
height: 45px;
width: 270px;
margin: 56px 0 0 25px;
}

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

#navi_buttons li {
float: left;
text-align: center;
width: 89px;
height: 33px;
padding: 15px 0 0 0;
background:url(img/navi_buttons-trans.png) top center no-repeat;
}

#navi_buttons li a {
margin:0 0 0 0;
padding: 0 0 0 0;
}

#navi_flash {
text-align: left;
float: right;
height: 223px;
width: 380px;
margin: 91px 208px 0 0;
padding: 0;
}


/* Left Navi */

#left {
text-align: left;
float:left;
width:290px;
margin: 0 0 10px 15px;
padding: 0 0 0 0;
background: url(img/bg_left.jpg) top left no-repeat;
}

#left_add {
font-size: 0.8em;
margin: 10px 2px 20px 0;
padding: 0 5px 0 0;
}

#left_add p {
margin: 10px 0 0 25px;
padding: 0;
}

#left_add a {
font-size: 10px;
}

#left ul {
list-style:none;
width:285px;
margin:0 0 10px 0px;
padding: 0 0 0 4px;
border-top: 1px solid #fff;
}

#left li {
margin-bottom:0;
}

#left li a {
font-size:1.0em;
font-weight:bold;
height:18px;
text-decoration:none;
color:#6a573e;
display:block;
padding: 6px 0 3px 20px;
}

#left ul li a {
border-bottom: 1px solid #fff;
}

#left ul ul li a {
border-bottom: none;
}

#left li a:hover {
color : #6a573e; 
background: #fff;
}

#left li a.current {
color : #6a573e; 
background: #fff;
}

#left ul ul {
margin: 0 0 0 -4px;
font-size:0.9em;
width:283px;
border-bottom: 1px solid #fff;
}

#left ul ul a {
height:18px;
margin:0;
padding:7px 0 3px 50px;
background: url(img/bg_li.jpg) 33px 8px no-repeat;
}

#left ul ul a:hover {
height:18px;
margin:0;
padding:7px 0 3px 50px;
background: #fff url(img/bg_li_current.jpg) 33px 8px no-repeat;
}

#left ul ul a.current {
height:18px;
margin:0;
padding:7px 0 3px 50px;
background: #fff url(img/bg_li_current.jpg) 33px 8px no-repeat;
}

#navi_open{
font-size: 0.8em;
width: 240px;
margin : 0 0 0 25px;
padding : 5px 0 5px 0;
border-top: 1px dotted #fff;
border-bottom: 1px dotted #fff;
}

#navi_open h2 {
font-size: 1.2em;
}

.navi_open_left{
width: 130px;
float: left;
text-align:left;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

/* Boxen Startseite */

#box_1, #box_3, #box_5{
float: left;
width: 250px;
height: 177px;
background: #f4f1ec;
border: 1px solid #e5dbcb;
margin: 10px 20px 0 0;
padding: 0;
font-size: 0.9em;
line-height: 1.2em;
}

#box_2, #box_4, #box_6{
float: left;
width: 250px;
height: 177px;
background: #f4f1ec;
border: 1px solid #e5dbcb;
margin: 10px 0 0 0;
padding: 0;
font-size: 0.9em;
line-height: 1.2em;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p, #box_5 p, #box_6 p{
margin: 0;
padding: 3px 6px 2px 10px;
}

.box_link {
padding: 3px 0 0 120px;
border: none;
}

.box_img {
border: 1px solid #C1C1C0;
padding: 1px;
}

#box_1 h5, #box_2 h5, #box_3 h5, #box_4 h5, #box_5 h5, #box_6 h5 {
margin: 10px 0 2px 10px;
font-size: 12px;
}

/* Main content */
#contentwide {
width: 532px;
float: right;
padding:5px 35px 3px 0;
margin: 0 0 0 0px;
line-height:1.6em;
font-size: 12px;
text-align:left;
}

#contentwide h1 {
font-size:1.3em;
font-weight:bold;
margin:10px 0 10px 0;
padding:0;
}


#contentwide h2 {
font-size:1.2em;
font-weight:bold;
margin: 3px 0 10px 0;
padding:0;
}

#contentwide h3 {
font-size:1.0em;
font-weight:bold;
margin:12px 0 5px 0;
padding:0;
}

#contentwide h4 {
line-height: 1.0em;
font-size:1.0em;
font-weight:bold;
margin: 10px 4px 10px 0;
padding:0;
}

#contentwide a {
font-weight:bold;
}


#contentwide ul, #contentwide ol {
margin:12px 0 16px 20px;
padding:0;
}

#contentwide li {
background: url(img/li.jpg) 0px 5px no-repeat;
margin:5px 0 0 0;
padding: 0 0 0 25px;
list-style: none;
}

hr {
border-style : dashed;
height : 1px;
color : #fff;
margin : 20px 10px 20px 0;
}

* html  hr
{
margin : -20px; /* Overwrite this Value for IE */
}

#iframe {
border: 1px solid #fff;
padding: 1px;
}

/* Footer */
#footer {
clear:both;
margin:0;
padding:0;
width:890px;
height: 1px;
}

#under_footer {
margin:0 auto;
padding:30px 0 0 0;
background: url(img/footer-trans.png) top left no-repeat;
width:890px;
height: 23px;
text-align:center;
font-size:10px;
color: #6a573e;
}

#under_footer img {
margin-right: 10px;
}

#footer p {
padding:30px 0 0 0;
margin:0 0 5px 0;
}

#footer a {
color:#6a573e;
background-color:inherit;
text-decoration:none;
font-weight: bold;
}

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

/* Verschiedenes */
.hide {
display:none;
}

a img {
border: none;
}

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

a:hover {
color : #ff0000; 
}

p {
margin:0 0 12px 0;
}

.start  {
margin: 0 0 20px 120px;
}

.klein {
margin-bottom: 20px;
padding-bottom: 20px;
}

.fett {
font-weight:bold;
margin: 0;
padding: 0;
}

/*Bilder*/

.rechts {
margin:10px 0 5px 10px;
padding : 3px; 
float:right;
border: 1px solid #fff;
}

.links {
margin: 0 25px 15px  5px;
padding : 3px; 
float:left;
border: 1px solid #fff;
}

.thumb {
margin: 5px 22px 5px 0;
padding : 3px; 
border: 1px solid #fff;
}

.link_img {
border: 1px solid #ccc2b3;
padding: 1px;
margin-bottom: -10px;
}

#captchapic{
margin: 0 25px 5px 5px;
padding : 8px; 
border: none;
}

/* Formular */

.button {
background: #7b6a54;
border-bottom : 1px solid #d9cebd;  
border-right : 1px solid #d9cebd; 
border-top : 1px solid #fff; 
border-left : 1px solid #fff; 
margin: 5px 0 10px 0;
color: #fff;
font-weight:bold;
padding:3px;
width:140px;
}

.required_captcha {
color: #FF0000;
font-size: 0.9em;
}

.required{
color: #FF0000;
}

.field_title {
font-size: 1.0em;
width:300px;
vertical-align: top;
text-align:left;
padding-top: 5px;
}

.field {
text-align:left;
width: 500px;
}

.textfield {
background-color : #f5f0ea; 
width : 280px; 
border-top : 1px solid #d9cebd;  
border-left : 1px solid #d9cebd; 
border-bottom : 1px solid #fff; 
border-right : 1px solid #fff; 
padding: 3px;
color:#6a573e;
margin-top: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
}

.captcha {
background-color : #f5f0ea; 
width : 100px; 
border-top : 1px solid #d9cebd;  
border-left : 1px solid #d9cebd; 
border-bottom : 1px solid #fff; 
border-right : 1px solid #fff; 
padding: 3px;
color:#6a573e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
}

.textarea {
background: #f5f0ea;
width: 340px;
height: 100px;
border-top : 1px solid #d9cebd;  
border-left : 1px solid #d9cebd; 
border-bottom : 1px solid #fff; 
border-right : 1px solid #fff; 
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight: normal;
color:#6a573e;
margin-top: 5px;
}

.email {
background-color : #f5f0ea; 
width: 280px;
border-top : 1px solid #d9cebd;  
border-left : 1px solid #d9cebd; 
border-bottom : 1px solid #fff; 
border-right : 1px solid #fff; 
padding: 3px;
color:#6a573e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
margin-top: 5px;
}

.field_heading {
font-weight: bold;
padding: 0 0 15px 0;
}

.select {
font-size: 14px;
}

.checkbox_label {
font-size: 14px;
cursor: pointer;
margin-bottom: 30px;

}

.radio_label {
font-size: 12px;
cursor: pointer;
margin-right: 20px;
}


/*W3C Buttons*/
#w3c {
vertical-align : bottom; 
float : left; 
padding-top : 30px; 
padding-bottom : 10px; 
padding-left : 0; 
padding-right : 0; 
margin-left : 0; 
width : 100px; 
height : auto; 
}
/* Suchfeld */
#searchbox {
padding:0;
margin: 85px 0 10px 16px;
}

#searchform {
background:#fff;
border:1px solid #d6d0bf;
color:#6a573e;
font-size:1.1em;
padding:4px;
width:190px;
}

.searchfield {
background:#fff;
border:1px solid #d6d0bf;
color:#6a573e;
font-size:1.2em;
padding:4px;
width:192px;
}

#searchbox label {
display:none;
}

.search_button {
background: url(img/bg_search-trans.png) bottom left no-repeat;
margin:4px 0 0 0;
border: none;
font-weight:bold;
padding:4px;
width:23px;
height: 29px;
}
/* Sonderangebote */

#offers a {
background: url(img/li.jpg) 0px 2px no-repeat;
margin: 14px 0 0 0;
padding: 0 0 0 20px;
font-size: 12px;
color: #6a573e;
}

#offers a:hover {
background: url(img/li.jpg) 0px 2px no-repeat;
margin: 14px 0 0 0;
padding: 0 0 0 20px;
font-size: 12px;
color: #ff0000;
}

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

#offers img {
float: left;
border: 1px solid #fff;
padding: 3px;
margin: 0 15px 0 0;
}

#offers .read_more {
clear: left;
width: 380px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.post_offers {
padding: 7px 2px 2px 7px;
width: 520px;
margin: 0 0 15px 0;
}

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

.post_title{
font-weight: bold;
font-size: 1.1em;
margin: 0 0 3px 0;
padding: 0 0 0 0;
}

.page-header{
margin: 0 0 3px 0;
padding: 20px 0 0 0;
}