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

.section_anchor {
display: none;
}

#main {
text-align: center;
margin : 0 auto;
padding : 0;
width : 974px;
}
#sideholder {
text-align: center;
margin : 0 auto;
width : 974px;
background : url(img/bg_sideholder.jpg) repeat-y;
}

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

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

#header_search {
text-align: right;
height : 60px;
width : 970px;
margin : 0 0 0 0;
padding :10px 0 0 0;
font-size: 1.0em;
}

#header p {
margin : 0px 16px 0 0;
padding : 10px 0 0 0;
}


#header_flash {
text-align: left;
float: right;
height: 236px;
width: 491px;
margin: 113px 240px 0 0;
padding: 0;
}

/* Navi links */
#navis {
float: left;
text-align : left;
width : 322px;
margin : 0 0 10px 0;
padding : 0 0 0 0;
}
#navi ul {
list-style : none;
margin : 15px 0 30px 5px;
padding : 0 0 0 0;
}

#navi li a {
background : url(img/navi_1.jpg)  bottom center no-repeat;
height: 23px;
font-size : 1.2em;
font-weight : bold;
text-decoration : none;
color : #6e6c6c;
display : block;
padding : 16px 15px 0 50px;
margin: 0 0 0 0;
}
#navi li a:hover {
background : url(img/navi_2.jpg)  bottom center no-repeat;
color : #6e6c6c;
padding : 16px 15px 0 50px;
}

#navi ul .menu-current a {
background : url(img/navi_2.jpg) bottom center no-repeat;
color : #6e6c6c;
padding : 16px 15px 0 50px;
}

#navi ul ul {
margin : 10px 0 0 50px;
font-size : 1.0em;
}

#navi ul ul a {
background : url(img/navi_no.jpg) no-repeat;
font-size: 1.0em;
font-weight: normal;
height : 15px;
margin : 0;
padding : 5px 20px 5px 0;
border: none;
}

#navi ul ul a:hover{
background : url(img/navi_no.jpg) no-repeat;
background-position: 0% 50%;
font-weight: bold;
color : #6e6c6c;
height : 15px;
margin : 0;
padding : 5px 20px 5px 0;
}

#navi ul ul .menu-current a {
background : url(img/navi_no.jpg) no-repeat;
background-position: 0% 50%;
font-weight: bold;
color : #6e6c6c;
height : 15px;
padding : 5px 20px 5px 0;
margin : 0;
}

#navi ul ul .menu-child a {
background : url(img/navi_no.jpg) no-repeat;
background-position: 0% 50%;
font-weight: normal;
color : #6e6c6c;
height : 15px;
padding : 5px 20px 5px 0;
margin : 0;
}

#navi ul ul .menu-child a:hover{
background : url(img/navi_no.jpg) no-repeat;
background-position: 0% 50%;
font-weight: bold;
color : #6e6c6c;
height : 15px;
margin : 0;
padding : 5px 20px 5px 0;
}

#navi ul ul ul {
margin : 0 0 0 25px;
font-size : 1.0em;
}

#navi ul ul ul a {
background : url(img/navi_3.jpg) no-repeat;
background-position: 0% 50%;
font-size: 1.0em;
font-weight: normal;
height : 15px;
margin : 0;
padding : 3px 20px 3px 20px;
border: none;
}

#navi ul ul ul a:hover{
background : url(img/navi_3a.jpg) no-repeat;
background-position: 0% 50%;
font-weight: bold;
color : #6e6c6c;
height : 15px;
margin : 0;
padding : 3px 20px 3px 20px;
}

#navi ul ul ul .menu-current a {
background : url(img/navi_3a.jpg) no-repeat;
background-position: 0% 50%;
font-weight: bold;
color : #6e6c6c;
height : 15px;
padding : 3px 20px 3px 20px;
margin : 0;
}

#navi ul ul ul .menu-child a:hover {
background : url(img/navi_3a.jpg) no-repeat;
background-position: 0% 50%;
font-weight: bold;
color : #6e6c6c;
height : 15px;
padding : 3px 20px 3px 20px;
margin : 0;
}

#navi ul ul ul .menu-sibling .menu-current a {
background : url(img/navi_3a.jpg) no-repeat;
background-position: 0% 50%;
font-weight: bold;
color : #6e6c6c;
height : 15px;
padding : 3px 20px 3px 20px;
margin : 0;
}

#navi ul ul ul .menu-first a , #navi ul ul ul .menu-last a{ 
background : url(img/navi_3.jpg) no-repeat;
background-position: 0% 50%;
font-size: 1.0em;
font-weight: normal;
height : 15px;
margin : 0;
padding : 3px 20px 3px 20px;
border: none;
}

