/*#############################################################################
#                                                                             #
#                   MIGANO - CSS3-Definitionen für Webseiten                  #
#                                                                             #
#                         a-consultancy.org, english                          #
#                                                                             #
#                ----------------------------------------------               #
#                     (C)opyright by MIGANO Web Solutions                     #
#                               Michael Gasbers                               #
#                                                                             #
#                             All rights reserved                             #
#                                                                             #
#  Jegliche Form der Kopie, Veränderung und kommerziellen Verbreitung dieser  #
#  Daten oder Teilen davon sowie des Quellcodes ist strengstens verboten!     #
#  *************************************************************************  #
#   Any form of copying, modification or commercial distribution of this      #
#   data or any part thereof or it's sourcecode is strictly prohibited!       #
#                                                                             #
#   Für Anregungen und Fragen nehmen Sie bitte Kontakt mit uns auf über       #
#   http://migano.de oder per E-Mail an >> kontakt@migano.de <<. Danke.       #
#                                                                             #
#############################################################################*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, fieldset, form, label, input, textarea, select, table, tr, td {
font-family:Open Sans, Work Sans, Verdana, Arial;
font-style:normal;
font-weight:normal;
font-variant:normal;
margin:0px;
padding:0px;
}

html {
height:100%;
padding-bottom:1px;
}

label {
cursor:pointer;
}

span {
vertical-align:baseline;
}

img {
border:0px;
}

.wrapper {
display:block;
vertical-align:top;
clear:both;
}

div.center {
display:block;
text-align:center;
}
div.dib, div.dib_full, div.dib_left, div.dib_right {
display:inline-block;
vertical-align:top;
}
div.dib_full {
width:100%;
text-align:center;
}
div.dib {
text-align:center;
}
div.dib_left {
text-align:left;
}
div.dib_right {
text-align:right;
}

body, #body {
color:#000;
background-color:#fff;
text-align:center;
font-size:1.1em;
}

#body_bg_picture_1 {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-size:100% 100%;
/*
background-repeat:no-repeat;
background:url("../bilder/body_bg_06.jpg");
*/
background-color:#f0f0f0;
opacity:1; /* Achtung: mit Anfangswert im Script abgleichen !!! */
}
#body_bg_picture_2 {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-size:100% 100%;
/*
background-repeat:no-repeat;
background:url("../bilder/body_bg_01.jpg");
*/
opacity:0; /* Achtung: mit Anfangswert im Script abgleichen !!! */
}

#browser_to_old_message {
display:none;
}

#headline {
position:relative;
display:block;
vertical-align:top;
min-width:900px;
margin:0px;
padding:0px;
text-align:center;
background:transparent;
box-shadow:0px 6px 6px rgba(0,0,0,0.3);
z-index:200;
}

#headline_bg {
margin:0px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
color:#fff;
text-shadow:2px 2px 2px #2F619D;
background-color:#4F81BD;
background:-o-linear-gradient(bottom right,  rgba(47,97,157,1),rgba(111,161,221,1),rgba(79,129,189,1),rgba(47,97,157,1));
background:-webkit-linear-gradient(left top, rgba(47,97,157,1),rgba(111,161,221,1),rgba(79,129,189,1),rgba(47,97,157,1));
background:-moz-linear-gradient(bottom right,rgba(47,97,157,1),rgba(111,161,221,1),rgba(79,129,189,1),rgba(47,97,157,1));
background:linear-gradient(to bottom right,  rgba(47,97,157,1),rgba(111,161,221,1),rgba(79,129,189,1),rgba(47,97,157,1));
background:-ms-linear-gradient(              rgba(47,97,157,1),rgba(111,161,221,1),rgba(79,129,189,1),rgba(47,97,157,1)); /* Dumb IE doen't support bottom right */
}

