.rassen {
opacity:0.0;
font-family: gisha;
font-size:10px;
line-height:11px;
text-align:justify;
background-color:#1c1c1c;
height:245px;
width:520px;
border:10px solid #442e36;
-webkit-transition: opacity .6s linear;
-moz-transition: opacity .6s linear;
-o-transition: opacity .6s linear;
}

.rassen:hover {
opacity: 1.0
}

.text {width: 480px; padding: 10px; text-align: justify; background-color: #232222; color: #b0b0b0; font-family: Economica; font-size: 10.5 pt; line-height: 95%; border-top: 6px solid #442e36; border-radius: 10px; border-bottom: 6px solid #442e36;}

.text2 {width: 520px; padding: 15px; text-align: justify; background-color: #161616; color: #b0b0b0; font-family: Economica; font-size: 10.5 pt; line-height: 95%; border-top: 6px solid #442e36; border-radius: 10px; border-bottom: 6px solid #442e36;}

.text3 {width: 440px; padding: 10px; text-align: justify; background-color: #232222; color: #b0b0b0; font-family: Economica; font-size: 10.5 pt; line-height: 95%; border-top: 6px solid #442e36; border-radius: 10px; border-bottom: 6px solid #442e36;}

.ending {
opacity:0.0;
font-family: gisha;
font-size:10px;
line-height:11px;
text-align:justify;
background-color:#1c1c1c;
height:145px;
width:520px;
border:10px solid #442e36;
-webkit-transition: opacity .6s linear;
-moz-transition: opacity .6s linear;
-o-transition: opacity .6s linear;
}

.ending:hover {
opacity: 1.0
}

.boardtitle{
color: #442e36; 
text-transform: lowercase; 
font-size: 30px; 
font-weight:lighter; 
font-family: six caps;
line-height: 110%; 
letter-spacing:0px;
text-shadow: #000000 1px 1px 0px; 
}

.boardtitle:hover {
color: #b0b0b0; 
text-transform: lowercase; 
font-size: 30px; 
font-weight:lighter; 
font-family: six caps; 
line-height: 110%;
letter-spacing:0px;
text-shadow: #000000 1px 1px 0px;              
}

.boardtitle1{
color: #442e36; 
text-transform: lowercase; 
font-size: 35px; 
font-weight:lighter; 
font-family: six caps; 
line-height: 95%;
letter-spacing:0px;
text-shadow: #000000 1px 1px 0px; 
}

.boardtitle1:hover {
color: #b0b0b0; 
text-transform: lowercase; 
font-size: 35px; 
font-weight:lighter; 
font-family: six caps; 
line-height: 95%;
letter-spacing:0px;
text-shadow: #000000 1px 1px 0px;              
}

.boardtitle2{
color: #b0b0b0; 
text-transform: lowercase; 
font-size: 30px; 
font-weight:lighter; 
font-family: six caps;
line-height: 110%; 
letter-spacing:0px;
text-shadow: #000000 1px 1px 0px; 
}

.boardtitle2:hover {
color: #442e36; 
text-transform: lowercase; 
font-size: 30px; 
font-weight:lighter; 
font-family: six caps; 
line-height: 110%;
letter-spacing:0px;
text-shadow: #000000 1px 1px 0px;              
}


.boardtitle3{
color: #b0b0b0; 
text-transform: lowercase; 
font-size: 30px; 
font-weight:lighter; 
font-family: libra;
line-height: 100%; 
letter-spacing: -2px;
text-shadow: #000000 1px 1px 0px; 
}

.boardtitle3:hover {
color: #442e36; 
text-transform: lowercase; 
font-size: 30px; 
font-weight:lighter; 
font-family: libra; 
line-height: 100%;
letter-spacing: -2px;
text-shadow: #000000 1px 1px 0px;              
}

.linehead1 {
color: #442e36; 
text-transform: uppercase; 
font-size:8.6pt; 
font-family: gisha;
font-weight: bold;
text-shadow: #000000 1px 1px 0px; 
}

.linehead2 {
color: #442e36; 
text-transform: uppercase; 
font-size:7.3pt; 
font-family: gisha;
font-weight: bold;
text-shadow: #000000 1px 1px 0px; 
}

.linehead3 {color: #b0b0b0;
letter-spacing:0px;
FONT-SIZE: 10.5pt;
font-weight: italic;
font-family: Economica;
text-decoration: none;
text-shadow: #000000 1px 1px 0px;
text-transform: uppercase;
}

.linehead4 {color: #442e36;
letter-spacing:0px;
FONT-SIZE: 10.5pt;
font-weight: italic;
font-family: Economica;
text-decoration: none;
text-shadow: #000000 1px 1px 0px;
text-transform: uppercase;
}

.midline {line-height: 80%; color: #442e36; letter-spacing: -1px; font-family: 'dorsa'; font-size: 77px; text-transform: lowercase; text-align: center;}

.midline middle {color: #9a9194;}

headpoint {color: #b0b0b0; text-shadow: #000000 1px 1px 0px; line-height: 120%; font-size: 14px; letter-spacing: 1px; padding-left: 10px; padding-right: 10px; background: #442e36; text-transform: uppercase; border-radius: 11px;}

headpoint hb {color: #161616; text-shadow: none; font-style: italic; padding-left: 10px; padding-right: 10px; background: #665159; border-radius: 11px;}

highlight {background-color: #93858a; font-family: economica; text-transform: uppercase; color: #161616; font-size: 9.0pt; letter-spacing: 1px; line-height: 100%; padding-left: 2px; padding-right: 2px;}

.tableinbordercolor1 {
	color: #1c1c1c;
	background-color: #1c1c1c;
}

.tableoutbordercolor1 {
	color:#442e36;
	background-color: #442e36;
}

.whiteboard  margin:0 auto; width:540px; line-height:100%; }
.whiteboard span {  font-size:25px; color:black; font-family:comic sans ms; }
.whiteboard .mspic1, .whiteboard .mspic2, .whiteboard .mspic3 { margin-right:-50px; margin-left:-50px; margin-bottom:-50px; margin-top: -20px; }
.whiteboard .mspic1:hover, .whiteboard .mspic2:hover, .whiteboard .mspic3:hover { -moz-transform:rotate(0deg) scale(1); -webkit-transform:rotate(0deg) scale(1); z-index:40; position:relative; }
.whiteboard .mspic1 { border:1px solid black; background-color:white; padding:2px; -moz-transform:rotate(0deg) scale(.50); -moz-transition: all .75s ease-in-out; -webkit-transform:rotate(0deg) scale(.50); -webkit-transition: all .75s ease-in-out; }
.whiteboard .mspic2 { border:1px solid black; background-color:white; padding:2px; -moz-transform:rotate(0deg) scale(.50); -moz-transition: all .75s ease-in-out; -webkit-transform:rotate(0deg) scale(.50); -webkit-transition: all .75s ease-in-out; }
.whiteboard .mspic3 { border:1px solid black; background-color:white; padding:2px; -moz-transform:rotate(0deg) scale(.50); -moz-transition: all .75s ease-in-out;-webkit-transform:rotate(0deg) scale(.50); -webkit-transition: all .75s ease-in-out; }

.zweitcharaktere  margin:0 auto; width:540px; line-height:100%; }
.zweitcharaktere span {  font-size:25px; color:black; font-family:comic sans ms; }
.zweitcharaktere .zcpic1, .zweitcharaktere .zcpic2, .zweitcharaktere .zcpic3 { margin-right:-35px; margin-left:-35px; margin-bottom: -50px;  margin-top: -50px; }
.zweitcharaktere .zcpic1:hover, .zweitcharaktere .zcpic2:hover, .zweitcharaktere .zcpic3:hover { -moz-transform:rotate(0deg) scale(1); -webkit-transform:rotate(0deg) scale(1); z-index:40; position:relative; }
.zweitcharaktere .zcpic1 { border:1px solid black; background-color:white; padding:2px; -moz-transform:rotate(0deg) scale(.50); -moz-transition: all .75s ease-in-out; -webkit-transform:rotate(0deg) scale(.50); -webkit-transition: all .75s ease-in-out; }
.zweitcharaktere .zcpic2 { border:1px solid black; background-color:white; padding:2px; -moz-transform:rotate(0deg) scale(.50); -moz-transition: all .75s ease-in-out; -webkit-transform:rotate(0deg) scale(.50); -webkit-transition: all .75s ease-in-out; }
.zweitcharaktere .zcpic3 { border:1px solid black; background-color:white; padding:2px; -moz-transform:rotate(0deg) scale(.50); -moz-transition: all .75s ease-in-out;-webkit-transform:rotate(0deg) scale(.50); -webkit-transition: all .75s ease-in-out; }