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

/* CSS Document - www.einheitserde.de */

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

body { 
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #663300;
line-height: 130%;
margin: 0 auto;
padding: 0;
background: #FFFFFF url(../images/layout/bg.gif) top center repeat-y;
text-align: center; 
} 

.clear {
clear: both;
}

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


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

h1 {
color: #663300;
font-size: 28px;
line-height: 120%;
font-weight: normal;
margin-bottom: 10px; 
padding: 0px 0px 5px 0px;
text-align: left;
border-bottom: 1px solid #E89B2C;
}

h2 {
color: #663300;
font-size: 14px;
font-weight: normal;
line-height: 120%;
margin-bottom: 10px; 
padding: 0px 0px 5px 0px;
text-align: left;
border-bottom: 1px solid #E89B2C;
}

h3 {
font-size: 13px;
font-weight: bold;
margin-bottom: 10px; 
padding: 0px 0px 5px 0px;
text-align: left;
border-bottom: 1px solid #FDE894;
}

h4 {
color: #FFFFFF;
background-color: #663300;
font-size: 24px;
line-height: 120%;
font-weight: normal;
margin-bottom: 10px; 
padding: 5px;
text-align: left;
}

h5 {
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
padding: 0px;
text-align: left;
}

h6 {
color: #663300;
font-size: 28px;
font-weight: normal;
padding: 0px;
text-align: left;
}

.gross {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px; 
padding: 0px 0px 5px 0px;
}

.mittel {
color: #FFFFFF;
font-size: 18px;
}

.klein {
font-size: 11px;
}

.orange {
color: #FBB42D;
}

.dark_orange {
color: #a0321e;
}


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

#box_main a, #box_main a:visited {
color: #663300;
text-decoration: underline;
}

#box_main a:hover {
color: #FFFFFF;
text-decoration: none;
}

#box_main .info a, info a:visited {
color: #FFFFFF;
text-decoration: underline;
background: url(../images/layout/bg_infobox_bullet.gif) left no-repeat;
padding-left: 13px;
}

#box_main .info a:hover {
color: #FFFFFF;
text-decoration: none;
}

.box_content_right a, .box_content_right a:visited {
float: right;
color: #339933;
text-decoration: underline;
}

#box_footer a, #box_footer a:visited {
color: #663300;
text-decoration: underline;
}

#box_footer a:hover {
color: #FFFFFF;
text-decoration: none;
}

a.zurueck, a.zurueck:visited {
display: block;
border-top: 1px solid #FDE894;
text-decoration: none;
}

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


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


#box_header {
background: #FFFFFF url(../images/layout/bg_header.gif) top center no-repeat;
width: 968px;
height: 24px;
text-align: left;
margin: 0 auto;
padding: 0;
}

#box_nav {
width: 960px;
text-align: left;
margin: 0 auto;
padding: 0px 4px 0px 4px;
background: #FFFFFF url(../images/layout/bg_nav.gif) bottom center no-repeat;
}

#box_nav_flaggen {
float: right;
margin-right: 20px;
padding: 35px 0px 0px 0px;
}

#box_logo {
width: 960px;
height: 224px;
text-align: left;
margin: 0 auto;
padding: 0px 4px 0px 4px;
background: #FFFFFF url(../images/layout/bg_logo.gif) bottom center no-repeat;
}

#box_trenner {
width: 968px;
height: 10px;
text-align: left;
background: url(../images/layout/bg_trenner.gif) top center no-repeat;
margin: 0 auto;
padding: 0;
}

#box_start_produkte {
width: 961px;
text-align: left;
margin: 0 auto;
padding: 20px 3px 0px 3px;
}

#box_main {
width: 928px;
text-align: left;
margin: 0 auto;
padding: 20px 20px 20px 20px;
}

#box_main p {
padding: 5px 0px 5px 0px;
}

#box_main b {
color: #a0321e;
}

#box_main_text {
float: right;
width: 680px;
text-align: left;
margin: 0 auto;
padding: 0px 10px 0px 0px;
line-height: 150%;
}

#box_main_text_left {
float: left;
width: 680px;
text-align: left;
margin: 0 auto;
padding: 0px 10px 0px 0px;
line-height: 150%;
}

#box_main_left {
float: left;
width: 225px;
text-align: left;
margin: 0 auto;
padding: 0px 10px 0px 0px;
}

#box_main_right {
float: right;
width: 235px;
text-align: left;
margin: 0 auto;
padding: 15px 0px 10px 0px;
}

#box_main_right b {
color: #006633;
}

#box_footer {
width: 946px;
w\idth: 944px;
font-size: 11px;
height: 65px;
text-align: left;
margin: 0 auto;
padding: 95px 4px 0px 20px;
background: #FFFFFF url(../images/layout/bg_footer.gif) top left no-repeat;
}

.box_produkt {
width: 922px;
text-align: left;
margin: 0 auto;
padding: 20px 20px 0px 20px;
}

