body{   
	background-color:#ccc;
	background-image: url('images/layout/bg.jpg');
background-attachment:fixed!important;
background-position: top;
    line-height: 24px;
	margin: auto;
	padding-top: 8px;
	cursor: default;
}


.infobuch1 td a{
 color: #8e2558;
text-shadow: 1px 0px #fff;
}

a { 

color: #2b1e30;
text-shadow: 2px #b5c1b8, -1px -1px #fff;

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
        text-decoration:none;cursor: pointer;}
*::-moz-selection {
    background-color: #acbec9;
}
*::selection {
    background-color: #acbec9;
}

ol {

text-align: left;
list-style-position: outside;
}

 li {
 list-style-position: outside;
 }

a:hover{
        color:#8f73eb;	
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
        text-decoration:none;cursor: pointer;

}
img{ 
  border-Layout3: none;
}

b { 
  color:#4e376f;
  text-shadow: 1px 0px #ffffff;	
}

.quotetext b{
  color: #150912;
  text-shadow: 1px 0px #000;
}

i {
 color: #8e2558;
}

.quotetext i {      
 color:#47404e;
 text-shadow: 1px 0px #ffffff;			
}

u {
 color:#8e2558;text-shadow:1px 1px 0px #000;
}

ol,ul {
 list-style:none;
}

td{
color: #2B1E30;
}

.bg0
{
background-color: rgba(255, 255, 255, 0.4);

}
.bg1
{
background-color: rgba(190, 166, 162, 0.4);

}

.container{
margin: 0 auto;	
margin-top: 427px;
width:1281px; 
min-height: 200px;
}

.header{
z-index: 91;
width: 903px;
height: 435px;
background-repeat: no-repeat;
margin-top: -435px;
position: absolute;
margin-left: 90px;
}

.leiste{
    z-index: 9;
    position:absolute;
margin-left: 0px;
margin-top: 0px;
top: 0px;
}

.auswahl{
    z-index: 99;
    position:absolute;
margin-left: 30px;
margin-top: 0px;
top: 0px;
}

.auswahl2{
    z-index: 99;
    position:absolute;
margin-left: 30px;
margin-top: 135px;
top: 0px;
}

.navigation {
position: absolute;
z-index: 19;
margin-left: 1010px;
width: 262px;
background-image: url('images/layout/navigation.png');
background-repeat: repeat-y;
min-height: 7px;
margin-top: -398px;
padding-top: 170px;
padding-left: 5px;
padding-bottom: 16px;
}

.nextepi{
z-index: 99;
position: absolute;
margin-left: 715px;
margin-top: 323px;
top: 0px;
padding: 5px;
height: 80px;
width: 160px;
text-align: center;
margin-bottom: 20px;
}


.tv{
z-index: 2;
position: absolute;
margin-left: 17px;
margin-top: -37px;
top: 0px;
}

.tv2{
z-index: 1;
position: absolute;
margin-left: 48px;
top: -30px;
}

.tv2 img{
height: 158px;
width: 158px;
}

.contoben{
position: absolute;
z-index: 99;
margin-top: -61px;
margin-left: 85px;
}

.content{
z-index: 2;
width: 886px;
margin-top: 14px;
text-align: center;
position: relative;
margin: auto;
padding-bottom: 20px;
}

.footer{
clear: both;
position: relative;
bottom: 0px;
height: 115px;
background-image: url('images/layout/footer.png');
background-repeat: no-repeat;
margin-left: 85px;
width: 903px;
padding-left: 50px;
padding-top: 20px;
}

.counter{
    margin-top: -37px;
margin-left: 350px;
color: #b7b7b7;
}

.counter a{
color: #a489ba;
}

.footer img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(50%);
	opacity: 0.5;
	display: inline-block;
	transition: all 0.5s;
}

.footer img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1;
}

.linkme{
    margin-left: 30px;
}
/* ==========================================================================
   ???
   ========================================================================== */


.leaf{
position: absolute;
margin-left: 0px;
margin-top: 30px;
top: 10px;
height: 325px;
width: 320px;
z-index: 2;
}




.tabellenextepi{
margin-left: 13px;
margin-top: 5px;
}

.nextepiprozent{
margin-left: 3px;
margin-top: -13px;
}


#content{
z-index: 2;
float: left;
width: 900px;
padding-left: 70px;
margin-top: -80px;
text-align: center;
position: relative;
}


#sidebar{
z-index: 2;
float: right;
margin: -32px 47px 0px 0px;
padding-left: 0px;
color: #555;
position: relative;
}

.cyber img{
margin-left: -3px;
}

.naviwing{
margin-top: -48px;
margin-left: -10px;
margin-bottom: -20px;}


.storytable{
background-image: url(images/story/storybg.jpg);
height: 433px;
width: 828px;
}

.charaktertable{
background-image: url(images/dogma/charakter/charabg.png);
background-repeat: no-repeat;
height: 891px;
width: 727px;
}