#headline_menu_button {
display:none;
position:fixed;
top:20px;
right:0px;
width:50px;
height:50px;
margin:0px;
padding:0px;
background:transparent;
background-color:#4A7CB8;
background-image:url("../grafik/menu_icon_open.png");
border-top-left-radius:6px;
border-bottom-left-radius:6px;
box-shadow:-6px 6px 6px rgba(0,0,0,0.3);
z-index:200;
cursor:pointer;
}
#headline_menu_close {
display:inline-block;
vertical-align:top;
float:left;
width:50px;
height:50px;
margin:0px;
padding:0px;
background:transparent;
background-image:url("../grafik/menu_icon_close.png");
cursor:pointer;
}
#headline_menu_popup {
position:fixed;
top:20px;
right:0px;
display:none;
margin:0px;
padding:0px;
padding-left:10px;
background:transparent;
background-image:none;
background-color:#4F81BD;
background:-ms-linear-gradient(#4F81BD,#6FA1DD,#2F619D);
background:-o-linear-gradient(#4F81BD,#6FA1DD,#2F619D);
background:-webkit-linear-gradient(#4F81BD,#6FA1DD,#2F619D);
background:-moz-linear-gradient(#4F81BD,#6FA1DD,#2F619D);
background:linear-gradient(#4F81BD,#6FA1DD,#2F619D);
border-top-left-radius:10px;
border-bottom-left-radius:10px;
box-shadow:-6px 6px 6px rgba(0,0,0,0.3);
z-index:200;
}
#headline_menu_list {
display:inline-block;
vertical-align:top;
text-align:left;
padding-top:8px;
padding-bottom:8px;
}
.headline_menu_item, .headline_menu_item_active {
display:inline-block;
vertical-align:middle;
float:left;
/*
height:50px;
line-height:50px;
*/
height:40px;
line-height:40px;
margin-left:10px;
margin-right:15px;
text-decoration:none;
text-shadow:1px 1px 0px #4F81BD;
font-size:1.0rem;
font-weight:bold;
}
.headline_menu_item {
color:#ccc;
}
.headline_menu_item_active {
color:#fff;
}
.headline_menu_item:hover, .headline_menu_item_active:hover {
color:#fff;
text-decoration:underline;
}

#logo_text_box {
position:relative;
display:inline-block;
vertical-align:top;
width:860px;
margin:0px;
padding:0px;
padding-left:20px;
padding-right:20px;
text-align:center;
}

#logo_text_social {
position:absolute;
top:0px;
right:900px;
display:none;
vertical-align:top;
margin:0px;
margin-top:-2px;
padding:0px;
color:#fff;
text-shadow:2px 2px 2px #2F619D;
text-decoration:none;
font-size:2.4rem;
font-weight:bold;
white-space:nowrap;
}
#logo_text_social:before {
content:"Social Entrepreneur";
}
/* Minimum screenwidth to display this item */
/*
@media only screen and (min-width:1660px)
{
  #logo_text_social {
  display:inline-block;
  }
}
*/

#logo_image {
display:inline-block;
vertical-align:top;
float:right;
width:80px;
height:80px;
margin:0px;
/*
margin-left:-20px;
margin-right:20px;
*/
padding:0px;
background:transparent;
background-image:url("../bilder/logo_80x80_2.png");
border-radius:15px;
overflow:hidden;
}

#logo_text_act {
display:inline-block;
vertical-align:top;
float:left;
margin:0px;
margin-top:-2px;
padding:0px;
color:#fff;
text-shadow:2px 2px 2px #2F619D;
text-decoration:none;
font-size:2.4rem;
font-weight:bold;
}
#logo_text_act:after {
content:"A ConsulTancy CC";
}

#logo_text_ibt {
display:inline-block;
vertical-align:top;
float:left;
margin:0px;
margin-top:-4px;
padding:0px;
color:#fff;
text-shadow:2px 2px 2px #2F619D;
text-decoration:none;
font-size:1.4rem;
font-weight:bold;
}
#logo_text_ibt:after {
content:"Innovation by Transformation";
}

#content {
position:relative;
display:inline-block;
vertical-align:top;
width:860px;
min-width:860px;
max-width:860px;
/* margin-top:120px; */
margin-bottom:80px;
padding:20px;
padding-top:10px;
/* text-align:left; */
text-align:justify;
/* background-color:rgba(255,255,255,0.9); WIRD ZUM TESTEN PER JAVASCRIPT GESETZT */
background:rgba(255,255,255,0.9);
box-shadow:5px 5px 5px rgba(0,0,0,0.3), -5px 5px 5px rgba(0,0,0,0.3);
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}

