/**
 * 
 * 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 : left;
margin : 0 0 0 0;
padding : 0;
font : 76% Verdana, Tahoma, Arial, sans-serif;
background : #a1c106;
color: #59661c;
}
#body_bg {
margin : 0;
padding : 0;
width : 100%;
background : #a8c527 url(img/bg.jpg) repeat-x;
}
#body_full {
width : 100%;
}
#main {
margin : 0 auto;
padding : 0;
width : 960px;
}
#sideholder {
margin : 0;
padding : 0;
width : 960px;
}
#container {
text-align : left;
padding : 0;
margin : 0;
}

/* Header */
#head {
float:left;
width : 705px;
margin : 0 0 0 0;
padding : 25px 0 0 45px;
}

#header {
float : right;
text-align : right;
color : #090739;
background : url(img/header.jpg) no-repeat bottom left;
height : 362px;
width : 960px;
margin : 0;
padding : 0 0 0 0;
}

#header_navi {
width : 860px;
margin : 0;
padding : 0 0 0 100px;
}

#header_navi_left {
float : left;
background : url(img/header_navi_left.jpg) no-repeat bottom left;
height : 52px;
width : 35px;
margin : 0;
padding : 0;
}

#header_navi_right {
float : left;
background : url(img/header_navi_right.jpg) no-repeat bottom left;
height : 52px;
width : 18px;
margin : 0;
padding : 0;
}

#header_navi_middle {
float : left;
background : url(img/header_navi_middle.jpg) repeat-x bottom left;
height : 52px;
margin : 0;
padding : 0;
}

#header ul {
height: 70px;
margin : 0 0 5px 0;
padding : 0 0 0 0;
}

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

#header li a {
text-align: center;
height: 55px;
width: 126px;
display : block;
font-size : 1.0em;
font-weight : bold;
letter-spacing: -1px;
text-decoration : none;
color : #5d7904;
padding : 15px 0px 10px 5px;
margin: 0 0 0 0;
}

#header a {
padding : 15px 0px 10px 25px;
margin: 0 0 0 0;
}

#header li a:hover {
background : url(img/header_navi_a_hover.jpg) no-repeat top left;
}

#header a.current {
background : url(img/header_navi_a_hover.jpg) no-repeat top left;
}

#header_flags {
width : 860px;
text-align: left;
padding : 290px 0px 10px 0;
margin: 0 0 0 0;
}

#header_flags a {
padding : 0 10px 0 0;
margin: 0 0 0 0;
}

/* Navi links */
#navi {
text-align : left;
float : left;
width : 200px;
margin : 0 0 10px 0;
padding : 15px 0 0 0;
font-size: 0.9em;
}

#navi ul {
list-style : none;
width : 200px;
margin : 15px 0 5px 0;
padding : 0 0 0 0;
}
#navi li {
margin-bottom : 10px;
}
#navi img {
margin-right : 0;
}

iframe {
background: transparent;
margin: 0;
padding: 0;
  }

/* Inhalt */
#contentwide {
width : 750px;
float : left;
padding : 10px 0 0px 0;
margin : 0;
line-height : 1.6em;
text-align : left;
font-size : 1.0em;
}

#contentwide h1 {
font-size : 1.4em;
font-weight : normal;
margin : 15px 5px 10px 0;
padding : 0 0 0 45px;
line-height : 1.2em;
color: #b8d633;
}
#contentwide h2 {
font-size : 1.6em;
font-weight : normal;
margin : 0 5px 10px 45px;
padding : 0;
line-height : 1.5em;
color: #fff;
}
#contentwide h3 {
font-size: 1.2em;
font-weight : bold;
margin : 15px 5px 15px 45px ;
padding : 0;
color: #fff;
}
#contentwide h4 {
font-size : 1.0em;
font-weight : bold;
margin : 10px 0 2px 45px;
padding : 0;
color: #fff;
}
#contentwide h5 {
font-size : 0.9em;
font-weight : bold;
margin : 10px 0 5px 45px;
padding : 0;
color: #fff;
}
#contentwide h6 {
font-size : 1.2em;
font-weight : bold;
margin : 10px 0 0 0;
padding : 0;
color: #fff;
}

