/*----------------------------allgemeine Formate--------------------------*/

/* alle Stile zuruecksetzen */
* {
padding:0;	
margin:0;
}

/*Schriftformatierungen, falls Formatzuweisung vom Red. im CMS vergessen werden*/
body {
background-color: #ffffff;
border-top: 32px solid #333333;
font-family: arial,verdana,helvetica,sans-serif;
font-size: 11px;
color: #656565;
line-height: 15px;
}

p, h1, h2, h3, h4, h5, h6, ul, li, a {
font-family: arial,verdana,helvetica,sans-serif;
font-size: 11px;
color: #656565;
line-height: 15px;
background-color:transparent;
}

h1, h2, h3, h4, h5, h6 {
color: #b4b4b4;
margin-bottom: 2px;
margin-top: 2px;
}

#container_content.biouebersicht h1 {
border-bottom: 1px solid #b4b4b4;
}

p {
margin-bottom: 6px;
margin-top: 2px;
}

table {
margin-bottom: 8px;
}

table tr td {
font-family: arial,'trebuchet ms', verdana, helvetica, sans-serif;
font-size: 11px;
color: #656565;
line-height: 15px;
background-color:transparent;
padding-bottom: 2px;
text-align: left;
}

a {
text-decoration: none;
}

a:hover {
color:#000000;
}

/*beendet float z.B. in der Rubrik Biografie und bei den Teasern*/
.antifloat {
clear: both;
visibility: hidden;
}


.antifloat_termine_offener_garten {
clear: both;
visibility: hidden;
margin-bottom: 0;
}


/*------------------------------Layout Hauptcontainer----------------------------*/

/* Container fuer die Zentrierung*/
#container_zentrierung {
background-color:transparent;
background-image: url("../images/bg/strich.gif");


background-repeat:repeat-y;
background-position:top left;
text-align: left;
position: absolute;
left: 50%;
width: 744px;
margin-left: -372px;
}

/* Container fuer die linke Spalte*/
#container_links {
width: 234px;
float: left;
background-color:#ffffff;
}

/* Container fuer die rechte Spalte*/
#container_rechts {
width: 510px;
float: left;
background-color: transparent;
}

/*----------------------------Layout der innerern Container--------------------------*/


/* Container fuer das Logo*/
#container_logo {
height: 182px;
background-color: #e8e8e8;
}

#container_logo img {
margin-top: 32px;
vertical-align: bottom;
}


/* Container fuer den Fotobereich*/
#container_bild {
width: 510px;
background-color: transparent;
}

/* ...um Leerzeile unter Foto im IE zu verhindern*/
#container_bild img {
vertical-align: bottom;
}

/* Container fuer die Breadcrumbnavigation*/
#container_breadcrumb {
background-color: #c9c9c9;
border-right: 32px solid #e8e8e8;
height: 32px;
}


/* Container fuer den Inhaltsbereich*/
#container_content {
border-right: 32px solid #333333;
padding: 25px 32px 5px 32px;
min-height: 230px;
background-color: transparent;
}

/* Container fuer den Inhaltsbereich der Verkaufsgalerieuebersicht - Breite und float eingefuegt wg IE*/
#container_content_verkaufsgalerie_uebersicht {
border-right: 32px solid #333333;
padding: 25px 32px 5px 32px;
background-color: transparent;
float: left;
width: 414px;
min-height: 230px;
}

/* vereinfachter Box-Model-Hack */
html #container_content_verkaufsgalerie_uebersicht {
width: 510px;
w\idth: 414px;
}


#container_content_teaserseite {
background-color: transparent;
}

#container_content_textbereich_detailseite {
background-color: transparent;
}




/* Container fuer den Footerbereich*/
#container_footer {
background-color: #c9c9c9;
border-right: 32px solid #333333;
height: 32px;
background-color: #c9c9c9;
}



/* Container fuer den Navigationsbereich*/
#container_navigation {
border-top: 32px solid #333333;
padding: 0px 0 65px 0;
background-color: #a6a6a6;
min-height: 180px;
}



/*----------------------------Specials in der Rubrik Biografie------------------------*/

/*umschliessender Container für die Boxen biodatum und biotext*/
.bio {
margin: 0 0 20px 0;
width: 414px;
background-color: transparent;
clear: both;
}

/*Container fuer das Datum*/
.biodatum {
color:#b4b4b4;
float: left;
width:20%;
background-color: transparent;
}

/*Conatiner fuer den Biotext*/
.biotext {
float: left;
width: 80%;
background-color: transparent;
}

.biokategorie {
border-bottom: 1px solid #b4b4b4;
margin: 0 0 4px 0;
}

/*------------------------Specials fuer die Teaserseiten Aktuelles, Offener Garten, Verkaufsgalerie----------------------------*/

/*Container fuer die Teaser in der Rubrik Aktuelles*/
.teaser {
margin-bottom: 35px;
background-color: transparent;
clear: both;
}

.teaser_termine_offener_garten {
margin-bottom: 5px;
background-color: transparent;
clear: both;
}


/* Fotos in den Teasern der Rubrik Aktuelles*/
.teaser img {
float: left;
border: 1px solid #cccccc;
padding: 2px;
margin: 2px 10px 5px 0;
}

.teaser_verkaufsgalerie {
width: 185px;
margin-bottom: 25px;
margin-right: 10px;
background-color: transparent;
float:left;
display: inline;

}

.teaser_verkaufsgalerie img {
border: 1px solid #cccccc;
padding: 2px;
margin-top: 2px;
}

.objektfoto {
width: 85px;
float: left;
background-color: transparent;
}