#navi ul ul ul .menu-first a:hover , #navi ul ul ul .menu-last a:hover { 
background : url(img/navi_3a.jpg) no-repeat;
background-position: 0% 50%;
font-weight: bold;
color : #6e6c6c;
height : 15px;
padding : 3px 20px 3px 20px;
margin : 0;
}

#navi ul ul ul .menu-current a { 
background : url(img/navi_3a.jpg) no-repeat;
background-position: 0% 50%;
font-weight: bold;
color : #6e6c6c;
height : 15px;
padding : 3px 20px 3px 20px;
margin : 0;
}

/* Sub Navi Header */
#sub_navi_header  {
float:left;
width : 322px;
margin : 0 0 0 0;
padding : 20px 0 0 0;
}

#sub_navi_header ul {
list-style : none;
margin : 0 0 5px 25px;
padding : 0 0 0 0;
}

#sub_navi_header li {
float: left;
list-style : none;
margin : 0 0 5px 0;
padding : 0 0 0 0;
}

#sub_navi_header a {
background : url(img/bg_sub_navi_header.jpg) 0 70% no-repeat;
margin: 0 10px 0 0;
padding: 0 0 0 10px;
color: #b7d5f3;
font-weight: bold;
font-size: 1.0em;
}

#sub_navi_header a:hover {
color: #6e6c6c;
font-weight: bold;
}

#sub_navi_header .menu-current a {
color: #6e6c6c;
font-weight: bold;
}


/* Sub Navi */
#sub_navi  {
float:left;
width : 322px;
margin : 0 0 0 0;
padding : 20px 0 0 0;
}

#sub_navi ul {
list-style : none;
margin : 0 0 5px 55px;
padding : 0 0 0 0;
}

#sub_navi li {
float: left;
list-style : none;
margin : 0 0 5px 0;
padding : 0 0 0 0;
}

#sub_navi a {
background : url(img/bg_sub_navi.jpg) 0 70% no-repeat;
margin: 0 10px 0 0;
padding: 0 0 0 10px;
color: #4b97e0;
font-weight: bold;
font-size: 1.0em;
}

#sub_navi a:hover {
color: #6e6c6c;
font-weight: bold;
}

#sub_navi .menu-current a {
color: #6e6c6c;
font-weight: bold;
}

/* Adresse */
#navi_add {
clear: left;
text-align : left;
font-size : 0.9em;
margin : 25px 0 0 0;
padding : 0 5px 0 55px;
}
#navi_add p {
margin : 10px 0 0 0;
padding : 0;
}

#navi_add_link {
margin: 20px 0 0 0;
padding: 0 0 0 0;
} 

#navi_add_link a {
background : url(img/bg_header_navi.jpg) 0 70% no-repeat;
margin: 0 0 0 5px;
padding: 0 0 0 15px;
font-weight: normal;
font-size : 11px;
}

/* Inhalt */
#head {
width : 480px;
float : left;
padding : 25px 0 10px 0;
margin : 0;
text-align : left;
}

#contentwide {
width : 620px;
float : left;
padding : 0 10px 0 0;
margin : 0;
line-height : 1.9em;
text-align : left;
font-size : 1.0em;
}

#contentwide h1 {
font-size : 15px;
font-weight : bold;
margin : 30px 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.2em;
font-weight : bold;
margin : 10px 0 0 0;
padding : 0;
}
#contentwide h6 {
font-size : 0.9em;
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%;
}
#contentwide ul, #contentwide ol {
margin : 5px 0 5px 0;
padding : 0;
}
#contentwide ul ul, #contentwide ol ol {
margin : 0 0 15px 0;
}
#contentwide li {
margin:0 0 0 10px;
padding:0 0 0 25px;
list-style-type: none;
background : url(img/li.jpg) no-repeat 0% 0%;
}
#contentwide p {
margin : 0 0 20px 0;
padding : 0;
}

#contentwide a {
color: #4b97e0;
border: none;
padding: 0 0 0 0;
}

#contentwide a:hover {
color : #6e6c6c;
}

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

#iframe{
text-align: center;
padding: 2px;
border: 1px solid #e2e2e2;
margin-bottom: 0;
}

/* Container Produktseite*/

#produkte {
font-size: 0.9em;
line-height: 1.5em;
}

#produkte_2, #produkte_3 {
clear:both;
padding: 25px 0 0 0;
}