div.list_symbol_arrow, div.list_symbol_yes {
display:inline-block;
vertical-align:top;
float:left;
width:16px;
height:16px;
margin-top:14px;
border:0px;
}
div.list_symbol_arrow {
background-image:url("../grafik/list_symbol_arrow.png");
}
div.list_symbol_yes {
background-image:url("../grafik/list_symbol_yes.png");
}
div.list_text {
display:inline-block;
vertical-align:top;
float:left;
width:330px;
margin-top:12px;
margin-left:10px;
line-height:1.0rem;
/* font-size:0.9rem; */
text-align:left;
}

div.popup_new_text {
position:relative;
text-align:justify;
}

.text_link, .popup_text_link {
color:inherit;
text-decoration:none;
cursor:pointer;
}
.text_link:hover, .popup_text_link:hover {
text-decoration:underline;
}

button.popup_back_button {
display:inline-block;
vertical-align:top;
margin-top:20px;
padding:4px;
color:#fff;
text-shadow:1px 1px 0px #0F417D;
text-decoration:none;
font-weight:normal;
font-size:0.8rem;
background-color:#4F81BD;
background:-ms-linear-gradient(#5F91CD,#3F71AD);
background:-o-linear-gradient(#5F91CD,#3F71AD);
background:-webkit-linear-gradient(#5F91CD,#3F71AD);
background:-moz-linear-gradient(#5F91CD,#3F71AD);
background:linear-gradient(#5F91CD,#3F71AD);
border:1px solid;
border-color:#6FA1DD;
border-radius:5px;
-ms-transition:color 200ms linear, background-color 200ms linear;
-o-transition:color 200ms linear, background-color 200ms linear;
-webkit-transition:color 200ms linear, background-color 200ms linear;
-moz-transition:color 200ms linear, background-color 200ms linear;
transition:color 200ms linear, background-color 200ms linear;
cursor:pointer;
}
button.popup_back_button:hover {
background-color:#4F81BD;
background:-ms-linear-gradient(#8FC1FD,#4F81BD);
background:-o-linear-gradient(#8FC1FD,#4F81BD);
background:-webkit-linear-gradient(#8FC1FD,#4F81BD);
background:-moz-linear-gradient(#8FC1FD,#4F81BD);
background:linear-gradient(#8FC1FD,#4F81BD);
}

/* --------------------------------------------------------------------------
   Menu (blue)
-------------------------------------------------------------------------- */
#menu_blue {
display:inline-block;
vertical-align:top;
/* width:900px; */
margin-top:10px;
margin-left:-20px;
margin-right:0px;
padding-left:15px;
}

a.menu_button_blue, a.menu_button_blue_active {
display:inline-block;
vertical-align:top;
float:left;
margin:2px;
margin-left:4px;
margin-right:4px;
padding:7px;
padding-left:9px;
padding-right:9px;
color:#fff;
text-shadow:1px 1px 0px #0F417D;
text-decoration:none;
font-size:0.9rem;
font-weight:normal;
border:2px solid;
border-radius:5px;
-ms-transition:color 200ms linear, background-color 200ms linear;
-o-transition:color 200ms linear, background-color 200ms linear;
-webkit-transition:color 200ms linear, background-color 200ms linear;
-moz-transition:color 200ms linear, background-color 200ms linear;
transition:color 200ms linear, background-color 200ms linear;
}
a.menu_button_blue {
background-color:#4F81BD;
background:-ms-linear-gradient(#5F91CD,#3F71AD);
background:-o-linear-gradient(#5F91CD,#3F71AD);
background:-webkit-linear-gradient(#5F91CD,#3F71AD);
background:-moz-linear-gradient(#5F91CD,#3F71AD);
background:linear-gradient(#5F91CD,#3F71AD);
}
a.menu_button_blue, a.menu_button_blue_active {
border-color:#6FA1DD;
}
a.menu_button_blue_active, a.menu_button_blue:hover, a.menu_button_blue_active:hover {
background-color:#4F81BD;
background:-ms-linear-gradient(#8FC1FD,#4F81BD);
background:-o-linear-gradient(#8FC1FD,#4F81BD);
background:-webkit-linear-gradient(#8FC1FD,#4F81BD);
background:-moz-linear-gradient(#8FC1FD,#4F81BD);
background:linear-gradient(#8FC1FD,#4F81BD);
}

/* --------------------------------------------------------------------------
   Contact form icon
-------------------------------------------------------------------------- */
div.contact_form_icon {
display:inline-block;
vertical-align:top;
width:40px;
height:50px;
margin-top:10px;
background-image:url("../grafik/contact_form_icon.png");
}
div.contact_form_icon:hover {
background-image:url("../grafik/contact_form_icon_hover.png");
}

/* --------------------------------------------------------------------------
   Button "Up"
-------------------------------------------------------------------------- */
.button_to_top {
display:none;
vertical-align:top;
float:right;
margin:5px;
margin-top:15px;
padding:5px;
color:#fff;
background-color:#B2C1DB;
text-decoration:none;
font-size:0.8rem;
font-weight:normal;
border:2px solid;
border-color:#4F81BD;
border-radius:5px;
}
.button_to_top:hover {
color:#4F81BD;
background-color:#d2e1fB;
}

/* --------------------------------------------------------------------------
   Center menu on startpage
-------------------------------------------------------------------------- */
#startpage_menu {
position:relative;
display:inline-block;
vertical-align:top;
margin-top:10px;
margin-bottom:30px;
}

#startpage_menu_bubbles {
position:relative;
display:inline-block;
vertical-align:top;
width:540px;
height:400px;
}

#startpage_menu_bubble_1, #startpage_menu_bubble_2, #startpage_menu_bubble_3, #startpage_menu_bubble_4 {
position:absolute;
display:inline-block;
vertical-align:top;
width:240px;
height:150px;
font-size:1.0rem;
color:#fff;
text-shadow:1px 1px 0px #72819B;
background:transparent;
background-image:none;
background-color:#4F81BD;
background:-ms-linear-gradient(#6FA1DD,#8FC1FD,#4F81BD);
background:-o-linear-gradient(#6FA1DD,#8FC1FD,#4F81BD);
background:-webkit-linear-gradient(#6FA1DD,#8FC1FD,#4F81BD);
background:-moz-linear-gradient(#6FA1DD,#8FC1FD,#4F81BD);
background:linear-gradient(#6FA1DD,#8FC1FD,#4F81BD);
-ms-transition:top 200ms linear, left 200ms linear, width 200ms linear, height 200ms linear, font-size 200ms linear;
-o-transition:top 200ms linear, left 200ms linear, width 200ms linear, height 200ms linear, font-size 200ms linear;
-webkit-transition:top 200ms linear, left 200ms linear, width 200ms linear, height 200ms linear, font-size 200ms linear;
-moz-transition:top 200ms linear, left 200ms linear, width 200ms linear, height 200ms linear, font-size 200ms linear;
transition:top 200ms linear, left 200ms linear, width 200ms linear, height 200ms linear, font-size 200ms linear;
border-radius:10px;
box-shadow:2px 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.3);
}

#startpage_menu_bubble_1 {
top:10px;
left:10px;
text-align:left;
}

#startpage_menu_bubble_2 {
top:10px;
left:284px;
text-align:right;
}

#startpage_menu_bubble_3 {
top:234px;
left:10px;
text-align:left;
}

#startpage_menu_bubble_4 {
top:234px;
left:284px;
text-align:right;
}

#startpage_menu_bubble_1:hover {
top:0px;
left:-10px;
}

#startpage_menu_bubble_2:hover {
top:0px;
}

#startpage_menu_bubble_3:hover {
left:-10px;
}

#startpage_menu_bubble_4:hover {
}

#startpage_menu_bubble_1:hover, #startpage_menu_bubble_2:hover, #startpage_menu_bubble_3:hover, #startpage_menu_bubble_4:hover {
width:260px;
height:160px;
font-size:1.3rem;
}

.startpage_menu_bubble_content {
margin:20px;
color:#3F71AD;
text-shadow:1px 1px 0px #C2D1EB;
font-weight:bold;
}

.startpage_menu_bubble_popup {
display:inline-block;
vertical-align:top;
margin:20px;
margin-top:-10px;
font-size:0.85em; /* NICHT rem, weil damit der Hover-Vergrößerungs-Effekt greift! */
}

a.startpage_menu_bubble {
text-decoration:none;
font-weight:normal;
}

#startpage_menu_arcs {
position:absolute;
top:44px;
left:114px;
width:300px;
height:300px;
background-color:#fff;
border:6px solid;
border-color:#fff;
border-radius:150px;
overflow:hidden;
}

#startpage_menu_pie_1, #startpage_menu_pie_2, #startpage_menu_pie_3, #startpage_menu_pie_4 {
position:absolute;
vertical-align:top;
width:147px;
height:147px;
color:#fff;
text-shadow:1px 1px 0px #0F417D;
font-weight:bold;
font-size:1.1rem;
-ms-transition:color 200ms linear, font-size 200ms linear;
-o-transition:color 200ms linear, font-size 200ms linear;
-webkit-transition:color 200ms linear, font-size 200ms linear;
-moz-transition:color 200ms linear, font-size 200ms linear;
transition:color 200ms linear, font-size 200ms linear;
background:transparent;
background-image:none;
background-color:#4F81BD;
background:-ms-linear-gradient(#4F81BD,#6FA1DD,#2F619D);
background:-o-linear-gradient(#4F81BD,#6FA1DD,#2F619D);
background:-webkit-linear-gradient(#4F81BD,#6FA1DD,#2F619D);
background:-moz-linear-gradient(#4F81BD,#6FA1DD,#2F619D);
background:linear-gradient(#4F81BD,#6FA1DD,#2F619D);
}

#startpage_menu_pie_1 {
top:0px;
left:0px;
text-align:right;
border-top-left-radius:150px;
box-shadow:-2px -2px 2px 0px rgba(0,0,0,0.3) inset;
overflow:hidden;
}
#startpage_menu_pie_content_1 {
margin-right:15px;
margin-top:70px;
}

#startpage_menu_pie_2 {
top:0px;
left:153px;
text-align:left;
border-top-right-radius:150px;
box-shadow:2px -2px 2px 0px rgba(0,0,0,0.3) inset;
overflow:hidden;
}
#startpage_menu_pie_content_2 {
margin-left:20px;
margin-top:70px;
}

#startpage_menu_pie_3 {
top:153px;
left:0px;
text-align:right;
border-bottom-left-radius:150px;
box-shadow:-2px 2px 2px 0px rgba(0,0,0,0.3) inset;
overflow:hidden;
}
#startpage_menu_pie_content_3 {
margin-right:15px;
margin-top:50px;
}

#startpage_menu_pie_4 {
top:153px;
left:153px;
text-align:left;
border-bottom-right-radius:150px;
box-shadow:2px 2px 2px 0px rgba(0,0,0,0.3) inset;
overflow:hidden;
}
#startpage_menu_pie_content_4 {
margin-left:35px;
margin-top:50px;
}

#startpage_menu_pie_1:hover, #startpage_menu_pie_2:hover, #startpage_menu_pie_3:hover, #startpage_menu_pie_4:hover {
color:#fff;
font-size:1.3rem;
}

a.arc_bubble {
text-decoration:none;
font-weight:normal;
}

/* --------------------------------------------------------------------------
   Footer
-------------------------------------------------------------------------- */
#footer {
display:block;
min-width:850px;
margin-top:15px;
padding:5px;
color:#4F81BD;
text-shadow:1px 1px 0px #fff;
}

.footer_content, .footer_copyright {
display:inline-block;
vertical-align:top;
float:left;
}
.footer_content {
float:left;
margin-left:10px;
}
.footer_copyright {
float:right;
font-size:0.8rem;
margin-right:10px;
}

a.footer {
color:#4F81BD;
text-decoration:none;
font-weight:normal;
}
a.footer:hover {
text-decoration:underline;
}

#footer_bg_switch {
display:inline-block;
vertical-align:top;
float:left;
/* margin-left:180px; */
visibility:hidden;
}
div.footer_switch_name {
display:inline-block;
vertical-align:top;
float:left;
margin-right:8px;
}
div.footer_switch_box {
display:inline-block;
vertical-align:top;
float:left;
margin:0px;
padding:2px;
border:1px solid;
border-color:#4F81BD;
border-radius:10px;
cursor:pointer;
}
div.footer_switch_pin_on, div.footer_switch_pin_off, div.footer_switch_empty {
display:inline-block;
vertical-align:top;
float:left;
width:9px;
height:9px;
margin:0px;
padding:2px;
border-color:#4F81BD;
border-radius:50%;
overflow:hidden;
}
div.footer_switch_pin_on {
background-color:#0C0;
background:radial-gradient(#0F0,#0A0);
border:1px solid;
}
div.footer_switch_pin_off {
background-color:#8FC1FD;
background:radial-gradient(#8FC1FD,#4F81BD);
border:1px solid;
}
div.footer_switch_empty {
background-color:transparent;
background:transparent;
border:none;
}

/* --------------------------------------------------------------------------
   Allgemeine Trennlinien
-------------------------------------------------------------------------- */
.trennlinie_5, .trennlinie_5_menu_blue {
display:block;
height:1px;
margin-top:5px;
margin-bottom:5px;
background-color:#4F81BD;
border-bottom:1px solid;
border-color:#4F81BD;
clear:both;
}

/* --------------------------------------------------------------------------
   Überschriften
-------------------------------------------------------------------------- */
h1 {
  margin-top:10px;
  text-align:left;
  font-size:1.3rem;
  font-weight:bold;
  color:#4F81BD;
  text-shadow:1px 1px 0px #fff;
}
h2 {
  margin-top:10px;
  text-align:left;
  font-size:1.2rem;
  font-weight:bold;
  color:#4F81BD;
  text-shadow:1px 1px 0px #fff;
}
h3 {
  margin-top:10px;
  text-align:left;
  font-size:1.1rem;
  font-weight:bold;
  color:#4F81BD;
  text-shadow:1px 1px 0px #fff;
}
h4 {
  margin-bottom:5px;
  text-align:center;
  font-size:1.0rem;
  font-weight:bold;
}

/* --------------------------------------------------------------------------
   Sonstige Formatierungen
-------------------------------------------------------------------------- */
p.content{
  min-width:860px;
  margin-top:10px;
  text-align:justify;
}

p.left_10 {
margin-top:10px;
text-align:left;
}

p.justify {
  text-align:justify;
}

.zitat {
/*
font-size:0.95rem;
text-transform:uppercase;
*/
color:#4F81BD;
}

.img_r, .img_l {
margin-top:10px;
margin-bottom:10px;
border:3px solid;
border-color:#4F81BD;
border-top-color:#4F81BD;
border-left-color:#4F81BD;
border-radius:10px;
}
.img_l {
float:left;
margin-right:10px;
}
.img_r {
float:right;
margin-left:10px;
}

#jana_portrait {
position:absolute;
top:0px;
right:-280px;
width:200px;
height:200px;
background-image:url("../bilder/jana_200x200_2.png");
/*
border-radius:40px;
box-shadow:2px 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.3);
*/
overflow:hidden;
}

span.company_name {
font-weight:bold;
}

.activate_js_message {
display:inline-block;
vertical-align:top;
color:#4F81BD;
font-weight:bold;
margin:10px;
margin-top:20px;
margin-bottom:20px;
padding:10px;
border:3px solid;
border-color:#4F81BD;
border-top-color:#4F81BD;
border-left-color:#4F81BD;
border-radius:5px;
}

/* --------------------------------------------------------------------------
-------------------------------------------------------------------------- */
div.vv_preview_sidebox {
  display : none;
  vertical-align : top;
  float : left;
  width : 160px;
  min-height : 400px;
  background-color : #E8E8E8;
  border-radius : 10px;
  box-shadow : 2px 2px 2px rgba(0,0,0,0.3),-2px 2px 2px rgba(0,0,0,0.3);
}
#vv_inhalt_mitte {
  display : inline-block;
  vertical-align : top;
  float : left;
}

ul {
  margin-top : 10px;
}

li.list_item {
  padding-bottom : 10px;
}

td.td_name {
  text-align : right;
  padding : 5px;
/*  vertical-align : top; */
}

th.th_list {
  text-align : left;
  vertical-align : top;
  font-size : 0.8rem;
  padding : 5px;
  color : #fff;
/*  background : url("../grafik/bg_th_list.png"); */
  background-color : #aaa;
  text-shadow : 1px 1px 0px #888;
}
td.td_list {
  text-align : left;
  vertical-align : top;
  font-size : 0.95rem;
  padding : 5px;
  border-bottom : 1px solid #ccc;
}
td.td_list_row0 {
/*  background : url("../grafik/bg_td_list_row0.png"); */
  text-align : left;
  vertical-align : top;
  font-size : 0.95rem;
  padding : 5px;
  border-bottom : 1px solid #ccc;
}
td.td_list_row1 {
/*  background : #fdd; */
  text-align : left;
  vertical-align : top;
  font-size : 0.95rem;
  padding : 5px;
  border-bottom : 1px solid #ccc;
}

/* --------------------------------------------------------------------------
-------------------------------------------------------------------------- */
span.v_head, span.n_head {
  color : #222;
  font-weight : bold;
}
span.v_head_link, span.n_head_link {
  color : #4F81BD;
  font-weight : bold;
}
span.n_head_link:hover {
  color : #888;
}

/* --------------------------------------------------------------------------
   Ticker
-------------------------------------------------------------------------- */
a.ticker {
  text-decoration:none;
}
#ticker_box {
/*
  position:absolute;
  top:40px;
  right:135px;
*/
  position:relative;
  display:none;
  width:318px;
  height:34px;
  margin:0px;
  margin-top:10px;
  padding:0px;
  background:#3E70AC;
  border-radius:8px;
  border-top:1px solid;
  border-left:1px solid;
  border-right:1px solid;
  border-bottom:1px solid;
  border-top-color:#1E508C;
  border-left-color:#3E70AC;
  border-right-color:#3E70AC;
  border-bottom-color:#5E90CC;
  overflow:hidden;
}
/*
#ticker_box:hover {
  background:#4E80BC;
}
*/
#ticker_content {
  position:absolute;
  top:0px;
  left:0px;
  height:34px;
  margin:0px;
  padding:0px;
}
#ticker_text {
  display:inline-block;
  vertical-align:middle;
  height:34px;
  line-height:34px;
  margin:0px;
  padding:0px;
  font-size:1.1rem;
  font-weight:bold;
  color:#fff;
  white-space:nowrap;
}
#ticker_overlay {
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  width:318px;
  height:34px;
  line-height:34px;
  background:#4E80BC;
  color:#fff;
}
#ticker_box:hover #ticker_overlay {
  display:inline-block;
  vertical-align:top;
}

