/* rescaled left column to 260px */
.yui-t3 .yui-b {
float:left;
/*width:23.0769em;*/
width:20.0em;
}

.yui-t3 #yui-main .yui-b {
/* margin-left:24.0769em; */
margin-left:20.8667em;
}

/* yui-t8: 240 on left */
.yui-t8 #yui-main {
  float: right;
  margin-left: -25em;
}

.yui-t8 .yui-b {
  float: left;
  width:18.4608em;
  *width:18.016em;
}

.yui-t8 #yui-main .yui-b {
  margin-left:19.4608em;
  *margin-left:19.016em;
}


#custom-doc { width: 95%; min-width: 250px; }

/* adjusting base css to our needs */


h1,h2,h3 { margin-top:0em; margin-bottom:0em; }

h1 { font-size:123.1%; }
h2 { font-size:123.1%; }
h3 { font-size:108%;margin-bottom:0.1em;}
.like_h3 { font-size:108%;margin-bottom:0.1em;font-weight:bold}

h2 + h3 {margin-top:0.3em;}
h3 + ul {margin-top:0px}

ol {padding-left:1em}

ul {margin-bottom:0px}

abbr.dtreviewed {border:none;cursor:default}

/* based on http://www.webdesign-haas.de/praxis/tipps/cssmenuliste.shtml# */
#menu ul,#menu li{
  margin:0px;
  padding:0px;
  float:left;
  clear:both;
}
#menu li{
  position: relative;
  top:0px;
  list-style: none;
}
#menu a{
  display:block;
}

#menu ul {width: 210px; margin-left:13px}
#menu ul li ul {width: 197px}
#menu ul li ul li {width: 197px}

#menu ul li.submenuHeader {margin-top:10px}
#menu ul li.firstInMenu {margin-top: 2px}


ul.latestNews {margin-left: 0.3em}
ul.latestNews li {list-style-type: none; padding-bottom:0.1em}
ul.latestNews li span.date {margin-right: 0.7em}

ul.latestPosts {margin-left: 0.3em}
ul.latestPosts li {list-style-type: none; padding-bottom:0.1em}
ul.latestPosts li span.date {margin-right: 0.7em}

