/* 
    Document   : basic
    Created on : 15.01.2014, 21:09:20
    Author     : cowi
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

/*

css für slideshow

*/

/* Basic jQuery Slider essential styles */

ul.bjqs{position:absolute; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}

ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;background-color:#EE6F6F;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}

p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}


/*

DIVs für die Startseite

*/

html, body {height: 100%;
            background-color: #000000;
            font-family: helvetica, arial, tahoma, sans-serif;
            font-size: 100.1%;
            color: #000000;}

#abstand {height: 50%;
          margin-bottom: -384px;
          width: 1px;
          float: left;}

#div1 {height: 768px;
          clear: left;
          position: relative;
          width: 1024px;
          margin: 0 auto;}

#div1aa {
            height: 768px;
            width: 1024px;
            position:absolute;
            top: 50%;
            left: 50%;
            margin-left: -512px;
            margin-top: -384px;
            }


.divtext2
{

 font-family: Arial;
  font-size: 12px;
	height: 340px;
  	width: 680px;
  	top: 20px;
  	left: 10px;
}

.divtext3
{

 font-family: Arial;
  font-size: 12px;
	height: 20px;
  	width: 680px;
  	top: 390px;
  	left: 10px;
        position:relative;
}

.DIVUntenL
{
    left:0px;
    top:50%;
    height:50%;
    width:50%;
    position:absolute;
    /*background-image:url(../pic/Beton_Kachel.jpg);   */
    margin-top:184px;
    margin-right:-512px;
    background-position: right top;

}

.DIVUntenR
{
    left:50%;
    top:50%;
    height:50%;
    width:50%;
    position:absolute;
    /*background-image:url(../pic/Beton_Kachel.jpg);   */
    margin-top:184px;
   
    background-position: left top;
    
}

 

.aktion
{
    position:absolute;
    left:694px;
    top:0px;
    height:185px;
    width:330px;
    background-color:#000000;
}

.aktText
{
    color:#FFFFFF;
}

/*

Menü auf der Startseite


*/

.MainMenuMZG
{
   left:50px;
   top:418px;
   height:28px;
   width:74px;
   position:absolute;
}
.MainMenuMZG:hover
{
   background-image:url(../pic/O_Merzig.jpg);
}

.MainMenuDill
{
   left:50px;
   top:446px;
   height:30px;
   width:94px;
   position:absolute;
}
.MainMenuDill:hover
{
   background-image:url(../pic/O_Dillingen.jpg);
}

.MainMenuZw
{
   left:50px;
   top:476px;
   height:28px;
   width:134px;
   position:absolute;
}
.MainMenuZw:hover
{
   background-image:url(../pic/O_Zweibrucken.jpg);
}

.MainMenuGo
{
   left:50px;
   top:504px;
   height:30px;
   width:114px;
   position:absolute;
}
.MainMenuGo:hover
{
   background-image:url(../pic/O_Goppingen.jpg);
}

.MainMenuKa
{
   left:50px;
   top:534px;
   height:28px;
   width:152px;
   position:absolute;
}
.MainMenuKa:hover
{
   background-image:url(../pic/O_Kaiserslautern.jpg);
}

.MainMenuSauna
{
   left:736px;
   top:412px;
   height:36px;
   width:90px;
   position:absolute;
}
.MainMenuSauna:hover
{
   background-image:url(../pic/B_Sauna.jpg);
}

.MainMenuCardio
{
   left:736px;
   top:448px;
   height:38px;
   width:94px;
   position:absolute;
}
.MainMenuCardio:hover
{
   background-image:url(../pic/B_Cardio.jpg);
}

.MainMenuKraft
{
   left:736px;
   top:486px;
   height:40px;
   width:178px;
   position:absolute;
}
.MainMenuKraft:hover
{
   background-image:url(../pic/B_Kraft.jpg);
}

.MainMenuGroup
{
   left:736px;
   top:526px;
   height:38px;
   width:176px;
   position:absolute;
}
.MainMenuGroup:hover
{
   background-image:url(../pic/B_Groupfit.jpg);
}

.MainMenuImp
{
   left:896px;
   top:736px;
   height:19px;
   width:77px;
   position:absolute;
}
.MainMenuImp:hover
{
   background-image:url(../pic/B_impressum.jpg);
}

/*

Divs auf den Untereseiten

@media only screen and (min-width: 1224px){

.main{
    height: 100%;
    width: 1024px;
    position:absolute;
    display:block;
    top: 0;
    left: 50%;
    margin-left: auto;
}

*/



