/*
////////////////////////////////////////////////////////////////
//
// format.css  Stylesheet fuer die gesamte Webside
// erstellt durch gia-online, 53175 Bonn, www.gia-online.de
//
////////////////////////////////////////////////////////////////
*/

/* CSS Document - www.garten-eden.de */
@import url("typo3.css");


* { 
margin: 0 auto;
padding: 0; 
} 

body { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 140%;
background: #FFFFFF url(../images/layout/bg_header.gif) top center repeat-x;
text-align: center;
} 

.clear {
clear: both;
}

.bodytext {
width: 395px;
text-align: left;
float: left;
}

.text .bodytext {
width: 228px;
text-align: left;
}

.box_schmal .bodytext {
width: 210px;
text-align: left;
}

.bodytext img {
padding: 5px;
}

.inhalt_left ul {
width: 395px;
text-align: left;
float: left;
}

.csc-textpic {
clear: both;
}

.csc-textpic-imagewrap {
clear: both;
margin-bottom: 10px;
}

hr {
background-color: #EBEBEB; /* Mozilla 1.4 */
color: #EBEBEB; /* IE 6 */
border: #EBEBEB; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin-top: 20px;
clear: both;
}


/***************************************************/
/* Schriften                                       */
/***************************************************/

h1 {
font-variant: small-caps;
color: #000000;
font-size: 15px;
font-weight: bold;
line-height: 120%;
margin-bottom: 15px;
}

.inhalt_left h1 {
font-variant: small-caps;
color: #000000;
font-size: 15px;
font-weight: bold;
line-height: 120%;
margin-bottom: 46px;
}

h2 {
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #EBEBEB;
clear: both;
margin-bottom: 10px;
margin-top: 10px;
}

h3 {
font-size: 13px;
color: #6b8e23;			/* Farbe der Überschrift auf Startseite "Top-Thema" */
border-bottom: 1px solid #EBEBEB;
clear: both;
margin-bottom: 10px;
margin-top: 10px;
}


h4 {
font-size: 18px;
font-weight: bold;
color: #6b8e23;			/* Farbe ändern */
border-bottom: 1px solid #EBEBEB;
clear: both;
margin-top: 10px;
margin-bottom: 5px;
}


/***************************************************/
/* Links                                           */
/***************************************************/

.box_right a, .box_right a:visited {
color: #000000;
text-decoration: underline;
}

.box_right a:hover {
text-decoration: none;
}

.box_left a, .box_left a:visited {
color: #6b8e23;			/* Farbe der Textlinks im Content-Bereich */
text-decoration: none;
}

.box_left a:hover {
text-decoration: underline;
}

a.zurueck, a.zurueck:visited {
display: block;
clear: both;
border-top: 1px solid #EBEBEB;
}

a.zurueck:hover {
text-decoration: underline;
}


/***************************************************/
/* Boxen			                               */
/***************************************************/

.box_wrapper {
width: 1200px;
margin: 0 auto;
padding-left: 0;
}

*html .box_wrapper {  /* IE-Hack Kontaktformular */
width: 1075px;
}

.box_header {
width: 940px;
text-align: left;
margin: 0 auto;
padding-left: 0;
}

.logo {
margin: 0 auto;
padding: 20px;
}

.box_nav {
padding-top: 3px;
height: 25px;
}

.box_suche {
float: right;
}

.box_subnav {
width: 940px;
padding: 0px;
height: 25px;
text-align: left;
}

.subnav {
float: left;
width: 740px;
padding-top: 3px;
height: 22px;
}

.infonav {
float: right;
width: 200px;
margin-top: 1px;
height: 25px;
background: #FFFFFF url(../images/layout/bg_orange.gif) top right repeat-y;
text-align: center;
}

.box_content {
width: 940px;
text-align: left;
margin: 0 auto;
padding-top: 20px;
background: #FFFFFF url(../images/layout/bg_orange.gif) top right repeat-y;
}

.box_left {
float: left;
overflow: hidden;
width: 740px;
padding: 0;
text-align: left;
}

.box_left ul {
margin-left: 25px;
margin-bottom: 15px;
}

.box_left li {
padding: 0px 0px 5px 0px;
}

.box_left p {
padding: 5px 0px 5px 0px;
}

.inhalt_left {
width: 662px;
margin: 0 auto;
padding: 5px 24px 10px 24px;
text-align: left;
float: left;
border: 1px solid #000000;
background: #FFFFFF url(../images/layout/bg_box_left.gif) top left no-repeat;
}

.box_right {
float: left;
overflow: hidden;
width: 200px;
padding: 0;
margin: 0 auto;
}

.box_footer {
width: 100%;
height: 1px;
background: #FFFFFF url(../images/layout/bg_footer.gif) top center repeat-x;
margin: o auto;
padding-bottom: 40px;
}

/* Box-rechts */

.headline_rechts {
width: 192px;
font-size: 9px;

font-weight: bold;
background-color: #FFFFFF;
text-transform: uppercase;
margin: 0 auto;
padding: 3px;
border: 1px solid #000000;
text-align: center;
clear: both;
}

.inhalt_right {
margin: 0 auto;
padding: 0px 5px 0px 5px;
}

.inhalt_right p {
margin: 0 auto;
padding: 0px;
}

/* Box-Aufmacher */

.box_aktuell {
width: 710px;
height: 320px;
margin-bottom: 23px;
padding: 0px;
text-align: left;
float: left;
border: 1px solid #000000;
background-color: #FFFFFF;
}

.bild {
float: left;
width: 460px;
}

.tx-rgslideshow-pi1 {
float: left;
width: 460px;
}

.text {
float: left;
overflow: hidden;
width: 230px;
height: 276px;
padding: 24px 10px 10px 10px;
}

