/* ==========================================================================
   Styling and layout for all media
   ========================================================================== */


/* Abridged version of Normalize.css
   ========================================================================== */
/* original authors: Nicolas Gallagher and Jonathan Neal - http://necolas.github.com/normalize.css/ */

/* corrects block display not defined in IE7-9, Firefox3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/* corrects inline-block display not defined in IE7-9, Firefox3 */
audio,
canvas,
video {
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
}

/* prevents modern browsers from displaying 'audio' without controls, remove excess height in iOS5 devices */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* addresses styling for 'hidden' attribute not present in IE7-9, Firefox3, Safari4 */
[hidden] {
  display: none;
}

html {
  /* corrects text resizing oddly in IE7 when body font-size is set using em units -
     http://clagnut.com/blog/348/#c790 */
  font-size: 100%;
  /* always force scrollbar padding so we don't get 'jumping' */
  overflow-y: scroll;
  /* prevents iOS text size adjust after orientation change, without disabling user zoom -
     http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  -webkit-text-size-adjust: 100%;
  /* as above, for Windows Phone */
  -ms-text-size-adjust: 100%;
}

/* Addresses margins set differently in IE7 */
p,
pre {
  margin: 1em 0;
}

/* addresses style set to 'bolder' in Firefox3-4, Safari4-5, Chrome */
b,
strong {
  font-weight: bold;
}

/* addresses CSS quotes not supported in IE7, addresses quote property not supported in Safari4 */
q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

/* prevents sub and sup affecting line-height in all browsers */
sub,
sup {
  /* 12px */
  font-size: .85714285714286em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* removes border when inside 'a' element in IE7-9, Firefox3, improves image quality when scaled in IE7 -
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* consistent tables */
table {
  margin-bottom: 1em;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* make table cells align top and left by default */
th,
td {
  vertical-align: top;
  text-align: left;
}

/* addresses margins set differently in IE7 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 2em;
}

/* remove margins from nested lists */
dl dl,
ul ul,
ol ol {
  margin: 0;
}

/* addresses paddings set differently in IE7 */
menu,
ol,
ul {
  padding: 0 0 0 2em;
}


/* Clearfix
   ========================================================================== */
/* updated to prevent margin-collapsing on child elements in most situations -
   http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix,
header,
nav ul,
.container,
footer,
#paginator,
#monthly-list {
  /* zoom IE7 fix */
  *zoom: 1;
}

.clearfix:before,
.clearfix:after,
header:before,
header:after,
nav ul:before,
nav ul:after,
.container:before,
.container:after,
footer:before,
footer:after,
#paginator:before,
#paginator:after,
#monthly-list:before,
#monthly-list:after {
  content: "";
  display: table;
}

.clearfix:after,
header:after,
nav ul:after,
.container:after,
footer:after,
#paginator:after,
#monthly-list:after {
  clear: both;
}



/* ==========================================================================
   Styling and layout for screen media
   ========================================================================== */


