* { margin:0; padding:0; border:none; }
body {
    font: 90% Verdana, Geneva, Helvetica, Arial, Sans-serif;
    background-color: #feffff;
    margin: 8px 0 0 0;
    word-wrap: break-word;
}
a:link { color: #6e88c3; text-decoration: none; }
a:visited { color: #3a64ac; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border-width: 0; }


#baseOut { text-align: center; margin: 0; }
#base { background-color: #fff; text-align: left; width: 980px; height: auto; min-height: 500px; margin: 0 auto; }
#topImg { background-repeat: no-repeat; width: 980px; height: 278px; margin: 0 0 8px 0; }

#topMenu {
    float:right;
    margin-top:18px;
    list-style-type:none;
    white-space:nowrap;
}
#topMenu li {
    display: block;
    padding:0;
    margin:6px 0;
    background-image:url(/content/layout/topnavbar-left.png);
    background-repeat: no-repeat;
}
#topMenu  li span{
    display: block;
    background-color:#4E9C8E;
    background-image:url(/content/layout/topnavbar-bg.png);
    margin:0 0 0 16px;    
}
#topMenu  li span a {
    display: block;
    height:26px;
    padding:6px 4px 0 0;
    text-align:center;
    text-decoration:none;
    color:#cee7c9;
}
#topMenu  li span a:hover {
    /* color: #E3F7DF; */
    background-image: url(/content/smartimg/MyrtelColorsSmall.gif);
    background-repeat: no-repeat;
    background-position:center 24px;
}
#mainmenu {
    color:#cee7c9;
    background-color:#4e9c8e;
    width:980px;
    height:32px;
    margin: 0 0 8px 0;
    overflow: hidden;
    text-align:left;
}
/* #mainmenu:after content: "."; display:block; clear: both; height:0; visibility: hidden; line-height: 0;}  */
#mainmenu #navbarRight { float:right; }
#mainmenu #navbarLeft { float:left; }
#mainmenu ul {
    margin-left:0;
    padding-left:0;
    white-space:nowrap;
/*     text-align:center; */
    list-style-type:none;
}
#mainmenu ul li {
    display: block;
    float: left;
    /* width: auto; */
    border:1px solid #4e9c8e;
    background-color:#4e9c8e;
}
#mainmenu ul li a {
    display: block;
    /* width: auto; */
    float: left;
    text-decoration:none;
    color:#cee7c9;
    height:24px;
    padding:6px 16px 0 16px;
    /* border:1px solid #000; */
}
#mainmenu ul li a.active {
    background-color:#CEE7C9;
    color: #4e9c8e;
}
#mainmenu ul li a:hover {
    color: #cee7c9;
    background-image: url(/content/smartimg/MyrtelColorsSmall.gif);
    background-repeat: no-repeat;
    background-position: center 24px;
}
#mainmenu ul li a.active:hover  {
    color: #4e9c8e;
}
#mainmenu .language_select{
    float:right;
    /* width:44px; */
}
#mainmenu .language_select li a {
    display: block;
    width: auto;
    text-decoration:none;
    color:#cee7c9;
    height:24px;
    padding:10px 6px 0 6px;
}

.search{
    float:right;
    margin:5px 0 0 0;
    width:149px;
    height:22px;
    position:relative;
    background:url(/img/search-box.gif) no-repeat 0 0;
}
.search form {display:inline;}
.searchBox {
    border:0px;
    background-color:transparent;
    position:absolute;
    top:1px;
    left:9px;
    width:116px;
    height:20px;
    font-size:0.9em;
    color:#106552;
    outline: none;
}
.searchBox:focus {
    outline: none;
    border:0px;
}
.searchSubmit{
    border:0px;
    background-color:transparent;
    position:absolute;
    top:2px;
    right:4px;
    width:19px;
    height:18px;
}

