body {
   color: #000000;
   font-family: verdana,geneva,sans-serif;
   font-size:10px;
   height:100%;
   margin:0pt;
   padding:0pt;
   background-color:#808080;
   background-image:url(/templates/kleinbild_template/img/bg.jpg);
}

p, td {font-size: 10px;}
div.content, div.content p, div.content td {font-size: 12px;}

a { text-decoration:none; }

h1 {
	margin: 7px 0px 3px 0px;
	font-size: 15px;
	}
h2 {
	margin: 7px 0px 3px 0px;
	font-size: 13px;
	}
p {
	margin: 0px 0px 4px 0px;
}

img {
   border: 0px;
   display: block;
   }
   
.invalid {
	background-color: #FFAFAF;
}


td.td-menu {
  width: 113px;
}

td.td-content {
  width: 704px;
}

td.td-bildbeschreibung {
  width: 139px;
}


/* Main Container */

.main-container {
   height:auto;
   min-height:100%;
   width: 100%;
   position:absolute;
   background-image:url(/templates/kleinbild_template/img/main_bg.gif);
   background-repeat:repeat-y;
}

.footer {
   bottom: 0pt;
   clear: both;
   height: 46px;
   position: absolute;
   width: 100%;
}

.main-container .main-table {
  border: 0pt none;
  border-collapse: collapse;
  border-spacing: 0pt;
  margin: 0pt;
  padding: 0pt;
  margin-bottom: 20px;
}


/*  Menu   */

.menu-container {
  display: block;
  width: 113px;
}

.menu-container a.logo {
  border: medium none !important;
  display: block;
  margin-left: 7px;
  margin-top: 6px;
  background: url(/templates/kleinbild_template/img/kleinbild.gif) no-repeat;
}

.menu-container .logo img{
  visibility: hidden;
}


.menu-container ul {
   list-style-type:none;
   margin: 10pt 0pt 6px;
   padding:0pt;
}

.menu-container li {
  text-indent: 2px;
  margin-bottom: 4px;
  list-style-type:none;
  padding: 0px;
}

.menu-container ul li a {
  background:#4C4C4C url(/templates/kleinbild_template/img/menu_item_bg_top.gif) no-repeat scroll left top;
  color: #000000;
  text-decoration:none;
  display: block;
  width: 99px;
  padding: 2px 0px 6px 8px;
}

.menu-container ul li a:hover {
  background:#FFFFFF;
  border-top: 3px solid #4C4C4C;
  color: #000000;
  text-decoration: none;
  display: block;
  width: 98px;
  padding: 2px 0px 3px 9px;
}

.menu-container ul li ul {
  margin-bottom: 15px;
  margin-top: 5px;
}

.menu-container ul li ul li a {
  background: transparent;
  color: #FFFFFF;
  text-decoration:none;
  display: block;
  width: 111px;
  padding: 0px 0px 0px 2px;
}

.menu-container ul li ul li a:hover {
  background: transparent;
  color: #FFFFFF;
  text-decoration:none;
  border-top: 0px;
  font-weight: bold;
  display: block;
  width: 111px;
  padding: 0px 0px 0px 2px;
}



.menu-container ul li ul li.active a {
  font-weight: bold;
}


/* Content container */

.content-container {
  margin-top: 41px;
  margin-left: 41px;
}

.content-container .breadcrumbs {
  display: block;
  width: 659px;
  padding: 3px 0px 3px 0px;
}

.breadcrumbs {
  color: #FFFFFF;
}

.breadcrumbs a {
  font-weight: bold;
}

.breadcrumbs a:link {
  color: #FFFFFF;
}

.breadcrumbs a:visited {
  color: #FFFFFF;
}

.breadcrumbs a:hover {
  color: #FFFF7F;
}



.content-container div.shadow {
  background: #FFFFFF url(/templates/kleinbild_template/img/content_bg.gif) repeat-y left top;
  display: block;
  width: 662px;
  /*height: 444px;*/
  /*border-right: solid 3px #202020;*/
  /*border-bottom: solid 3px #202020;*/
}

.content-container .content
{
  background: url(/templates/kleinbild_template/img/content_bg_top.gif) no-repeat left top;
}

.content-container .shadow-bottom
{
  width: 662px;
  height: 4px;
  display: block;
  background: url(/templates/kleinbild_template/img/content_bg_bottom.gif) no-repeat left top;
}

/* bildbeschrieb container */

.bildbeschrieb-container {
  display: block;
  background: #808080 url(/templates/kleinbild_template/img/bildbeschrieb_bg.gif) no-repeat scroll left top;
  height: 78px;
  width: 114px;
  margin-top: 425px;
  margin-left: 25px;
}

.bildbeschrieb-container ul {
  list-style-type:none;
  padding: 3px;
  padding-top: 6px;
  color: #FFFFFF;
  margin: 0px;
}

/* browser container */

.browser-container {
  margin: 0px auto;
  margin-top: 15px;
  margin-left: 45px;
  display: block;
  width: 659px;

}


.browser-container a#arrow_left  {
  float: left;
  display: block;
  background: url( /templates/kleinbild_template/img/browser_arrow_left.gif ) no-repeat scroll left top;
  margin-top: 7px;
  cursor: pointer;
}


.browser-container a#arrow_left:hover {
  float: left;
  display: block;
  background: url( /templates/kleinbild_template/img/browser_arrow_left-over.gif ) no-repeat scroll left top;
  margin-top: 7px;
}

.browser-container #arrow_left img {
  visibility: hidden;
}

