body {
    margin: 0;
    padding: 0;
    
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    
    background-color: white;  
}

a,
a:link,
a:visited,
a:active {
    color: #000000;
    text-decoration: underline;    
}

a.no_decoration,
a.no_decoration:link,
a.no_decoration:visited,
a.no_decoration:active {
    text-decoration: none;    
}

a.login_lost_data {
    display: block;    
}

  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Container / Header                                                                                     //
//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.body {
    width: 100%;
    max-width: 800px;
    padding-bottom: 20px;    
}

div.header {
    height: 50px;
    clear: both;   
}

div.header_left {
    float: left;
    display: block;
    width: 50%;
    height: 50px;    
}

div.header_left a,
div.header_left img {
    display: block;
    height: 50px;
    width: 100%;    
}

div.header_right {
    float: left;
    display: block;
    width: 50%;
    height: 50px;
}

div.header_right_inner {
    margin: 10px 5px 0 0;
    float: right;
}

div.content {
    padding: 5px;    
}

.c {
    clear: both;    
}

  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Suche                                                                                                  //
//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.search_field {
    height: 22px;
    width: 100px;
    clear: both;    
}

input.search_field {
    height: 22px;
    border: none;
    margin: 0;
    padding: 0 5px;
    font-size: 1.2em;
    float: left;
    width: 60px;     
}

input.search_button {
    border: none;
    background: none;
    width: 22px;
    height: 22px;
    padding: 0;
    float: left;
    margin: 0 0 0 5px;
}       


  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Articles                                                                                               //
//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.article {
    padding-bottom: 10px;    
}

div.article_date {
    clear: both;
    color: #707070;
    font-size: 1.0em;
    font-weight: bold;
    margin-top: 20px;
}

img.article_image {
    float:left;
    padding-bottom:10px;
    padding-right:10px;
}
img._article_image {
    float:left;
    padding-bottom:10px;
    padding-right:10px;
}

a.article_link, 
a.article_link:link, 
a.article_link:active, 
a.article_link:visited {
    color: #000000;
    font-weight: bold;    
}

ul.articles_pages {
    list-style-type: none;
    margin: 0;
    padding: 10px 0 10px 10px;
    clear: both; 
}

ul.articles_pages li {
    float: left;
    margin: 0 10px 0 0;    
}

ul.articles_pages li:first-child,
ul.articles_pages li#bs_paginator_0 {
    margin-bottom: 10px;
    float: none;  
}

ul.articles_pages li a {
    font-size: 1.2em;
    
    text-decoration: none;
    display: block;
    width: 1.6em;
    height: 1.6em;
    border: solid 1px #808080;
    text-align: center;
    line-height: 1.6em;   
}

ul.articles_pages li a.paginator_active {
    font-weight: bold;
    background-color: #F0F0F0;   
}

hr {
    border: none;
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #d4d4d4;    
}

  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Comments                                                                                               //
//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.commentlist {
    list-style: none outside none;
    margin: 10px 0 0 0;
    overflow: hidden;
    padding: 0;
}

.commentlist li {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

div.comment {
    background-color: #E3E2D7;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.comment-avatar {
    float: left;
    overflow: hidden;
    padding: 10px;
    width: 25%;
    max-width: 50px;
}

.avatar-50 {
    width: 100%;
    max-height: 50px;
    max-width: 50px;
}

div.comment-text {
    background-color: #F2F1EE;
    overflow: hidden;
    padding: 10px;
}

div.comment-meta {
    border-bottom: 1px dashed #CCCCCC;
    overflow: hidden;
    padding: 0;
}

.comment-date {
	margin-top:2px;
}
.comment-date a, .comment-reply a {
color:#999999 !important;
}
.comment-date a:hover, .comment-reply a:hover {
color:#666666 !important;
}
.comment-reply {
float:right;
}
.comment-error{
   background-color:#FCF2F2;
   border:1px solid #C80000;
   color:#C80000;
   padding:5px;
   margin: 0 0 10px  0;
   font-weight:bold;
   width:90%;
}
.comment-text {
background-color:#F2F1EE;
overflow:hidden;
padding:10px;
}
.comment-meta {
border-bottom:1px dashed #CCCCCC;
overflow:hidden;
padding:0 0 5px;
}
.comment-writer {
font-size:16px;
margin-right:15px;
}

input.label-comment-input{
   
}
textarea.label-comment-input{
   min-height:70px;
display:block;
}
.value-comment-form{
   font-weight:bold;
   font-size:12px;
}
.label-comment-form{ 
   font-size:12px;
   float: left;
   display: block;
   margin-top: 5px;
}
.submit-comment-form{
   /*margin-left:200px;
   width:175px;*/
}

.comment-form-description {
    font-size: 11px;
    font-style: italic;    
}

.mobile-nofloat {
    float: none;    
}


  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Diaschau                                                                                               //
//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.slideshow {
    margin: 10px 0;    
}

div.gallery_image {
    margin: 10px 0;
    text-align: center;    
}

div.gallery_image_hidden {
    display: none;    
}

div.gallery_image img {
    width: 100%;    
}

/*
ul.slideshow li:first-child {
    display: inline;   
}
*/

div.diaschau {
    background-color: #cccccc;
    padding: 5px;
    margin-top: 10px;
        
}

