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_homepage/img/bg.jpg);
}

p, td {font-size: 10px;}
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_homepage/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_homepage/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_homepage/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_homepage/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_homepage/img/content_bg_top.gif) no-repeat left top;
}


.content-container .picture
{
  width: 659px;
}

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


.content-container .intro-text
{
  padding: 8px;
}
.content-container .outro-text
{
  padding: 8px;
}


/* bildbeschrieb container */

.bildbeschrieb-container {
  display: block;
  background: #808080 url( /templates/kleinbild_template_homepage/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_homepage/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_homepage/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_homepage/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_homepage/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: 80px;
  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_homepage/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_homepage/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;
    min-height: 400px;
}

* 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;
}








/* Picture Browser V 2*/



div.imgbrowser-container {
	display: inline-block;
	padding-bottom: 6px;
	min-height: 468px;
}

div.img-container {
	display: inline-block;
	float: left;
	padding-left: 6px;
	padding-top: 6px;
	width: 211px;
	height: 149px;
	position: relative;
}


div.img-container img {
	max-height: 149px;
	max-width: 211px;
	margin: 0px auto;
	cursor: pointer;
}

#tags {
	margin-top:61px;
}

table.tagpanel {
	width: 100%;
	margin-bottom: 30px;	
}

#tags div.gwt-Label {
	background:none repeat scroll 0 0 #4C4C4C;
	color:#FFFFFF;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:3px;
	padding:2px 13px 2px 4px;
	text-decoration:none;
	width:100%;
}
  

div.tag { 
	margin:2px 0;
	padding: 2px 12px 2px 5px;
	width:100%;
	cursor: pointer;
	white-space:nowrap;
}

.tag-toadd div.tag { 
	background: white url( /res/picturebrowser/img/plus.gif) right center no-repeat;
}

.tag-selected div.tag { 
	background: white url( /res/picturebrowser/img/minus.gif) right center no-repeat;
}


#picture div.img-info-overlay {
	width: 211px;
	height: 149px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:10;
	cursor: pointer;
}

#picture div.img-info-overlay:hover {
	background: url( /res/picturebrowser/img/info.png) no-repeat bottom right;
}

div.gwt-PopupPanelGlass {
	z-index: 20;
	  background-color: #000;
	  opacity: 0.5;
	  filter: alpha(opacity=30);
	  z-index: 2;
}

div.gwt-PopupPanel {
	background:none repeat scroll 0 0 #AFAFAF;
	z-index:30;
}

table.popup-head-panel {
	background: #7F7F7F url( /res/picturebrowser/img/close.gif) no-repeat center right;
	color:white;
	padding:5px;
	width:100%;
}

div.popup-window-title {
	font-weight: bold;	
}

div.popup-close-label {
	padding: 0 17px;
	text-align:right;
	cursor: pointer;	
}

div.popup-img-panel {
	background:url("/res/picturebrowser/loading_b.gif") no-repeat scroll center center transparent;
	display:inline-block;
	margin:10px;
	min-height:200px;
	min-width:300px;
	position: relative;
}

div.popup-img-panel img {
	position: absolute;
	top: 0px;
	left: 0px;
}

table.popup-info-panel {
	padding: 10px;	
	width: 200px;
}

div.popup-info-panel-id {
	font-size:1.2em;
	font-weight:bold;
}

table.popup-type-panel {
	border-collapse: collapse;
}

table.popup-type-panel td {
	border-top: 2px solid #7F7F7F;
	border-bottom: 2px solid #7F7F7F;
}

div.popup-navigation-panel {
	background:none repeat scroll 0 0 #7F7F7F;
	bottom:10px;
	height:20px;
	position:absolute;
	width:180px;
}


div.popup-navigation-panel div.popup-navigation-previous { 
	background:url("/res/picturebrowser/img/arrowp.gif") no-repeat scroll left center transparent;
	color:#FFFFFF;
	display:inline-block;
	float:left;
	height:14px;
	padding:3px 0 3px 20px;
	width:60px;
	cursor: pointer;
	text-align: left;
}

div.popup-navigation-panel div.popup-navigation-next { 
	background:url("/res/picturebrowser/img/arrown.gif") no-repeat scroll right center transparent;
	color:#FFFFFF;
	display:inline-block;
	float:right;
	height:14px;
	padding:3px 20px 3px 0;
	width:60px;
	cursor: pointer;
	text-align: right;
}








.contentpaneopen div.intro-text {
 margin-right:10px;
padding:8px 10px 5px;
display: inline-block;
}

.contentpaneopen div.outro-text {
padding:20px 10px 5px;
display: inline-block;
}



.rbtn {
  display:block;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: #ffd300;
  transform: rotate(-20deg);
  position: absolute;
  bottom: 25px;
  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;
}