@media screen {


/* Layout
   ========================================================================== */

body {
  margin: 0 auto;
  background: #eee;
  width: 1106px;
}


header,
footer,
nav {
  margin: 0 auto;
}


header {
  padding: 10px;
  height: 132px;
  background: #fff;
  border-bottom: 1px solid #555;
}

header h1 {
  margin: 0;
}

header h3 {
  /* 14px margin top */
  margin: .66666666666667em 0 0;
}

/* navigation*/

nav {
    background-color: #F5F6CE;
    background-image: -webkit-linear-gradient(#F5F6CE, #D5D6AE);
    background-image: linear-gradient(#F5F6CE, #D5D6AE);
    margin: 0;
    border-bottom: 1px solid #555;
}

nav ul{
    margin: 0;
}

nav ul li{
  display: block;
  list-style-type: none;
  float: left;
  padding: 0.5em;
  font-size: 1.5em;
  border-right: 1px solid #555;
}

nav ul li:first-child{
  border-left: 1px solid #555;
}

nav a{
    padding: 0.5em;
    margin:0;
    color: #000;
    text-decoration: none;
}

[role="article"] {
  margin-bottom: 2em;
  margin: 0 auto 0 auto;
}

[role="main"] {
  float: left;
  background: #fff;
  padding: 20px 20px 0 40px;
  margin: 0 auto 0 auto;
  width: 816px;
  min-height: 820px;
}

[role="main"].breit {
  width: 1046px;
}


[role="complementary"] {
  margin-bottom: 2em;
  padding: 20px 20px 20px 10px;
  float: left;
  width: 200px;
  min-height: 800px;
  background: #D5D6AE; //#ABD78D;
  color: #666;
}

[role="search"] p {
  margin-top: 0;
}

footer {
  padding: 5px 10px 10px 20px;
  border-top: 1px solid #ccc;
  clear:both;
}


/* Links
   ========================================================================== */

a {
  position: relative;
  text-decoration: underline;
  color: #114eb1;
  -webkit-tap-highlight-color: rgba(0, 102, 255, 0.5);
}

a:hover, a:active {
  /* improves readability when focused and also mouse hovered in all browsers */
  outline: 0;
}

a:active {
  top: 1px;
}

a:focus {
  outline: thin dotted #06f;
}

header a {
  color: #333;
  -moz-border-radius: .11904761904762em;
  border-radius: .11904761904762em;
}

header a:hover, header a:active {
  background: #e8e8e8;
}

[role="main"] a:hover,
[role="main"] a:active,
footer a:hover,
footer a:active {
  text-decoration: underline;
  color: #06f;
}


footer a:visited {
  color: #183082;
}

[role="main"] h1 a {
  color: #333;
  -moz-border-radius: .11904761904762em;
  border-radius: .11904761904762em;
}

[role="main"] h1 a:visited {
  color: #333;
}

[role="main"] h1 a:hover,
[role="main"] h1 a:active {
  text-decoration: none;
  color: #333;
  background: #efefef;
}

[role="complementary"] a {
  text-decoration:none;
  color: #000;
  display:block;
}

[role="complementary"] a:hover,
[role="complementary"] a:active {
  background: #B5B68E;
}


/* Typography
   ========================================================================== */

body {
  font-family: Verdana, Arial, "PT Serif", Georgia, serif;
  font-size: 12px;
  line-height: 1.5;
  color: #333;
}


h1 {
  font-family: Arial, Helvetica, sans-serif;
  /* 28px */
  font-size: 2em;
  /* 34px / 28px */
  line-height: 1.21428571428571;
  letter-spacing: -1px;
  /* 28px margin top/bottom */
  margin: .66666666666667em 0;
}

h1:first-child {
  margin-top: 0;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin-bottom: 5px;
}

[role="complementary"] h2 {
  font-size: 18px;
  font-weight: bold;
  background: #B5B68E;
  color: #000;
  margin: 8px -20px 8px -10px;
  padding-left: 10px;
}

[role="complementary"] h3 {
  font-size: 14px;
  font-weight: bold;
  //background: #7CC050;
  color: #000;
  margin: 8px -20px 8px -10px;
  padding-left: 10px;
  font-style: normal;
}


h3 {
  /* 18px */
  font-size: 1.28571428571429em;
  /* 26px / 18px */
  line-height: 1.44444444444444;
  font-weight: normal;
  font-style: italic;
  /* 16px margin top/bottom */
  margin: .76190476190476em 0;
}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  /* 16px */
  font-size: 1.14285714285714em;
  margin: 0;
}

blockquote {
  /* 16px */
  font-size: 1.14285714285714em;
  font-style: italic;
  margin: .875em 0 .875em 0;
  padding: 1px .875em;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  background: #fff6d3;
}

address {
  margin: 1em 0;
}

/* addresses styling not present in IE7-9, Safari5, Chrome */
abbr[title],
dfn[title] {
  border-bottom: dotted 1px;
  cursor: help;
}

dfn,
mark,
q,
var {
  padding: 0 .21428571428571em;
  -moz-border-radius: .21428571428571em;
  border-radius: .21428571428571em;
  color: #333;
  background: #fff6d3;
}

dfn,
q {
  font-style: italic;
}

q q {
  padding: 0;
}

var {
  font-weight: bold;
}

pre,
code,
kbd,
samp {
  font-family: Cousine, Consolas, "Lucida Console", Monaco, monospace;
}

code,
kbd,
samp {
  /* 13px */
  font-size: .92857142857143em;
  border: 1px solid #e3e3e3;
  padding: 0 .23076923076923em;
  -moz-border-radius: .23076923076923em;
  border-radius: .23076923076923em;
  background: #f7f7f7;
}

pre {
  /* 13px */
  font-size: .92857142857143em;
  overflow-x: auto;
  border: 1px solid #e3e3e3;
  padding: 1em;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  background: #f7f7f7;
  tab-size: 4;
}

pre code {
  /* 13px */
  font-size: 1em;
  border: 0;
  background: none;
}

small,
figcaption,
tfoot,
.footnote {
  /* 12px */
  font-size: .85714285714286em;
}

figcaption,
tfoot,
.footnote {
  color: #888;
}

figcaption {
  margin-top: .33333333333333em;
  font-style: italic;
}



/* Embedded content
   ========================================================================== */

img,
video {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

/* image alignemnts */
img.align-left {
  float: left;
  margin: 1em 1em 1em 0;
}
img.align-right {
  float: right;
  margin: 1em 0 1em 1em;
}
img.align-center {
  display: block;
  margin: 1em auto;
}

/* corrects overflow displayed oddly in IE9 */
  svg:not(:root) {
  overflow: hidden;
}


/* Tables
   ========================================================================== */

caption {
  font-style: italic;
  text-align: left;
  margin-bottom: .5em;
}

th,
td {
  border: solid 1px #aaa;
  //text-align: center;
  //vertical-align: bottom;
  padding: 3px;
  white-space: normal;
  padding: 3px 5px 3px 5px;
  font-size: 12px;
}


thead th,
thead td {
  border-bottom: solid 2px #ccc;
}

tfoot th,
tfoot td {
  border-bottom: 0;
  padding: .33333333333333em .58333333333333em .33333333333333em 0;
}

tfoot:last-child {
  padding-right: 0;
}

table {
 display: block;
//table-layout: inherit;
max-width: 100%;
}


table.invisible td, table.invisible th {
  border: none;
  background: none;
  text-align: left;
}

table.uebersichtstabelle td, table.uebersichtstabelle th {
  background: none;
  text-align: left;
}

table.powerbank td{
  background: #fff;
  text-align: left;
}

table.powerbank th{
  background: #aaa;
}


/* ----------sortierbare Tabellen--------
*/

table.tablesorter {
	font-size: 12px;
}


table.tablesorter th {
	vertical-align: top;
	text-align: left;
	padding: 5px;
}


table.tablesorter td {
	color: #000;
	padding: 5px;
}


table.tablesorter .even {
	background-color: #3D3D3D;
}


table.tablesorter .odd {
	background-color: #6E6E6E;
}


table.tablesorter .header {
	background-image: url(https://mobilepowertest.de/images/38.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
}


table.tablesorter .headerSortUp {
	background-image: url(https://mobilepowertest.de/images/37.png);
	background-repeat: no-repeat;
}


table.tablesorter .headerSortDown {
	background-image: url(https://mobilepowertest.de/images/39.png);
	background-repeat: no-repeat;
}


/* Lists
   ========================================================================== */

dt {
  font-style: italic;
}

[role="main"] #article-list {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
  border-top: solid 1px #ccc;
}

#article-list li {
  border-bottom: solid 1px #ccc;
  padding-top: 1em;
  margin-bottom: 0;
}

[role="complementary"] ul {
  list-style-type: none;
  padding-left:0;
}

[role="complementary"] li {
  margin-left:0;
  border-bottom: solid 1px #888;
}

[role="complementary"] li:first-child {
  border-top: solid 1px #888;
}


/* Forms
   ========================================================================== */

/* corrects margin displayed oddly in IE6-7 */
form {
  margin: 0;
}

/* remove default fieldset styling across browsers */
fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}

/* corrects text not wrapping in FF3, corrects alignment displayed oddly in IE7 */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

/* improves appearance and consistency in all browsers */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  /* improves appearance and consistency in IE7 */
  *vertical-align: middle;
}

/* colour placeholder text (Webkit and Mozilla only, so far) */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #888;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

/* suppress red glow that Firefox adds to form fields by default, even when user is still typing
   add focus glow on form elements and kill phantom spacing and dotted border that appears in Firefox */
button:invalid,
a.button:invalid,
input:invalid,
input[type="button"]:invalid,
input[type="reset"]:invalid,
input[type="submit"]:invalid,
textarea:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner,
a.button::-moz-focus-inner,
input::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
textarea::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button:focus,
a.button:focus,
input:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 7px #0066ff;
  -moz-box-shadow: 0 0 7px #0066ff;
  box-shadow: 0 0 7px #0066ff;
  /* Opera */
  z-index: 1;
}

  /* remove inner padding and search cancel button in webkit on OS X */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

textarea,
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  /* remove iOS Safari default styling */
  -webkit-appearance: none;
  font-family: Arial, Helvetica, sans-serif;
  /* 12px */
  font-size: .85714285714286em;
  text-align: left;
  border: solid 1px #ccc;
  padding: .5em;
  background: #fff;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0;
  border-radius: 0;
}

