* {margin: 0; padding: 0;}

@font-face {
  font-family: 'LoveYaLikeASister';
  font-style: normal;
  font-weight: 400;
  src: local('Love Ya Like A Sister Regular'), local('LoveYaLikeASister-Regular'), url(../fonts/LoveYaLikeASister-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,body{height:100%}

body {
   background-color:#000000;
   /*font-size: 1.3em;
   line-height: 1.3em;*/
   color:#FFFFFF;
   font-family:  Verdana;
   /*font-size:16px;
   font-size:100%;*/
   }

label {
}

.fett {
    font-weight: bold;
   }

.kursiv {
    font-style: italic;
   }

.blau {
    font-weight: bold;
    font-size: 1.1em;
    color:#009daf;
   }

 .klein{
 	font-size: 0.8em;

}

.oben {
	margin-left:auto;
  margin-right:auto;
  margin-top:4%;
	text-align: center;

}

div.tophole {
    float: left;
    height: 50%;
    margin-bottom: -270px;
    width: 1px;
}

.main_content {
	 position:absolute;
	 margin: 0;
   background-color:#000000;
   width:100%;
   height:100%;

}

.logo_content {
   background-color:#000000;
   position: relative;
   text-align: center;
   height:436px;
   clear:left;
}

a, .homelink a {
	text-decoration:none;
	color:#FFFFFF;
}

a:hover {
	text-decoration:none;
	color:#009daf;
}

.homelink a:hover {
	text-decoration:none;
	color:#009daf;
	background-image:url(../images/arrow_right_blue.png);
	background-repeat:no-repeat;
  background-position:left top;
}



.homelinksmall a:hover {
	text-decoration:none;
	color:#009daf;
	background-image:url(../images/arrow_right_small_blau.png);
	background-repeat:no-repeat;
  background-position:left 2px;
}

.homelinksmallohne a:hover {
	text-decoration:none;
	color:#009daf;
}

.homelinksmalldisabled {
	text-decoration:none;
	color:#999999;
	font-weight: bold;
	background-image:url(../images/arrow_right_white_small.png);
	background-repeat:no-repeat;
   background-position:left 4px;
}

a.fett:hover {
	text-decoration:none;
	color:#009daf;
	font-weight:bold;
}

li a, .blau a, .navi_m a, .navi_m_klein a {
	text-decoration:none;
	color:#009daf;
}

h1.amatic {
		font-family: 'Amatic SC', Verdana, serif; font-weight: 400;
		letter-spacing: 0.1em;
		text-shadow: 0px 2px 2px #ffffff;
		line-height: 1.4em;
	}

h3.loveya {
		font-family: 'LoveYaLikeASister', Verdana, cursive;
		letter-spacing: 0.1em;
		line-height: 1.4em;
	}

p.header {
		font-size: 1.2em;
		line-height: 1.5em;
		font-weight:bold;
	}

.homelink {
	font-weight: bold;
	background-image:url(../images/arrow_right_white.png);
	background-repeat:no-repeat;
  background-position:left top;
}

.playMusic {
	font-weight: bold;
	background-image:url(../images/arrow_right_white_small.png);
	background-repeat:no-repeat;
  background-position:left 2px;
}

div.playMusic:hover {
	color:#009daf;
	background-image:url(../images/arrow_right_small_blau.png);
}

.homelinksmall {
	font-weight: bold;
	background-image:url(../images/arrow_right_white_small.png);
	background-repeat:no-repeat;
  background-position:left 2px;
}

.homelinksmallohne {
	font-weight: bold;
}

.navi {
	position:absolute;
	top:0;
  left:0;
  background-color:#EEEEEE;
  width:100%;
  height:70px;
}

.navicont {
	position:relative;
	top:25%;
  left:20px;
  width:90%;
}

#navi_ul li {
	list-style-type:none;
	float:left;
	margin-left:5%;
	margin-top:0.5%;
	color:#009daf;
}

#navi_ul #logoff {
   cursor:pointer;
}

