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

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

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

body { 
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #006633;
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;
}

b {
color: #CC6600;
}

hr {
background-color: #CC6600; /* Mozilla 1.4 */
color: #CC6600; /* IE 6 */
border: #CC6600; /* 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: #CC6600;
font-size: 18px;
line-height: 120%;
font-weight: bold;
margin-bottom: 10px; 
padding: 0px 0px 5px 0px;
text-align: left;
border-bottom: 1px solid #CC6600;
}

h2 {
color: #CC6600;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px; 
padding: 0px 0px 5px 0px;
text-align: left;
border-bottom: 1px solid #CC6600;
}

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

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

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

.klein {
font-size: 11px;
}


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

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

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

#box_subnav a, #box_subnav a:visited, 
.info a, info a:visited {
color: #006633;
text-decoration: underline;
}

#box_subnav a:hover, 
.info a:hover {
color: #CC6600;
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: #006633;
text-decoration: underline;
}

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

a.zurueck, a.zurueck:visited {
display: block;
border-top: 1px solid #CC6600;
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_navigat {
width: 960px;
height: 294px;
text-align: left;
margin: 0 auto;
padding: 0px 4px 0px 4px;
background: #FFFFFF url(../images/layout/bg_header.jpg) top center no-repeat;
}

#box_nav {
float: left;
margin: 0 auto;
padding: 0px;
}

#box_nav_flaggen {
float: left;
margin: 0 auto;
padding: 35px 0px 0px 20px;
}

#box_subnav {
font-size: 11px;
float: left;
width: 716px;
padding: 7px 0px 0px 20px;
margin-top: 190px;
}

#box_clown {
float: right;
width: 244px;
}

#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_main {
width: 935px;
text-align: left;
margin: 0 auto;
padding: 20px 20px 20px 13px;
}

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

#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: 235px;
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 10px;
}

#box_main_right b {
color: #006633;
}

#box_footer {
background: #FFFFFF url(../images/layout/bg_footer.gif) top center no-repeat;
font-size: 11px;
width: 943px;
height: 100px;
text-align: left;
padding: 8px 20px 0px 5px;
margin: 0 auto;
clear: both;
}

.box_produkt {
float: left;
width: 445px;
height: 220px;
padding: 0px;
margin: 10px 20px 0px 0px;
text-align: left;
border-bottom: 1px solid #CC6600;
}

.box_produkt_gr {
float: left;
width: 445px;
height: 270px;
padding: 0px;
margin: 10px 20px 0px 0px;
text-align: left;
border-bottom: 1px solid #CC6600;
}

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


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

/* ul ol Contentbereich */

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

#box_main ol li {
margin-left: 50px;
margin-top: 40px;
font-weight: bold;
font-size: 250%;
color: #006633;
}

#box_main ol li div, #box_main ol ul div {
font-size: 12px;
font-weight: normal;
}

#box_main ul li {
font-size: 12px;
line-height: 10%;
}


/* Infokasten Startseite  */

.bildrahmen {
padding: 0px 2px 0px 2px;
margin-top: 10px;
font-size: 11px;
background-color: #CCCC00;
width: 230px;
line-height: 100%;
}

.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;
width: 226px;
margin-right: 6px;
padding: 0;
}

.info_oben {
font-weight: bold;
color: #FEFBF7;
height: 47px;
padding: 25px 5px 0px 15px;
background: #FFFFFF url(../images/layout/info/oben.gif) top center no-repeat;
}

.info_mitte {
font-weight: bold;
color: #CC6600;
height: 59px;
padding: 10px 5px 10px 15px;
background: #FFFFFF url(../images/layout/info/mitte.gif) top center no-repeat;
}

.info_unten {
font-size: 11px;
height: 29px;
padding: 15px 10px 5px 37px;
background: #FFFFFF url(../images/layout/info/unten.gif) top center no-repeat;
}



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

/* Bilder  */

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

.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 #CC6600;
}

.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 #CC6600;
}

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

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

legend {
color: #CC6600;
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: #006633;
background-color: #F0E400;
border: #CC6600 1px solid;
width: 250px;
margin: 4px;
padding: 4px;
}

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

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

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

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

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