.ncharaktertable{
background-image: url(images/dogma/charakter/ncharabg.png);
background-repeat: no-repeat;
height: 349px;
width: 727px;
}

.ndcharaktertable{
background-image: url(images/dogma/charakter/ndcharabg.png);
background-repeat: no-repeat;
height: 213px;
width: 863px;
}

.shoutbox{
background-image: url(images/layout/shoutbox.png);
background-repeat: no-repeat;
height: 191px;
width: 728px;
}




.priontable{
background-image: url(images/dogma/charakter/prionbg.png);
background-repeat: no-repeat;
height: 550px;
width: 708px;
margin-top: -10px;
}


.hcharabild{
margin-top: -10px;
margin-left: 10px;
}


#affibox{
background-image: url('images/layout/affi/affibox.png');
background-repeat: no-repeat;
z-index: 9;
height: 339px;
width: 255px;
position: absolute;
margin-left: 37px;
top: 163px;
padding: 45px 20px 20px 31px;
}

.eden{
padding-left: 5px;
margin-top: -10px;
}

.echoes{
padding-left: 5px;
margin-top: -5px;
}




.stars {
  background: url(images/layout/stars.png) repeat top center;
  z-index:0;
    position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
}

.flash{
z-index: 999;
position:absolute;
margin-left: 240px;
margin-top: 00px;
top: 0;
}

.head{
z-index: 99;
position:absolute;
margin-left: 0px;
margin-top: 0px;
top: 0px;
}




#newsava{
padding-left:28px;
margin-top: -4px;
}



.leiste0{
position: absolute;
margin-left: 305px;
margin-top: 367px;
top: 0px;
z-index: 2;
}

.leiste1{
position: absolute;
margin-left: 615px;
margin-top: 370px;
top: 0px;
z-index: 2;
}

.leiste2{
position: absolute;
margin-left: 685px;
margin-top: 370px;
top: 0px;
z-index: 2;
}

.leiste3{
position: absolute;
margin-left: 770px;
margin-top: 370px;
top: 0px;
z-index: 2;
}

.leiste4{
position: absolute;
margin-left: 880px;
margin-top: 370px;
top: 0px;
z-index: 2;
}

.leiste5{
position: absolute;
margin-left: 955px;
margin-top: 370px;
top: 0px;
z-index: 3;
}

.leisteoben{
position: absolute;
margin-left: 1186px;
margin-top: -105px;
z-index: 4;
height: 347px;
width: 77px;
background-image: url("images/layout/affi/affibg.png");
background-repeat: no-repeat;
}


.affis{
position: absolute;
margin-left: 22px;
margin-top: 57px;
}

.aff img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(50%);
	opacity: 0.5;
	display: inline-block;
	transition: all 0.5s;
}

.aff img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1;
}
   

.affi1{
z-index: 999;
position: absolute;
margin-left: 6px;
margin-top: -90px;
}

.affi2{
z-index: 999;
position: absolute;
margin-left: 26px;
margin-top: -55px;
}

.affi3{
z-index: 999;
position: absolute;
margin-left: 202px;
margin-top: -90px;
}

.affi4{
z-index: 999;
position: absolute;
margin-left: 183px;
margin-top: -55px;
}

#swf{


	z-index: 999;
	position: absolute;
	margin-left: 400px;
	top: 5px;

}

.naviver{
margin-top: 15px;
margin-left: -15px;
position: absolute;
}
.navibild{
margin-bottom: 0px;
margin-left: 5px;
}

.navibild2{
margin-bottom: -10px;
margin-top: 15px;
margin-left: -10px;
}

.tbnavi{
background:url(images/layout/navi/navimitte.png);
}


.tbnews{
background:url(images/layout/newsmitte.png);
padding: 0px 10px 0px 10px;
color: #fff;
}



#nextepi2{
margin-top: 30px;
margin-left: 55px;
padding: 5px;
height: 26px;
width: 160px;
text-align: center;
margin-bottom: 20px;
}

.epilay{
margin-top: -10px;
}

.navitable{
padding-top: 15px;
}


.nav{
text-transform: uppercase;
color: #ECECEF;
padding-left: 20px;
padding-top: 0px;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #3E0A0A;
background: transparent url("images/layout/navi/nav.png") no-repeat scroll left center;
float: left;
font-family: georgia;
font-style: italic;
font-size: 11px;
height: 28px;
width: 80px;
margin-left: 15px;
border-bottom: 1px dotted #9F9F9F;
opacity: 0.7;
}

.nav:hover{
text-transform: uppercase;
padding-left: 20px;
padding-top: 0px;
letter-spacing: 1px;
background: url('images/layout/navi/nav2.png') no-repeat scroll right center transparent;
background-color: rgba(59, 44, 53, 0.5);
float: left;
text-decoration: none;
font-family: georgia;
font-style: italic;
font-size: 11px;
height: 28px;
width: 80px;
margin-left: 15px;
border-bottom: 1px dotted #9F9F9F;
opacity: 0.7;
}