.browser-container a#arrow_right {
  float: left;
  display: block;
  background: url( /templates/kleinbild_template/img/browser_arrow_right.gif ) no-repeat scroll left top;
  margin-top: 7px;
  cursor: pointer;
}

.browser-container a#arrow_right:hover {
  float: left;
  display: block;
  background: url( /templates/kleinbild_template/img/browser_arrow_right-over.gif ) no-repeat scroll left top;
  margin-top: 7px;
}

.browser-container #arrow_right img {
  visibility: hidden;
}


.browser-container .card {
  display: block;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  height: 60px;
  width: 82px;
  opacity:.50;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;

}

.browser-container a.card  {
  background: transparent;
  padding: 3px 0px 0px 2px;
  padding-top: 3px;
  padding-left: 2px;
  cursor: pointer;
}

.browser-container a.card:hover {
  background: url( /templates/kleinbild_template/img/browser_active_bg.gif ) no-repeat scroll left top;
  padding: 0px 2px 3px 0px;
  padding-bottom: 3px;
  padding-right: 2px;
  opacity:1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
}

.browser-container a.active {
  background: url( /templates/kleinbild_template/img/browser_active_bg.gif ) no-repeat scroll left top;
  padding: 0px 2px 3px 0px;
  padding-bottom: 3px;
  padding-right: 2px;
  opacity:1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
}



/* ORDER PAGE */

div.textpage
{
    width:623px !important;
    padding: 20px;
}

* html div.textpage {
    width:662px !important;
}

div.orderpage-item 
{
    margin: 0px 10px 10px 5px;
    display:block;
    clear: both;
    float: left;
    width: 180px;
}



div.orderpage-item * 
{
    display: inline;
    float: left;
}

div.orderpage-column{
    display:inline;
    float:left;
    width:195px;
    margin-bottom: 0px 0px 15px 0px;
}

.orderpage-item-img 
{
    display:block;
    height: 30px;
    width: 43px;
    overflow: hidden;
}

.orderpage-item-id 
{
    padding: 10px;
}

.orderpage-item input
{
    border: 1px solid;
    margin-top: 8px;
    padding: 0px 2px 0px 2px;
}

.orderpage-item-updown {
	width: 12px; 
	float: left; 
	display: inline;
	margin: 8px 0px 0px 3px;	
}

.orderpage-item-updown-up {
	cursor: pointer;
}
	
.orderpage-item-updown-down {
	cursor: pointer;
}

.orderpage-details 
{
   clear: both;
}

.orderpage-details hr
{
   border-top: solid 1px;
   border-bottom: none;
   height: 1px; 
   margin-top: 20px; 
   margin-bottom: 20px;
}

.orderpage-details input 
{
    border: 1px solid;
    padding: 0px 2px 0px 2px;
}

div.orderpage-details-cmd
{
    text-align: right;
    margin-top: 10px;
}

.orderpage-details-cmd input 
{
    margin-left: 10px;
}


div.readmore-link {
	float: right;	
}


h2 a {
	color: #000000;
  font-size: 15px;
}

h2 a:hover {
	color: #303030;	
}


div.createdate {
	float: right;
	margin: 3px 10px 0px 0;
	color: #DFDFDF;
}

.blog span.article_separator {
	margin-bottom: 20px;
	display: block;
}

div.pagination {
	text-align: center;
	color: #FFFFFF;
  margin-bottom: 5px;
}

div.pagination a {
	color: #FFFFFF;
  text-decoration: underline;
  padding: 7px;
}

div.pagination span {
  padding: 7px;
}

div.pagination a:visited {
  color: #DFDFDF;
}

div.pagination a:hover {
	text-decoration: underline;
  color: #FFFFFF;
}



div.pagination ul{
  display: inline-block;
  padding: 0;
}

div.pagination li{
  list-style: none;
  float: left;
  margin-left: 3px;
}

div.contentpaneopen {
        display: inline-block;
}



.content-container .item {
  display: inline-block;
  position: relative;
  background: white;
  padding: 10px 20px 40px;
  width: 623px !important;
  margin-bottom: 30px;
  -webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow:    4px 4px 0px rgba(0, 0, 0, 1);
  box-shadow:         4px 4px 0px rgba(0, 0, 0, 1);

  font-size: 12px;
  line-height: 1.3em;
}

.content-container .item p {
  font-size: 12px;
  line-height: 1.3em;
}

.content-container .item .date {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px;
  font-size: 10px;
}

.itm-tbl-title {
	width: 111px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}	
.itm-tbl-cell {
	border-left: 3px solid #FFF;
	border-right: 3px solid #FFF;
	padding: 0 5px;
	background-color: #eee;
}
.itm-tbl-cell1 {
	padding-top: 5px;
	border-top: 3px solid #FFF;
}
.itm-tbl-cell1 img {
	margin: 0 auto;
}
.itm-tbl-cell2 {
	padding-top: 3px;
}
.itm-tbl-cell3 {
	border-bottom: 3px solid #FFF;
	padding-bottom: 5px;
}
.itm-tbl-celltext {
	padding: 0;
}



li.item-162 {
  display: none;
}




.rbtn {
  display:block;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: #ffd300;
  transform: rotate(-20deg);
  position: absolute;
  top: 280px;
  left: 20px;
  z-index: 10;
  text-align: center;
  color: black;
  font-size: 24px;
  display: table;
  transition: all .2s ease-in-out;
}

.rbtn:hover { 
  transform: rotate(-20deg) scale(1.2); 
}

.rbtn > span {
    display: table-cell;
    vertical-align: middle;
}