input[type="color"] {
  padding: 0;
  height: 2.33333333333333em;
}

[role="complementary"] input[type="search"] {
  margin-right: 2px;
  width: 66.666666666667%;
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
}

textarea {
  min-height: 3em;
  /* removes default vertical scrollbar in IE7-9 */
  overflow: auto;
  /* improves readability and alignment in all browsers */
  vertical-align: top;
  resize: vertical;
  width: 100%;
}

select {
  font-family: Arial, Helvetica, sans-serif;
  /* 12px */
  font-size: .85714285714286em;
  text-align: left;
  border: solid 1px #ccc;
  padding: .5em;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

optgroup {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #333;
}

/* kill phantom spacing and dotted border that appears in Firefox */
optgroup::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* addresses box sizing set to content-box and excess padding in IE7-9 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *height: 1em;
  *width: 1em;
}

/* make sure disable elements really are disabled */
button[disabled],
input[disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
span.disabled {
  opacity: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  border: solid 1px #d2d2d2 !important;
  text-shadow: none !important;
  color: #888888 !important;
  background: #eee !important;
  cursor: default !important;
  top: 0 !important;
}

.large input {
  width: 50%;
  min-width: 302px;
}

.large textarea {
  height: 156px;
}

.small input {
  width: 25%;
  min-width: 151px;
}

.small textarea {
  height: 5.5em;
}


/* Buttons
   ========================================================================== */

button,
[role] a.button,
span.disabled,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  /* remove iOS Safari default styling */
  -webkit-appearance: none;
  -webkit-background-clip: padding;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: auto;
  overflow: visible;
  font-family: Arial, Helvetica, sans-serif;
  /* 12px */
  font-size: .85714285714286em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  cursor: pointer;
  border: solid 1px #6CA668;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: .5em 1em;
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
  color: #333;
  outline: 0;
  background-color: #63CC5B;
}