.nav2{
text-transform: uppercase;
color: #ECECEF;
padding-left: 20px;
padding-top: 0px;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #3E0A0A;
background: url('images/layout/navi/nav.png') no-repeat scroll left center transparent;
float: left;
text-decoration: none;
font-family: georgia;
font-style: italic;
font-size: 11px;
height: 28px;
width: 200px;
margin-left: 15px;
border-bottom: 1px dotted #7383B3;
opacity: 0.7;
}

.nav2:hover{
text-transform: uppercase;
letter-spacing: 1px;
background: url('images/layout/navi/nav2.png') no-repeat scroll right center transparent;
background-color: rgba(59, 44, 53, 0.5);
float: left;
text-decoration: none;
font-family: georgia;
font-style: italic;
font-size: 11px;
height: 28px;
width: 200px;
margin-left: 15px;
border-bottom: 1px dotted #9F9F9F;
opacity: 0.7;
}

.webmiss{
margin-left: 56px;
}

.webmisstable{
margin-top: -6px;
}

.webmisstable2{
margin-top: 12px;
}

.nav3{
text-transform: uppercase;
color: #46547D;
padding-left: 18px;
padding-top: 1px;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #FFF;
background: url('images/layout/navi/nav.png') no-repeat scroll left center transparent;
float: left;
font-family: georgia;
font-style: italic;
font-size: 11px;
width: 155px;
opacity: 0.7;
height: 19px;
}

.nav3:hover{

color: #a5baf8;
text-shadow: 1px 1px 0px #000;
background: url('images/layout/navi/nav2.png') no-repeat scroll right center transparent;
}

#footer{
clear: both;
position: relative;
bottom: 0px;
text-align: center;
margin-bottom: -68px;
margin-left: 87px;
}

blockquote{
background: rgba(46, 23, 62, 0.48) none repeat scroll 0% 0%;
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5) inset;
width: 700px;
border-bottom: 1px solid #1D1D20;
border-top: 1px solid #1D1D20;
border-radius: 10px;
text-align: center;
padding: 9px;
display: inline-block;
color: #312437;
font-size: 12px;
font-family: georgia,arial;
}


blockquote1{

background-image: url(images/layout/blocktop.png), url(images/layout/blockbottom.png), url(images/layout/blockmitte.png);
background-repeat:  no-repeat, no-repeat, repeat;
background-position:  top, bottom, center;


-webkit-box-shadow:inset 0 0 5px 2px rgba(0, 0, 0, 0.5);
box-shadow:inset 0 0 5px 2px rgba(0, 0, 0, 0.5);

width: 650px;
border-bottom: 3px double #9b9b9b;
border-top: 3px double #9b9b9b;
border-radius: 50px;
text-align: center;
padding: 9px;
display:inline-block;	

color: #312437;	
text-shadow: 1px 0px #ffffff;
font-size: 12px;
font-family: georgia,arial;
              
}

.tabletext{
background: rgba(196, 174, 187, 0.5);
-webkit-box-shadow: 0 0 1px 2px #FFFFFF;
box-shadow: 0 0 0px 1px #FFFFFF;
border: 1px dotted #6E4FA1;
padding: 5px;
text-align: center;
}

.tabletexthistory{
margin-top: 12px;
background: rgba(196, 174, 187, 0.5) none repeat scroll 0% 0%;
box-shadow: 0px 0px 0px 1px #FFF;
border: 1px dotted #6E4FA1;
padding: 5px;
text-align: center;
}

.tabletextstory{
background: rgba(196, 174, 187, 0.5);
-webkit-box-shadow: 0 0 1px 2px #FFFFFF;
box-shadow: 0 0 0px 1px #FFFFFF;
border: 1px dotted #9b9b9b;
padding: 5px;

text-align: center;
}

.tabletextstory td{
background: rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 0 1px 2px #FFFFFF;
box-shadow: 0 0 0px 1px #FFFFFF;
border: 1px dotted #9b9b9b;
padding: 5px;
margin: 5px;
text-align: left;
line-height: 14px;
}
.tabletext td{
background: rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 0 1px 2px #FFFFFF;
box-shadow: 0 0 0px 1px #FFFFFF;
border: 1px dotted #9b9b9b;
padding: 5px;
margin: 5px;
text-align: left;
line-height: 14px;
}

.prismfeinde{
margin-bottom: -20px;
}

.nebenchara{
margin-top: -40px;
margin-top: -40px;
}

.quotetext {
background: rgba(255, 255, 255, 0.25) none repeat scroll 0% 0%;
border: 1px dotted #FFF;
padding: 10px;
margin: 10px;
text-align: left;
}

.quotetext2 {
background: #2D2A2A none repeat scroll 0% 0%;
border: 1px dotted #A988BD;
padding: 10px;
text-align: left;
}

.textfeld{
margin: 0 auto;
background: rgba(219, 227, 231, 0.5) none repeat scroll 0% 0%;
border: 1px solid #FFF;
padding: 5px;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
color: #5B3683;
width: 600px;
}

