/*
////////////////////////////////////////////////////////////////
//
// format.css  Stylesheet fuer die gesamte Webside
// erstellt durch gia-online, 53175 Bonn, www.gia-online.de
//
////////////////////////////////////////////////////////////////
*/

/* CSS Document - www.gartenbaumschule-krauß.de */

* {
margin: 0;
padding: 0;
font-size: 100.01%;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.75em;
color: #5F5F5F;
line-height: 150%;
text-align: left;
background-color: #FFFFFF;
}

.clear {
clear: both;
}

p {
margin: 10px 10px 10px 0px;
}

hr {
text-align: left;
margin: 10px 0px 10px 0px;
padding: 0px;
background-color: #E5E5E5; /* Mozilla 1.4 */
color: #E5E5E5; /* IE 6 */
border: #E5E5E5; /* Opera 7.11 */
height: 1px; /* im Opera für die Anzeige, im Mozilla für einheitliche Höhe nötig */
}


/***************************************************/
/* Schriften		                               */
/***************************************************/


h1 {
font-family: "Times New Roman", Times, serif;
font-size: 2.5em;
font-weight: bold;
color: #E5057F;
margin-bottom: 15px;
line-height: 100%;
}

h2 {
font-family: "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: bold;
color: #E5057F;
margin-bottom: 10px;
}

b {
color: #E5057F;
}


/***************************************************/
/* Schriften-Navigation                            */
/***************************************************/

dt {
font-weight:bold;
font-size: 1.15em;
color: #E5057F;
width: 130px;
}

dd a {
color: #5F5F5F;
text-decoration: none;
display: block;
}

dd a:hover {
color: #E5057F;
text-decoration: underline;
display: block;
}


/***************************************************/
/* Schriften-Subnavigation (Rand rechts)           */
/***************************************************/

.content_right ul {
font-weight: bold;
font-size: 1em;
color: #E5057F;
width: 100%;
list-style: none;
}

.content_right li a {
color: #E5057F;
text-decoration: none;
display: block;
border-bottom: 1px #DDDDDD solid;
padding: 3px 5px 3px 5px;
}

.content_right li a:hover {
color: #5F5F5F;
display: block;
text-decoration: none;
}


/***************************************************/
/* Links im Contentbereich                         */
/***************************************************/

.content_left a, .content_left a:visited {
color: #E5057F;
text-decoration: none;
}

.content_left a:hover {
text-decoration: underline;
}

/* Seitenzahlen für News-Archiv */

a.seitenzahl, a.seitenzahl:visited {
padding: 3px 7px 3px 7px;
border: 1px solid #E5E5E5;
background-color: #F1F0EE;
text-decoration: none;
}

a.seitenzahl:hover {
padding: 4px 7px 4px 7px;
border: 1px solid #E5E5E5;
background-color: #FFFFFF;
color: #E5057F;
font-weight: bold;
text-decoration: none;
}



/***************************************************/
/* Links rechter Rand                              */
/***************************************************/

.content_right a, .content_right a:visited {
color: #E5057F;
text-decoration: none;
}

.content_right a:hover {
text-decoration: underline;
}


/***************************************************/
/* Links-News		                               */
/***************************************************/

a.weiter {
float: right;
color: #E5057F;
text-decoration: none;
}

a.weiter:hover {
font-weight: bold;
text-decoration: none;
}


/***************************************************/
/* Links-Header		                               */
/***************************************************/

#header_box a, #header_box a:visited {
color: #F7B4D9;
text-decoration: none;
}

#header_box a:hover {
color: #FFFFFF;
text-decoration: underline;
}


/***************************************************/
/* Links-Download	                               */
/***************************************************/

a.download, a.download:visited {
background: url(../images/download.gif);
height: 50px;
text-decoration: none;
}

a.download:hover {
text-decoration: bold;
}


/***************************************************/
/* Boxen			                               */
/***************************************************/

#all {
position: absolute;
border-right: 1px #DDDDDD solid;
width: 990px;
}