#produkte p {
margin: 0 0 0 0;
padding: 0 0 8px 0;
}

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

#produkte_div_1, #produkte_div_3, #produkte_div_5 {
float: left;
width: 300px;
padding: 0;
margin: 0 15px 0 0; 
}

#produkte_div_2, #produkte_div_4, #produkte_div_6 {
float: right;
width: 300px;
padding: 0;
margin: 0 0 0 0;
}

/* Footer */
#footer_top {
clear : both;
text-align: left;
width : 974px;
height: 20px;
font-size: 0.9em;
}
#footer_top  p{
margin: 0;
padding: 0 0 0 322px;
}

#footer {
clear : both;
text-align: left;
font-size: 0.9em;
height : 58px;
width : 974px;
padding: 10px 0 0 0;
margin: 0 0 0 0;
background : url(img/footer.jpg) no-repeat bottom center;
}
#footer p {
padding : 20px 0 0 0;
margin : 0 0 0 0;
}

#footer_copy  {
float:left;
text-align: left;
width : 640px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

/* 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 : 1.0em;
}

.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 : 160px;
vertical-align : top;
text-align : left;
font-weight : normal;
}
.textfield {
width : 270px;
border : 1px solid #6e6c6c;
background-color : #fff;
color : #6e6c6c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1.0em;
font-weight : normal;
margin : 0 0 5px 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 : 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: #6e6c6c;
}

.field_heading_1 {
font-size : 1.0em;
font-weight : bold;
margin : 5px 5px 15px 0;
padding : 0 0 15px 0;
line-height : 1.2em;
color: #6e6c6c;
}
.select {
font-size : 12px;
}
.checkbox_label {
font-size : 11px;
cursor : pointer;
}
.radio_label {
font-size : 11px;
cursor : pointer;
}
.email {
width : 270px;
border : 1px solid #6e6c6c;
background-color : #fff;
color : #6e6c6c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0 0 5px 0;
padding : 4px;
}
.captcha {
width : 97px;
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 : 20px 0 0 20px;
margin : 0 0 0 0;
background : url(img/search_form.jpg) top right no-repeat ;
background-position: 750px 20px;
}
#searchform {
background : none;
border : none;
color : #6e6c6c;
font-size : 1.2em;
padding : 3px;
width : 160px;
}
.searchfield {
color : #6e6c6c;
font-size : 1.3em;
padding : 3px;
width : 205px;
}
#searchbox label {
display : none;
}
.search_button {
background : url(img/bg_search-trans.png) no-repeat top left;
margin : 0 27px 0 5px;
color : #6e6c6c;
border : none;
font-weight : bold;
padding : 4px;
width : 11px;
height : 26px;
}

#search_result a {
color: #bc0313;
background-color: #f9f9f9;
padding: 5px 10px 5px 10px;
margin-top: 10px;
display: block;
}

#search_result a:hover {
color: #f9f9f9;
background-color: #bc0313;
padding: 5px 10px 5px 10px;
}

/* Schriften */

.fett {
font-weight : bold;
}

.klein_rot {
font-size: 0.9em;
font-weight: bold;
color: #bc0313;
}

a {
font-weight : bold;
}

.hide {
display : none;
}

/* Images */
.rechts_mit_Rahmen {
margin : 2px 0 5px 10px;
float : right;
border: 1px solid #e2e2e2;
}
.links_mit_Rahmen {
margin : 2px 10px 5px 8px;
float : left;
border : none;
border: 1px solid #e2e2e2;
}
.rechts {
margin : 2px 0 5px 10px;
float : right;
padding: 2px;
}
.links {
margin : 2px 10px 5px 0;
float : left;
padding: 2px;
}
.bild {
margin : 0 0 0 0;
border: 1px solid #e2e2e2;
padding: 2px;
}

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

.div_main {
margin : 0 6px 0 0;
}
 
/* Tabellen Produkte*/
#produkt {
padding: 0;
margin: 0 0 20px 0;
  }

.tdbold {
font-weight: bold;
font-size: 0.9em;
padding: 8px 5px 5px 20px;
margin: 0;
border-bottom: 1px dashed #dfdfdf;
  }
  
.tdbold_kleb {
font-weight: bold;
font-size: 0.9em;
padding: 8px 5px 5px 8px;
margin: 0;
border-bottom: 1px dashed #dfdfdf;
  }
  
  .tdnormal {
font-size: 0.9em;
padding: 8px 5px 5px 8px;
margin: 0;
border-bottom: 1px dashed #dfdfdf;
  }
 