#contentwide li {
margin:0 0 0 6px;
padding: 0 0 0 0;
list-style: none;
}

#contentwide p {
margin : 0 0 15px 45px;
padding : 0;
}

#contentwide a {
color: #59661c;
font-size: 0.9em;
border: none;
}

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

#contentwide hr {
border-style : dashed;
color : #d1ddfe;
margin : 20px 10px 20px 0;
}

#main_kontakt {
padding:0 0 0 45px;
}

#main_kontakt ul {
margin:12px 0 16px 0;
padding:0;
}

#main_kontakt li {
background: url(img/li.jpg) top left no-repeat;
margin:0 0 15px 20px;
padding: 0 0 5px 35px;
list-style: none;
}

#main_li ul {
margin:12px 0 16px 45px;
padding:0;
}

#main_li li {
background: url(img/li.jpg) top left no-repeat;
margin:0 0 15px 20px;
padding: 0 0 5px 35px;
list-style: none;
}

#main_1 {
width : 705px;
height: 465px;
padding : 10px 0 0 0;
margin : 20px 0 20px 40px;
border-top: 1px dotted #e7f692;
border-bottom: 1px dotted #e7f692;
}

#div_1 {
float: left;
width : 330px;
padding : 10px 15px 10px 0;
margin : 0 20px 20px 0;
border-right: 1px dotted #e7f692;
}

#div_2 {
float: left;
width : 300px;
padding : 10px 15px 10px 20px;
margin : 0 0 20px 0;
}

#main_1 p {
padding : 0 0 0 0;
margin : 0;
}

#main_1 ul {
margin:12px 0 16px 0;
padding:0;
}

#main_1 li {
background: url(img/li.jpg) top left no-repeat;
margin:0 0 15px 20px;
padding: 0 0 5px 35px;
list-style: none;
}

#main_1 h2 {
font-size: 1.2em;
font-weight : bold;
margin : 0 5px 15px 0;
padding : 0;
color: #fff;
}

#portofolio {
padding: 2px;
border-top: 1px dotted #e7f692;
padding: 0 0 0 0;
width : 705px;
margin : 20px 0 15px 40px;
} 

#portofolio img {
margin: 0;
padding: 0;
}

#wrap img {
border: 1px solid #e7f59a;
padding: 2px;
}

#box_webdesign {
line-height: 1.5em;
}

#box_webdesign h3 {
font-size: 1.2em;
font-weight : bold;
margin : 15px 5px 15px 25px ;
padding : 0;
color: #fff;
}

.box_portofolio {
margin: 0 0 20px 20px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #608e03;
min-height: 225px;
}

.box_print {
margin: 0 0 20px 20px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #608e03;
min-height: 200px;
}

#box_webdesign .box_print img {
float: left;
padding: 0 50px 10px 0;
}


#box_bottom {
margin: 0 0 0px 40px;
padding: 0 0 10px 0;
width: 705px;
}

#selected_group_title { 
font-size: 14px;
text-align: left;
margin: 0 0 0 45px;
}

#form_neu { 
margin-left: 45px;
}

/* Footer */
#under_footer {
clear : both;
padding : 0 0 0 0;
width : 100%;
height : 211px;
text-align : center;
font-size : 0.9em;
margin : 0;
color : #fff;
}
#under_footer p {
padding : 0 0 0 0;
margin : 20px 0 0 125px;
}
#under_footer a {
color : #725420;
background-color : inherit;
text-decoration : none;
font-weight : bold;
}
#under_footer a:hover {
color : #f5aa01;
font-weight : bold;
}

/* Links */
a {
text-decoration : none;
color : #272727;
font-weight : bold;
border : none;
}
a img {
border : 0 none;
}
a:hover {
font-weight : bold;
}

/*  Formulare */
#kontakt {
margin : 0 0 15px 45px;
padding : 0;
}

.button {
border : #e1f67f;
margin : 0 0 10px 0;
color : #fff;
background : #708f0f;
font-weight : bold;
padding : 3px;
width : 142px;
height : 28px;
}

.button_print {
border : #e1f67f;
margin : 0 0 10px 15px;
color : #fff;
background : #708f0f;
font-weight : bold;
padding : 3px;
width : 90px;
height : 28px;
} 

