/* ubuttons.css */
/* (c) 2007 by sebastian-stuetz | mediaagentur für print und web */


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
line-height:1.6em;
color:#000;
margin-top:0px;
margin-left:0px;
background-color:#ddd4c8;
padding-left:0px;
padding-top:0px;
}

a {
font-style:normal;
text-decoration:underline;
color:#333333;
}

a:link {
font-style:normal;
text-decoration:underline;
color:#333333;
}

a:active {
font-style:normal;
text-decoration:underline;
color:#333333;
}

a:hover {
font-style:normal;
text-decoration:underline;
color:#000;
}

h1 {
font-size:14px;
font-style:normal;
text-decoration:none;
color:#333333;
line-height:18px;
}

h2 {
font-size:12px;
font-style:normal;
text-decoration:none;
color:#FFF;
line-height:20px;
}

h3 {
font-size:13px;
font-style:normal;
text-decoration:none;
color:#000;
line-height:18px;
}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
text-decoration:none;
color:#CC0000;
line-height:15px;
}


/* Seitenlayout */

#container {
position:absolute;
top:0px;
left:0px;
width:800px;

}

#logo {
position:absolute;
top:0px;
left:0px;
width:342px;
height:159px;
}

/* -------------------------------------------- NAVIGATION 1 START ------------------------------------------------------------------------------ */


#nav1 {position:absolute;top:90px;left:360px;width:340px;height:20px; overflow:hidden;}

/* NAVIGATION ::: HOME */

#navhome {position:absolute;top:0px;left:0px;width:39px;height:16px;background-image:url(../images/nav_home.jpg);background-repeat:no-repeat;}
#navhome a {position:absolute;top:0px;left:0px;width:39px;height:16px;background-image:url(../images/nav_home.jpg);background-repeat:no-repeat;}
#navhome a:hover {position:absolute;top:0px;left:0px;width:39px;height:16px;background-image:url(../images/nav_home_h.jpg);background-repeat:no-repeat;}

/* NAVIGATION ::: ÜBER UNS */

#navueberuns {position:absolute;top:0px;left:44px;width:60px;height:16px;background-image:url(../images/nav_ueberuns.jpg);background-repeat:no-repeat;}
#navueberuns a {position:absolute;top:0px;left:0px;width:60px;height:16px;background-image:url(../images/nav_ueberuns.jpg);background-repeat:no-repeat;}
#navueberuns a:hover {position:absolute;top:0px;left:0px;width:60px;height:16px;background-image:url(../images/nav_ueberuns_h.jpg);background-repeat:no-repeat;}

/* NAVIGATION ::: KONTAKT / IMPRESSUM */

#navkontakt {position:absolute;top:0px;left:109px;width:123px;height:16px;background-image:url(../images/nav_kontakt.jpg);background-repeat:no-repeat;}
#navkontakt a{position:absolute;top:0px;left:0px;width:123px;height:16px;background-image:url(../images/nav_kontakt.jpg);background-repeat:no-repeat;}
#navkontakt a:hover{position:absolute;top:0px;left:0px;width:123px;height:16px;background-image:url(../images/nav_kontakt_h.jpg);background-repeat:no-repeat;}

/* NAVIGATION ::: AGB */

#navagb {position:absolute;top:0px;left:236px;width:32px;height:16px;background-image:url(../images/nav_agb.jpg);background-repeat:no-repeat;}
#navagb a{position:absolute;top:0px;left:0px;width:32px;height:16px;background-image:url(../images/nav_agb.jpg);background-repeat:no-repeat;}
#navagb a:hover{position:absolute;top:0px;left:0px;width:32px;height:16px;background-image:url(../images/nav_agb_h.jpg);background-repeat:no-repeat;}

/* NAVIGATION ::: VERSAND */

#navversand { position:absolute;top:0px;left:272px;width:58px;height:16px;background-image:url(../images/nav_versand.jpg);background-repeat:no-repeat;}
#navversand a { position:absolute;top:0px;left:0px;width:58px;height:16px;background-image:url(../images/nav_versand.jpg);background-repeat:no-repeat;}
#navversand a:hover{ position:absolute;top:0px;left:0px;width:58px;height:16px;background-image:url(../images/nav_versand_h.jpg);background-repeat:no-repeat;}


/* -------------------------------------------- NAVIGATION 1 ENDE ------------------------------------------------------------------------------ */


/* -------------------------------------------- KATEGORIEN START ------------------------------------------------------------------------------- */


#kat {position:absolute;top:200px;left:0px;width:160px; text-align:right; }
#kat a { color:#333333; text-decoration:none; }
#kat a:hover { color:#000; text-decoration:none; }

.indi { width:160px; }

/* -------------------------------------------- KATEGORIEN ENDE -------------------------------------------------------------------------------- */



/* -------------------------------------------- INHALT START ------------------------------------------------------------------------------ */

#mittlerespalte { position:absolute; top:200px; left:190px; width:420px; }

.inhalt { width:420px; clear:both; }

.content {width:410px; clear:both; }

.content p { clear:both; width:400px; padding:0; margin:0; } 

.produkt { width:420px;clear:left; }
.produktbild { width:100px;float:left; }
.produkttext { width:310px;float:left; }

/* PRODUKDETAIL */

.produktbildgross { width:145px;float:left; }
.produkttextklein { width:265px;float:left; }
.produktvarianten { float:left;padding-right:20px; }

/* -------------------------------------------- INHALT ENDE ------------------------------------------------------------------------------- */


/* -------------------------------------------- WARENKORB START ------------------------------------------------------------------------------ */

#warenkorb { position:absolute; width:160px; top:200px; left:640px; }

/* -------------------------------------------- WARENKORB ENDE ------------------------------------------------------------------------------ */


/* -------------------------------------------- INDIVIDUELLE START ------------------------------------------------------------------------------ */

ol { list-style-type:decimal; list-style-position:outside; }
p.kleingedruckt { font-size:9px; color:#333333; background-color:transparent; margin-top:30px; padding-right:30px; }
.bildcontainer { float:right; }
.floatende { clear:both; width:1%; }

/* Tabellen PREISE */

.preise { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; line-height:1.6em; color:#000; }

/* --- Suche ---*/

input {
    padding:2px;
    margin:0;
    border:1px solid #333333;
    background-color:white;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-style:normal;
    color:#000;
    }
    
/* -- Produktauswahl --- */

.auswahl_products {
    display:inline;
    }

.auswahl_products img {
    margin:10px;
    }