#leftContent {
    width: 200px;/* 100%;*/
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 5px;
    padding-bottom: 10px;
    /*background-color: #ccc;*/ 
}
#leftContent .subnav ul {
    margin: 16px 0 16px 0;
    list-style: none;
    line-height: 1.5em;
    color: #333333;
    text-decoration: none;
    /*border: 1px solid #000;*/ 
}
#leftContent .subnav ul ul{
    margin: 0.3em 0 0 0;
}
#leftContent .subnav ul li.hidden {
    display:none;
}
#leftContent .subnav ul li {
    list-style-type:none;
    padding: 0.3em 0 0.3em 0;
    line-height: 1em;
}
#leftContent .subnav ul li li {
    list-style-type:none;
    padding: 0.3em 0 0.3em 16px;
    line-height: 1em;
}
#leftContent .subnav ul a:link { color:#18624b; }
#leftContent .subnav ul a:visited { color:#18624b; text-decoration: none; }
#leftContent .subnav ul a:hover { text-decoration: underline; }
#leftContent .subnav ul a.active { font-weight: bold; }


#rightContent {
    color: #106552;
    background-color: #fff;
    width: 770px;
    height: auto;
    overflow: hidden;
    float: right;
    margin-right: 1px;
    line-height:1.5em; /* confirm permission by sven */
}
#rightContent .devidertop {
    background-image: url(/content/layout/content-devider-top.gif);
    background-repeat: no-repeat;
    width: auto;
    height: 20px;
}
#rightContent .deviderbottom {
    background-image: url(/content/layout/content-devider-bottom.gif);
    background-repeat: no-repeat;
    width: auto;
    height: 20px;
    margin: 0 0 6px 0;
    clear: both;
}
#rightContent .post {
    background-color: #cee7c9;
    clear: both;
    padding: 0 15px;
    font-size: 100%;
    overflow: hidden;
}
/* #rightContent .post div
{
    margin: 0;
    padding: 0;
    background-color: none;
} */
#rightContent .post a:link { color: #7382ff; }
#rightContent .post a:visited { color: #6875e7; }
#rightContent .post h1 {
    font-size: 125%;
    font-style: normal;
    font-weight: normal;
    margin: 0 0 8px -15px;
    padding: 0 0 6px 15px;
    background-image: url(/content/smartimg/MyrtelColorsSmall.gif);
    background-repeat: no-repeat;
    background-position:0 bottom;
}
#rightContent .post h2 {
    font-size: 115%;
    margin: 16px 0 8px 0;
    font-style: normal;
    font-weight: normal;
}
#rightContent .post h3 {
    font-size: 110%;
    margin: 16px 0 8px 0;
    font-style: normal;
    font-weight: normal;
}
#rightContent .post p {
    font-size: 100%;
    padding: 7px 0 2px 0;
}
#rightContent .post ul
{
    margin: 6px 0 0 16px;
}
#rightContent .post ol
{
    margin: 6px 0 0 40px;
}
#rightContent .post ul li,
#rightContent .post ol li
{
    margin: 0 0 6px 0;
}

.BlockHellGruen {
    background-color:#E4FFE6;
}
.BlockMittelGruen {
    background-color:#DCF5CC;
}
#rightContent .post .BlockHellGruen {
    padding:4px 8px;
    margin: 8px 0;
}
#rightContent .post .BlockMittelGruen {
    padding:4px 8px;
    margin: 8px 0;
}
#rightContent .post .product_samples {
    margin:16px 0 0 0;
}
#rightContent .post .product_samples img {
    float:left;
    margin:8px 8px 0 0;
}


#bottomContSpace {
    background-image: url(/content/layout/bottom-devider-top.gif);
    background-repeat: no-repeat;
    width: auto;
    height: 12px;
    clear: both;
}


