body
{
    font-family:verdana, arial, sans-serif;
    font-size:0.8em;
}
a:link, a:active, a:visited, a:hover
{
    color:#069;
}
.clear
{
    clear:both;
}

h1
{
    font-size:1.2em;
    background-color:#eee;
    border-bottom:1px solid #ccc;
}
h3
{
    font-size:1.0em;
    line-height:1.0em;
    text-decoration:none;
    color:#000;
    margin:0px;
    background-color:#eee;
    font-weight:normal;
    padding:5px;
    border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
}
.mainHead
{
    background-image:url(http://www.restauratoren-portal.de/img/romoe_160x110_w2.gif);
    background-position:10px 10px;
    background-repeat:no-repeat;
    padding:0px 16px 16px 200px;
    display:block;
    border:1px solid #036;
    margin:0px 0px 10px 0px;
}
.mainInfo
{
    padding:20px;
    display:block;
    border:1px solid #036;
    margin:0px 0px 10px 0px;
}
.ivisnone
{
    display:none;
}

/* ~~~ area ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.docu
{
    display:block;
    border:1px solid #ccc;
    padding:0px;
    clear:both;
    margin:0px 0px 15px 0px;
    background-color:#eee;
}
.docuDescr
{
    display:block;
    padding:5px;
    background-color:#fefefe;
}
.country
{
    display:block;
    border:1px solid #036;
    padding:5px;
    clear:both;
    margin:0px 0px 20px 0px;
    background-color:#eee;
}
a.country:link, a.country:active, a.country:visited
{
    display:block;
    border:1px solid #ccc;
    padding:5px;
    clear:both;
    margin:10px 0px 10px 0px;
    text-decoration:none;
}
a.country:hover
{
    display:block;
    border:1px solid #036;
    background-color:#eee;
    text-decoration:underline;
}
a.state:link, a.state:active, a.state:visited
{
    display:block;
    border:1px solid #eee;
    padding:3px;
    width:32%;
    margin:2px;
    float:left;
}
a.state:hover
{
    display:block;
    border:1px solid #ccc;
    background-color:#eee;
    margin:2px;
    float:left;
}
a.city:link, a.city:active, a.city:visited
{
    display:block;
    border:1px solid #eee;
    padding:3px;
    width:15%;
    margin:2px;
    float:left;
}
a.city:hover
{
    display:block;
    border:1px solid #ccc;
    background-color:#eee;
    margin:2px;
    float:left;
}

/* ~~~~~~~~~~~ only docu linsting ~~~~~~~~~~~~~~~~~~~~~~ */

a.docuLink:link, a.docuLink:visited
{
    color:#036;
    background-color:#eee;
    text-decoration:none;
}
a.docuLink:active, a.docuLink:hover
{
    color:#fff;
    background-color:#069;
}
a.docuLink
{
    display:block;
    padding:5px;
    margin:1px;
    border:1px solid #666;
    background-color:#eee;
    text-align:left;
    width: 600px;
    color:#eee;
    text-decoration:none;
}

/* ~~~~~~~~~~~ only affili-product linsting ~~~~~~~~~~~~~~~~~~~~~~ */

.product
{
    clear:both;
    padding:10px;
    margin:10px;
    border:1px solid #ccc;
    font-family:verdana, sans-serif;
}
.productCategoryName
{
    background-color:#eee;
    border-bottom:1px solid #ccc;
}

.productImg
{
    float:left;
    width:200px;
    display:block;
}
.productImg img
{
    border:1px solid #eee;
}
.product p
{
    width:400px;
    display:block;
    margin-left:200px;
    font-size:12px;
}
.displayPrice
{
    border-bottom:2px solid #c00;
    color:#900;
    width:100px;
    margin-left:200px;
    display:block;
    text-decoration:none;
}

.mainP1
{
    position:absolute;
    top:8px;
    display:block;
}
.mainP2
{
    margin-top:160px;
    display:block;
}