.textfeldboxnews{
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0, 0.5);
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
padding: 5px;
text-align: left;
color: #000;
background: url('images/layout/boxbg.png');
width: 500px;
}



.textfeldbox{
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0, 0.5);
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
padding: 5px;
text-align: left;
color: #000;
background: url('images/layout/boxbg.png');
}

.textfeldbox2{
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0, 0.5);
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
padding: 5px;
text-align: left;
background: url('images/layout/boxbg2.png');
}

.tablelabel{
width: 120px;}

h1 {
font-family: "Dancing Script",cursive;
font-weight: normal;
font-size: 32px;
color: rgba(255, 255, 255, 0.71);
text-decoration: none;
text-transform: none;
text-align: center;
text-shadow: 1px 1px 1px #406F9C;
height: 76px;
margin: 30px 0px 0px;
padding-top: 5px;
background-image: url("images/layout/h1.png");
background-repeat: no-repeat;
background-position: center top;
}

h2 {
font-family: georgia;
font-weight: normal;
font-style: italic;
font-size: 22px;
color: #FFF;
text-decoration: none;
text-transform: none;
text-align: center;
text-shadow: 1px 1px 1px #6D4454;
height: 30px;
margin-bottom: 8px;
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(99, 40, 111, 0.64) 50%,rgba(0,0,0,0) 100%);
z-index: 2;
position: relative;
padding-top: 5px;
}



h4 {
margin-top: -30px;
padding: 5px 0px 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
font-family: georgia;
font-weight: normal;
font-style: italic;
font-size: 16px;
color: #FFF;
text-decoration: none;
text-transform: none;
text-align: center;
text-shadow: 1px 1px 1px #000;
height: 20px;
margin-bottom: -10px;
background: transparent linear-gradient(to right, transparent 0%, rgba(254, 254, 254, 0.58) 50%, transparent 100%) repeat scroll 0% 0%;
z-index: 2;
position: relative;
margin-left: 13px;
width: 700px;
}

.cbp_tmlabel h4{
margin-top: -30px;
padding: 5px 0px 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
font-family: georgia;
font-weight: normal;
font-style: italic;
font-size: 16px;
color: #FFF;
text-decoration: none;
text-transform: none;
text-align: center;
text-shadow: 1px 1px 1px #000;
height: 20px;
margin-bottom: -10px;
background: transparent linear-gradient(to right, transparent 0%, rgba(254, 254, 254, 0.58) 50%, transparent 100%) repeat scroll 0% 0%;
z-index: 2;
position: relative;
margin-left: 13px;
width: 534px;
}

.charakter h3 {
font-family: georgia;
font-weight: normal;
font-style: italic;
font-size: 22px;
color: #FFF;
padding-top: 5px;
text-decoration: none;
text-transform: none;
text-align: center;
text-shadow: 1px 1px 1px #6D4454;
height: 35px;
margin-bottom: -1px;
background: url('images/layout/h2.png') no-repeat scroll 20px 50%  transparent;
}

#nextprozent{
		
	height: 232px;
	width: 98px;
	background:url(/Layout3/nextepisodebg.png) no-repeat;	
	margin-left: 10px;

}

#nextprozent2{
		

	margin-left: 33px;
	padding-top: 35px;
}



#hcomment{

font-family: georgia;
font-weight: normal;
font-size: 15px;
color: rgb(255, 255, 255);
text-decoration: none;
text-transform: none;
text-align: center;
padding-top: 30px;
padding-left: 200px;
height: 50px;
background: url("/Layout3/images/h2_bg.png") no-repeat scroll 43px 50% transparent;
font-style: italic;
margin-bottom: -20px;
text-shadow: 1px 1px 1px rgb(109, 68, 84);

}
.asktb {
background:url(/Layout3/ask/newstabmitte.png);
text-align:left;
padding-left: 25px;
width: 480px;
vertical-align:middle;
}


#epi {
    background: rgba(255, 255, 255, 0.2);
    padding: 4px;
    border: 1px dotted rgba(84, 78, 96, 0.93)

}
#news {
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    text-align: left;
    width: 600px;
   
    background-image: url("../img/news/bg.png");
    background-repeat:  repeat;
    background-position: left top, right bottom;
  border-color: #784178;
  border-top: 11px solid;
   border-bottom: 11px solid;
    margin: 10px;
}

#shortnews {
    background: rgba(71, 64, 78, 0.26);
    padding: 4px;
	color: #ffffff;
	text-shadow: 1px 0px #000;
    border: 1px dotted rgba(84, 78, 96, 0.93);

}



