/*#############################################################################
#                                                                             #
#                   MIGANO - CSS3-Definitionen für Webseiten                  #
#                ----------------------------------------------               #
#                     (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.       #
#                                                                             #
#############################################################################*/

#content_menu {
position:relative;
display:inline-block;
vertical-align:top;
width:410px;
height:410px;
margin:200px;
margin-top:20px;
margin-bottom:200px;
background:transparent;
}

#content_menu_background {
position:absolute;
top:0px;
left:0px;
display:inline-block;
vertical-align:top;
width:410px;
height:410px;
background:transparent;
border-radius:40px;
overflow:hidden;
}

#content_menu_item_box_1, #content_menu_item_box_2, #content_menu_item_box_3, #content_menu_item_box_4 {
position:absolute;
width:200px;
height:200px;
background:transparent;
}

#content_menu_item_text_1, #content_menu_item_text_2, #content_menu_item_text_3, #content_menu_item_text_4 {
position:relative;
display:table-cell;
vertical-align:middle;
width:200px;
height:200px;
text-align:center;
color:#fff;
text-shadow:1px 1px 0px #0F417D;
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);
overflow:hidden;
cursor:pointer;
}

#content_menu_text_only_1, #content_menu_text_only_2, #content_menu_text_only_3, #content_menu_text_only_4 {
display:inline-block;
padding:10px;
font-weight:bold;
border-radius:5px;
}
.content_menu_item_text_dark {
background:transparent;
background-image:url("../grafik/cm_text_bg.png");
box-shadow:2px 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.3);
}
.content_menu_item_text_trans {
background:transparent;
background-image:none;
box-shadow:none;
}

#content_menu_item_popup_box_1, #content_menu_item_popup_box_2, #content_menu_item_popup_box_3, #content_menu_item_popup_box_4 {
position:absolute;
width:405px;
height:430px;
overflow:hidden;
}

#content_menu_item_popup_content_1, #content_menu_item_popup_content_2, #content_menu_item_popup_content_3, #content_menu_item_popup_content_4,
#content_menu_item_popup_content_1_full, #content_menu_item_popup_content_2_full, #content_menu_item_popup_content_3_full, #content_menu_item_popup_content_4_full {
position:absolute;
width:360px;
height:160px;
padding:20px;
color:#fff;
text-shadow:1px 1px 0px #3F71AD;
font-size:0.95em;
background:transparent;
background-image:none;
background-color:#6FA1DD;
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);
overflow:hidden;
}

#content_menu_item_popup_content_1, #content_menu_item_popup_content_2,
#content_menu_item_popup_content_1_full, #content_menu_item_popup_content_2_full {
z-index:2;
}
#content_menu_item_popup_content_3, #content_menu_item_popup_content_4,
#content_menu_item_popup_content_3_full, #content_menu_item_popup_content_4_full {
z-index:200;
}

#content_menu_item_popup_content_1_full_slider, #content_menu_item_popup_content_2_full_slider,
#content_menu_item_popup_content_3_full_slider, #content_menu_item_popup_content_4_full_slider {
position:absolute;
top:-410px;
left:0px;
width:360px;
height:370px;
padding:20px;
color:#fff;
text-shadow:1px 1px 0px #3F71AD;
background:transparent;
background-image:none;
background-color:#6FA1DD;
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);
border-radius:40px;
}
.content_menu_item_popup_content_slider {
top:-410px;
-ms-transition:top 600ms ease;
-o-transition:top 600ms ease;
-webkit-transition:top 600ms ease;
-moz-transition:top 600ms ease;
transition:top 600ms ease;
}

div.content_menu_item_popup_headline {
display:inline-block;
vertical-align:top;
width:100%;
margin-top:0px;
font-weight:bold;
text-align:center;
color:#2F619D;
text-shadow:1px 1px 0px #C2D1EB;
}
div.content_menu_item_popup_text {
display:inline-block;
vertical-align:top;
width:100%;
margin-top:10px;
text-align:justify;
}

#content_menu_item_box_1 {
top:0px;
left:0px;
}
#content_menu_item_text_1 {
/*
border-top-left-radius:40px;
border-bottom-left-radius:40px;
box-shadow:0px -2px 2px 0px rgba(0,0,0,0.3) inset;
*/
border-radius:40px;
}
#content_menu_item_popup_box_1 {
top:0px;
left:-205px;
}
#content_menu_item_popup_content_1, #content_menu_item_popup_content_1_full {
top:0px;
left:410px;
/*
border-top-left-radius:10px;
border-bottom-left-radius:10px;
*/
border-radius:40px;
-ms-transition:left 500ms ease, height 500ms ease;
-o-transition:left 500ms ease, height 500ms ease;
-webkit-transition:left 500ms ease, height 500ms ease;
-moz-transition:left 500ms ease, height 500ms ease;
transition:left 500ms ease, height 500ms ease;
box-shadow:-2px 2px 2px rgba(0,0,0,0.4);
}
#content_menu_item_popup_content_1_full {
/*
border-bottom-right-radius:10px;
*/
border-radius:40px;
}
#content_menu_item_box_1:hover #content_menu_item_popup_content_1, #content_menu_item_box_1:hover #content_menu_item_popup_content_1_full {
left:5px;
}
#content_menu_item_box_1:hover #content_menu_item_popup_content_1_full {
height:370px;
}

