/*
Theme Name: yoga
Description: Template zum Yogagarten
Author: Guido Grossmann
Author URI: http://www.clickagain.de
*/

/** BODY **/
html, body { height:100%; }
body { max-width:100%; margin:0px auto; font-family: 'Source Sans Pro', sans-serif; color:#8e8e8e; background:#C59DA8; }
.strt1 { background: url(../../../images/yoga_bg.jpg) no-repeat center center; width:100%; height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/** HEADER **/
.head_txt { display:inline-block; color:#86737F; vertical-align:middle; font-size:24px; font-weight:600;  letter-spacing:0.1em }
.h_txt1-strt { width:100%; margin:0px auto; text-align:center; padding-top:30px }
.h_txt2-strt { display:inline-block; margin:0 10px; vertical-align:middle; }

.h_txt1-all { display:block; text-align:center;padding-bottom:5px; font-size:18px; }
.h_txt2-all { display:block; text-align:center; font-size:18px; }

#logout { float:left; box-sizing:border-box; width:10%; padding-right:20px; padding-top:40px; }
#logo { float:left; text-align:left; padding-top:10px; padding-left:3%; padding-right:6%; box-sizing:border-box; width:25%; }
#head_main { background:#EFE0E3; height:120px;  }
#nav_frm { float:left; text-align:left; padding-right:5%; box-sizing:border-box; width:65%; }

/** MAIN NAVIGATION **/

#menu-top-menu, .sub-menu, #menu-top-menu .sub-menu li { margin:0px; padding:0px; }
#menu-top-menu li {float:left; display:inline; list-style:none; padding:90px 22px 10px 22px; position:relative; }

#menu-top-menu li .sub-menu {left:0px; top:100%; width:200px; }
#menu-top-menu li .sub-menu .sub-menu {display:none; left:100%; top:-2%; width:200px; }

li, li a {color:#000; text-decoration:none;}
#menu-top-menu .sub-menu li { width:100%; text-indent:10px; line-height:30px; margin-right:10px; border-top:1px #9E707D solid; border-bottom:1px #9E707D solid; border-left:none; border-right:none; background:#fff;}
#menu-top-menu li a {display:block; width:inherit; height:inherit;}

.sub-menu { display:none; }
#menu-top-menu li:hover > a, #menu-top-menu li:hover { color:#fff; background:#9E707D; }
li:hover > .sub-menu { display:block; position:absolute; top:-2px; left:100%; z-index:1000; border:1px #9E707D solid; }
#menu-top-menu li .sub-menu li:hover > .sub-menu { display:block; position:absolute; top:-2px; left:100%; z-index:1000; border:1px #9E707D solid; } 

#menu-top-menu li.current_page_item a { background:#9E707D; color:#fff; padding:90px 22px 10px 22px; display:inline; }
#menu-top-menu li.current-page-ancestor a { background:#9E707D; color:#fff; padding:90px 22px 10px 22px; display:inline; }

#menu-top-menu li.current-page-ancestor:hover > .sub-menu li a { left:100%; padding:0px; color:#363636; background:#fff; display:block; }
#menu-top-menu li.current-page-ancestor .sub-menu li:hover > .sub-menu {display:block;  position:absolute; top:-2px; left:100%; z-index:1000; border:1px #9E707D solid; } 
#menu-top-menu li.current-page-ancestor .sub-menu li a:hover { color:#fff; background:#9E707D; display:block; }

#menu-top-menu .sub-menu li.current_page_item a { background:#9E707D; color:#fff; display:block; padding:0px; }
#menu-top-menu li.current_page_item .sub-menu li a { background:#9E707D; color:#fff; display:block; padding:0px; }
#menu-top-menu li.current_page_item .sub-menu li a { background:#fff; color:#363636;  }

#menu-top-menu li.current_page_item .sub-menu li a:hover { color:#fff; background:#9E707D; }

/** SUB NAVIGATION **/
#menu { display:block; position:absolute; float: left; top:100px; left:0; z-index:2; width: 200px; background: #9E707D; text-align:left; }

#menu ul { width: 200px; list-style-type: none; margin:0px; padding:0px; padding-left:10px; }
#menu li { position: relative; display:block; color:#fff; line-height:40px; cursor:pointer; border-top:1px #fff solid; border-right:30px #9E707D solid; width:170px; }
#menu ul ul { position: absolute; background:#005683; text-align:left; top: -1px; left: 200px; display: none;}
#menu ul ul li{ border-right:0px #9E707D solid; }

#menu ul li:hover ul { display: block;}

#menu ul li:first-child { border-top:1px #9E707D solid; }

#menu ul ul li:first-child { border-top:1px #005683 solid; }
#menu li a { display:block; width:200px; height:inherit; color:#fff; }
#sub_navi_p, #sub_navi_m  { display:none; cursor:pointer; position:absolute; top:140px; width:30px; background:#000; color:#fff; left:0px; }

#menu ul li a:hover { color:#002A3E; }


/** MAIN FRAME **/
#m_frm { background:#C59DA8; padding:30px 0; }
#m_frm_w { width:92%; padding:20px 40px; margin:0px 4%; background:#fff; height:100%; box-sizing:border-box; }

/** STARTSEITE **/
.strt_log { max-width:400px; background:#B38F99; height:400px; margin:0px auto; text-align:center; padding:20px; }

/** FOOTER **/

/** BILDER **/
img { max-width:100%; height:auto; }
.alignleft { float:left; margin-right:10px; margin-top:7px; max-width:350px; }
.alignright { float:right; margin-left:10px; margin-top:7px; max-width:350px; }
.alignleft .wp-caption-text { font-size:11px; text-align:center; background:#f7f7f7; margin-top:0px; margin-right:10px; }
.alignright .wp-caption-text { font-size:11px; text-align:center; background:#f7f7f7; margin-top:0px;  margin-right:10px; }

/** ÜBERSCHRIFTEN **/
h1 { font-size:32px; color:#6C4651; font-weight:400; }

/** MARGINS **/
.pl_10 { padding-left:10px; }
.pl_30 { padding-left:30px; }
.p_20 {padding:10px; }
.pb_30 { padding-bottom:30px; }
.pt_10 { padding-top:10px; }
.pt_30 { padding-top:30px; }

/** LINKS **/
a { text-decoration:none; }

/** FORMULARE **/
input[type="text"], input[type="password"] { height: 30px; width:360px; border: none; padding: 0 10px; font-size: 14px; background: #f0f0f0; margin-bottom:10px; }
input[type="button"] { color: #fff; background: #6E4853; height: 40px; border: none; padding: 0px 20px; font-size: 15px; cursor:pointer; margin-bottom:10px; }
.ip_small { width:55px!important; }
.ip_vsmall { width:25px!important; }
.ip_mittel { width:155px!important; }
.ip_long { width:300px!important; }
.ip_vlong { width:500px!important; }
select {  margin-bottom:10px; height:30px; font-size:14px; } 
.mfa { margin-bottom:0px; height:auto; }
.label_white { color:#fff; font-size:20px; padding:10px 0; }
.label {font-size: 16px; line-height: 28px; }

.small_btn { height:20px!important; padding:0px 10px!important; font-size:13px!important; }
.input1 { height: 30px; border: none; padding: 0 10px; font-size: 18px; }
textarea { border:none; background:#f0f0f0; padding:10px; }

#message_red, #message_red_zimmer { display:none; color:#CD1316; }
#message1_red { display:none; color:#CD1316; }
#message_red1 { color:#CD1316; }
#message_green { color:#09AA05; }
#message_green1 { color:#09AA05; }
#zehneranzahl { display:none; }
.mess_red { color:#CD1316; }
.mess_green { color:#09AA05; }
.mess_dgreen { color:#164307; }

/*** FILEUPLOAD ***/
.fileUpload { position: relative; overflow: hidden; padding-top: 10px; padding-left: 10px; height: 35px; background: #f0f0f0; font-weight: bold; font-size: 15px; color: #656565; text-align: left; cursor: pointer; display: inline-block; width: 355px; }
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; color: #000; }
.h_frm { display: none; background: #f0f0f0; border: 0; }
.h_anlage { border: 0; background: #f0f0f0; height: 30px; width: 490px; color: #656565; font-weight: bold; font-size: 15px;font-family: 'Open Sans', sans-serif; }
.h_x { cursor: pointer; display: inline-block; background: #656565; width: 25px; color: #fff; padding-bottom: 3px; text-align: center; }

/** ALLGEMEIN **/
.abs_30 { height:30px; }
.abs_20 { height:20px; }
.abs_10 { height:10px; }
.c_w { color:#fff; }
.fl { float:left; }
.cl_b { clear:both; }
.tac { text-align:center; }
.mw_600 { max-width:600px; }

/** TABLE **/
.awl_print td { height:50px; }

/** AJAX **/
#show_date { display:none; }
#button_kurs { display:none; }

/** RESPONSIVE **/