#longnews {
    padding: 4px;
	color: #000;
	text-shadow: 0px 0px #60596c;
	
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    text-align: left;
    width: 380px;
   
    background-image: url("../img/chara//blog2a.png");
    background-repeat:  repeat;
    background-position: left top, right bottom;
  
    padding: 10px;

}
#newscomment {
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    text-align: left;
    width: 590px;
   
    background-image: url("../img/chara/blog.png");
    background-repeat:  repeat;
    background-position: left top, right bottom;
  border-color: #784178;
  border-top: 11px solid;
   border-bottom: 11px solid;
    padding: 10px;
}
#newscomment2 {
    color: #000000;
    text-shadow: 0px 0px 0px rgb(255, 255, 255);
    text-align: left;
    width: 590px;
   
   
}

#blog {
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    text-align: left;
    width: 680px;
   
    background-image: url("../img/chara/blog.png");
    background-repeat:  repeat;
    background-position: left top, right bottom;
  border-color: #784178;
  border-top: 11px solid;
   border-bottom: 11px solid;
    padding: 10px;
}

#blog2{
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);

    width: 529px;
	height: 268px;
   padding: 20px 51px 10px 50px;
    background-image: url("../img/chara/blog2.png");
    background-repeat:  no-repeat;
   
}

#blog3 {
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    text-align: left;
    width: 703px;
    background-image: url("../img/chara/prolluxtitel.png"), url("../img/chara/blog.png");
    background-repeat: no-repeat, repeat;
    background-position: left top, right bottom;
  border-color: #784178;
  border-top: 11px solid;
   border-bottom: 11px solid;
  
}

#blog4 {
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    text-align: left;
    width: 703px;
    background-image: url("../img/chara/petittitel.png"), url("../img/chara/blog.png");
    background-repeat: no-repeat, repeat;
    background-position: left top, right bottom;
  border-color: #784178;
  border-top: 11px solid;
   border-bottom: 11px solid;
  
}
#blog5 {
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    text-align: left;
    width: 703px;
    background-image: url("../img/chara/vegatitle.png"), url("../img/chara/blog.png");
    background-repeat: no-repeat, repeat;
    background-position: left top, right bottom;
  border-color: #784178;
  border-top: 11px solid;
   border-bottom: 11px solid;
  
}

#blog6 {
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    text-align: left;
    width: 703px;
    background-image: url("../img/chara/deustitel.png"), url("../img/chara/blog.png");
    background-repeat: no-repeat, repeat;
    background-position: left top, right bottom;
  border-color: #784178;
  border-top: 11px solid;
   border-bottom: 11px solid;
  
}



#nebenchara {
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    text-align: left;
    width: 603px;
   
    background-image: url("../img/chara/blog.png");
    background-repeat:  repeat;
    background-position: left top, right bottom;
  border-color: #784178;
  border-top: 11px solid;
   border-bottom: 11px solid;
    padding: 10px;
}


#nebenchara2 {
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    text-align: left;
    width: 680px;
   
    background-image: url("../img/chara//blog2a.png");
    background-repeat:  repeat;
    background-position: left top, right bottom;
  border-color: #784178;
  border-top: 11px solid;
   border-bottom: 11px solid;
    padding: 10px;
}



#charbild {
margin: -67px 0px 0px -10px;
float: left;
overflow: hidden;
padding: 10px;
}

#charbild2{
margin: -7px 0px 0px 40px;
float: left;
overflow: hidden;
padding: 10px;
z-index: 999;
}

#charbildprion0{
margin: -70px 0px 0px -50px;
float: left;
overflow: hidden;
padding: 10px;
z-index: 999;
}

#charbildprion {
margin: -270px 0px 0px 400px;
float: left;
overflow: hidden;
padding: 10px;
z-index: 999999;
}

#charbildprion2 {
margin: -270px 0px 0px 440px;
float: left;
overflow: hidden;
padding: 10px;
z-index: 999999;
}
#charbildprion3 {
margin: -320px 0px 0px 435px;
float: left;
overflow: hidden;
padding: 10px;
z-index: 999999;
}

#chara {
    background: rgba(255, 255, 255, 0.2);
    padding: 4px;
    border: 1px dotted rgba(84, 78, 96, 0.93);
 text-align: center;
}

#chara1 {
    background: rgba(184, 182, 197, 0.5);
    padding: 4px;
    border: 1px dotted rgba(84, 78, 96, 0.93);
 text-align: center;
 color: #FFF;
text-shadow: 1px 0px #000;
}


#nchara1 {
    background: rgba(71, 64, 78, 0.26);
    padding: 4px;
	color: #ffffff;
		
    text-shadow: 1px 0px #47404e;
    border: 1px dotted rgba(84, 78, 96, 0.93);
 text-align: left;
}

#nchara2 {
	color: #000;
text-shadow: 1px 0px #98949f;
 text-align: left;
}

#listen {
    background: rgba(71, 64, 78, 0.26);
    padding: 4px;
    border: 1px dotted rgba(84, 78, 96, 0.93);
 text-align: center;
  background-image: url(voices/CD.png); 
background-repeat:no-repeat;
background-position: 36px 50%;
}