/* --------------------------------------------------------------------------
   Language Buttons
-------------------------------------------------------------------------- */
#language_buttons_box {
  position:absolute;
  top:-10px;
  right:125px;
  display:inline-block;
  vertical-align:top;
  height:22px;
  padding:10px;
  background:transparent;
  box-shadow:0px 0px 3px 3px rgba(0,0,0,0);
  transition:height 300ms ease, background 300ms ease, boxShadow 300ms ease;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  overflow:hidden;
}
#language_buttons_box:hover {
  height:64px;
  background:#4F81BD;
  box-shadow:0px 0px 3px 3px rgba(0,0,0,0.5);
}

#language_buttons_list, #language_buttons_straight {
  display:inline-block;
  vertical-align:top;
  margin:0px;
  padding:0px;
}

a.language_link, a.language_link_active {
  display:inline-block;
  vertical-align:top;
  margin:0px;
  margin-left:5px;
  margin-right:5px;
  padding:0px;
  color:#fff;
  opacity:0.5;
}
a.language_link_active {
  opacity:1.0;
}
a.language_link:hover {
  opacity:1.0;
}

div.language_name {
  display:inline-block;
  vertical-align:top;
  float:right;
  height:32px;
  line-height:32px;
  margin-right:8px;
  font-size:0.9rem;
}