a {text-decoration: none;}
a:link {text-decoration: none; color: #214B69}
a:visited {text-decoration:none; color: #214B69}
a:visited:hover {text-decoration:underline; color: #214B69}
a:link:hover {text-decoration:underline; color: #214B69}

a.anchor {text-decoration: none;}


td { border:0px; padding:0.1em}
div#leftColumn td { border:0px; padding:0px}


div#mainContent { font-size:100% }


input[type="text"], input[type="password"], textarea {
width:12em;
}

/* form fields in preisvergleich form */
input[size="3"] {
width:3em;
}

h1.nobr {color:white; display:inline;text-decoration:none;}
.normal {font-family: arial}
.coloredText {color: #214B69}
.whiteText {color: #FFFFFF}
.greyBox {background-color: #DDDDDD}
.small {font-size: 85%}
.spaceAtTop { margin-top:20px; }
.noDecoLink { text-decoration: none;}
.decoLink {}
.tableBorder { border: 1px solid black; margin: 10px 0px 4px 0px}
.spc { margin-top:12px; }
.contentWithBackground {background-color: #eeeee5}
.bgclass {background-color: #3d59ae}
.inactiveMenuclass {text-decoration: none}

.activeMenuclass {background-color: white;text-decoration: none; border: 1px solid #FFCD6A; border-left:none;border-right:none;width:100%}

.rightsidebox {
	margin: 0px 0px 10px 10px;
	padding: 2px 2px 5px 5px;
	background-color: #eeeee5;
	font-size: 93%;
	float: right;
	width: 200px;
	line-height: 140%;
	font-family: arial, helvetica, verdana,  sans-serif;	
}

.welcomebox {
	margin: 0px 0px 20px 0px;
	padding: 10px 15px 15px 15px;
	background-color: #eeeee5;
	line-height: 140%;
	font-family: arial, helvetica, verdana,  sans-serif;
}

.containerbox {
	margin: 0px 0px 20px 0px;
	padding: 10px 15px 10px 15px;
	background-color: #eeeee5;
	font-family: arial, helvetica, verdana,  sans-serif;
}

.tipp {
	margin: 1em 1em 1em 1em;
	padding: 0.6em 0.6em 0.6em 0.6em;
	background-color: #eeeee5;
	line-height: 120%;
        font-size:93%;
}

div#footerText {
        background-color: #eeeee5;
        padding-top:2em;
        padding-bottom:2em;
        margin-top: 2em;
        margin-bottom: 2em;
        text-align:center;
        font-size: 85%;
    }

#naviTitle {font-size: 123.1%; font-weight: bold}

.titleheader {
	color:white; 
	display:inline;
	text-decoration:none;
	margin-top: 0px;
	margin-bottom: 0px;
}
.authorNote {padding-left: 0.1em}


.titlebar { margin-bottom:1em }
.titlebarBlue {
        background-color:#3959ae;
        padding-top:0.1em;
        padding-bottom:0.1em;
        padding-left:0.7em
    }

#fromSearchHint {
    border:1px solid #F6A80C;
    
    margin-bottom:1em;
    }
#fromSearchHint ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    list-style-type:none;

}
#formSearchHint ul li {
    margin-bottom: 0.1em;
}

#fromSearchHint ul li:before {
        content: ">> ";
        font-size:90%;
        font-weight:bold
    }

.noBullet {
    list-style-type:none;
    margin-bottom: 0.3em;
}

.imgServiceListOffer {
    text-align: center;
    padding: 0.5em;
    margin: 0.3em;
    margin-bottom:0.8em;
}

/*.titlebarTable + p { margin-top: 1em }*/
/* .titlebarTable + span.small {margin-bottom: 0em}*/
.fullPrizeListTable {margin-top: 1em; margin-bottom: 1em}
.fullPrizeListTable td { border:1px solid black; padding:2px 5px 0px 5px; vertical-align:top }
.fullPrizeListTable th { padding-top:2px; vertical-align:top}
.fullPrizeListTable th.leftTH {text-align: left}
.discountPrizeListTable td { border: 0px; line-height: 0.8em}
.discountPrizeListTable {margin-bottom:0.4em}
.ratingBarTable {height:5px; margin:0px}
.ratingBarTable td {padding: 0px 0px 0px 0px; border-top:1px solid black; border-bottom:1px solid black; line-height:0px;height:5px}
.imgServiceQuickListTable td {background-color: #eeeee5; border: 0.4em solid white; padding:0.15em}

table.imgServiceListTable {width:100%; background-color: rgb(226, 226, 226); margin-bottom: 15px; padding-bottom: 2px;}
td.imgServiceListTableTitle h2 {margin: 0px; font-weight: normal; font-size: 108%; color: rgb(255, 255, 255); background-color: rgb(33, 75, 105);}
td.imgServiceListTableTitle a, td.imgServiceListTableTitle a:hover, td.imgServiceListTableTitle a:visited  {color:white}
td.imgServiceListTableContent h3 {cursor: auto;margin-bottom:0.4em}
td.imgServiceListTableContent .techDetailsLink {font-weight:normal; margin-bottom:0.4em}
.imgServiceListTableContent {line-height:0.9em}

div.shortPriceListTableWrapper {float: left; margin-right: 15px;}
div.shortPriceListTableWrapper table {float: left; margin-right: 10px;}
div.shortPriceListTableWrapper th {text-align:right;border:none;font-weight:normal;padding:0.1em}
div.shortPriceListTableWrapper td {white-space:nowrap;}

div.techDetailsTableWrapper {float: left; margin-right: 20px; margin-left: 20px}
div.techDetailsTableWrapper table {float: left; margin-right: 10px;}
div.techDetailsTableWrapper th {text-align:right;border:none;font-weight:normal;padding:0.1em}
div.techDetailsTableWrapper td {white-space:nowrap;}

p.orderInfos {padding-left:3.5em; font-weight:bold}
div#serviceShowOrderInfo p.orderInfos {font-weight:normal}
div#serviceShowOrderInfo table.orderCalculationTable {line-height:0.9em}
div#serviceShowOrderInfo p#totalCosts {padding-top:0.5em;font-weight:bold}
div#serviceShowOrderInfo .backToListLink {font-size:93%}

.moreLessLink a {color:black; text-decoration:none}
.moreLessAllLink {font-size:93%;float:right;padding:5px;}

.tableWithWhitePadding {border-collapse:collapse}
.tableWithWhitePadding td { border:6px solid white; background-color: #eeeee5}


div#img_service_show_rhs {
    float:right;
    width:180px;
    margin-left:10px
    }
.img_service_show_rhs_box {
    width:180px;
    margin-bottom:1em;
    background-color: #eeeee5;
    padding:5px;
}







div#papiereFuerDigitalbilder h2 {margin-top:2.2em}

div#fotobuecherArticle em {font-style:normal;font-weight:bold;}
div#fotobuecherArticle td {vertical-align:top;padding:0.3em 0.3em 0.3em 0.3em;border:0.8em solid white}
/* make h2 look like h3 in fotobuch articles */
div#fotobuecherArticle h2 {font-size:108%}




/* fix ebay table */
div#ebayAuktion {width:100%;margin-top:2em;margin-bottom:3em}
div#ebayAuktion table {margin-bottom:0em;margin:auto}
div#ebayAuktion td {padding:0em;line-height:1em}
div#ebayAuktion td[colspan="5"] {line-height:0em;height:1px}

/* ads */
div.advertisementHint {margin: 0px; text-align: right;font-size:85%}
div#funProductShow .adRight {float:right;padding-left:20px;padding-right:20px;padding-bottom:10px;background-color:white}


/* Fotobuecher */
#fotobuecher2009 tbody td {vertical-align: middle;text-align:center;border-bottom:1px solid black}

#fotobuecher2009 th.tableTitle {font-weight: bold; text-align:left}
#fotobuecher2009 th.printServiceName {text-align: center}
#fotobuecher2009 th {border: 0px; font-weight: normal; text-align:right; background-color: #CCCCCC}

.rowsWithBackground { font-family:Arial; background-color:#ccccff; border-bottom:1px solid black;border-top:1px solid black }
.titleRow { font-family:Arial; background-color:#c0c0c0; }

#fotobuecher2009 h2 {margin-top:2.5em; margin-bottom: 0.3em}

#fotobuecher2009 .plusMinusBox {width:40%;min-height:220px; background-color:#eeeee5; margin:0.4em; padding:1em; float:left}
/* make h2 look like h3 */
.plusMinusBox h2 {font-size:108%; margin-bottom: 0.3em}

div#fotobuecherArticle h2 {font-size:108%}

div#fotobuecher2009 .linked_logos_footer {
    float:left;
    margin-right: 2em;
}
/*
.plusMinusBox li em {font-weight:normal;font-style:normal;background-color:#d5d5eb }
.plusMinusBox li em {font-weight:normal;font-style:normal;border-bottom: 1px dashed black }
.plusMinusBox li em {font-weight:normal;font-style:normal;border-bottom: 1px dashed black }
*/
.plusMinusBox li em {font-weight:bold;font-style:normal; }
.plusMinusBox ul {
    margin-left: 0;
    padding-left: 1.4em;
    text-indent: -1.4em;
}
.plusMinusBox ul li {list-style: none}
.plusMinusBox ul.advantages li:before {content: "+ ";font-size:110%;font-weight:bold}
.plusMinusBox ul.disadvantages li:before {content: "- ";font-size:130%;font-weight:bold}

div#preisrechner {margin-left:1em;margin-bottom:1em}
div#preisrechnerResult {margin-top:1em; margin-left:2em;}

/*
 img_service/show tabs
*/
.yui-skin-sam .yui-navset .yui-content {background-color: #eeeee5}

/*
 SmoothGallery (Fotobuecher)
*/
#myGallery
{
width: 640px !important;
height: 480px !important;
}
#myGallery h2 {margin-bottom:0px;margin-top:0.1em;font-weight:bold;font-size:108%}
#myGallery p {font-size:85%}
#myGallery .slideInfoZone {height:4em}


/*
  Newsticker
*/
div.newsTicker {
 position: relative;
 width: 500px;
 overflow: hidden;
 margin-left:auto;margin-right:auto;
}
div.newsTicker ul {
    margin-top: 0em;
}
div.newsTicker ul li {
 white-space: nowrap;
 /*list-style: none;*/
 float: left;
 padding-right: 30px; /* don't change to margin = margin between news items */
}



/* top nav menu */

#top_menu {
                  margin-bottom:0em;
                  margin-top:0em;
              }

             .yui-skin-sam #top_menu.yuimenubar {
                 background: none;
                 background-color: #EEEEE5;
                 border:none;
              /*   border-top: 1px solid #F6A80C;
                 border-bottom: 1px solid #F6A80C;*/
             }

              .yui-skin-sam #top_menu .yuimenu .bd{
                  background: none;
                  background-color: #EEEEE5;
                  border:none;
              }



             .yui-skin-sam #top_menu .yuimenubaritem {
                 margin-top:5px;
                 margin-bottom:5px;
                 font-weight: bold;
             }

             .yui-skin-sam #top_menu .yuimenuitem,
             .yui-skin-sam #top_menu .yuimenuitemlabel /* 1px border which will turn orange*/,
             .yui-skin-sam #top_menu .yuimenubaritem
             {
                 border-top: 1px solid #EEEEE5; /* background color */
                 border-bottom: 1px solid #EEEEE5;
                 text-decoration:none
             }

             .yui-skin-sam #top_menu .currentpage-selected {

                 background-color:white;
                 border-top: 1px solid #FFCD6A; /* orange */
                 border-bottom: 1px solid #FFCD6A;
                 text-decoration:none;
             }
             /* mouseover */
             .yui-skin-sam #top_menu .yuimenuitemlabel-selected,
             .yui-skin-sam #top_menu .yuimenubaritemlabel-selected   {

                 background-color:white;
                 border-top: 1px solid #FFCD6A;
                 border-bottom: 1px solid #FFCD6A;
                 text-decoration:none;
                 margin-left:0px;
                 border-left:0px;
             }

              .yui-skin-sam #top_menu .yuimenuitemlabel-selected {
              text-decoration:  none;
              }
             /* these must be less specific than currentpage-selected */
             .yui-skin-sam .yuimenubaritemlabel{
                 border-color:#EEEEE5;
                 margin-left:0px;
		 text-decoration: none;
             }

             

#paginationTop {}


/* will_paginate */
  .pagination {
    padding: 2px 0px 2px 0px;
    margin: 2px;
  }
  .pagination a {
    font-size:93%;
    padding: 0px 3px 0px 3px;
    margin: 1px;
    border: 1px solid #20486A;
    text-decoration: none;
    color: #20486A;
  }
  .pagination a:hover, .pagination a:active {
    border: 1px solid #000099;
    color: #000;
  }
  .pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #20486A;
    font-weight: bold;
    background-color: #20486A;
    color: #FFF;
  }
  .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd;
  }

  .formError { color: red}
  .fieldWithErrors { border: 1px solid red}

  .errorExplanation p {font-weight: bold}
  #errorExplanation {
  background-color:#ffcccc;
  border:1px solid red;
  vertical-align:top;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  width: 500px;

  padding: 10px;
}

#imgServiceOwnerNewDialog #errorExplanation {
    width: 400px;
}