/* change all image path to  --> ../images/.....  this is the setting now !*/
/*or --> /shop/jsp/de/images/.....   */

/* cms css settings - without shop */
/* global cms settings */
* ul.limargin1 li{margin-top:10px}
* a img{border:none}

/* summary pages - navigation */
#content #synopsis{margin-top:30px;}
#content #synopsis table{
 margin-left: auto;
 margin-right: auto;
}
#content #synopsis table .col1{width:50px}
#content #synopsis table .col2{width:500px}

#content #synopsis tr{height: 50px}

#content #synopsis tr img{
 display: block;
 border: 0;
}

#content #synopsis th{
 border: #FFFFFF solid;
 border-width: 0 3px 3px 0;
}


#content #synopsis td{
 border: #FFFFFF solid;
 border-width: 0 0 3px 0;
 vertical-align: middle;
 padding-left: 8px;
 font: 400 13px/50px arial, helvetica, sans-serif, verdana;
 background-color: #D5E5FF;
}

#content #synopsis a, #content #synopsis a:link,
#content #synopsis  a:visited, #content #synopsis a:hover{
 text-decoration: none;
 color: #000000;
 /*display: block;
 height: 50px;*/        /*kompletter Blocklink, aber dann keine Zentrierung*/
}

/* contact forms */
#content table.contact1 .col1{width:50px}
#content table.contact1 .col2{width:200px}
#content table.contact1 .col3{width:130px}
#content table.contact1 .col4{width:165px}

#content table.contact1 tr{height: 50px;}

#content table.contact1 td{
 border: #FFFFFF solid;
 border-width: 15px 10px 15px 0;
}

#content table.contact1 th{
 font:800 13px arial, helvetica, sans-serif, verdana;
 border: #FFFFFF solid;
 border-width: 15px 0 15px 0;
 text-align:right;
}
#content table.contact1 th.notice{
 padding:15px 50px 20px 50px;
 text-align:center
}
#content table.contact1 th.notice textarea{margin-top:15px}
#content table.contact1 td.input{padding: 2px 5px 2px 5px;}

/* contact info */
#content table.contactinfo{
 margin-top:15px;
 margin-left:auto;
 margin-right:auto;
 border:none;
}
#content table.contactinfo tbody{padding-top:15px;}
#content table.contactinfo th{
 background-color:#DFDFDF;
 border:#000000 solid 0px;
 font:800 14px verdana, arial, helvetica, sans-serif, ;
 padding:2px;
 text-align:left;
 vertical-align:middle;
 height:22px;
}
#content table.contactinfo th img{padding:2px 10px 0 5px; float:left}
#content table.contactinfo td{
 border:0px;
 font:400 13px arial, helvetica, sans-serif, verdana;
 padding:4px 0 4px 5px;
 text-align:left;
 vertical-align:top;
}
#content table.contactinfo td p{
 margin-bottom:15px;
 font:400 13px arial, helvetica, sans-serif, verdana;
}

/* delivery page */
#content * table.delivery .col1{width:100px}
#content * table.delivery .col2{width:200px}
#content * table.delivery .col3{width:100px}
#content * table.delivery .col4{width:100px}
#content * table.delivery * td{
 font: 800 12px arial, helvetica, sans-serif, verdana;
 padding: 0 5px;
}
#content * table.delivery * td.title{text-align:right}
#content * table.delivery * td.value{}
#content * table.delivery * td.value select{
 float:left;
 width:150px
}

/* AGB page */
#content .agbtext{margin-top:5px;}
#content .agbheader{margin-top:15px;font-weight:bold !important;}

/* impressum */
#content #impressum{margin-top:10px}
#content #impressum th{text-align:right;vertical-align:top;padding-right:15px}


/* history page */
#content .pic p{font:800 10px verdana, helvetica, sans-serif, arial;text-align:center}
#content .picleft{float:left;padding-right:5px}
#content .picright{float:right;padding-left:5px}

/*news page */
#content .screengrab{text-align:center;margin-top:15px}
#content .screengrab img{border: 3px double #4F4F4F}

/*news pages */
#content .news .picleft{float:right;margin:0 0 15px 15px}

/* tops pages */
#content .tips a{text-decoration:none;font-weight:normal;color:#0033CC}
#content .tips a:hover{color:#CC0000}

/* site map */
#content .box2-start{
 background-image: url('../images/light_blue_bar_top.gif');
 margin-top:15px;
 font-size: 1px; /* IE */
 height: 14px;
 width: 550px;
}
#content .box2-end{
 background-image: url('../images/light_blue_bar_bottom.gif');
 font-size: 1px;/* IE */
 height: 14px;
 width: 550px;
 margin-bottom:15px;
}

#content .box2{
 background-color: #D5E5FF;
 width: 550px;
 padding: 5px 10px 5px 10px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 530px;
}

#content .sitemap ul{
 font:800 16px  arial, verdana, helvetica, sans-serif;
 list-style-image:url(../images/red_arrow_Sm.gif)
}
#content .sitemap ul li{margin-top:10px}
#content .sitemap ul ul{
 font:400 13px  arial, verdana, helvetica, sans-serif;
 list-style-image:none;
 list-style-type: disc;
 color: #999999;
}
#content .sitemap ul ul li{margin-top:0px}
#content .sitemap ul li a{color: #000000;text-decoration: none}
#content .sitemap ul li a:hover{color:#CC0000}

/* boxes */
/* width 550px */
#content .box550-start, #content * box550-start{
 background-image: url('../images/Blue_Bar_Top_trans_550.gif');
 font-size: 1px; /* IE */
 height: 11px;
 width: 550px;
}

#content .box550, content * .box550{
 background-color:#D5E5FF;
 padding: 0 10px 5px 10px;
 width: 550px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 530px;
 voice-family: "\"}\"";
}
#content .box550-end, #content * .box1-end{
 background-image: url('../images/Blue_Bar_Bottom_trans_550.gif');
 font-size: 1px;/* IE */
 height: 11px;
 width: 550px;
 margin-bottom:5px;
}
