* {
color: #3A3A3A;
}

img, a {
border: 0px;
}

.blue {
color: #0051ba;
}

.white {
color: #FFFFFF;
}

.pink {
color: #6d28aa;
}

.orange {
color: #f77f00;
}

.green {
color: #c5df30;
}

@font-face {
 font-family: "kingcool";
 src: url("../fonts/kingcool.eot"); /* EOT file for IE */
}

@font-face {
 font-family: "kingcool";
 src: url("../fonts/kingcool.ttf"); /* TTF file for CSS3 browsers */
 format: "TrueType";
}

@font-face {
 font-family: "beautiful";
 src: url("../fonts/beautiful.eot"); /* EOT file for IE */

}

@font-face {
 font-family: "beautiful";
 src: url("../fonts/beautiful.ttf"); /* TTF file for CSS3 browsers */
 format: "TrueType";
}

html {
text-align: center;
font-family: Helvetica,Tahoma,Tekton,Blueprint,"Dom Casual","Dom Casual BT",Arial,sans-serif;
}

h1 {
margin-top: 0px;
margin-bottom: 12px;
padding-left: 32px;
padding-top: 28px;
color: white;

font-family: kingcool;
font-size: 2em;
}

h2 {
margin:4px;
}

.kingcool {
font-family: kingcool;
}

.wrapper {
width: 960px;

min-height: 700px;

margin: auto;
margin-top: 20px;

text-align: left;

background-color:#0051ba;
/*rgba(0,13,242,1);*/

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

padding: 64px;
padding-top: 32px;
padding-bottom: 0px;
}

nav {
color: white;
}

header {
width : 960px;
height: 86px;
}

.header {
width : 960px;
height: 86px;

text-align:left;
position: relative;
}

.probebanner {

position : relative;
width: 144px;
height: 200px;
padding: 0px;
margin-left: 1024px;
}

.probebanner img {
    z-index: 0;
}

.hoffest {
position : relative;
width: 144px;
height: 200px;
top : 20px;
padding: 0px;
margin-left: 1024px;
}

.hoffest img {
    z-index: 1;
}

.row {
    display: table;
    width: 100%;
}

.cell {
    display: table-cell;
    width: 50%;
}

.cell img {
    width: 400px;
}


hr {
height:1px;
color: white;
background-color:white;
}

.topnav {

padding:0px;
margin: 16px 0px 0px 196px;

}

.topnav li  {

float: left;

padding: 10px 30px 10px 0px;

height: 20px;

list-style-type:none;

font-family: kingcool;

}

.topnav a {
color: white;
text-decoration: none;
font-size: 28px;
}

.subnav {
position: absolute;
top:40px;
left:195px;

display: none;
min-width:700px;
height:100px;

padding:0px;
margin:0px;

}

.subnav li {

float:left;
color:white;

font-family: Helvetica,Tahoma,Tekton,Blueprint,"Dom Casual","Dom Casual BT",Arial,sans-serif;
}

.subnav a {
font-size: 16px;
}



.mikronav {
width: 960px;
height: 32px;
}

.mikronav li {
float: left;
list-style-type: none;
margin-right: 32px;
}

.mikronav li a {
color: white;
}

.content_fullwidth {

min-height: 380px;
width: 896px;

padding: 32px;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

background-color:white;

}


footer {
width: 960px;
min-height: 32px;
padding:16px;

font-size: 0.9em;
color: white;
text-align:center;
}

.footerlink  a, .footer a {
margin: 2px 6px 0px 6px;
color: white;
}

#probelink {
margin: 2px 6px 0px 6px;
color: #dff700;
}

/* Ab hier Seitenindividuelle Formate*/

/*Startseite */

#kurzinformationen {

float: right;
width : 225px;
height: 256px;


}

.meinung {
height: 256px;
padding: 13px 0px 8px 12px;
font-family: beautiful;
font-size: 1em;
display: table-cell;
vertical-align: middle;
}

.meinung q {
color: white;
}

.meinungautor 
{
color: white;
padding-left: 35px;
margin-top: 8px;

font-family: beautiful;
font-size: 0.9em;

}

#content {

min-width: 704px;
width: 704px;
min-height: 256px;
height: 256px;

margin-top: 32px;
margin-bottom: 10px;

}


.contenttext {
position: absolute;
width: 432px;
height: 176px;
margin-left: 256px;
margin-top: 64px;

z-index:2;

padding: 8px;

-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;

background: rgb(255, 255, 255); /* Fallback IE */
background-color:rgba(255,255,255,0.9);

}

