/*
Theme Name: MMGH
Theme URI: https://mmgh.de
Author: Korbinian Moser
Author URI: http://KorbinianMoser.com
*/


body, html { margin:0; padding:0; color:#333; overflow:hidden; background:#fff; }
body, p, td, input, textarea, select { font:15px/20px Corbel, "Helvetica Neue", Helvetica, Arial, sans-serif; }
img { border:none; }
ul { padding-left:17px; }
h1 { position:relative; font-size:32px; line-height:40px; font-weight:normal; margin:10px 0; color:#999; }
h2, h3 { position:relative; font-size:18px; font-weight:bold; margin:10px 0; }
h4, h5, h6 { font-size:15px; font-weight:bold; margin:10px 0; }
p, ul, table { margin:10px 0; }
blockquote { margin:0; padding:0 0 0 17px; font-style:italic; }
a { color:#333; }
a:hover { color:#006FAD; }

.alignleft { float:left; }
.alignright { float:right; margin:0 0 10px 20px; }
.clear { clear:both; }

#viewport { position:absolute; left:0; top:0; width:100%; height:100%; overflow:auto; }

#centerbox { position:relative; width:900px; margin:0 auto 200px auto; }
#leftcol { position:relative; width:180px; float:left; }
#rightcol { position:relative; width:720px; float:right; }


#logo { margin:0 0 50px 0; padding:6px 6px 27px 33px; background:url(style/line.png) 0px 150px no-repeat; }


#header { position:relative; height:220px; background:url(style/line.png) -180px 150px no-repeat; }
#header a { text-decoration:none; color:#999; }
#header h2 { position:absolute; left:13px; top:30px; width:350px; margin:0; padding:25px 0 0 0; font:normal 28px/32px kids, sans-serif; }
#header h2 .ks2020 { position:absolute; right:0; top:0; text-align:right; color:#999; font:normal 20px/30px pencilcase, sans-serif; }
#header p { position:absolute; left:520px; top:28px; margin:0; padding:0; }
#header p .tel { display:block; padding-top:3px; }

#footer { position:absolute; left:0; bottom:0; width:100%; height:40px; padding:40px 0 0 0; overflow:hidden; z-index:20; font:normal 36px/36px pencilcase, sans-serif; white-space:nowrap; }
#footer span { padding-bottom:3000px; }


#leftcol .menu { list-style:none; margin:0 0 0 50px; padding:0 0 30px 0; white-space:nowrap; }
#leftcol .menu a { color:#999; text-decoration:none; }
#leftcol .menu a:hover { color:#fff; }
#leftcol .menu li.current-menu-item > a,
#leftcol .menu li ul li.current-menu-ancestor > a { font-weight:bold; color:#fff; background:#f00; opacity:1; box-shadow:1px 2px 3px rgba(0,0,0,0.3); }
#leftcol .menu li { position:relative; margin:0 0 20px 0; padding:0; text-transform:uppercase; }
#leftcol .menu li:hover { z-index:7; }
#leftcol .menu li.current-menu-item,
#leftcol .menu li ul li.current-menu-ancestor { z-index:8; }
#leftcol .menu li ul { display:none; }
#leftcol .menu li.current-menu-ancestor ul,
#leftcol .menu li.current-menu-item ul { display:block; list-style:none; margin:3px 0 15px 15px; padding:0; }
#leftcol .menu li.current-menu-item ul { padding:5px 0 0 0; }
#leftcol .menu li ul li { margin:0 0 2px 0; text-transform:none; }
#leftcol .menu li ul li.current-menu-item,
#leftcol .menu li ul li.current-menu-ancestor { padding:5px 0; }
#leftcol .menu li.current-menu-ancestor ul li ul,
#leftcol .menu li.current-menu-item ul li ul { display:none; }

#searchform { position:relative; margin:0 0 0 43px; padding:0 0 100px 0; }
#searchform input { width:100px; border:solid 1px #ddd; background:#fafafa; padding:3px 6px; }
#searchform button { position:absolute; left:88px; top:2px; width:25px; height:25px; background:url("style/icon_search.png") 2px 2px no-repeat; border:none; opacity:0.2; cursor:pointer; }
#searchform button:hover { opacity:0.4; }
#searchform label,
#searchform #searchsubmit { display:none; }


#cnt { margin-top: -13px; padding:0 50px 0 15px; }
#cnt .post { clear:both; margin:0 0 40px 0; }
#cnt .page .post { margin-bottom:25px; }
#cnt .text,
#cnt .shorttext { width:490px; }
#cnt .imgbox { float:right; width:155px; margin:0 0 0 10px; }
#cnt .imgbox img { width:33px; height:33px; margin:0 0 0 5px; border-radius:5px; box-shadow:1px 2px 3px rgba(0,0,0,0.3); }
#cnt .imgbox img.first { width:147px; height:147px; margin-bottom:5px; }
#cnt .post.minimized .imgbox img { display:none; }
#cnt .post.minimized .imgbox img.first { display:inline; }
#cnt .meta,
#cnt .meta a { color:#aaa; }
#cnt .meta a.minimize { margin-left:30px; }
#cnt h3 a { text-decoration:none; color:#333; }

.page.multiple-posts .post:hover,
.cat .post:hover{ background:rgba(0,0,0,0.01); }

#cnt .format-status,
.cat .format-status:hover { background:transparent; margin:100px 0 39px 0; }
#cnt .format-status .text { width:auto; }
#cnt .format-status h3 > a { font-size:28px; line-height:40px; font-weight:normal; margin:10px 0; color:#aaa; cursor:text; }

table, td { border-collapse:collapse; border:solid 1px #ccc; }
td { padding: 3px 10px; }

select.schuljahre { font-size:15px; font-weight:normal; text-decoration:none; color:#333; text-align:right; position:absolute; right:5px; top:12px; margin:0; padding:0 5px 0 0; border:none; background:transparent; opacity:0.5; }
h3 .schuljahre { top:10px; }
.schuljahre option { padding:3px 10px; background:#fff; }
.schuljahre option:nth-child(2n) { background:#f6f6f6; }
.schuljahre option:nth-child(1) { display:none; }


.Mailer { position:relative; }
.Mailer input[type=text], .Mailer textarea, .Mailer select { display:block; width:400px; margin:0 0 5px 0; }
.Mailer select { width:406px; }
.Mailer textarea { resize:vertical; height:100px; }
.Mailer input[type=checkbox] { margin:0 7px 0 0; }
.Mailer .btnBox { display:block; margin:14px 0; }
.Mailer .btn { text-decoration: none; background:#ccc; padding:3px 10px; }
.Mailer .ldr { position:absolute; left:-10px; top:-10px; width:100%; height:100%; padding:10px; background:url(style/_bg_working.png) 0 0 repeat; -webkit-transition:background-position 60s linear; -moz-transition:background-position 60s linear; -o-transition:background-position 60s linear; transition:background-position 60s linear; z-index:99; }
.Mailer .ldr.loading { background-position:800px 0; }

/*

#footer { position:absolute; left:50%; bottom:0; z-index:30; }
#footer #gras { position:absolute; left:-470px; bottom:0; }
#footer #ben { position:absolute; left:233px; bottom:0; }

#viewport { position:absolute; left:0; top:0; width:100%; height:100%; overflow:auto; }

#header { position:relative; padding:30px 0 30px 0; z-index:20; }
#header h2 { position:relative; margin:0; padding:0; border:none;  }
#header a { text-decoration:none; }
#header .homeLink { position:absolute; left:200px; top:35px; width:440px; height:75px; }
#header .btns { position:absolute; left:648px; top:50px; width:70px; text-align:center;  }
#header .sound { display:none; padding:12px; background: url(style/sound_on.gif) 0px 10px no-repeat; }
#header .sound.off { background:url(style/sound_off.png) 0px 11px no-repeat; }
#header .cartToggle { padding:12px 10px; background:url(style/cart.png) 2px 10px no-repeat; }
#header .menu-hauptnavigation-container { position:absolute; left:2; top:0; width:100%; z-index:21; }

#header .menu { position:absolute; left:245px; top:113px; margin:0; padding:0; list-style:none; font:20px/26px 'pencilcase', sans-serif; z-index:21; }
#header .menu a { color:#000; padding:11px; }
#header .menu a:hover,
#header .menu .current_page_ancestor > a,
#header .menu .current_page_item > a { background:url(style/highlight.png) center repeat-x; }
#header .menu > li { position:relative; float:left; margin:0; padding:0; }
#header .menu li ul { display:none; position:absolute; left:-20px; top:35px; list-style:none; margin:0; padding:0 20px; }
#header .menu li ul li { white-space:nowrap; margin:0; padding:10px 0; }
#header .menu li:hover ul { display:block; background:#fff; }

#header .menuJS { position:absolute; left:245px; top:113px; margin:0; padding:0; list-style:none; font:20px/26px 'pencilcase', sans-serif; z-index:21; }
#header .menuJS a { text-decoration:none; color:#000; padding:11px; }
#header .menuJS a:hover,
#header .menuJS .marker > a,
#header .menuJS .current_page_item > a { background:url(style/highlight.png) center repeat-x; }
#header .menuJS .expanded > a,
#header .menuJS .expanded > a:hover { background:none; }
#header .menuJS > li { position:relative; float:left; margin:0; padding:0; }
#header .menuJS li ul { position:absolute; left:-20px; top:35px; list-style:none; margin:0; padding:0 20px; }
#header .menuJS li ul li { white-space:nowrap; margin:0; padding:10px 0; }

#header #navbg { visibility:hidden; position:absolute; left:0; top:0; width:100%; height:900px; background:url(style/nav_bg_gradient.png) bottom repeat-x; }


#cnt { padding:0 180px 150px 170px; z-index:10; }


.EasyCartPrice { margin:0 0 50px 0; padding:0 0 30px 0; }
.EasyCartPrice .price,
.EasyCartPrice .normalprice,
.EasyCartPrice .specialprice { display:block; position:relative; width:78px; height:32px; margin:0 0 20px 10px; padding:12px 6px 0 0; background:url(style/price.png) center no-repeat; white-space:nowrap; text-align:center; font-weight:bold; font-size:14px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); }
.EasyCartPrice .normalprice { text-decoration:line-through; }
.EasyCartPrice .specialprice { margin:-41px 0 18px 37px; background-image:url(styleprice_discount.png); color:#fff; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg); }
.EasyCartPrice .price .label,
.EasyCartPrice .normalprice .label,
.EasyCartPrice .specialprice .label { display:none; }
.EasyCartPrice .postage { display:block; }
.EasyCartPrice .stock { display:block; }
.EasyCartPrice .ready { display:block; margin:0 0 20px 0; }

.EasyCartPrice .btnWrapper { }
.EasyCartPrice .btnWrapper .EasyCartAddToCart,
.EasyCartPrice .btnWrapper .EasyCartAddToList { background:#666; color:#fff; padding:6px 10px 1px 10px; border-radius:5px; text-decoration:none; opacity:0.8; box-shadow:2px 2px 5px rgba(0,0,0,0.3); }
.EasyCartPrice .btnWrapper .EasyCartAddToCart:hover,
.EasyCartPrice .btnWrapper .EasyCartAddToList:hover { opacity:1; }
.EasyCartPrice .btnWrapper .icon { display:none; }

*/





@font-face {
    font-family: 'pencilcase';
    src: url('style/webfonts/pencilcase-webfont.eot');
    src: url('style/webfonts/pencilcase-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('style/webfonts/pencilcase-webfont.woff') format('woff'),
         url('style/webfonts/pencilcase-webfont.ttf') format('truetype'),
         url('style/webfonts/pencilcase-webfont.svg#pencilcase') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kids';
    src: url('style/webfonts/kidsn-webfont.eot');
    src: url('style/webfonts/kidsn-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('style/webfonts/kidsn-webfont.woff') format('woff'),
         url('style/webfonts/kidsn-webfont.ttf') format('truetype'),
         url('style/webfonts/kidsn-webfont.svg#kids') format('svg');
    font-weight: normal;
    font-style: normal;
}