html { height:100%; width:100%; padding:0; margin:0;}
/* ****************************************************************************************** */
/* © 2011 MyArtside - Layout */
/* ****************************************************************************************** */
@font-face {
font-family: Oxygen;
src: url("project/fonts/Oxygen-Regular.eot"),
url("project/fonts/Oxygen-Regular.ttf")
}
@font-face {
font-family: Great Vibes;
src: url("project/fonts/GreatVibes-Regular.eot"),
url("project/fonts/GreatVibes-Regular.ttf")
}
body.frontend { background:#ffffff; }
.bg {background:url(project/images/layout/bg.jpg) center -290px no-repeat; position:fixed; width:100%; height:100%; z-index:-1;}
@media(max-width:1030px){
img { width: auto; max-width: 100%; }
}
body.frontend { position:relative; width:100%; height:100%;
padding:0; margin:0; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:16px; overflow-x: clip; }
.box-middle .ctab {
display: flex; gap:1rem; flex-wrap: wrap;
justify-content: center; text-align: center;
}
.content .ctab {
display: flex; gap:2rem; flex-wrap: wrap;
}
.mypage{
text-align: left; margin:0 auto; max-width:960px;
padding:0 2rem;
}
.mypage-header{
text-align: center; padding-bottom: 30vh; padding-top:100px;
}
.box-middle{
position: relative;
}
.box-middle > * { position: relative; z-index: 100; }
.box-middle:before{ content:""; position:absolute; top:50%; bottom:0; width:100vw; left:50%; transform: translate(-50%,0); background:rgba(255,255,255,0.8); z-index: 0; }
@media(max-width:1030px){
.box-middle:before { top:10%; }
}
.center, .text-center,
.center p, .text-center p { text-align:center !important; }
.bg-ctn{
position:relative;
padding:3rem 0;
}
.bg-ctn > * { position: relative; z-index: 100; }
.bg-ctn:before{ content:""; position:absolute; top:0; bottom:0; width:100vw; left:50%; transform: translate(-50%,0); background:rgba(255,255,255,0.8); z-index: 0; }
.mypage {
color:#333333;
}
.mypage a { color:#333333; }
.mypage a:hover { color:#000; }
/*
.mypage { position:relative; display:block; min-height:100%; margin:0 auto -280px auto !important; width:100%; text-align:left; }
.mypage-center { width:960px; margin: 0 auto; position: relative; overflow:hidden; }
.mypage-footer { position:relative; width:100%; height:280px; min-width:960px; margin:0 auto -280px auto; bottom:0;}
.mypage-footerspace { position:relative; clear:both; width:100%; height:280px; }
.content { position:relative; z-index: 100; text-align:left; color:#333333; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:16px; line-height:120%; }
.content-pos { position:relative; float:right; margin:0; }
.bg-ctn {background:url(project/images/layout/footer-bg.png) center -20px repeat-y; height:100%;}
.box-middle {position:relative; width:960px; margin:0 auto; top:80px;}
.mypage-header { position:relative; height:480px;}
a#logo { position:absolute; left:50%; top:95px; z-index:1000; margin-left:-255px;}
.footer-style { text-align:left; height:100%; color:#333333; }
.footer-style a { color:#333333 }
.footer-style a:hover,
.footer-style a.active { color:#000000; }
.footer-line { position:relative; margin:20px 0 0 0; line-height:120%; }
.footer-line p { display:inline-block; margin:0 0 0 80px; }
ul.fnav { position:absolute; padding:0; right:0; margin:0; list-style:none;}
ul.fnav li { float:left; padding:0 5px; margin:0; border-left:1px solid #ccc; }
ul.fnav li.start { border-left:none; }
.webcopy { position:absolute; right:0; top:20px; }
.justprint { display:none !important; }
.space { position:relative; width:100%; height:20px; overflow:hidden; clear:both; }
.vspace { position:relative; float:left; display:block; width:20px; overflow:hidden; height:1px; }
.offset { margin-right:20px;}
.content-size { width:960px; }
body.newscontent { width:960px; }
.cowidth { width:1000px; }
.full .col_1 { width:998px }
.full .col_2 { width:489px }
.full .col_3 { width:319px }
.full .col_4 { width:234px }
.full .col_5 { width:183px }
.full .col_6 { width:149px }
.full .col_7 { width:125px }
.full .content-size { width:998px }
.full .col_3-2 { width:658px }
.full .col_4-3 { width:742px }
.full .cowidth { width:1038px }
.ui-dialog { z-index:999999999 !important; }
.ui-datepicker { font-size:16px }
.alignright { float: right; margin:0; margin-left:20px;}
.alignleft { float: left; margin:0; margin-right:20px;}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}
.alignleft span.pic-txt { position:relative; float:left; display:block; clear:both;}
.alignleft .alignleft { margin:0; padding:0;}
.revert-pic-left { float:right; }
.revert-pic-right { float:left; }
.pic-left { float:left; overflow:hidden; margin-right:10px; }
.pic-right { float:right; overflow:hidden; margin-left:10px; }
.content h1, .content .hl1, .hl1 { position:relative; padding:0; margin:0 0 10px 0; font-size:18px; color:#333333; font-weight:bold; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; }
.content h2, .content .hl2, .hl2 { position:relative; padding:0; margin:10px 0; font-size:16px; color:#333333; font-weight:bold; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; }
.content h3, .content .hl3, .hl3 { position:relative; padding:0; margin:0 0 10px 0; font-size:14px; color:#333333; font-weight:bold; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif }
.content h4, .content .hl4, .hl4 { position:relative; padding:0; margin:0 0 10px 0; font-size:14px; color:#333333; font-weight:bold; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif }
.content h5, .content .hl5, .hl5 { position:relative; padding:0; margin:0; font-size:14px; color:#333333; font-weight:normal; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif }
.content h6, .content .hl6, .hl6 { position:relative; padding:0; margin:0; font-size:14px; color:#333333; font-weight:normal; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif }
hr, .hr { position:relative; margin:15px 0; height:1px; background:#ccc; line-height:0; overflow:hidden; display:block; border:none; }
a { text-decoration:none; color:#333333; cursor:pointer; }
a:hover { color:#333333; text-decoration:none;}
.content a { color:#333333; }
.content a:hover { color:#000000; }
.pdf { background-image:url('../../project/images/icons/pdf.gif'); background-repeat:no-repeat; display:inline-block; padding-left:25px; margin:5px 0; line-height:20px; }
.doc { background-image:url('../../project/images/icons/doc.gif'); background-repeat:no-repeat; display:inline-block; padding-left:25px; }
.xls { background-image:url('../../project/images/icons/xls.gif'); background-repeat:no-repeat; display:inline-block; padding-left:25px; }
ul li,
ol li { text-align:left; }
.content ul { margin:0 0 20px 0; padding:0; list-style:none; }
.content ol { margin:0 0 20px 10px; padding:0 0 0 15px; }
.content ul li, .li { padding:0 0 0 15px; margin-bottom:0; background:url(../../project/images/li.png) no-repeat 0 1px; }
.frontend ul li { font-size:16px; }
.frontend ol li { font-size:16px; }
.box { background-color:#ddd; padding:20px; border:1px solid #ccc; }
.frontend address { margin:0 0 13px 0; font-size:16px; }
.content address { font-style:normal; }
.content address .title { font-weight:bold; }
.content address .plz-ort { display:block; }
.content p,.text, .txt { margin:0 0 15px 0; font-size:16px; text-align:justify; }
#toTop { display:none; text-decoration:none; position:fixed; bottom:20px; right:20px; z-index:2000; overflow:hidden; width:18px; height:18px; border:none; text-indent:100%; background:url('../../project/images/layout/scroll.png') no-repeat left top;}
#toTopHover { background:url('../../project/images/layout/scroll.png');width:18px;height:18px;display:block;overflow:hidden;float:left;opacity:0;}
#toTop:active,#toTop:focus { outline:none; }
.togglegroup { margin:0; }
.toggleme_title { cursor:pointer; padding:0; background:url(../../project/images/layout/togglepager.png) no-repeat right -3px; font-size:16px; color:#333333; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; padding:0 0 10px 0; width:110px; float:right;}
.toggleme_title.active { background:url(../../project/images/layout/togglepager.png) no-repeat right -72px; }
.togglec { display:none; padding:20px 0 10px 0; }
.toggleme { margin-bottom:5px; }
.content table { position:relative; margin-bottom:20px; border-collapse:collapse; }
.content table.w100p { width:100%; }
.content table tr td { padding:0 5px 0 0; vertical-align:top; font-size:16px; min-width:40px; }
.content table tr td p { padding:0; margin:0; }
.content table.border { border:1px solid #cccccc; }
.content table.border tr td,
.content table.border tr th { padding:4px 5px; border:1px solid #cccccc; }
.content table tr.row1 td { background-color:#f9f9f9; padding:5px 5px; }
.content table tr.row0 td { background-color:#f3f2ed; padding:5px 5px; }
.content table tr.ohne td { background-color:transparent; }
.content table tr.thl td { background:#333333; color:#fff; padding:5px 5px; text-align:left; }
.content table tr.thl th { background:#333333; color:#fff; padding:5px 5px; text-align:left; }
.rpicbox img { display:block; }
.flexslider { position:relative; margin:0; overflow:hidden; }
.flexslider ul { position:relative; padding:0; margin:0; list-style:none; }
.flexslider ul li { padding:0 !important; background-image:none; margin:0; list-style:none; }
.flexslider img { display:block; }
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.flexslider .flex-direction-nav { position:absolute; top:50%; width:100%; z-index:1100; }
.flexslider .flex-direction-nav a { display:inline-block; float:left; margin:-19px 10px 0 10px; width:11px; height:38px; background:url(../../project/images/layout/arrows.png) no-repeat 0 0; text-indent:-100000px }
.flexslider .flex-direction-nav .flex-next { float:right; background-position:right 0; }
.flexslider .flex-control-paging { position:absolute; top:10px; right:10px; padding:0; margin:0; list-style:none; z-index:1000; }
.flexslider .flex-control-paging li { float:left; }
.flexslider .flex-control-paging li a { display:inline-block; cursor:pointer; text-indent:-1000px; z-index:1000; margin:0 2px; background:url('../../project/images/layout/paging.png') no-repeat right 0; height:10px; width:10px; }
.flexslider .flex-control-paging li a.flex-active { background:url('../../project/images/layout/paging.png') no-repeat 0 0; }
.img { position:relative; overflow:hidden; max-width:100%; z-index:1000; }
.img .zoom { position:absolute; display:block; z-index:100; top:0; right:0; left:0; bottom:0; }
.img .zoom:hover { background:url('../../project/images/layout/popup.png') no-repeat center center; }
.img img { width:100%; display:block; }
.auto img { width:auto !important; height:auto !important; max-width:100%; max-height:100%; margin:0 auto; }
.img-height-100 img { min-height:100%; width:auto; max-width:none; }
.img a.lightbox { position:relative; display:block;}
.auto a.lightbox { position:absolute; top:0; left:0; width:100%; height:100%; }
.img a { background-image:none; }
.content .img_caption { position:absolute; padding:5px 10px; bottom:0; left:0; right:0; color:#fff; background:url(../../project/images/layout/trans.png); font-size:12px; display:inline-block; margin:0; line-height:100%; }
.content .pages { position:relative; left:-50%; text-align:left; float:right; }
.content ul.pagination { padding:0; list-style:none; position:relative; width:auto; margin:10px 0; left:50%; }
.content ul.pagination li { float:left; padding:0; margin:0 2px 0 0; background-image:none; }
.content ul.pagination li a { display:block; width:20px; height:20px; text-align:center; line-height:19px; color:#333333 !important; text-decoration:none; }
.content ul.pagination li a.active { background:#666666; color:#ffffff !important; }
.st { margin-top:20px !important; }
.sb { margin-bottom:20px !important; }
.newscimg { max-width:100% !important; width:auto; }
.newscontent p { margin:0; }
body.content { background:#ffffff ; background-image:none; }
.button,.content a.button{ padding:5px 20px; background:#666666; color:#ffffff; cursor:pointer; display:inline-block; border:none; font-weight:bold; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; }
.button:hover,.content a.button:hover{ background:#000000; color:#ffffff; }
.gmap_canvas { width:100% !important; }
.google fieldset input { width:60%; }
fieldset input:focus { border:1px solid #574A77; }
fieldset textarea:focus { border:1px solid #574A77; }
fieldset select:focus { border:1px solid #574A77; }
.frml_end { position:relative; margin:-21px 0 0 0; background-color:#f0f0e8; border:1px solid #cccccc; }
fieldset { border:1px solid #cccccc; background-repeat:repeat-x; margin:0 0 20px 0; padding:0 0 10px 0; }
fieldset legend { position:relative; margin:0 -1px; padding:5px 20px; font-weight:bold; }
fieldset label { margin:5px 0; padding:2px 0 2px 20px; }
fieldset label span { font-size:16px; }
fieldset input { border:1px solid #ccc; margin:5px 0; padding:2px 5px; }
fieldset textarea { border:1px solid #ccc; margin:5px 0; padding:2px 5px; height:60px; }
fieldset select { border:1px solid #ccc; margin:5px 0; padding:2px 5px; }
.frml_end .button { margin:5px 20px; width:auto; border:none; }
.frml_end .pfl { margin:5px 20px; padding:2px 20px; font-size:16px; }
fieldset fieldset.multifieldset legend { color:#333333; padding:0 5px; }
fieldset fieldset.multifieldset { margin:0 40px; }
fieldset p { padding:0 20px; }
input.error { border:1px solid #d30000; background-color:#ffdddd; }
input.text { border:1px solid #d30000; background-color:#ffdddd; }
input.error { border:1px solid #d30000; background-color:#ffdddd; }
textarea.error { border:1px solid #d30000; background-color:#ffdddd; }
select.error { border:1px solid #d30000; background-color:#ffdddd; }
.error p { border:1px solid #d30000; background-color:#ffdddd; padding:10px; color:#333; }
img { border:0; outline:none;}
a img { border:0; outline:none; }
map { border:0; outline:none; }
video { width: 100% !important; height: auto !important; }
.videoc { width: 100% !important; height: 100% !important; }
.clear { position:relative; height:1px; line-height:1px; overflow:hidden; clear:both; width:100%;}
.clearfix:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.nowrap { white-space: nowrap; }
address { font-style:normal; }
.bold { font-weight:bold; }
.nobold { font-weight:normal; }
.italic { font-style:italic; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.kapi { font-variant:small-caps; }
.text-justify, .justify { text-align:justify !important; }
.text-justify p, .justify p { text-align:justify !important; }
.text-underline, .underline { text-decoration: underline; }
.text-normal { font-style:normal; }
.text-right, .right ,
.text-right p, .right p { text-align:right !important; }
.text-left, .left ,
.text-left p, .left p { text-align:left !important; }
.black { color:#000 !important; }
.tel { margin-top:0; display:inline-block; }
.color1 { color:#333333 !important; }
.color2 { color:#fff !important; }
.color3 { color:#fff !important; }
.color4 { color:#fff !important; }
.tab { white-space:pre-wrap; }
ul.cleanul { padding:0; margin:0; list-style:none; }
ul.cleanul li { padding:0; margin:0; list-style:none; background:none; }
.cssck{ position:relative; display:inline-block; font-size:22px; }
.htmlck{ position:relative; display:inline-block; font-size:22px; margin-right:10px; }
.ui-state-hover { background-image:none !important; background-color:#f0f0e8!important; border:1px solid #f0f0e8!important; }
.ui-widget-content { border:1px solid #f0f0e8!important; box-shadow:0 0 2px #ccc; }
.pt90{ padding-top:90px !important; }
.overflow-v{ overflow:visible !important; }
.ml15{ margin-left:15px !important; }
.mt0{ margin-top:0px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mb50{ margin-bottom:50px !important; }
.mb0{ margin-bottom:0px !important; }
.fs18{ font-size:18px !important; }
.inline-block{ display:inline-block !important; }
.fl{ float:left; }/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
.box_shadow_white { position:relative; overflow:hidden; width:100%; }
.box_shadow_white div.boxc { position:relative; z-index:100; margin:9px; padding:0; background:url("../../project/box/highlight/bgc.png") repeat 0 0; overflow:hidden; }
.box_shadow_white .tl { position:absolute; height:12px; width:12px; left:0; top:0; background:url("../../project/box/highlight/layer.png") no-repeat 0 0; }
.box_shadow_white .t { position:absolute; height:12px; left:12px; right:12px; top:0; background:url("../../project/box/highlight/layer2.png") repeat-x 0 0; }
.box_shadow_white .tr { position:absolute; height:12px; width:12px; right:0; top:0; background:url("../../project/box/highlight/layer.png") no-repeat -12px 0; }
.box_shadow_white .b { position:absolute; height:12px; left:12px; right:12px; bottom:0; background:url("../../project/box/highlight/layer2.png") repeat-x 0 bottom; }
.box_shadow_white .bl { position:absolute; height:12px; width:12px; left:0; bottom:0; background:url("../../project/box/highlight/layer.png") no-repeat 0 -12px; }
.box_shadow_white .br { position:absolute; height:12px; width:12px; right:0; bottom:0; background:url("../../project/box/highlight/layer.png") no-repeat -12px -12px; }
.box_shadow_white .r { position:absolute; top:12px; bottom:12px; right:0; width:12px; background:url("../../project/box/highlight/layer.png") repeat-y -36px 0; }
.box_shadow_white .l { position:absolute; top:12px; bottom:12px; left:0; width:12px; background:url("../../project/box/highlight/layer.png") repeat-y -24px 0; }.box_shadow_white { position:relative; overflow:hidden; width:100%; max-width:100% !important; }
.box_shadow_white div.boxc { position:relative; z-index:100; margin:0 6px 5px 0; padding:0; border-top:1px solid #ccc; border-left:1px solid #ccc; background:url("../../project/box/shadow/bgc.png") repeat 0 0; overflow:hidden; }
.box_shadow_white .tr { position:absolute; height:10px; width:6px; right:0; top:0; background:url("../../project/box/shadow/layer2.png") no-repeat right 0; }
.box_shadow_white .b { position:absolute; height:5px; left:10px; right:10px; bottom:0; background:url("../../project/box/shadow/layer.png") repeat-x 0 0; }
.box_shadow_white .bl { position:absolute; height:5px; width:10px; left:0; bottom:0; background:url("../../project/box/shadow/layer.png") no-repeat 0 bottom; }
.box_shadow_white .br { position:absolute; height:11px; width:10px; right:0; bottom:0; background:url("../../project/box/shadow/layer2.png") no-repeat right bottom; }
.box_shadow_white .r { position:absolute; top:10px; bottom:11px; right:0; width:6px; background:url("../../project/box/shadow/layer2.png") repeat-y 0 0; }
.content a:hover {text-decoration:underline;}