button:hover,
[role] a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #6BEE62;
}


#paginator {
  margin-bottom: 2em;
}

#paginator .button {
  padding: .25em 1em;
}

#paginator a.button {
  text-decoration: none;
  color: #333;
}

#paginator-l {
  float: left;
}

#paginator-r {
  float: right;
}


/* Comments
   ========================================================================== */

.comments {
  margin-bottom: 1em;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: 1em 1em 1px;
  background: #f7f7f7;
  word-wrap: break-word;
}

.comments h4 .is-author {
  font-weight: normal;
}

.comments h4 .comment-anchor {
  float: right;
  font-weight: normal;
 }

.comments-author {
  background: #efefef;
}

#cpreview {
  margin-bottom: 2px;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: 1em;
  background: #fff3d6;
}

.comments_error {
  background: #fff4f4 !important;
}

.required,
.error_message li {
  color: #c00;
}

.required {
	cursor: help;
}




} // end Screen













/* ==========================================================================
   Fix for reponsive embedded content in IE8
   ========================================================================== */


@media \0screen {

img,
video {
  width: auto;
}

}



/* ==========================================================================
   Styling and layout for print media
   ========================================================================== */


@media print {

* {
  /* black prints faster - http://sanbeiji.com/archives/953 */
  color: black !important;
  text-shadow: none !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 8pt;
  line-height: 1.5;
  margin: .5cm;
  padding: 2em 5em;
}

header {
  border-bottom: solid 1pt black;
}

footer {
  margin-top: 12pt;
  border-top: solid 1pt black;
}

/* hide unnecessary content from print */
nav,
audio,
video,
form,
[role="complementary"],
#paginator,
#comments-form,
.comments h4 a:last-child {
  display: none;
}

a {
  text-decoration: none;
}

/* show URLs for certain links in print */
a[href]:after {
  content: " (" attr(href) ")";
}

h1 a[href]:after,
h2 a[href]:after,
h3 a[href]:after,
sup a[href]:after,
a[itemprop="discussionUrl"]:after,
a[rel="tag"]:after {
  content: "";
}

/* show long-form for abbreviations in print */
abbr[title]:after {
  content: " (" attr(title) ")";
}

h1 {
  font-size: 32pt;
  line-height: 36pt;
  font-weight: normal;
  margin: .5em 0;
}

h2 {
  font-size: 18pt;
  line-height: 23pt;
  page-break-after: avoid;
  orphans: 3;
  widows: 3;
  margin: .66666666666667em 0;
}

h3 {
  font-size: 12pt;
  line-height: 17pt;
  page-break-after: avoid;
  orphans: 3;
  widows: 3;
  margin: .66666666666667em 0;
}

p {
  orphans: 3;
  widows: 3;
}

footer,
figcaption,
tfoot,
small,
.footnote {
  font-size: 6pt;
}

blockquote {
  border: solid 1pt black;
  padding: 0 8pt;
  page-break-inside: avoid;
}

pre {
  margin-bottom: 8pt;
  border: solid 1pt black;
  padding: 8pt;
}

.comments {
  page-break-inside: avoid;
}

pre,
code,
kbd,
samp,
var {
  font-family: "Courier New", Courier, monospace;
}

dfn,
q,
dt {
  font-style: italic;
}

img {
  max-width: 100% !important;
  page-break-inside: avoid;
}

/* image alignemnts */
img.align-left {
  float: left;
  margin: 1em 1em 1em 0;
}
img.align-right {
  float: right;
  margin: 1em 0 1em 1em;
}
img.align-center {
  display: block;
  margin: 1em auto;
}

audio {
  display: none;
}

figure {
  margin-bottom: 8pt;
}

figcaption {
  margin-top: 4pt;
}

ul {
  list-style: square;
  margin: 0 0 8pt 1.8em;
}

ol {
  list-style: decimal;
  margin: 0 0 8pt 1.8em;
}

dl {
  margin: 0 0 8pt 1.8em;
}

table {
  margin-bottom: 8pt;
  width: 100%;
}

caption {
  font-weight: bold;
  text-align: left;
  margin-bottom: 4pt;
}

/* display table head across multi-page tables - http://css-discuss.incutio.com/wiki/Printing_Tables */
thead {
  display: table-header-group;
}

thead th {
  border-top: solid 1pt black;
}

tr {
  page-break-inside: avoid;
}

th,
td {
  border-bottom: solid 1pt black;
  padding: 4pt 8pt;
}

}