#flag_en {
  display:inline-block;
  vertical-align:top;
  float:right;
  width:32px;
  height:32px;
/*  background:url("../grafik/flag_en.png"); */
  background:url("../grafik/flag_en_hover.png");
}
/*
#flag_en:hover {
  background:url("../grafik/flag_en_hover.png");
}
*/
#flag_de {
  display:inline-block;
  vertical-align:top;
  float:right;
  width:32px;
  height:32px;
/*  background:url("../grafik/flag_de.png"); */
  background:url("../grafik/flag_de_hover.png");
}
/*
#flag_de:hover {
  background:url("../grafik/flag_de_hover.png");
}
*/
/*
#flag_af {
  display:inline-block;
  vertical-align:top;
  float:right;
  width:32px;
  height:32px;
  background:url("../grafik/flag_af.png");
}
#flag_af:hover {
  background:url("../grafik/flag_af_hover.png");
}
#flag_zh {
  display:inline-block;
  vertical-align:top;
  float:right;
  width:32px;
  height:32px;
  background:url("../grafik/flag_zh.png");
}
#flag_zh:hover {
  background:url("../grafik/flag_zh_hover.png");
}
*/

/* --------------------------------------------------------------------------
   Event List (Veranstaltungsliste)
-------------------------------------------------------------------------- */
.event_box {
display:inline-block;
vertical-align:top;
margin:0px;
margin-top:10px;
padding:20px;
padding-top:0px;
padding-bottom:10px;
background-color:rgba(255,255,255,0.6);
border:1px solid;
border-color:#ddd;
border-radius:10px;
}

