/*
große Überschrift: 363833
mittlere Überschrift: 545651
Text: 555555
*/

/*
video {
  width: 750px;
  height: 500px;
  border: 1px solid black;
}

.video-container {
  display: inline-block;
  text-align: center;
}*/

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #555555;
text-align: left;
font-size: 70%;
line-height: 140%;
}

a img {border: none;}


texthauptbody {
	margin: 0px;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 11px; 
}

a.tooltip {text-decoration:none;}
.tooltip span.info{display:none;}
.tooltip:hover span.info{color:#000000; display:block; text-align: left; position:absolute; width:140px; height:0px; }

#navi, #navi ul { list-style-type:none; margin:0; padding:0;}
#navi li ul { display:none; }
#navi li:hover ul { display:block; background-color: #FFFFFF;}
  
table.linkcontainer td{
	background-color: #111111;
	filter:alpha(opacity=70);
	opacity: .7;
	-moz-opacity: .7;
}

table.linkcontainer_s td{
    background-color: #000000;
    filter:alpha(opacity=20);
    opacity: .7;
    -moz-opacity: .7;
    height: 10px;
}

td.logo_area{
        background-image: url(../images_template1/canticsoftlogo.png);
}
td.middle_spacer {
	width: 1000px;
	background-color: #666666;
}
td.shadow_right {
	background-image: url(../images_template1/border_shadow_l.jpg);
	background-repeat: repeat-y;
	background-position: left;  
}
td.shadow_left {
	background-image: url(../images_template1/border_shadow_r.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
td.body_content {
	padding: 5px;
	background-image: url(../images_template1/bg_content.jpg);
	background-repeat: repeat;
}
td.below_header{
	background-color: #1F1F1F;
	color: #CCCCCC;
	padding: 5px;
}
td.main_content_box {
	background-color: #FFFFFF;
}


.startbildl
{
	margin-top: 20px;
        margin-left: 65px;
        width:250px;
        height:437px;
	background-image: url(../images/startl.png);
	background-repeat: no-repeat;
}

.startbildl2
{
	margin-top: -240px;
        margin-left: 180px;
        width:180px;
        height:172px;
	background-image: url(../images/werbung2.png);
	background-repeat: no-repeat;
}

.bl
{
   text-align: center; font: bold 80% Verdana, Arial, Helvetica, sans-serif; color: #000000; margin-top:-20px;
}

.startbildl2text
{
	margin-top: -145px;
        margin-left: 200px;
        color: #e3e4ec;
        font-size: 11px;
        letter-spacing:-1px;
        position: absolute;
}

.startbildl3
{
	margin-top: -40px;
        margin-left: 20px;
        width:320px;
        height:61px;
	background-image: url(../images/werbung3.png);
	background-repeat: no-repeat;
        position:absolute;
}



.pfeil
{
	margin-top: -145px;
        margin-left: -28px;
        width:125px;
        height:200px;
	background-image: url(../images/pfeil.png);
	background-repeat: no-repeat;
        position:absolute;
}



td.horizontal_column { 
/*	background-color: #000000;
	border-top-width: 15px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	height: 150px;
	display: table-cell;
	vertical-align: top; */
}
td.bottom_link_container {
	background-color: #000000;
	text-align: center;
	color: #FFFFFF;
	padding: 5px;
}

td.horizontal_center {
	background-color: #FFFFFF;
	border-top-width: 15px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #ffffff;
	border-bottom-color: #000000;
	border-left-color: #ffffff;
	height: 280px;
	display: table-cell;
	vertical-align: top;
	background-image: url(../images_template1/front.jpg);
}
td.horizontal_center2 {
	background-color: #FFFFFF;
	border-top-width: 15px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #ffffff;
	border-bottom-color: #000000;
	border-left-color: #ffffff;
	height: 150px;
	display: table-cell;
	vertical-align: top;
	background-image: url(../images_template1/front1.jpg);
}


td.header_column {
   /*     z-index: -5; */
        height: 1050px;
        width: 1680px;
	vertical-align: middle;
	color: #FFFFFF;
        border: 5px solid #6cc6e0;
	font-size: largmenustylehaupte;
	background-image: url(../images/hint.jpg);
        background-repeat: no-repeat;
    /*    background-color: #f7f8fa;
        border: 1px solid #E5E5E5;*/
    /*    position:relative;  */
        border-radius:25px;
}


td.header_column_tatort {
   /*     z-index: -5; */
        height: 1050px;
        width: 1680px;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: large;
	background-image: url(../images/hint_tatorte.jpg);
        background-repeat: no-repeat;
    /*    background-color: #f7f8fa;
        border: 1px solid #E5E5E5;*/
    /*    position:relative;  */
        border-radius:25px;
}

td.header_column_tatort_ein {
   /*     z-index: -5; */
        height: 1050px;
        width: 1680px;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: large;
	background-image: url(../images/hint_tatorte_ein.jpg);
        background-repeat: no-repeat;
    /*    background-color: #f7f8fa;
        border: 1px solid #E5E5E5;*/
    /*    position:relative;  */
        border-radius:25px;
}


td.header_column_spiel {
   /*     z-index: -5; */
        height: 1050px;
        width: 1680px;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: large;
	background-image: url(../images/hint_tatorte.jpg);
        background-repeat: no-repeat;
        border: 5px solid #6cc6e0;
    /*    background-color: #f7f8fa;
        border: 1px solid #E5E5E5;*/
    /*    position:relative;  */
        border-radius:25px;
}




td.header_column_right {
        height: 600px;
	vertical-align: middle;
	color: #FFFFFF;
	background-image: url(../images/headerrechts.jpg);
        background-repeat: no-repeat;
        background-color: #f7f8fa;
        border: 1px solid #E5E5E5;
        border-radius:25px;
}

td.header_column2 {
   /*     z-index: -5; */
        height: 1050px;
        width: 1680px;
	vertical-align: middle;
        border: 5px solid #6cc6e0;
	color: #FFFFFF;
	font-size: large;
	background-image: url(../images/hint.jpg);
        background-repeat: no-repeat;
    /*    background-color: #f7f8fa;
        border: 1px solid #E5E5E5;*/
    /*    position:relative;  */
        border-radius:25px;
}
td.header_column3 {
	height: 758px;        
	vertical-align: middle;
	color: #000000;
	font-size: 12px;
	background-image: url(../images/blank.jpg);
	background-position: top;
        background-repeat: no-repeat;
}
td.left_content {
	width: 200px;
	padding: 5px;
	vertical-align: top;
	background-image: url(../images_template1/bg_content.jpg);
	background-repeat: repeat;
}

a.main_link:active,a.main_link:visited,a.main_link:link{
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	color: #FFFFFF;
	line-height: 50px;
}
a.main_link:hover{
	background-color:#ffffff;
	color: #000000;
}
a.main_link_s:active,a.main_link_s:visited,a.main_link_s:link{
    font-weight: bold;
    text-decoration: none;
    display: block;
    width: 100%;
    color: #FFFFFF;
    line-height: 20px;
}
a.main_link_s:hover{
    background-color:#ffffff;
    color: #000000;
}
a.main_link_l:active,a.main_link_l:visited,a.main_link_l:link{
    font-weight: bold;
    text-decoration: none;
    display: block;
    width: 100%;
    color: #000000;
    line-height: 20px;
}
a.main_link_l:hover{
    background-color:#000000;
    color: #FFFFFF;
}
a.bottom_link:active,a.bottom_link:visited,a.bottom_link:link{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
a.bottom_link:hover{
	color: #CCCCCC;
}

.loginname{
   margin-left: 40px;
   width:450px;
   font-weight: bolder;
 /*  color:#545651;*/
   font-size:24px;
  /* text-shadow: -2px 0 #ffffff, 0 2px #ffffff,
      2px 0 #ffffff, 0 -2px #ffffff;*/
}

.datenschutz_link{
	font-weight: bold;
	color: #6E6E6E;
}

div.bottom_content{
	color: #FFFFFF;
	padding: 5px;
}
div.navigation {
	height: 50px;
	vertical-align: middle;
	text-align: center;
}
div.navigation_s {
    height: 20px;
    vertical-align: middle;
    text-align: center;
}

.menu{
    margin-left: 410px;
    margin-top: 20px;
    position: relative;
    text-align: center;
}

.menustyle{
    padding-left:20px; 
 /*   text-decoration:none; */
    color:#555555;
    font-weight: bold;
    font-size: 90%;
}


.menuhaupt{
    margin-left: -390px;
    margin-top: 30px;
    position: absolute;
    text-align: center;
    z-index: 1;
}


.menuhauptspiel{
    margin-left: -310px;
    margin-top: 30px;
    position: absolute;
    text-align: center;
    z-index: 1;
}


.menustylehaupt{
    padding-left:30px; 
    text-decoration:none;
    font-family: Arial, Verdana, sans-serif;
    color:#ffffff;
    font-weight: bolder;
    font-size: 15px;
   /* text-shadow: -1px 0 #ffffff, 0 1px #ffffff,
      1px 0 #ffffff, 0 -1px #ffffff;*/
}


.menuhauptrechts{
    margin-left: 273px;
    margin-top: 30px;
    position: absolute;
    text-align: center;
    z-index: 1000;
}


.menustylehauptrechts{
    padding-left:35px; 
    text-decoration:none;
    font-family: Arial, Verdana, sans-serif;
    color:#555555;
    font-weight: bolder;
    font-size: 15px;
}

.menustylehauptrechtsacc{
    text-align:center;
    text-decoration:none;
    font-family: Arial, Verdana, sans-serif;
    color:#555555;
    font-weight: bolder;
    font-size: 15px;
}

a:hover, #active{
    color: #ab0000;
}


.menustyle_login{
/*    background: url(../images/butthint.gif) top left repeat-x !important;*/
    border: 1px solid #E5E5E5;
    color: #333;
    padding: 4px !important;
    text-decoration: none !important;
    margin-left: 2px;
    margin-right: -4px;

    margin-left:20px;
    font-weight: bold;
    font-size: 90%;
}


.logotext {
        margin-left: -450px;
        width: 415px;
        height: 80px;
        position: relative; 
        margin-top: -15px;
        background-repeat: no-repeat;
        background-image: url(../images/werbetexta.png);
}


.telefon {
        margin-left: 290px;
        position: absolute; 
        margin-top: -55px;
        width: 183px;
        height: 35px;
        background-repeat: no-repeat;
        background-image: url(../images/telefon.png);
}

.logotextstr {
        margin-left: 0px;
        position: relative; 
        margin-top: -15px;
        background-repeat: repeat-x;
        background-image: url(../images/logostr.png);
}


.texthaupt{
        margin-left:480px;
        text-align: center; 
        width: 600px; 
        position: relative; 
        margin-top: -390px;  
        font-size: 16px;
        color: #86a3c3;
        font-weight:bolder;
        vertical-align: middle;
 /*       background-color: #deeeee;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #deeeee;
	border-right-color: #deeeee;
	border-bottom-color: #deeeee;
	border-left-color: #deeeee;
        border-radius: 10px;*/
}


.texthaupt4{
        margin-left:-560px;
        text-align: center; 
        width: 500px; 
        position: relative; 
        margin-top: -330px;  
        font-size: 16px;
        color:#162ec1;
        font-weight:bolder;
        vertical-align: middle;
/*        background-color: #deeeee;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #deeeee;
	border-right-color: #deeeee;
	border-bottom-color: #deeeee;
	border-left-color: #deeeee;
        border-radius: 10px;*/
}

.texthauptabout{
        margin-left:420px;
        text-align: center; 
        width: 600px; 
        position: relative; 
        font-size: 15px;
        color:#162ec1;
        font-weight: bold;
        vertical-align: middle;
}

.pointer{
        background-image: url(../images/pointer.png);
        background-repeat: no-repeat;
        height:16px;
        padding-right: 5px;
}

.pointer2{
        background-image: url(../images/pointer2.png);
        background-repeat: no-repeat;
        height:16px;
        padding-right: 5px;
}

.pointer3{
        float:left; 
        background-image: url(../images/pointer2.png);
        background-repeat: no-repeat;
        height:16px;
        padding-right: 5px;       
}

.pointer4{
        float:left; 
        background-image: url(../images/pointer2.png);
        background-repeat: no-repeat;
        height:16px;
        padding-right: 5px;     
        margin-left:-220px;
        margin-top:-12px;
}

.pointertick{
        float:left; 
        margin-left:-220px;
        background-image: url(../images/tick.png);
        background-repeat: no-repeat;
        height:48px;
        width:48px;
        margin-top:10px;
}


.pointertop{
        float:left; 
        margin-left:-220px;
        background-image: url(../images/ticktip.png);
        background-repeat: no-repeat;
        height:48px;
        width:48px;
        margin-top:10px;
}


.pointertick2{
        float:left; 
        margin-left:-220px;
        background-image: url(../images/point.png);
        background-repeat: no-repeat;
        height:32px;
        width:32px;
        margin-top:22px;
}

.zertifikat{
        background-image: url(../images/button.jpg);
        background-repeat: no-repeat;
        height:16px;
        margin-left:500px;
        padding-top: 40px;
        height: 37px;
}

.texthaupt2{
        margin-left:15px;
        text-align: left; 
        width: 600px; 
        position: relative; 
        margin-top: -35px;  
        vertical-align: middle;
}

.texthauptreg{
        margin-left:-120px;
        text-align: left; 
        width: 400px; 
        position: relative; 
        margin-top: -180px;  
        font-size: 15px;
        color:#162ec1;
        font-weight: bold;
        vertical-align: middle;
}

.texthauptreg2{
        margin-left:-120px;
        text-align: left; 
        width: 400px; 
        position: relative; 
        margin-top: 0px;  
        font-size: 15px;
        color:#162ec1;
        font-weight: bold;
        vertical-align: middle;
}


.texthauptreg3{
        margin-left:-220px;
        text-align: left; 
        width: 400px; 
        position: relative; 
        margin-top: -50px;  
        font-size: 15px;
        color:#545651;
        font-weight: bold;
        vertical-align: middle;
}

.text{
        margin-left:480px;
        margin-top:10px;
        text-align: center; 
        width: 600px; 
        position: relative;  
        color:#555555;
        font-size: 14px;
 /*       background-color: #dddddd;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
        border-radius: 10px;*/
}


.text2{
        margin-left:-320px;
        margin-top:10px;
        text-align: left; 
        width: 260px; 
        position: relative;  
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        color: #555555; 
        font-size: 60%;
 /*       background-color: #dddddd;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
        border-radius: 10px;*/
}

.textleft{
        margin-left:-560px;
        text-align: center; 
        width: 500px; 
        position: relative;  
        color:#555555;
        font-size: 14px;
 /*       background-color: #dddddd;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
        border-radius: 10px*/
}

.textleftreg{
        margin-left:-120px;
        text-align: left; 
        width: 400px; 
        position: relative;  
        color:#555555;
        font-size: 14px;
}


.textleftreg3{
        text-align: left; 
        width: 400px; 
        position: relative;  
        color:#555555;
        font-size: 14px;
        padding-left: 20px;
}


.textleftreg4{
        text-align: left; 
        width: 300px; 
        position: relative;  
        color:#555555;
        font-size: 12px;
        padding-left: 20px;
        margin-left:-290px;
}


.textleftreg5{
        text-align: left; 
        width: 400px; 
        position: relative;  
        color:#555555;
        padding-left: 20px;
        margin-left:-230px;
        font-size:12px;
}


.textleftreg6{
        text-align: left; 
        width: 300px; 
        position: relative;  
        color:#555555;
        font-size: 12px;
        padding-left: 20px;
        margin-left:-240px;
}

.textleftregtick{
        margin-left:-150px;
        text-align: left; 
        width: 550px; 
        position: relative;  
        color:#545651;
        line-height: 120%;
        font-style: italic;
        font-weight: bold;
        margin-top:30px;
}


.textleftlink{
        margin-left:-200px;
        text-align: center; 
        position: relative;
        width: 130px;
        height: 25px; 
        color: #ffffff;
        font-size: 12px;
        background-image: url(../images/seperatorb.png);
        border-radius: 15px;
}


/*
a:hover {
    padding-left:20px; 
    text-decoration:none; 
    font-size:14px; 
    color:#555555;
    font-weight: bolder;
background: url(../images/menu_center.png) repeat-x;
}*/


.werbung1 {
	width: 754px;
        height: 181px;
        margin-top: -374px;
        margin-left: -2px;
	background-image: url(../images/werbungstart.jpg);
	background-repeat: no-repeat;
}


.kontakt {
	width: 754px;
        height: 187px;
        margin-top: -374px;
        margin-left: -2px;
	background-image: url(../images/kontakt.jpg);
	background-repeat: no-repeat;
}


.kontakt7 {
	width: 754px;
        height: 187px;
        margin-top: -537px;
        margin-left: -2px;
	background-image: url(../images/kontakt_haupt.jpg);
	background-repeat: no-repeat;
}


.preise {
	width: 754px;
        height: 187px;
        margin-top: -489px;
        margin-left: -2px;
	background-image: url(../images/preise.jpg);
	background-repeat: no-repeat;
}


.presse {
	width: 754px;
        height: 187px;
        margin-top: -463px;
        margin-left: -2px;
	background-image: url(../images/presse.jpg);
	background-repeat: no-repeat;
}



.kontakt_haupt {
	width: 754px;
        height: 187px;
        margin-top: -374px;
        margin-left: -2px;
	background-image: url(../images/kontakt_haupt.jpg);
	background-repeat: no-repeat;
}


.kontakt_account {
	width: 754px;
        height: 187px;
        margin-top: -374px;
        margin-left: -2px;
	background-image: url(../images/kontakt_haupt.jpg);
	background-repeat: no-repeat;
        margin-top:-937px;
}


.kontakt_account2 {
	width: 754px;
        height: 187px;
        margin-top: -374px;
        margin-left: -2px;
	background-image: url(../images/kontakt_haupt.jpg);
	background-repeat: no-repeat;
        margin-top:-634px;
}


.preis {
	width: 754px;
        height: 187px;
        margin-top: -349px;
        margin-left: -2px;
	background-image: url(../images/preis.jpg);
	background-repeat: no-repeat;
}


.preis2 {
	width: 754px;
        height: 187px;
        margin-top: -587px;
        margin-left: -2px;
	background-image: url(../images/preis.jpg);
	background-repeat: no-repeat;
}


.pr{
   margin-top:-278px;
}

.vorteile {
	width: 754px;
        height: 187px;
        margin-top: -1187px;
        margin-left: -2px;
	background-image: url(../images/vorteile.jpg);
	background-repeat: no-repeat;
}


.wzertifikat {
	width: 754px;
        height: 187px;
        margin-top: -450px;
        margin-left: 26px;
	background-image: url(../images/zertifikat.jpg);
	background-repeat: no-repeat;
}


.seitenbuttonneu{
        margin-top: -900px;
        width: 64px;
        height: 64px;
        position:absolute;
        margin-left: 5px;
        border: 1px solid #6cc6e0;
	background-image: url(../images/icons/neu.jpg);
	background-repeat: no-repeat;
}
.seitenbuttonzertifikat{
        margin-top: -820px;
        width: 64px;
        height: 64px;
        position:absolute;
        margin-left: 5px;
        border: 1px solid #6cc6e0;
	background-image: url(../images/icons/zertifikat.jpg);
	background-repeat: no-repeat;
}

.seitenbuttontonplus{
        margin-top: -440px;
        width: 64px;
        height: 64px;
        position:absolute;
        margin-left: 5px;
        border: 1px solid #6cc6e0;
	background-image: url(../images/icons/tonplus.jpg);
	background-repeat: no-repeat;
}

.seitenbuttontonminus{
        margin-top: -360px;
        width: 64px;
        height: 64px;
        position:absolute;
        margin-left: 5px;
        border: 1px solid #6cc6e0;
	background-image: url(../images/icons/tonminus.jpg);
	background-repeat: no-repeat;
}

.seitenbuttontonaus{
        margin-top: -280px;
        width: 64px;
        height: 64px;
        position:absolute;
        margin-left: 5px;
        border: 1px solid #6cc6e0;
	background-image: url(../images/icons/tonaus.jpg);
	background-repeat: no-repeat;
}

.seitenbuttoneinstellungen{
        margin-top: -740px;
        width: 64px;
        height: 64px;
        position:absolute;
        margin-left: 5px;
        border: 1px solid #6cc6e0;
	background-image: url(../images/icons/einstellungen.jpg);
	background-repeat: no-repeat;
}

.seitenbuttonbeenden{
        margin-top: -660px;
        width: 64px;
        height: 64px;
        position:absolute;
        margin-left: 5px;
        border: 1px solid #6cc6e0;
	background-image: url(../images/icons/beenden.jpg);
	background-repeat: no-repeat;
}


.seitenbuttoninstall{
        margin-top: -1316px;
        width: auto;
        height: 200px;
        margin-left: -10px;
	background-image: url(../images/sb.png);
	background-repeat: no-repeat;
}


.seitenbuttonzfk{
        margin-top: -1340px;
        width: auto;
        height: 200px;
        margin-left: -10px;
	background-image: url(../images/sb.png);
	background-repeat: no-repeat;
}


.seitenbuttonzfkpresse{
        margin-top: -1763px;
        width: auto;
        height: 200px;
        margin-left: -10px;
	background-image: url(../images/sb.png);
	background-repeat: no-repeat;
}


.schauspieler{       
        margin-top: -350px;
        width: auto;
        height: 200px;
        margin-right: -25px;
/*	background-image: url(../images/sb.png);
	background-repeat: no-repeat;*/
}

.symbole{
        margin-top: -320px;
        width: auto;
        height: 200px;
        margin-right: -21px;
}

.wuerfel{
        margin-top: -620px;
        width: auto;
        height: 200px;
        margin-right: -5px;
}

/*
.schauspieler:hover{
        
        margin-top: -480px;
        width: auto;
        height: 200px;
        margin-right: 0px;
}*/

.schiebeschauspieler{
  width:50px;
  display:none;
}

.schiebesymbole{
  width:50px;
  display:none;
}

.bschiebesymbole{
  width:50px;
   border: 1px solid #6cc6e0;
}

.bschiebeschauspieler{
  width:50px;
  border: 1px solid #6cc6e0;
}

.bwuerfel{
  width:50px;
}

.figuren{
  width:100px;
  display:none;
  position: absolute;
}



.demo{
    margin-top: 15px;
    margin-left:-30px;
    height: auto;
    width: 300px;
}

.buttomanmeldung{
    margin-left:30px;
}

.perstext{
    font-size:13px;
}