.tdgarant {
font-weight: bold;
font-size: 0.9em;
padding: 8px 5px 5px 8px;
margin: 0;
  }
  
.tdsmall {
padding: 8px 5px 8px 8px;
font-size: 0.8em;
line-height: 1.2em;
border-bottom: 1px dashed #dfdfdf;
vertical-align: top;
}

.tdtreppen {
line-height: 1.2em;
vertical-align: top;
font-weight: bold;
font-size: 0.9em;
padding: 8px 5px 5px 8px;
margin: 0;
border-bottom: 1px dashed #dfdfdf;
  }
  
.tdtreppen1 {
line-height: 1.2em;
vertical-align: top;
font-weight: bold;
font-size: 0.9em;
padding: 8px 5px 5px 8px;
margin: 0;
border-bottom: 1px dashed #dfdfdf;
border-top: 1px dashed #dfdfdf;
  }
  
  .tdtreppen3 {
line-height: 1.2em;
vertical-align: bottom;
text-align: center;
font-weight: bold;
font-size: 0.9em;
padding: 8px 5px 5px 8px;
margin: 0;
border-bottom: 1px dashed #dfdfdf;
border-top: 1px dashed #dfdfdf;
  }

.tdtreppen img {
padding: 0;
margin: 0 0 3px 0;
  }
  
.tdtreppen3 img {
padding: 0;
margin: 0 30px 3px 10px;
  }
  
  .odd_3 {
vertical-align: middle;
font-weight: bold;
background: #fafafa;
font-size: 0.9em;
padding: 8px 5px 3px 20px;
margin: 0;
border-bottom: 1px dashed #dfdfdf;
}

.odd_2 {
vertical-align: middle;
background: #fafafa;
font-size: 0.9em;
padding: 8px 5px 5px 8px;
margin: 0;
border-bottom: 1px dashed #dfdfdf;
  }

.odd_4 {
font-size: 0.9em;
padding: 8px 5px 10px 20px;
margin: 0;
border-bottom: 1px dashed #dfdfdf;
  }
  
  .odd_5 {
font-size: 0.9em;
padding: 12px 5px 12px 8px;
margin: 0;
border-bottom: 1px dashed #dfdfdf;
  }
  
    .odd_6 {
font-size: 0.9em;
padding: 0;
margin: 0;
border-bottom: 1px dashed #dfdfdf;
  }
      .odd_7 {
font-size: 0.9em;
padding: 15px 5px 10px 20px;
margin: 0;
  }
  
/* Download Gallery */
  
#dl {
margin: 0 0 20px 0;
}

.dl_next {
margin-top: 20px;
}

.line, .line_rightalign {
vertical-align: top;
padding: 5px 0 10px 0;
border-bottom: 1px dashed #dfdfdf;
}

.line {
width: 370px;
line-height: 1.3em;
padding-right: 5px;
}

.line_rightalign { 
	text-align: left;
	white-space: nowrap;
	font-size: 10px;
}
.line_text {
	padding: 0px 0px 0px 0px;
}

.line img {
	float:left;
	margin-right: 15px;
}
.dgheader {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 4px 0;
}

/* Modul Referenzen */
#beschreibung {
font-size: 1.0em;
}

#beschreibung h1 {
font-size : 15px;
font-weight : bold;
margin : 0 5px 12px 0;
padding : 0 0 0 0;
line-height : 1.2em;
color: #6e6c6c;
}

#beschreibung img {
margin : 0 20px 5px 0;
}

#beschreibung_link {
margin: 0;
padding: 0;
}


#loop-header {
width: 600px;
margin: 0 0 0 0;
padding: 0;
}

#loop-header img {
margin : 0 10px 0 0;
}

#loop-header h2 {
font-size: 1.0em;
font-weight: bold;
margin: 0 0 0 0;
}

#loop-header p {
	line-height: 1.5em;
	margin: 0 0 15px 0;
}

.post_short {
	padding: 0 20px 0 0;
	margin: 0;
	min-height: 115px;
	border-bottom: 1px dotted #4b97e0;
}

.post_short img {
float: left;
margin: 0 25px 10px 0;
}

.post_short a {
font-size: 0.9em;
}

.post_top {
	width: 580px;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}

.post_title {
	width: 530px;
	font-weight: bold;
	color : #adadad;
	padding: 0 10px 0 0;
	margin: 0 0 5px 0;
}

#selected-group-title { 
	font-size: 14px;
	padding: 0 0 15px 0;
}

.page-header{
	padding: 0 0 15px 0;	
}

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

.page-right {
	text-align: right;	
}