div.diaschau table {
    width: 100%;    
}

div.diaschau td.left,
div.diaschau td.right {
    width: 50%;    
}

div.gallery_list {
	clear: both;	
}

span.panel-overlay {
	text-align: left;
	display: block;	
}


  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Gallery                                                                                                //
//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.gallery table {
    margin-top: 5px;
    margin-bottom: 5px;    
}

div.gallery div.image {
    margin-top: 10px;
    width: 100%;    
}

  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Login                                                                                                  //
//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.login table {
    width: 100%;    
}

div.login td.label {
    padding-right: 5px;       
}

div.login td.input {
    width: 80%;       
}

div.login label {
    font-weight: bold;    
}

  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Input                                                                                                  //
//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

input,
textarea,
select {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    border-top: solid 1px #d4d4d4;
    border-left: solid 1px #d4d4d4;
    border-right: solid 1px #e7e7e7; 
    border-bottom: solid 1px #e7e7e7;    
    background-color: white;
    
    margin-left: 0;        
}

input[type="email"],
input[type="text"],
select {
    width: 90%;    
}

textarea {
    width: 90%; 
    height: 100px;    
}

input.button,
input.paypal_button,
input.submit-comment-form {
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #d3d3d3; 
    border-bottom: solid 1px #d3d3d3;    
    background-color: #f1f1f1;    
}

input.submit-comment-form {
    background-color: white;    
}

input.paypal_button {
    width: 100%;
}

div.box {
    padding-top: 5px;
    padding-bottom: 5px;    
}

div.error {
    color: #c80000;
    font-weight: bold;
    margin-top: 0.5em;    
}

div.success {
    color: #00c800;
    font-weight: bold;
    margin-top: 0.5em;    
}

div.from_description {
    margin: 1em 0;    
}

div.form_label,
div.form_input {
    margin: 4px 0;
    float: left;
    display: block;     
}

div.form_label {
    margin-right: 5%;
    width: 20%;
    max-width: 120px;    
}

div.form_input {
    width: 75%;    
}

div.form_submit {
    margin: 4px 0;      
}

dl.zend_form dt label {
	font-weight: bold; 	
}

dl.zend_form dd {	
	border-bottom: solid 1px #CCCCCC;
	margin: 5px 0 10px 0;
	padding: 0 0 10px 20px;	
}

dl.zend_form dt:nth-last-child(2) {
	display: none;	
}

dl.zend_form dd:last-child {
	border-bottom: none;	
}

ul.errors {
	list-style-type: none;
	margin: 2px 0;
	padding: 0;	
}

ul.errors li {
	color: #c80000;	
}

  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Banner                                                                                                 //
//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.zwischenbanner {
    background-color: #DDDDDD;
    border: 1px solid #AAAAAA;
    padding: 5px 0;
    margin: 10px 0;
    clear: both;    
}

div.zwischenbanner table {
    width: 100%;    
}

div.zwischenbanner td {
    padding: 0 5px;
    text-align: center;    
}

div.zwischenbanner td:last-child {
    text-align: right;    
}

div.zwischenbanner td:first-child {
    text-align: left;    
}

img.zwischenbanner {
    max-width: 120px;
    width: 100%; 
}

img.top_banner {
    width: 100%;    
}

  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Navigation                                                                                             //
//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.navigation {
    padding: 10px 5px 5px 5px;    
}

div.navigation ul {
    margin: 5px 0 0 0;
    padding: 0;
    list-style-type: none;    
}

div.navigation ul li {
    display: block;
    margin-bottom: 2px;   
}

div.navigation ul li a,
div.navigation ul li a:link,
div.navigation ul li a:visited,
div.navigation ul li a:active {
    display: block;
    height: 22px; 
    line-height: 22px;
    font-weight: bold;
    color: white;
    padding-left: 10px;
    text-decoration: none;    
}

  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Headline                                                                                               //
//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h1, 
.headline_1 {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
}

h2, 
.headline_2 {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
}

h3, 
.headline_3 {        
    font-weight: bold;
    color: #7f7f7f;
    margin: 0;
    padding: 0;    
}

h4, 
.headline_4 {
    font-size: 12px;
    color: black;
    text-align: right;
    margin: 0;
    padding: 0;
    font-weight: normal;    
}

/* hinzu... */

div.result_relevance{
   padding-top:2px;
   float:right;
}
.comment-result-article{
   text-align:right;
   color:#70708C;
   font-style: italic;
   font-weight:bold;
}

p.article_image{
   float:left;
   padding-right:10px;
   padding-bottom:10px;
   margin:0;   
   font-size:0.9em;
   font-weight:bold;
}
p.article_image img{
   display: block;
}

div#platform_links{
   
}

div#platform_links div{
  margin:10px 0;
  padding:10px;
  border:1px solid #FFA000;
  background-color:#FFFFA0;
  color:#000;
  font-size:1.2em;
  font-weight:bold;
}

div.ignore_platform_link{
   border:0 !important;
   margin:0 !important;
   background-color:transparent;
   float:right;
   padding:0 !important;
}

div.ignore_platform_link a{    
   text-decoration:none !important;
}

div.error{
   background-color:#FCF2F2;
   border:1px solid #C80000;
   color:#C80000;
   padding:2px;
   font-weight:bold;   
}