.main{
    width: 1024px;
    display:block;
    margin: 0px auto;
}

 .header {
            height: 210px;
            width: 1024px;
            }
            
.content {
            width: 1024px;
            background-color:#000000;
            color: #FFFFFF;
            } 
            
.studiomenu {
            height:358px;
            width: 240px;
            float: left;
            } 
            
.studiomain {
    
            width: 784px;
            float: right;
            min-height: 558px;
            } 
            
.footer {
            height: 200px;
            width: 1024px;
            clear:both;
            
            }       
            
/*            
}
*/

.SubMenuMZG
{
   left:50px;
   top:28px;
   height:28px;
   width:74px;
   position:relative;
}
.SubMenuMZG:hover
{
   background-image:url(../pic/G_Merzig.jpg);
}

.SubMenuDill
{
   left:50px;
   top:28px;
   height:30px;
   width:94px;
   position:relative;
}
.SubMenuDill:hover
{
   background-image:url(../pic/G_Dillingen.jpg);
}

.SubMenuZw
{
   left:50px;
   top:30px;
   height:28px;
   width:132px;
   position:relative;
}
.SubMenuZw:hover
{
   background-image:url(../pic/G_Zweibrucken.jpg);
}

.SubMenuGo
{
   left:50px;
   top:28px;
   height:29px;
   width:112px;
   position:relative;
}
.SubMenuGo:hover
{
   background-image:url(../pic/G_Goppingen.jpg);
}

.SubMenuKa
{
   left:50px;
   top:29px;
   height:27px;
   width:151px;
   position:relative;
}
.SubMenuKa:hover
{
   background-image:url(../pic/G_Kaiserslautern.jpg);
}

.SubMenuHome
{
   left:707px;
   top:1px;
   height:48px;
   width:84px;
   position:relative;
}
.SubMenuHome:hover
{
   background-image:url(../pic/Home_button.jpg);
}


.SubMenuImp
{
   left:896px;
   top:-22px;
   height:19px;
   width:77px;
   position:relative;
}
.SubMenuImp:hover
{
   background-image:url(../pic/B_impressum.jpg);
}


/*

Menü auf den Studioseite


*/

.StMenuStudio
{
   left:55px;
   top:20px;
   height:20px;
   width:51px;
   position:relative;
}
.StMenuStudio:hover
{
   background-image:url(../pic/Nav_Studio.jpg);
}

.StMenuCardio
{
   left:55px;
   top:45px;
   height:23px;
   width:115px;
   position:relative;
}
.StMenuCardio:hover
{
   background-image:url(../pic/Nav_Cardio.jpg);
}

.StMenuKraft
{
   left:55px;
   top:45px;
   height:22px;
   width:102px;
   position:relative;
}
.StMenuKraft:hover
{
   background-image:url(../pic/Nav_Kraft.jpg);
}

.StMenuGroup
{
   left:55px;
   top:45px;
   height:23px;
   width:102px;
   position:relative;
}
.StMenuGroup:hover
{
   background-image:url(../pic/Nav_Groupf.jpg);
}

.StMenuWellness
{
   left:55px;
   top:45px;
   height:21px;
   width:72px;
   position:relative;
}
.StMenuWellness:hover
{
   background-image:url(../pic/Nav_Welln.jpg);
}

.StMenuProbe
{
   left:55px;
   top:45px;
   height:23px;
   width:109px;
   position:relative;
}
.StMenuProbe:hover
{
   background-image:url(../pic/Nav_Probe.jpg);
}

.StMenuOeff
{
   left:55px;
   top:45px;
   height:24px;
   width:119px;
   position:relative;
}
.StMenuOeff:hover
{
   background-image:url(../pic/Nav_Offnungz.jpg);
}

.StMenuKontakt
{
   left:55px;
   top:45px;
   height:20px;
   width:117px;
   position:relative;
}
.StMenuKontakt:hover
{
   background-image:url(../pic/Nav_KontaktST.jpg);
}


.adminload
{
    cursor:pointer;
}

.adminsave
{
    cursor:pointer;
}

.login {
            height: 100px;
            width: 300px;
            position:absolute;
            top: 50%;
            left: 50%;
            margin-left: -150px;
            margin-top: -50px;
            }

.adminloadll {
            height: 30px;
            width: 100px;
            border-left:2px inset #000000;
            border-top:2px inset #000000;
            border-right:2px outset #000000;
            border-bottom:2px outset #000000;
            }      
            
.select{
    float:left;
}