#header_box {
text-align: right;
width: 980px;
height: 23px;
color: #F7B4D9;
background: #E5057F url(../images/layout/bg_header.gif) top left no-repeat;
margin: 0px;
padding: 7px 5px 0;
}

#navigat_box {
width: 990px;
height: 130px;
margin: 0px;
padding: 0px;
}

#logo_box {
float: left;
width: 280px;
text-align: right;
padding-right: 10px;
}

.navi_box {
float: left;
width: 134px;
height: 120px;
border-left: 1px #FDBED9 solid;
padding: 10px 0px 0px 5px;
}

.content_left {
float: left;
width: 670px;
margin: 0px;
padding: 40px 0px 0px 40px;
border-right: 1px #DDDDDD solid;
background: #FFFFFF url(../images/layout/bg_content.gif) top repeat-x;
}

.content_left_left {
float: left;
width: 335px;
margin: 0px;
padding: 40px 0px 0px 40px;
border-right: 1px #DDDDDD solid;
background: #FFFFFF url(../images/layout/bg_content.gif) top repeat-x;
}

.content_left_right {
float: left;
width: 335px;
margin: 0px;
padding: 40px 0px 0px 0px;
border-right: 1px #DDDDDD solid;
background: #FFFFFF url(../images/layout/bg_content.gif) top repeat-x;
}

.content_left ol {
margin-left: 50px;
margin-right: 15px;
}

.content_right {
float: right;
width: 259px;
margin: 0px;
padding: 40px 10px 0px 10px;
background: #FFFFFF url(../images/layout/bg_content.gif) top repeat-x;
}

.news {
float: left;
border-top: 1px #DDDDDD solid;
margin-top: 5px;
}

.img_scroller_box {
clear: left;
width: 950px;
margin: 0px;
padding: 30px 0px 0px 40px;
background: #FFFFFF url(../images/layout/bg_content.gif) top repeat-x;
}

.footer_box {
width: 990px;
height: 30px;
color: #FFFFFF;
background-color: #E5057F;
padding: 0px;
}



/***************************************************/
/* Bilder			                               */
/***************************************************/

.img_right {
float: right;
padding: 0px 10px 0px 10px;
}

.img_left {
float: left;
padding: 5px 5px 5px 0px;
}

.img_border {
border: 5px solid #DDDDDD;
padding: 1px;
}



/***************************************************/
/* Scrollbox Pilze	                               */
/***************************************************/

#scrollbox {
float: left;
height: 155px;
position: relative;
overflow: hidden;
}

#scrollbox img {
position: absolute;
}

.pfeil {
float: left;
cursor: pointer;
padding: 50px 10px 0 10px;
}



/***************************************************/
/* Kontaktformular	                               */
/***************************************************/

fieldset {
width: 90%;
border: 1px solid #E5E5E5;
}

label.formular {
float: left;
margin: 0px;
vertical-align: top;
width: 130px;
margin: 5px;
padding-left: 5px;
}

label.formular_weiter {
float: left;
margin: 0px;
vertical-align: top;
width: 130px;
}
input.felder  {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #5F5F5F;
background-color: #F1F0EE;
border: #E5E5E5 1px solid;
width: 250px;
margin: 5px;
padding-left: 5px;
}

input.felder:focus	{
background-color:#ffffff;
}

textarea  {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #5F5F5F;
background-color: #F1F0EE;
border: #E5E5E5 1px solid;
height: 150px;
width: 400px;
margin: 5px;
padding-left: 5px;
}

textarea:focus	{
background-color:#ffffff;
}

input.button  {
font-size : 12px;
font-family : Arial,Helvetica,sans-serif;
font-weight: bold;
color: #5F5F5F;
background-color: #F1F0EE;
border: 1px solid #E5E5E5;
width: 100px;
margin: 5px;
padding: 1px;
} 



/***************************************************/
/* Sonstiges		                               */
/***************************************************/

label.large {
float: left;
margin: 0px;
vertical-align: top;
width: 400px;
}

