/* reset CSS  start  */
* { color:#333; text-align:left; margin:0; padding:0; border:0; }
option { padding-left: 0.4em }

html {height:100%; margin-bottom:1px; }
fieldset, img {border: 0 solid; }
li {margin-left: 1.5em; line-height:1.5em; }
dt {font-weight:bold; }
dd { margin: 0 0 1em 2em; }
blockquote, cite { margin: 0 0 1em 1.5em; }
/* reset CSS  end  */

body { color:#000; font: 1em Verdana, Arial, Helvetica, sans-serif; background: #000 url(../img/hintergrund.jpg) no-repeat top left;}
#wrap { width:1004px; margin:0 auto; }
#head { width:1004px; height:195px; background: transparent url(../img/header.png) no-repeat top right; }
#head a{text-indent:-9999px; display:block; width:1004px; height: 195px; }
#container { background: transparent url(../img/bg_footer.png);}

a { outline: none;}
h1, h2{ text-indent:-9999px;}

h3{   font-size: 1.5em;}
ul li{font-size:.8em;}

#all { width:989px; min-height:350px; padding:10px 0 10px 15px; background: transparent url(../img/bg_footer.png); clear:both;}
#links { float:left; width:45%;}
#rechts { float:left;padding-left:10px; width:50%;}
#innen-links{float:left;}
#innen-rechts{float:right;}

p { margin:0 0 0.5em 0; }

p, h3 { margin:0 1em 0.5em 15px; }
#all p { margin:10px 1em 0.5em 0; font-size:.8em; }
#all h3 { margin:10px 1em 0.5em 0; font-size:1em; }
#all .commentb { position:relative; top:-130px; left:380px; width:400px; font-size:.8em;}
#all .commentc { position:relative; top:-190px; left:200px; width:600px; font-size:.8em; text-align:center;}
#all .commentc1 { position:relative; top:-100px; left:715px; width:200px; font-size:.8em; }
#all .commentu { position:relative; top:-200px; left:500px; width:200px; font-size:.8em; }
#all .commentg { position:relative; top:-130px; left:500px; width:400px; font-size:.8em; }
#all .commentug { position:relative; top:-50px; left:20px; width:800px; font-size:.8em; }


#warenkorb { padding:40px 0 0 0; }

#footer { width:1004px; padding:5px 0 5px 0; margin-top:30px; background-image:url(../img/bg_footer.png); text-align:right; height:.9em;}
#ident  { font-size: .8em; margin:0 15px 0 0; float:right; width:auto; }
#navSub { font-size: .8em; margin:0 0 0 15px; float:left; width:auto; }
#navSub a { color:#333333; text-decoration:none; margin:0 5px 0 5px; }
#navSub a:hover { text-decoration:underline;}

.clearer { display:none; }


ul#menu{
        height:45px;
        width:100%;
}

ul#menu li{ list-style:none; float:left; display:inline; }


ul#menu a{
        height:20px;
        display:inline-block;
        text-indent:-9999px;
        margin-right:10px;
}

.obob{
        background: transparent url(../img/b_OBO-B.png) no-repeat top left;
        padding:10px 52px;
        margin-right:30px;
}

.oboc{
        background: transparent url(../img/b_OBO-C.png) no-repeat top left;
        padding:10px 50px;
}

.obog{
        background: transparent url(../img/b_OBO-Grande.png) no-repeat top left;
        padding:10px 110px;
}

.obou{
        background: transparent url(../img/b_OBO-UP.png) no-repeat top left;
        padding:10px 60px;
}

.oboug{
        background: transparent url(../img/b_OBO-Up-Grande.png) no-repeat top left;
        padding:10px 140px;
        margin-left:-15px;
}

.obob:hover, .obob:active, #activeb{
        background: transparent url(../img/b_OBO-B_act.png) no-repeat top left;
        padding:10px 52px;
}

.oboc:hover, .oboc:active, #activec{
        background: transparent url(../img/b_OBO-C_act.png) no-repeat top left;
        padding:10px 50px;
}

.obog:hover, .obog:active, #activeg{
        background: transparent url(../img/b_OBO-Grande_act.png) no-repeat top left;
        padding:10px 110px;
}

.obou:hover, .obou:active, #activeu{
        background: transparent url(../img/b_OBO-UP_act.png) no-repeat top left;
        padding:10px 60px;
}

.oboug:hover, .oboug:active, #activeug{
        background: transparent url(../img/b_OBO-Up-Grande_act.png) no-repeat top left;
        padding:10px 140px;
        margin-left:-15px;
}

#warenkorb a{
        display:block;
        text-indent:-9999px;
        background: transparent url(../img/bestellen.png) no-repeat top left;
        padding:10px 70px;
}

#warenkorb a:hover{
        background: transparent url(../img/bestellen_act.png) no-repeat top left;
        padding:10px 70px;

}




input, textarea, select{
        font: Verdana, Arial, Helvetica, sans-serif;
        border:1px solid #ccc;
        padding:2px;
}

input:focus, textarea:focus, select:focus{
        border:1px solid #F90;
}