.required {
color : #ff0000;
}
.required_captcha {
color : #ff0000;
font-size : 0.9em;
}
.field_title {
font-size : 1em;
padding-right : 20px;
width : 210px;
vertical-align : top;
text-align : left;
font-weight : normal;
}

.field_titl {
font-size : 1em;
padding-right : 20px;
width : 180px;
vertical-align : top;
text-align : left;
font-weight : normal;
}
.textfield {
width : 240px;
background : #b8d633;
border : 1px solid #708f0f;
color : #59661c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0 0 15px 0;
padding : 4px;
}
.textarea {
background : #b8d633;
border : 1px solid #708f0f;
color : #59661c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 10px 0 15px 0;
padding : 4px;
width : 240px;
height : 130px;
}
.field_heading {
font-weight : bold;
padding : 5px 0 10px 0;
}
.select {
font-size : 14px;
background : #b8d633;
border : 1px solid #708f0f;
color : #59661c;
margin : 0 0 15px 0;
padding : 4px;
}
.checkbox_label {
font-size : 14px;
cursor : pointer;
margin: 0 0 10px 0;
}
.radio_label {
font-size : 14px;
cursor : pointer;
margin: 0 0 10px 0;
}
.email {
width : 240px;
background : #b8d633;
border : 1px solid #708f0f;
color : #59661c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0 0 15px 0;
padding : 4px;
}
.captcha {
width : 100px;
background : #b8d633;
border : 1px solid #708f0f;
color : #59661c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0 0 15px 0;
padding : 4px;
}
/* Geändertes formular */
.feld_title {
float: left;
font-size : 1em;
padding-right : 20px;
width : 100px;
vertical-align : top;
text-align : left;
font-weight : normal;
}

.text1 {
float: right;
width : 40px;
background : #fff;
border : 1px solid #ff0000;
color : #59661c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0 0 15px 0;
padding : 4px;
}

.text2 {
width : 3px;
background : #ff0000;
border : 1px solid #ff0000;
color : #59661c;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0 0 15px 0;
padding : 4px;
}


#search_div {
padding : 0 0 0 45px;
margin : 0 0 0 0;
}

#searchbox {
width: 250px;
padding : 0 0 0 0;
margin : 25px 0 25px 0;
}
#searchform {
background : #b8d633;
border : 1px solid #708f0f;
color : #59661c;
font-size : 1.5em;
padding : 2px 2px 2px 5px;
width : 170px;
}
.searchfield {
background : #b8d633;
border : 1px solid #708f0f;
color : #59661c;
font-size : 1.1em;
padding : 5px;
width : 240px;
}
#searchbox label {
display : none;
}
.search_button {
background : url(img/bg_search.jpg) 50% 50% no-repeat;
margin : 4px 0 0 5px;
color : #fff;
border : none;
font-weight : bold;
padding : 4px;
width : 22px;
height : 44px;
}

/* Schriften */
.klein {
font-size : 0.9em;
margin : 0;
padding : 0;
}
.small_captcha {
font-size : 0.9em;
color : #ff0000;
margin : 0;
padding : 0;
}
.gross {
font-size : 1.3em;
}
.fett {
font-weight : bold;
}
.hide {
display : none;
}

.bold_green {
color:#708f0f;
font-weight:bold;
}

/* Bilder*/
.left {
margin:5px 50px 5px 0;
float: left;
border: 1px solid #8fbb1d;
padding: 2px;
}

.rechts {
margin : 2px 0 5px 10px;
float : right;
}
.links {
margin : 2px 10px 5px 8px;
float : left;
border : none;
}
.rechts_mit_Rahmen {
margin : 2px 0 5px 10px;
float : right;
border : 3px solid #d8d6d6;
}
.links_mit_Rahmen  {
margin : 2px 10px 5px 0;
float : left;
border : 3px solid #d8d6d6;
}

.section_anchor {
display: none;
}

/* Download Gallery */
  
#dl {
margin-top: 0;
}

.dl_next {
margin-top: 20px;
border-top: 1px dashed #000;
}

.line {
width: 450px;
}

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

.line_img {
width: 55px;
padding-right: 5px;
vertical-align: top;
padding: 0 0 10px 0;
border-bottom: 1px dashed #000;
}

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

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