#cd1 {
    background: rgba(190, 166, 162, 0.26);
    padding: 4px;
    border: 1px dotted rgba(84, 78, 96, 0.93);
 text-align: center;

}

#cd2{
    background: rgba(206, 153, 186, 0.26);
    padding: 4px;
    border: 1px dotted rgba(84, 78, 96, 0.93);
 text-align: center;
}

#cd3 {
    background: rgba(153, 174, 206, 0.26);
    padding: 4px;
    border: 1px dotted rgba(84, 78, 96, 0.93);
 text-align: center;
}


#nextepisode {

    width: 177px;
	height: 194px;
    background-image: url("../img/news/next.png");
    background-repeat: no-repeat; 
}

#nextepisodepic {
    padding-left: 13px;
	padding-top: 7px;
}

#nextepitext {
    padding-left: 23px;
	padding-top: 18px;
	    color: #ffffff;
    text-shadow: 1px 1px 0px #47404e;
}


#lastepisode{

    width: 184px;
	height: 194px;
    background-image: url("../img/news/last.png");
    background-repeat: no-repeat; 
}

#lastepisodepic {
    padding-left: 13px;
	padding-top: 7px;
}

#lastepitext{
    padding-left: 23px;
	padding-top: 18px;
	    color: #ffffff;
    text-shadow: 1px 1px 0px #47404e;
}

#newsepisode

{


	font-family:georgia;
    font-weight: normal;
	font-style: italic;
    font-size:22px;
	color: #ffffff;
	
	padding-top: 20px;
	
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-shadow: #6d4454 1px 1px 1px;
		
	height: 65px;
	width: 556px;
	background:url(/Layout3/images/h1.png) no-repeat;	
	
	
margin-left: 125px;
margin-top: 35px;
margin-bottom: 20px;


}
#episodentext{


background-image: url(/Layout3/blocktop.png), url(/Layout3/blockbottom.png), url(/Layout3/blockmitte.png);
background-repeat:  no-repeat, no-repeat, repeat;
background-position:  top, bottom, center;


width: 616px;

    padding: 20px;
	margin-top: -10px;
	margin-left: 80px;
	padding-left: -20px;
				
text-shadow: 1px 0px #343640;
font-size: 12px;
font-family: georgia,arial;


              
}

#umgebung {
    color: #47404e;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    text-align: left;
width: 226px;
height: 233px;
   
    background-image: url("images/welt/umgebungbg.png");
    background-repeat:  norepeat;

    padding: 10px;
}

#wetter{
  
width: 227px;
 padding-left: 10px; 

}

#umgebungpic{
  
 margin-top: -6px; 

}

.infobuch{
    background-image: url("images/info/combg.png");
    background-repeat:  no-repeat;
    padding: 20px;
	width: 414px;
	height: 516px;
}

.fanclubfan{

    background-repeat:  no-repeat;
    padding: 20px;
	width: 414px;
	height: 516px;
}


.hauptdogma{
margin: 15px 0px 0px -70px;
z-index: 9;
position: absolute;
}


.fandanke{
margin: -30px 0px 0px -85px;
z-index: 9;
position: absolute;
}

.charaprion{
margin: -30px 0px 0px -50px;
z-index: 9;
height: 300px;
position: absolute;
}

.newsbox{
width: 200px;
border-radius: 50px;
text-align: center;
padding: 9px;
display: inline-block;
color: #312437;
text-shadow: 1px 0px #FFF;
font-size: 12px;
font-family: georgia,arial;
margin-top: -30px;
margin-left: 20px;
}

.newsava{
margin: 25px 0px 0px -60px;
z-index: 5;
position: absolute;
}

.newsava2{
margin: -15px 0px 0px -100px;
z-index: 9;
position: absolute;
}

/* ==========================================================================
   Charakter
   ========================================================================== */



a, p, li, dt, dl, td, label, input {
	font-family: 'Coda', arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none}