.navi_m {
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:bold;
	color:#009daf;
	border-bottom:1px #009daf solid;
	background: linear-gradient(to bottom, #DDDDDD, #FFFFFF);
	background: -webkit-linear-gradient(to bottom, #DDDDDD, #FFFFFF);
	background: -moz-linear-gradient(to bottom, #DDDDDD, #FFFFFF);
	background: -ms-linear-gradient(to bottom, #DDDDDD #FFFFFF);
}

.navi_m_ohne {
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:30px;
	font-weight:bold;
	color:#009daf;
	border-bottom:1px #009daf solid;
	width:100%;
}

.navi_m_klein {
	padding-left:7px;
	padding-right:7px;
	padding-bottom:15px;
	font-size:0.8em;
	color:#009daf;
	float:left;
}

.homeDiv {
	position:absolute;
	top:71px;
	width:100%;
	height:100%;
	background-image:url(../images/Wallpaper_Torwaechter1_1280.jpg);
  background-repeat:no-repeat;
  background-position:center top;
  background-size: auto 95%;
}

.homeText {
	font-size: 1em;
	line-height: 1.3em;
	width:86%;
	margin-top:15%;
  margin-left:7%;
  margin-right:7%;
	}

.monatskick {
	position:absolute;
	top:71px;
	width:100%;
	background-image:url(../images/wallpapertorwachter2_1280.jpg);
  background-repeat:no-repeat;
  background-position:center top;
  background-size: auto 95%;

}

.monatskickText {
	font-size: 1em;
	line-height: 1.3em;
	width:86%;
	margin-top:15%;
  margin-left:7%;
	}


.lesestoff {
	position:absolute;
	top:71px;
	height:100%;
	width:100%;
}

.regal {
	position:absolute;
	top:71px;
	width:100%;
}

.regal_text {
	width:85%;
	margin-left:5%;
  margin-right:5%;
}

.regal_rechts {
	position:absolute;
	top:0;
	left:70%;
	height:100%;
	width:25%;
  margin-right:5%;
  float:left;
}

.info {
	position:absolute;
	top:71px;
	height:100%;
	width:100%;
  margin-right:7%;
}


.info_text {
	font-size: 1em;
	line-height: 1.3em;
	width:86%;
		margin-left:7%;

	margin-top:15%;
	}

.infospalte {
	margin-top:8%;
  margin-right:10%;
}

.buecherregalspalte {
	width:90%;
	margin-top:60px;
  margin-right:5%;
}

.regal_aktuell {
	margin-top:120px;
	width:100%;
	border:1px solid #fff;
}

.regal_aktuell_header {
   font-family: 'Love Ya Like A Sister', Verdana, cursive;
	letter-spacing: 0.1em;
	height:25px;
	background-color:#FFF;
	color:#000;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.regal_aktuell_text {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.balkenumrandung {
	margin-top:10px;
	margin-bottom:10px;
	width:200px;
	height:20px;
	border-width:2px;
	background-color:#000000;
	border-color:#009daf;
	border-style:inset;
}

.balken {
	/* width:40px; */
	height:20px;
	background-color:#009daf;
}

.loginDiv {
	margin:2% auto;
	margin-top:71px;;
	width:90%;
  background-color:#FFFFFF;
  color:#000000;
  padding:2%;
}

.loginHeader {
	margin:2% auto;
	position:relative;
	top:8%;
	width:50%;
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight:bold;
  background-color:#009daf;
  color:#FFFFFF;
  padding:1%;
  text-align:center;
  border-radius:0.5em;
}

.loginText {
	text-align:center;
	width:100%;
	font-size: 1em;
	line-height: 1.3em;
	position:relative;
	top:15%;
}

.explanation{
	width:95%;
	margin:auto;
	margin-top: 2%;
	text-align:left;
}

input.myInput, textarea.myInput{
	width:100%;
	margin:10px;
	border:1px solid #009daf;
	padding: 4px;
}

select.myInput{
	width:100%;
	margin:10px 0px 10px 10px;
	border:1px solid #009daf;
	padding: 4px;
}

input.myCheck{
	border:2px solid #009daf;
}

.twbutton {
   background-color:#009daf;
   color:#ffffff;
   padding:3px;
}

td.hlabel {
   display:none;
}

.myTRInput {
   display: none;
}


.footer {
   display: none;
}

.pseudoa:hover {
   color: #009daf;
   cursor:pointer;
	background-image:url(../images/arrow_right_blue.png);
	background-repeat:no-repeat;
   background-position: 0px 0px;
}


.tbl_traders {
  border:none;
  padding:0px;
  border-spacing: 0px;
  font-size: 0.9em;
}

.tbl_traders .lnk {
  margin-top: 8px;
  cursor:pointer;
}

.tbl_traders .lnk:hover {
   color: #009daf;
}

.tbl_traders .newland {
  margin-top: 20px;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  font-weight: bold;
}

.tbl_traders table {
  width:100%;
  border:none;
  margin:0px 0px 10px 10px;
}

.tbl_traders table .tdhnd{
   cursor:pointer;
   text-align:left;
   padding-left: 5px;
   padding-right:5px;
   border-left: 20px solid #009daf;
   font-weight:bold;
}

.tbl_traders table .tdbest{
   cursor:pointer;
   text-align:left;
   padding-left: 5px;
   padding-right:5px;
   border-left: 20px solid #000000;
   font-weight:bold;
   color: #009daf;
	background-image:url(../images/arrow_right_blue.png);
	background-repeat:no-repeat;
   background-position: 4px 0px;
}

.tbl_traders table .tdstr {
   text-align:left;
   padding: 0px 5px 0px 5px;
   border-left: 20px solid #000000;
}

.tbl_traders table .tdplz {
   text-align:left;
   padding: 0px 5px 0px 5px;
   width: 3%;
   border-left: 20px solid #000000;
}

.tbl_traders table .td2 {
   padding: 0px 5px 0px 5px;
   text-align:left;
}

div .traders_hint {
  color: #eeeeee;
  font-size: 0.8em;
  line-height: 1.3em;
  margin: 20px 7px 7px 7px;
}


#noscript_info {
    color: #000000;
    width: 100%;
    padding: 0.75rem 2rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    background-color: #FFFCE0;
    border-bottom: 1px solid #DFA941;
    border-top: 1px solid #DFA941;
    position: fixed;
    margin-top: 5rem;
    z-index: 1000;
}