.box_werbemittel {
float: left;
width: 550px;
padding: 0px 0px 10px 0px;
margin: 10px 20px 0px 0px;
text-align: left;
border-bottom: 1px solid #FDE894;
}



/***************************************************/
/* Sonstiges		                               */
/***************************************************/

/* ul ol Contentbereich */

#box_main ul {
margin-left: 20px;
list-style-type: square;
}

#box_main ul li {
font-size: 12px;
line-height: 130%;
padding-bottom: 10px;
list-style-image: url(../images/layout/bullet.gif);
}

#box_main table tr td {
padding: 2px;
}

#box_main table .headline {
color: #663300;
font-weight: bold; 
padding: 5px 0px 5px 2px;
text-align: left;
border-top: 1px solid #663300;
border-bottom: 1px solid #663300;
}

#box_start_produkte table tr td {
padding: 3px;
background-color: #ffe065;
font-size: 11px;
line-height: 110%;
}

#box_start_produkte table tr td.special {
padding: 3px;
background-color: #ad0e32;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
line-height: 110%;
}

#box_start_produkte table tr td.classic {
padding: 3px;
background-color: #005026;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
line-height: 110%;
}

#box_start_produkte table tr td.gepac {
padding: 3px;
background-color: #00629d;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
line-height: 110%;
}

#box_start_produkte table tr td.gepac_baltic {
padding: 3px;
background-color: #ede322;
font-size: 11px;
font-weight: bold;
line-height: 110%;
}

#box_start_produkte table tr td.galabau {
padding: 3px;
background-color: #663300;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
line-height: 110%;
}

#box_start_produkte table tr td.trans {
padding: 0px;
background-color: #fbb42d;
}

/* Infokasten Startseite  */

.packungsinhalt {
font-weight: bold; 
padding: 5px 0px 5px 0px;
margin-top: 10px;
margin-left: 145px;
text-align: left;
border-top: 1px solid #006633;
border-bottom: 1px solid #006633;
}

.packungsinhalt_ohne_img {
font-weight: bold; 
padding: 5px 0px 5px 0px;
margin-top: 10px;
text-align: left;
border-top: 1px solid #006633;
border-bottom: 1px solid #006633;
}

.info {
float: left;
line-height: 120%;
width: 194px;
height: 129px;
color: #FFFFFF;
margin-right: 6px;
padding: 67px 15px 0px 15px;
background: #FBB42D url(../images/layout/bg_infobox.gif) top center no-repeat;
}


.info b {
color: #FFFFFF;
}

.info_long {
float: left;
line-height: 120%;
width: 194px;
height: 533px;
color: #FFFFFF;
margin-right: 6px;
padding: 67px 15px 0px 15px;
background: #FBB42D url(../images/layout/bg_infobox_long.gif) top center no-repeat;
}

.info_leer {
float: left;
width: 194px;
height: 129px;
color: #FFFFFF;
margin-right: 6px;
padding: 67px 15px 0px 15px;
}

.info_headline {
color: #FBB42D;
font-size: 14px;
font-weight: bold;
}



/***************************************************/
/* Sonstiges		                               */
/***************************************************/

/* Bilder  */

.img_border {
display: inline;
padding: 0;
border: 2px solid #FFED00;
}

.img_bold_border {
display: inline;
padding: 0;
border: 4px solid #a0321e;
}

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

.img_right_border {
float: right;
display: inline;
margin: 3px 0px 3px 10px;
padding: 1px;
border: 1px solid #FDE894;
}

.img_left {
float: left;
display: inline;
margin: 3px 15px 3px 10px;
padding: 1px;
}

.img_left_border {
float: left;
display: inline;
margin: 3px 10px 3px 0px;
padding: 1px;
border: 1px solid #FDE894;
}

/***************************************************/
/* Kontaktformular		                           */
/***************************************************/

fieldset {
border: 1px solid #FDE894;
width: 90%;
}

legend {
color: #FDE894;
font-weight: bold;
font-size: 12px;
}

label.formular {
float: left;
vertical-align: top;
width: 150px;
margin: 5px;
padding-left: 5px;
}

label.formular_weiter {
	float: left;
	margin: 0px;
	vertical-align: top;
	width: 130px;
}

label.suche_resultat {
	float: left;
	margin: 0px;
	vertical-align: top;
	width: 250px;
}

input.felder  {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #663300;
background-color: #FDE894;
border: #663300 1px solid;
width: 250px;
margin: 4px;
padding: 4px;
}

input.felder:focus	{
background-color: #FFFAB2;
}

textarea  {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #663300;
background-color: #FDE894;
border: #663300 1px solid;
height: 150px;
width: 350px;
margin: 5px;
padding: 4px;
}

textarea:focus	{
background-color: #FFFAB2;
}

input.button  {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #663300;
font-weight: bold;
padding: 2px 10px 2px 10px;
margin-top: 15px;
margin-bottom: 5px;
margin-left: 5px;
border: 1px solid #663300;
background-color: #FDE894;
text-decoration: none;
}

input.button:hover {
background-color: #FFFAB2;
text-decoration: none;
}