div.event_item {
display:inline-block;
vertical-align:top;
margin:0px;
margin-bottom:5px;
padding:0px;
}

div.event_spacer {
display:block;
height:1px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
background-color:#4F81BD;
border-bottom:1px solid;
border-color:#4F81BD;
clear:both;
}

div.event_content {
display:inline-block;
vertical-align:top;
float:left;
width:820px;
margin:0px;
padding:0px;
font-weight:normal;
}

div.event_name, div.event_short_description, div.event_full_description {
display:inline-block;
vertical-align:top;
float:left;
margin:0px;
padding:0px;
}

div.event_name {
margin-top:5px;
font-weight:bold;
font-size:1.0rem;
color:#2F619D;
}

div.event_short_description {
text-align:justify;
margin-top:5px;
font-weight:bold;
font-size:0.9rem;
}

div.event_full_description {
text-align:justify;
margin-top:5px;
font-size:0.9rem;
}

div.event_pic_spacer {
display:inline-block;
vertical-align:top;
float:left;
width:20px;
height:120px;
}

div.event_pic_link_text {
display:inline-block;
float:left;
vertical-align:top;
float:left;
height:120px;
line-height:120px;
margin:0px;
padding:0px;
}

a.event_pic_link {
color:#444;
text-decoration:none;
}