#bottommenu {
    color: #cee7c9;
    font-size: 85%;
    background-color: #4e9c8e;
    width: 980px;
}
#bottommenu:after {
    content: "Copyright Myrtel und Bo.";
    display:block;
    clear: both;
    height:0;
    visibility: hidden;
    line-height: 0;
}
#bottommenu ul {
    text-decoration: none;
    text-indent: 0;
    padding: 0 6px;
    float: right;
}
#bottommenu ul li {
    text-align: center;
    text-indent: 0;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    display: inline;
    white-space: nowrap;
}
#bottommenu ul li a {
    color: #cfc;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    margin: 0 6px;
    padding: 0;
    list-style-type: none;
    list-style-position: inside;
    display: block;
}
#bottommenu ul li a:hover { text-decoration: underline; }
#bottommenu ul li a:visited {text-decoration: none; }
#bottommenu img.myrtelcol { margin-left: 60px; cursor: pointer; }


/* product list */
table.product_list {
    border: 0;
    width: 737px;
}

table.product_list th {
    padding: 24px 2px 2px 2px;
}
table.product_list td {
    padding: 2px;
    background-color: #E4FFE6;
}
table.product_list tr.alternate td {
    background-color: #DCF5CC;
}
table.product_list td.name, table.product_list th.name {
    width: 430px;
}
table.product_list td.price, table.product_list th.price {
    text-align: right;
}
table.product_list th.klasse {
    text-align: center;
}

table.product_list td.klasse1, table.product_list tr.alternate td.klasse1 {
    background-color: #9ED297;
    width:18px;
    text-align: center;
    border: 1px solid #FEFFFF;
}
table.product_list td.klasse2, table.product_list tr.alternate td.klasse2 {
    background-color: #DAE5F5;
    width:18px;
    text-align: center;
    border: 1px solid #FEFFFF;
}
table.product_list td.klasse3, table.product_list tr.alternate td.klasse3 {
    background-color: #FFFAC2;
    width:18px;
    text-align: center;
    border: 1px solid #FEFFFF;
}
table.product_list td.klasse4, table.product_list tr.alternate td.klasse4 {
    background-color: #FFD8B3;
    width:18px;
    text-align: center;
    border: 1px solid #FEFFFF;
}

#rightContent .post p.product_hint {
    margin: 24px 0 0 0;
    font-size:70%;
}

/* newslist */
dl.newslist { margin: 16px 0; }
dl.newslist dt { margin: 0 0 12px 0; }
dl.newslist dt a{
    font-weight:bold;
}
dl.newslist dd{
    margin: 0 0 16px 0;
}
dl.newslist dd .more {
    text-align: right;
    border-bottom: 1px dotted #4e9c8e;
}
.prevnext {
    width:100%;
}
.prevnext .next {
    width:25%;
    text-align: right;
}
.prevnext .next a {
    background:url("/img/next-arrow.gif") no-repeat scroll right 3px transparent;
    padding:0 20px 0 0;
}
.prevnext .up {
    width:50%;
    text-align: center;
}
.prevnext .up a {
    background:url("/img/news-list.gif") no-repeat scroll left 2px transparent;
    padding:0 0 0 20px;
}
.prevnext .prev {
    width:25%;
    text-align: left;
}
.prevnext .prev a {
    background:url("/img/prev-arrow.gif") no-repeat scroll left 3px transparent;
    padding:0 0 0 20px;
}

/* User styles */
.BildLinksUmfliessen{
    display: bolck;
    float: right;
    margin: 8px 0 8px 16px;
    color: #666;
    text-align: right;
    overflow: hidden;
}
.BildLinksUmfliessen img,
.BildRechtsUmfliessen img,
.BildLinksUmfliessenObenOhne img,
.BildRechtsUmfliessenObenOhne img
{
    display: bolck;
    float: none;
}
.BildRechtsUmfliessen{
    display: bolck;
    float: left;
    margin: 8px 16px 8px 0;
    color: #666;
    text-align: left;
    overflow: hidden;
}
.BildLinksUmfliessenObenOhne{
    display: bolck;
    float: right;
    margin: 0 0 8px 16px;
    color: #666;
    text-align: right;
    overflow: hidden;
}
.BildRechtsUmfliessenObenOhne{
    display: bolck;
    float: left;
    margin: 0 16px 8px 0;
    color: #666;
    text-align: left;
    overflow: hidden;
}