#content_menu_item_box_2 {
top:0px;
left:210px;
}
#content_menu_item_text_2 {
/*
border-top-right-radius:40px;
border-bottom-right-radius:40px;
box-shadow:0px -2px 2px 0px rgba(0,0,0,0.3) inset;
*/
border-radius:40px;
}
#content_menu_item_popup_box_2 {
top:0px;
left:0px;
}
#content_menu_item_popup_content_2, #content_menu_item_popup_content_2_full {
top:0px;
left:-405px;
/*
border-top-right-radius:10px;
border-bottom-right-radius:10px;
*/
border-radius:40px;
-ms-transition:left 500ms ease, height 500ms ease;
-o-transition:left 500ms ease, height 500ms ease;
-webkit-transition:left 500ms ease, height 500ms ease;
-moz-transition:left 500ms ease, height 500ms ease;
transition:left 500ms ease, height 500ms ease;
box-shadow:2px 2px 2px rgba(0,0,0,0.4);
}
#content_menu_item_popup_content_2_full {
/*
border-bottom-left-radius:10px;
*/
border-radius:40px;
}
#content_menu_item_box_2:hover #content_menu_item_popup_content_2, #content_menu_item_box_2:hover #content_menu_item_popup_content_2_full {
left:0px;
}
#content_menu_item_box_2:hover #content_menu_item_popup_content_2_full {
height:370px;
}

#content_menu_item_box_3 {
top:210px;
left:105px;
}
#content_menu_item_text_3 {
/*
border-bottom-left-radius:40px;
border-bottom-right-radius:40px;
box-shadow:-2px 2px 2px 0px rgba(0,0,0,0.3) inset;
*/
border-radius:40px;
}
#content_menu_item_popup_box_3 {
top:0px;
left:-110px;
width:420px;
}
#content_menu_item_popup_content_3, #content_menu_item_popup_content_3_full {
left:10px;
/*
border-top-left-radius:10px;
border-bottom-left-radius:10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
*/
border-radius:40px;
-ms-transition:left 500ms ease, top 500ms ease, height 500ms ease;
-o-transition:left 500ms ease, top 500ms ease, height 500ms ease;
-webkit-transition:left 500ms ease, top 500ms ease, height 500ms ease;
-moz-transition:left 500ms ease, top 500ms ease, height 500ms ease;
transition:left 500ms ease, top 500ms ease, height 500ms ease;
box-shadow:2px 2px 2px rgba(0,0,0,0.4), -2px 2px 2px rgba(0,0,0,0.4);
}

#content_menu_item_popup_content_3 {
top:-210px;
}
#content_menu_item_popup_content_3_full {
top:-370px;
}

#content_menu_item_box_3:hover #content_menu_item_popup_content_3, #content_menu_item_box_3:hover #content_menu_item_popup_content_3_full {
top:0px;
left:10px;
}
#content_menu_item_box_3:hover #content_menu_item_popup_content_3_full {
height:370px;
/*
border-bottom-right-radius:10px;
*/
border-radius:40px;
}

#content_menu_item_box_4 {
display:none;
top:210px;
left:210px;
}
#content_menu_item_text_4 {
/*
border-bottom-right-radius:40px;
box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3) inset;
*/
border-radius:40px;
}
#content_menu_item_popup_box_4 {
top:0px;
left:0px;
}
#content_menu_item_popup_content_4, #content_menu_item_popup_content_4_full {
top:0px;
left:-400px;
/*
border-top-right-radius:10px;
border-bottom-right-radius:10px;
*/
border-radius:40px;
-ms-transition:left 500ms ease, height 500ms ease;
-o-transition:left 500ms ease, height 500ms ease;
-webkit-transition:left 500ms ease, height 500ms ease;
-moz-transition:left 500ms ease, height 500ms ease;
transition:left 500ms ease, height 500ms ease;
box-shadow:2px 2px 2px rgba(0,0,0,0.4);
}
#content_menu_item_popup_content_4_full {
/*
border-bottom-left-radius:10px;
*/
border-radius:40px;
}
#content_menu_item_box_4:hover #content_menu_item_popup_content_4, #content_menu_item_box_4:hover #content_menu_item_popup_content_4_full {
left:0px;
}
#content_menu_item_box_4:hover #content_menu_item_popup_content_4_full {
height:370px;
}

#content_menu_cross_spacer_h, #content_menu_cross_spacer_v {
position:absolute;
display:inline-block;
vertical-align:top;
background-color:#fff;
}
#content_menu_cross_spacer_v {
display:none;
top:200px;
left:105px;
width:200px;
height:10px;
}
#content_menu_cross_spacer_h {
display:none;
top:0px;
left:200px;
width:10px;
height:210px;
}

#content_menu_touch_info {
position:absolute;
bottom:-30px;
left:0px;
display:inline-block;
vertical-align:top;
width:410px;
height:20px;
color:#4F81BD;
font-size:0.9rem;
text-align:center;
}
#content_menu_touch_info:after {
content:"Bitte ber\0000FChren, um weitere Informationen zu erhalten";
}

.cform_popup_noscript_message {
margin-top:15px;
padding:5px;
padding-left:8px;
padding-right:8px;
color:#ff8;
font-size:0.9em;
border:1px solid;
border-color:#ccc;
border-radius:4px;
}