.weiter a, .weiter a:visited {
position: relative;
float: right;
color: #000000;
font-weight: bold;
background-color: #6b8e23;		/* Farbe der "WEITER"-Links in den Teaser-Boxen */
border-top: 1px solid #000000;
border-right: 0;
border-bottom: 0;
border-left: 1px solid #000000;
padding: 0px 5px 0px 5px;
text-decoration: none;
height: 18px;
top: 11px;
}

.weiter a:hover {
background-color: #FFFFFF;
text-decoration: none;
}

/* Box-Dreierspalte */

.box_schmal {
float: left;
width: 220px;
height: 350px;
margin-top: 0px;
margin-right: 23px;
margin-bottom: 23px;
padding: 0px;
text-align: left;
float: left;
border: 1px solid #000000;
}

.box_schmal img {
border-bottom: 1px solid #000000;
}

.headline {
float: left;
width: 220px;
height: 25px;
padding-top: 5px;
border-bottom: 1px solid #000000;
text-align: center;
}

.headline img {
border: 0;
}

.text_schmal {
float: left;
overflow: hidden;
height: 289px;
width: 220px;
padding: 0px;
}

.inhalt {
width: 210px;
padding: 5px 5px 0px 5px;
}

/* Box-Banner */

.box_banner {
position: relative;
display: inline;
float: right;
width: 120px;
margin-top: 191px;
margin-left: 0px;
}



/***************************************************/
/* Bilder				           */
/***************************************************/

.img_right {
float: right;
display: inline;
margin: 0px 0px 5px 10px;
padding: 0px;
}


/***************************************************/
/* Suche				           */
/***************************************************/

form input.suche {
color: #B8B8B8;
background-color: #FFFFFF;
border: 1px solid #B8B8B8;
width: 159px;
padding-left: 5px;
}

form input.suchbutton {
font-size: 11px;
color: #B8B8B8;
background-color: #FFFFFF;
border: 1px solid #B8B8B8;
width: 30px;
height: 18px;
}

form input.suchbutton { /* for IE only */
cursor:pointer;
}


/***************************************************/
/* Mailformular / Newsletter                       */
/***************************************************/

fieldset.csc-mailform {
clear: both;
border: 0;
}

#tx-sremailsubscribe-pi1-tt_address_form fieldset  {
border: 0;
}


.csc-mailform-field label {
display: block;
vertical-align: top;
width: 100px;
margin: 5px;
padding-left: 5px;
}

.csc-mailform-field input, input.tx-sremailsubscribe-pi1-text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border: #B8B8B8 1px solid;
width: 250px;
margin: 0px 4px 4px 4px;
padding: 2px;
}


.csc-mailform-field textarea  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border: #B8B8B8 1px solid;
width: 450px;
margin: 0px 4px 4px 4px;
padding: 2px;
}

form input.csc-mailform-submit, form input.tx-sremailsubscribe-pi1-submit {
font-size: 11px;
font-weight: bold;
color: #B8B8B8;
background-color: #F4F4F4;
border: 1px solid #B8B8B8;
width: 150px;
margin-top: 10px;
}

form input.csc-mailform-submit { /* for IE only */
cursor:pointer;
}


/***************************************************/
/* Powermail und Mailformular		           */
/***************************************************/

.tx-powermail-pi1 {
padding: 0;
margin: 0px 0px 30px 0px;
float: left;
clear: both;
width: 650px;
}

fieldset legend {
font-weight: bold;
padding-top: 20px;
padding-bottom: 20px;
width: 650px;

}

fieldset.tx-powermail-pi1_fieldset {
width: 650px;
border: 0;
}

.tx_powermail_pi1_fieldwrap_html_text label, .tx_powermail_pi1_fieldwrap_html_select label {
display: block;
vertical-align: top;
width: 150px;
margin: 5px;
padding-left: 5px;
}

input.powermail_text  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border: #B8B8B8 1px solid;
width: 250px;
margin: 0px 4px 4px 4px;
padding: 2px;
}

select.powermail_select  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border: #B8B8B8 1px solid;
margin: 0px 10px 4px 4px;
padding: 0;
}

.tx_powermail_pi1_fieldwrap_html_radio {
padding-top: 5px;
padding-bottom: 20px;
}

textarea.powermail_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border: #B8B8B8 1px solid;
width: 450px;
margin: 0px 4px 4px 4px;
padding: 2px;
}

form input.powermail_submit, input.tx-powermail-pi1_confirmation, input.csc-mailform-submit, input.tx-sremailsubscribe-pi1-submit, input.tx_powermail_pi1_submitmultiple_forward, input.tx_powermail_pi1_submitmultiple_back {
font-size: 11px;
font-weight: bold;
color: #B8B8B8;
background-color: #F4F4F4;
border: 1px solid #B8B8B8;
width: 150px;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 5px;
padding: 5px;
}

form input.powermail_submit:hover, input.tx-powermail-pi1_confirmation:hover, input.csc-mailform-submit:hover, input.tx-sremailsubscribe-pi1-submit:hover, input.tx_powermail_pi1_submitmultiple_forward:hover, input.tx_powermail_pi1_submitmultiple_back:hover {
color: #000000;
}

form input.powermail_submit { /* for IE only */
cursor:pointer;
}

.powermail_all_td {
padding: 3px 10px 3px 10px
}

.powermail_pagebrowser {
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #EBEBEB;
clear: both;
margin-bottom: 10px;
margin-top: 10px;
}

.powermail_check {
}



/***************************************************/
/* Smoothgallery		                   */
/***************************************************/

.rgslideshowbar {display:none;}

.tx-rgsmoothgallery-pi1 {
float:left;
margin-bottom:10px;
}