/* Untere Navigation Startseite */
#untere_navigation {
width: 965px;
height: 256px;
margin-top: 32px;
}

.box  {
padding: 0px;
margin:0px;

font-size: 2em;
font-family: kingcool;
}

.boximage {

height: 240px;
width: 192px;
margin:0px;
padding:0px;

}

.touren_ankuendigung {
padding: 12px;
}

#angebot,#firma,#aktuelles,#bestellung,#aktuelles_tour {

width: 192px;
height: 280px;
min-height: 280px;

float: left;
background-color: white;

text-align: center;
}

#angebot,#firma,#aktuelles,#aktuelles_tour {
margin-right:64px;
}


#aktuelles_tour {
border-left: 5px solid #6d28aa;
}

/* Firma */

.mitarbeitercontainer {
width: 896px;
min-height: 240px;

padding: 0px;
margin: 0px;

clear: both;
}

#fahrer {
min-height: 720px;
}

.mitarbeiter {
float: left;
width: 160px;
height: 233px;

margin: 0px 18px 0px 0px;
}

/* Angebot */

.produktbild {
padding-right: 36px;
float: right;
}

.produkt {
padding-left: 36px;
}

div.produkt ul {
list-style-image : url(../img/haken_gruen.gif);
}

.preisinfo {

}

.joghurtsorten {
float: left;
width: 200px;
}

#joghurtbecher_container {
padding-left: 36px;
}

#joghurtbecher_img {
    height: 350px;
    margin : 20px 0px;
    padding : 0px;
}

#joghurtbecher_img img {
    margin : 0px;
    padding : 0px;
}

#joghurtbecher_text_container {
    width: 400px;
    text-align: left;
    padding-top: 60px;
    padding-right : 36px;
    float : right;
}

#joghurtbecher_text {
height: 220px;
}

/* Partnerseite */
.partnerlogo {
max-width:192px;
max-height:192px;
}

.partnertabelle {
margin: 32px;
}

.partnertabelle td, .partnertabelle th {
padding: 12px;
border-bottom: 1px dotted #C0C0C0;
}

/* Tourenseite */

.partnerelement, .tourelement {
cursor: pointer;
}

.tourtab {
min-height:290px;
}

.tourorte {
float: left;
}

.tourhinweis {
color: #b2b0b8;
margin: 0.5em;
}

.liefertage {
width: 600px;
padding: 12px;
padding-left: 50px;
}


.tourliste {
padding-left:80px;

}


/* Artikelseite */

.empfehlungen {
margin-left:32px;
}

.empfehlungen a {
color: white;
}

/* Impressum */

#impressum   {
width: 50%;
float:left;
}

#impressumkontaktformular {
width : 50%;
height: 600px;
margin-left:50%;
}

.seitennavigation_ruler {
height: 1px;
background-color: #3A3A3A;
border-style: none;
}

/* Formulare */

/*Uebersicht*/
.formularuebersicht {
float: left;
width: 224px;

margin: 8px 0px 36px 0px;

}

.formularerklaerung {
margin: 4px;
padding: 8px;
font-size: 14px;
min-height: 240px;
background-color: #d1e6ff;
}

#probeuebersicht {
background-color: #c5df30;
}

.erklaerunglink {
font-size: 22px;
}

legend {
font-size: 20px;
padding: 12px;
}

/*Einzelformulare*/
.active {
color: #1C9FE9;
}

fieldset {
border: 1px solid #F4F4F4;
padding:0px;
margin: 0px;
}

.formularseite {
background-color: white;
padding:4px;

}

.formularseite div label {
float: left;
margin: 4px;
margin-left: 8px;
}

.formularseite input , .formularseite textarea {
margin: 4px;
}

div#milch .columnfit {
margin-left: 36px;
}

.formularseite div {
background-color: #F4F4F4;
color: #3A3A3A;
margin:4px;
font-size: 1em;
}

.formularseite div p {
padding: 8px;
}

div.formularseite div.seitennavigation, div.formularseite div.formularnavigation {
background-color: white;
padding: 0px;
margin: 0px;
}

.formularseite p {
clear: both;
}

.weiter, .zurueck {
cursor: pointer;
text-decoration: underline;
}

#bestellungtabelle {
width: 500px;
background-color: #F4F4F4;
color: #3A3A3A;
}

.formularseite div p.hinweis {
color: #B2B0B8;
font-size:0.8em;
margin:6px;
padding:2px;
}

.formularseite div label.error {
float: none;
display: block;
color:#f77f00;
font-size: 0.7em;
}

input.error {
border: 1px solid #f77f00;
}

button {

}