.objekttitel {
width: 100px;
float: left;
background-color: transparent;
}

.objekttitel h1 {
margin-top: 0;
}

.teaser_verkaufsgalerie_startseite {
width: 185px;
margin-bottom: 25px;
background-color: transparent;
}

.teaser_verkaufsgalerie_startseite img {
border: 1px solid #cccccc;
padding: 2px;
margin-top: 2px;
}


.teaser_verkaufsgalerie_startseite .objektfoto {
width: 85px;
float: left;
background-color: transparent;
}


.teaser_verkaufsgalerie_startseite .objekttitel {
float: left;
background-color: transparent;
}

.teaser_verkaufsgalerie_startseite .objekttitel h1 {
margin-top: 0;
}

/*------------------------Specials fuer die Detailseiten Aktuelles und in der Uebersichtsseite Offener Garten----------------------------*/


/* Fotos in den Artikeln der Rubrik Aktuelles*/
#container_content_textbereich_detailseite img {
float: left;
border: 1px solid #cccccc;
padding: 2px;
margin: 2px 12px 3px 0;
}

.objekt {
width: 410px;
background-color: transparent;
margin-bottom: 15px;
}

.links {
float: left;
width: 165px;
background-color: transparent;
}
rechts {
width: 245px;
float: left;
background-color: transparent;
}





/*------------------------------Schriftformatierungen----------------------------*/



/*----------Formatierunggen im Breadcrumb-Bereich----------*/

/* Formatierung des Textes in der Breadcrumbnavigation*/
#container_breadcrumb p {
font-size: 14px;
color: #9a9a9a;
text-align:right;
padding-top: 8px;
padding-right: 15px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}

/*Formatierung des links der Breadcrumbnavigation*/
#container_breadcrumb a { 
font-size: 14px;
color: #9a9a9a;
font-weight: bold; 
} 

/*----------Formatierungen im Content-Bereich----------*/

/* Formatierung fuer hellgraue Schrift*/
.hellgrau {
color: #b4b4b4;
font-weight: bold;
background-color: transparent;
}


/*----------Formatierungen in der Teaseseite Offener Garten----------*/

h1.offener_garten {
margin-top: 10px;
margin-bottom: 6px;
}


/*----------Formatierungen im Footer-Bereich----------*/

#container_footer p {
text-align:right;
padding-top: 10px;
padding-right: 15px;
margin-top: 0;
margin-bottom: 0;
}



/*----------Fomratierungen in der Hauptnavigation----------*/

#container_navigation a {
color:#ffffff;
font-size: 13px;
font-weight: bold;
display:block;
padding-top:5px;
padding-bottom:5px;
}

#container_navigation a.navileft_active {
background-color:#8c8c8c;
} 

/* Fomatierung der Links in der Navigation*/
#container_navigation a.navileft_open {
background-color:#8c8c8c;
} 

/* Fomatierung der Links in der Navigation*/
#container_navigation a:hover { 
background-color:#8c8c8c;
}

/*------------------------------Formatierung der Sitemap------------------------------*/
.sitemap_level1 {
font-family: arial,verdana,helvetica,sans-serif;
font-size: 11px;
color: #656565;
line-height: 15px;
margin-bottom: 8px;
background-color: transparent;
}

/*------------------------------Formatierungen fuer das Formular------------------------------*/



form {
border: 1px solid #cccccc;
padding: 12px;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 300px;
margin: 20px  5px 20px 40px;
}

fieldset {
border: none;
}

.input {
border: none;
background-color: #e8e8e8;
margin: 5px;
padding: 2px;
width: 180px;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;

}

.radio {
margin-left: 5px;
margin-bottom: 5px;


}

.submit{
background-color: #e8e8e8;
border: 1px solid #cccccc;
margin: 5px 5px 5px 25px;
padding: 3px;
float: left;
width: 70px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
cursor: pointer;
}

.reset{
background-color: #e8e8e8;
border: 1px solid #cccccc;
width: 70px;
margin: 5px 5px 5px 0;
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
cursor: pointer;

}
.left {
width: 80px;
line-height: 200%;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #656565;
float: left;
clear: both;
}



.beschriftung {
vertical-align: top;
margin-left: 5px;
margin-bottom: 5px;
}


textarea {
    font-family:  arial,verdana,helvetica,sans-serif;
    font-size: 11px;
    background-color: #e8e8e8; 
    border: none; 
    padding: 2px;
	margin: 5px;
	width: 180px;
 }

input:focus, textarea:focus {
color:  #000;
background: #cccccc; 
}

input:hover, textarea:hover {
color:  #000;
background: #cccccc;
}

.stern {
font-family:verdana,arial,helvetica,sans-serif;
font-size: 11px;
color: #FF6600;
}


/*------------------------------Formatierungen Bildergalerie-------------------------------*/
 
#bildergalerie {
margin-top: 8px;
}

#bildergalerie img{
border: 1px solid #cccccc;
margin:  10px;
padding: 2px;
}



/* Formatierung der Tabelle mit den Thumbnails*/
.gallery {
width: 410px;
margin: 0;
border: 1px solid #cccccc;
}

.descr {
text-align: left;
font-family: arial,verdana,helvetica,sans-serif;
font-size: 11px;
color: #656565;
line-height: 15px;
margin: 0 33px 0 33px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 2px 0 2px 0;
}

/* Formatierung der Navi für Thumbsnails*/
.gallery_navi {
text-align: left;
font-family: arial,verdana,helvetica,sans-serif;
font-size: 11px;
color: #656565;
margin-left: 10px;
margin-top: 0;
margin-bottom: 0;
}