img.event_pic_link_img {
display:inline-block;
width:160px;
height:120px;
margin:0px;
margin-left:10px;
padding:0px;
border:2px solid;
border-top-color:#444;
border-left-color:#888;
border-right-color:#888;
border-bottom-color:#ccc;
border-radius:5px;
box-shadow:none;
overflow:hidden;
}
img.event_pic_link_img:hover {
border-top-color:#888;
border-left-color:#888;
border-right-color:#888;
border-bottom-color:#888;
box-shadow:0px 0px 3px 3px rgba(0,0,0,0.3);
}

div.event_table {
display:table;
vertical-align:top;
float:left;
margin:0px;
padding:0px;
font-weight:normal;
font-size:0.9rem;
}

div.event_table_row {
display:table-row;
}

div.event_fieldname, div.event_field_dot {
display:table-cell;
margin:0px;
padding:0px;
padding-top:5px;
padding-right:5px;
color:#666;
}

div.event_date, div.event_location, div.event_referee,
div.event_price, div.event_requirements, div.event_max_participants {
display:table-cell;
margin:0px;
padding:0px;
padding-top:5px;
padding-right:5px;
color:#000;
}

div.event_file_box {
display:inline-block;
vertical-align:top;
float:right;
width:120px;
margin-top:5px;
text-align:center;
}
div.event_file_name {
font-size:0.7rem;
color:#888;
}
a.event_pdf_button {
position:relative;
display:inline-block;
vertical-align:top;
width:50px;
height:50px;
margin-top:2px;
background:url("../grafik/pdf_icon_50.png");
}
a.event_doc_button {
position:relative;
display:inline-block;
vertical-align:top;
width:50px;
height:50px;
margin-top:2px;
background:url("../grafik/doc_icon_50.png");
}
img.event_pdf_preview, img.event_doc_preview {
position:absolute;
bottom:0px;
right:0px;
width:0px;
height:0px;
border:0px;
box-shadow:none;
transition:width 500ms ease, height 500ms ease, box-shadow 500ms ease;
}
a.event_pdf_button:hover img.event_pdf_preview,
a.event_doc_button:hover img.event_doc_preview {
width:232px;
height:328px;
box-shadow:4px 4px 4px rgba(0,0,0,0.2), -4px 4px 4px rgba(0,0,0,0.2);
}

/* --------------------------------------------------------------------------
   Impressum
-------------------------------------------------------------------------- */
p.imprint, p.imprint_small {
margin-top:10px;
padding-left:5px;
}
p.imprint_small {
font-size:0.8em;
}
table.impress {
margin-top:10px;
}
td.impress {
vertical-align:top;
padding-left:5px;
padding-right:5px;
}