h5 { font-size: 15px; line-height: 180%; 	font-family: 'Coda', arial, sans-serif;
	font-weight: 300;
	color: #444;
	-webkit-transition: color .25s ease;
  -moz-transition: color .25s ease;
  -o-transition: color .25s ease;
  -ms-transition: color .25s ease;
  transition: color .25s ease;
  text-shadow: 0px 0px 1px #bbb;}

h6 { font-size: 13px; line-height: 180%; }

.row {
    padding-left: 35px;
	width: 920px;
	margin: 0px auto;
	clear: both;
}



.four-col {
	width: 25%;
	float:left;
	margin: -19px;
}

.five-col {
	width: 20%;
	float:left;
	margin: 0;
}

.six-col {
	width: 16.66666666%;
	float:left;
	margin: 0;
}

.inner1 {
	background-image: url('../img/chara/prollux1.png');
    padding: 5px;

    height: 170px;
     width: 149px;
	overflow: hidden;
}

.inner2 {
	background-image: url('../img/chara/Vega1.png');
    padding: 5px;

    height: 170px;
     width: 149px;
	overflow: hidden;
}

.inner3 {
	background-image: url('../img/chara/petit1.png');
    padding: 5px;

    height: 170px;
     width: 149px;
	overflow: hidden;
}


.inner {
	background-image: url('../img/team/face.jpg');
    padding: 5px;

    height: 170px;
     width: 149px;
	overflow: hidden;
}



div[class^="style-"] h1,
div[class^="style-"] h2,
div[class^="style-"] h3,
div[class^="style-"] h4,
div[class^="style-"] h5,
div[class^="style-"] h6 {
	text-shadow: none;
	cursor: pointer;

	padding-right: 45px;
	border-bottom: 1px solid rgba(0,0,0,0.3); color:#fff; text-shadow: 1px 1px #000;
}
.member-profile h1,
.member-profile h2,
.member-profile h3,
.member-profile h4,
.member-profile h5,
.member-profile h6
{
	text-align: center;
	text-shadow: none;
	cursor: pointer;
	padding: 0 0 7px 0;
	padding: 10px 0 4px 0 !important;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	
}

.member-designation {
	color: #fff;	margin-top: -25px;
}



.style-three:hover p.line-ten, .style-five:hover p.line-ten, .style-six:hover p.line-ten, .style-seven:hover p.line-ten, .style-eight:hover p.line-ten {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 10%;} 
.style-three:hover p.line-fifteen, .style-five:hover p.line-fifteen, .style-six:hover p.line-fifteen, .style-seven:hover p.line-fifteen, .style-eight:hover p.line-fifteen {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 15%;} 
.style-three:hover p.line-twenty, .style-five:hover p.line-twenty, .style-six:hover p.line-twenty, .style-seven:hover p.line-twenty, .style-eight:hover p.line-twenty {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 20%;} 
.style-three:hover p.line-twentyfive, .style-five:hover p.line-twentyfive, .style-six:hover p.line-twentyfive, .style-seven:hover p.line-twentyfive, .style-eight:hover p.line-twentyfive {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 25%;} 
.style-three:hover p.line-thirty, .style-five:hover p.line-thirty, .style-six:hover p.line-thirty, .style-seven:hover p.line-thirty, .style-eight:hover p.line-thirty {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 30%;} 
.style-three:hover p.line-thirtyfive, .style-five:hover p.line-thirtyfive, .style-six:hover p.line-thirtyfive, .style-seven:hover p.line-thirtyfive, .style-eight:hover p.line-thirtyfive {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 35%;} 
.style-three:hover p.line-fourty, .style-five:hover p.line-fourty, .style-six:hover p.line-fourty, .style-seven:hover p.line-fourty, .style-eight:hover p.line-fourty {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 40%;} 
.style-three:hover p.line-fourtyfive, .style-five:hover p.line-fourtyfive, .style-six:hover p.line-fourtyfive, .style-seven:hover p.line-fourtyfive, .style-eight:hover p.line-fourtyfive {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 45%;} 
.style-three:hover p.line-fifty, .style-five:hover p.line-fifty, .style-six:hover p.line-fifty, .style-seven:hover p.line-fifty, .style-eight:hover p.line-fifty {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 50%;} 
.style-three:hover p.line-fiftyfive, .style-five:hover p.line-fiftyfive, .style-six:hover p.line-fiftyfive, .style-seven:hover p.line-fiftyfive, .style-eight:hover p.line-fiftyfive {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 55%;} 
.style-three:hover p.line-sixty, .style-five:hover p.line-sixty, .style-six:hover p.line-sixty, .style-seven:hover p.line-sixty, .style-eight:hover p.line-sixty {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 60%;} 
.style-three:hover p.line-sixtyfive, .style-five:hover p.line-sixtyfive, .style-six:hover p.line-sixtyfive, .style-seven:hover p.line-sixtyfive, .style-eight:hover p.line-sixtyfive {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 65%;} 
.style-three:hover p.line-seventy, .style-five:hover p.line-seventy, .style-six:hover p.line-seventy, .style-seven:hover p.line-seventy, .style-eight:hover p.line-seventy {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 70%;} 
.style-three:hover p.line-seventyfive, .style-five:hover p.line-seventyfive, .style-six:hover p.line-seventyfive, .style-seven:hover p.line-seventyfive, .style-eight:hover p.line-seventyfive {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 75%;} 
.style-three:hover p.line-eighty, .style-five:hover p.line-eighty, .style-six:hover p.line-eighty, .style-seven:hover p.line-eighty, .style-eight:hover p.line-eighty {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 80%;} 
.style-three:hover p.line-eightyfive, .style-five:hover p.line-eightyfive, .style-six:hover p.line-eightyfive, .style-seven:hover p.line-eightyfive, .style-eight:hover p.line-eightyfive {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 85%;} 
.style-three:hover p.line-ninety, .style-five:hover p.line-ninety, .style-six:hover p.line-ninety, .style-seven:hover p.line-ninety, .style-eight:hover p.line-ninety {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 90%;} 
.style-three:hover p.line-ninetyfive, .style-five:hover p.line-ninetyfive, .style-six:hover p.line-ninetyfive, .style-seven:hover p.line-ninetyfive, .style-eight:hover p.line-ninetyfive {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 95%;} 
.style-three:hover p.line-hundred, .style-five:hover p.line-hundred, .style-six:hover p.line-hundred, .style-seven:hover p.line-hundred, .style-eight:hover p.line-hundred {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; width: 100%;}



/*********** Media Querries *************/


/*     Style Five     */

.style-five-description {
	position: relative;
	z-index: 0;


}

.style-five .member-name,
.style-five .style-five-description p.member-designation {
	text-align: right !important;
}

.style-five .member-name2,
.style-five .style-five-description p.member-designation {
	text-align: right !important;
	padding-right: 27px;
}

.style-five .member-name3,
.style-five .style-five-description p.member-designation {
	text-align: right !important;
	padding-right: 13px;
}

.style-five .style-five-description p.member-designation {
	margin-bottom: 15px;
	color: #fff;
}

.style-five-image {
	position: absolute;
	z-index: 2;
	width: 80%;
	top: 0;
	left: 10px;
	-webkit-transition: all .4s ease-out !important;
	-moz-transition: all .4s ease-out !important;
	-o-transition: all .4s ease-out !important;
	-ms-transition: all .4s ease-out !important;
	transition: all .4s ease-out !important;
}

.style-five:hover .style-five-image {
	width: 40%;
	border-radius: 50%;
	top: -10%;
	left: -5%;
	z-index: 1000;
	border: 1px solid rgba(0,0,0,0.3);
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.28);
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<Gallery>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.gallerynew{
position: absolute;
z-index: 4;
margin-top: 85px;
margin-left: -70px;
}

.lb-album{
z-index: 4;
width: 800px;
margin: 0px auto;
font-family: "BebasNeueRegular","Arial Narrow",Arial,sans-serif;
}
.lb-album li{
	float: left;
	margin: 5px;
	position: relative;
}
.lb-album li > a,
.lb-album li > a img{
	display: block;
	z-index: 2;
}
.lb-album li > a{
	width: 140px;
	height: 100px;
	position: relative;
	padding: 10px;
border-radius:15px;


}
.lb-album li > a span{
	position: absolute;
	z-index: 9;
	width: 100px;
	height: 100px;
	top: 10px;
	left: 10px;
	text-align: center;
	line-height: 150px;
	color: rgba(27,54,81,0.8);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	font-size: 24px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(195, 196, 211);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(195, 196, 211,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(195, 196, 211,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(195, 196, 211,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(195, 196, 211,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(195, 196, 211,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(195, 196, 211,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.lb-album li > a:hover span{
	opacity: 1;
	z-index: 9;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 9;
	text-align: center;
	background: radial-gradient(ellipse farthest-corner at center center , rgba(0, 0, 0, 0.56) 0%, #3c3a52 100%) repeat scroll 0% 0% transparent;
}
.lb-overlay > div{
z-index: 9;
position: relative;
color: rgba(197, 197, 197, 0.8);
width: 550px;
height: 80px;
margin: 40px auto 0px;
text-shadow: 0px 1px 1px #000;
}
.lb-overlay div h3,
.lb-overlay div p{
	padding: 0px 20px;
	width: 200px;
	height: 23px;
}
.lb-overlay div h3{
	padding-top: 8px;
	font-size: 16px;
	float: left;
	text-align: right;
	border-right: 1px solid rgba(27,54,81,0.4);
}
.lb-overlay div h3 span,
.lb-overlay div p{
	font-size: 16px;
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-style: italic;
}
.lb-overlay div h3 span{
	display: block;
	line-height: 6px;
}
.lb-overlay div p{
	padding-top: 8px;
	font-size: 14px;
	text-align: left;
	float: left;
	width: 260px;
	z-index: 9;
}
.lb-overlay a.lb-close{
	z-index: 999999;
	position: absolute;
top: 490px;
left: 73%;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	width: 111px;
	height: 69px;
	margin-left: -85px;
	border: none;
	margin-top: 60px;
	
     background-image: url(Gallery/schliesen.png);
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	z-index: 9;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
.lb-prev, .lb-next{
	text-indent: -9000px;
	position: absolute;
	top: -32px;
	width: 24px;
	height: 25px;
	left: 50%;
	opacity: 0.8;
	filter: alpha(opacity=80); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*IE8*/
}
.lb-prev:hover, .lb-next:hover{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-prev{
	margin-left: -30px;
	background: transparent url(Gallery/arrows.png) no-repeat top left;
}
.lb-next{
	margin-left: 6px;
	background: transparent url(Gallery/arrows.png) no-repeat top right;
}

.lb-overlay:target {
	width: auto;
	height: auto;
	z-index: 9;

	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img,
.lb-overlay:target a.lb-close{
z-index: 9;
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
	z-index: 9;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<Gallery Ende>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/