/* ==========================================================================
   sonstiges
   ========================================================================== */

tr.vertical td{
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.product-pic {
  float:right;
  margin:0 0 0 10px;
}

.product-pic-right {
  float:right;
  margin:0 0 0 20px;
}

.product-content {
  float:right;
  width:640px;
}

.product-price {
  float:right;
  font-size: 20px;
  width:80px;
}

.product-price-small {
  font-size: 8px;
}

.small {
  font-size: 10px;
}



/* Testberichte-Button
----------------------------------------------- */



.test-button {
  width: auto;
  overflow: visible;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  padding: 8px 15px;
  margin: 10px 0;
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
  color: #000;
  outline: 0;
  background-color: #ABD78D;
  text-decoration:none;
}

a.test-button {
  text-decoration:underline;
}

.test-button:hover {
  background-color: #7CC050;
}

.test-button:active {
  position: relative;
  top: 1px;
  color: #1a1a1a;
  background-color: #000;
}

.headline_uebersicht {
  background: #ccc;
  padding: 0 0 0 5px;
}



<!-- Kaufen Buttons 
########################### -->

.kaufen_container{
  //float:right;
  //width: 540px;
  //height: 50px;
  line-height: 10px;
  color: #ddd;
  margin: 0px;
  display: inline;
}

.kaufen_container a{
  width: 100px;
  overflow: visible;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid #555;
  border-radius: 5px;
  padding: 5px 5px;
  margin: 0px 5px 5px 5px;
  color: #000;
  display:inline-block;
  background-color: #7CC050;
  text-decoration:none;
}

.kaufen_container a:hover{
  background-color: #ABD78D;
  decoration:none;
  color: #000;
}